/* CSS */


body {
	/*PADDING ORDER = Top Right Bottom Left */
 margin:0px 0px 0px 0px;
		padding:0px; 
text-align: center;
	/*background: url(VineAssets/Strip.jpg) repeat-x;*/
	background-color: #000000;
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	 font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	}
	
	form {
	width:156px;
	background:#e9e6e6;
	margin-left: 0px;
	
}

label {
	width:150px;
	display:block;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*margin-left:20px;*/
	/*letter-spacing:1px;*/
}
	
#headingBOX {
	width:410px;
	/*height:27px;*/
	background:#e9e6e6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #336600;
	padding:10px 10px 10px 10px;
	margin-top:0px;
	/*margin-left:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight: normal;
	text-align: left;
	color:#3a3a3a;
}



#leftSideBOX {
	width:145px;
	/*height:27px;*/
	background:#006600;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #336600;
	padding:5px 5px 5px 5px;
	margin-top:0px;
	/*margin-left:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight: normal;
	color:#ffffff;
}

#leftSideBOX .heading {
	font-size:20px;
	line-height:20px;
	font-weight: bold;
	text-align: center;
	color:#ffcc33;
}
}

input, textarea {
	width:150px;
	height:27px;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	/*margin-left:20px;*/
	font-size:0.9em;
	color:#3a3a3a;
}

input:focus, textarea:focus {
		/*border:2px solid #97d6eb;*/
		border:2px solid #009900;
	}

textarea {
	/*background:#efefef;*/
	width:150px;
	height:180px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:14px;
}

#submit {
	background:url(opa-Assets/submitBTN.png) no-repeat;
	width:143px;
	height:59px;
	text-indent:-9999px;
	border:none;
	/*margin-left:80px;*/
	margin-top:5px;
	cursor:pointer;
}

	#submit:hover {
		opacity:0.5;
	}



#Floater {
	float: left;
			/* PADDING ORDER = Top Right Bottom Left */
	padding: 0px 5px 3px 0px;
}

	
#Floater2 {
	float: left;
		/* PADDING ORDER = Top Right Bottom Left */
	padding: 0px 5px 3px 0px;
	margin: 17px 0px 0px 0px;
	}
	
#FeedBackForm {
	width: 425px;
	/* height: 180px; */
	background: #c6dac7; 
	/*PADDING ORDER = Top Right Bottom Left */
	padding: 15px 0px 15px 0px; 
	
	
	margin: 0 auto;
	text-align: center;
	/* background: url(VineImages/img03.jpg);
		/*TEMPORARY BORDER */
	 border-width: 1px;
	border-color: #81A594;
	border-style: solid; 

}




h1 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
	/* font-style: italic; */
	font-size: 16px;
	line-height: 22px;
	/* color: #669966; */
	text-align: left;
	color: #000000;
			/*Margin ORDER = Top Right Bottom Left */
	 margin: 0px 0px 0px 0px;
	
}


h3 {
 font-family: Helvetica, Futura, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 20px;
	 color: #669966; 
	font-style: normal;
	line-height: 25px;
	text-align: left;
	/*Margin ORDER = Top Right Bottom Left */
	margin: -2px 0px 4px 0px;
}

h4 {
	 font-family: Helvetica, Futura, Arial, Verdana, sans-serif;
	/* font-family: Geneva, Georgia, "Times New Roman", Times, serif;*/
	font-weight: bold;
	font-size: 25px;
	/* color: #669966; */
	color: #ffffff;
	font-style: normal;
	line-height: 25px;
	text-align: center;
		/*Margin ORDER = Top Right Bottom Left */
	margin: 5px 0px 0px 0px;
} 

 

h2 {
	 font-family: Helvetica, Futura, Arial, Verdana, sans-serif;
	/* font-family: Geneva, Georgia, "Times New Roman", Times, serif;*/
	font-weight: bold;
	font-size: 25px;
	 color: #669966; 
	/* color: #ffffff; */
	font-style: normal;
	line-height: 25px;
	text-align: left;
		/*Margin ORDER = Top Right Bottom Left */
	margin: -2px 0px 4px 0px;
	}
	
	

h5 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
	/* font-style: italic; */
	font-size: 14px;
	color: #330066;
	/* color: #663399; */
	/* color: #CC3333; */
}



h6 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
	/* font-style: italic; */
	font-size: 16px;
	line-height: 18px;
	color: #669966;
	margin: 0px 0px 0px 0px;
}



p, blockquote, ul, ol {
	margin-top: 0;
}

blockquote {
}

a {
	color: #235324;
}

a img {
border: none; 
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}


/* Top NAVIGATION for opa heading jpgs AND top navigation bar */
#TopNavigation {
	width: 885px;
	 margin: 0 auto; 
	/* text-align: centre */
	/* Margin ORDER = Top Right Bottom Left */
	/*	margin: 0px 0px 0px 30px; */
		/* PADDING ORDER = Top Right Bottom Left */
	 padding: 0px 0px 0px 15px; 
	background: url(opa-Assets/opa-background.gif) no-repeat;
	background-color:#00cc33;
	}
	
	/* #TopNavigation ul {
	list-style: none;
	line-height: 10px; */
	
	#navlist {
		/*PADDING ORDER = Top Right Bottom Left */
		margin: 0px 0px 0px -20px;
		}
	
	
	#navlist li
{
display: inline;
list-style-type: none;
/*PADDING ORDER = Top Right Bottom Left */
padding-right: 0px;
margin: 0px auto;


		/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #FF6600;
	border-style: solid;  */
}
	
	

/* This is the width for IE (6 & 7) - For Firefox etc. see below in the "html>body" tag */
#navlist a {
	width: 170px;
	/* display: block; */
	/*PADDING ORDER = Top Right Bottom Left */
	padding: 3px 5px 3px 5px; 
	margin: 0px 0px 0px 0px;
	font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;
	/* font-family: Futura, Georgia, Arial, Helvetica, sans-serif; */
	border-top: 2px solid #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background-color: #000000; 
	text-decoration: none;
	text-align: right;
}
/* IE 6&7 don't take any notice of this one, so this is the width for FireFox etc */
		html>body #TopNavigation2 a {
		width: 155px;
		}
		
#navlist .active a {
	width: 170px;
	/* display: block; */
	/* PADDING ORDER = Top Right Bottom Left */
	padding: 3px 5px 3px 5px; 
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Georgia, sans-serif;
	border-top: 2px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #000000; 
	text-decoration: none;
	text-align: right;
	}
		html>body #TopNavigation .active a {
		width: 155px;
		}
#TopNavigation2 .active a:hover {
	background: #99cc99;
	text-decoration: none;
	color: #006699;
}
#TopNavigation2 a:hover {
	background: #99cc99;
	text-decoration: none;
	color: #FFFFFF;
}

#TopNavigation2 a:active {
	background: #66cc66;
	text-decoration: none;
	color: #FFFFFF;
}

	

	

#TopNavigationKarmaLounge {
	width: 900px;
	/* Margin ORDER = Top Right Bottom Left */
	/*	margin: 0px 0px 0px 30px; */
	
		/* PADDING ORDER = Top Right Bottom Left */
	 padding: 0px 0px 0px 15px; 
	
		background: url(../../Strip.jpg) repeat-x;
	

}


#ContainsALL {
	width: 899px;
	_width: 893px;
	height: auto;
	 margin: 0 auto; 
	text-align: left;
	/* Distance from borders inside the enclosing outside Column */
	/* PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	
	/*TEMPORARY BORDER */
	 border-width: 2px;
	border-color: #006600;
	border-style: solid;  
		/* background: url(VineAssets/Strip.jpg) repeat-x; */
}

#ContainerBottomBits {
	width: 905px;
	/* height: 200px; */
	height: auto;
	
	margin: 0 auto;
	/* Distance from borders inside the enclosing outside Column */
	/*PAQDDING ORDER = Top Right Bottom Left */
	/* padding: 45px 20px 0 20px; */
	background: #000000;
	
	/*TEMPORARY BORDER */
	border-width: 1px;
	border-color: #FF6600;
	border-style: solid; 
}

#ContainerColumn2 {
	width: 100px;
	height: 900px;
	margin: 20px;
	
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #FF6600; Orange */
	/* border-style: solid;*/
}

/* LEFT COLUMN */
#LEFTColumn {
	float: left;
	width: 200px;
	height: auto;
	/* display: inline;*/
	
	font-size: 11px;
	background-color: #ffffff;
	
	/*PADDING ORDER = Top Right Bottom Left */
	/* padding: 10 0px 0px 0px; */
	
	 margin-top: 35px;
	margin-left: 30px;
	_margin-left: 12px;  */
	
	text-align: left;
}


/* RIGHT COLUMN */
#RIGHTColumn {
	float: right;
	/* width: 201px; IE7*/
	width: 200px;
	height: auto;
	
	/*background: #FFFFFF  url(VineAssets/RightCOL-backGround.jpg) repeat-Y; */
	background-color: #ffffff; 
	margin-left: 0px;
	margin-top: 35px;
	/* margin-right: 8px; IE 7 */
	margin-right: 0px;
	margin-bottom: 10px;
	
/* PADDING ORDER = Top Right Bottom Left */
  padding: 0px 0px 0px 0px;  
	
/* TEMPORARY BORDER */
   /* border-width: 1px;
	border-color: #9900CC; 
	border-style: solid; */
}

#RIGHTColumn .inside {

	width: 150px;
	height: auto;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	 /*font-family: Arial, Verdana, Helvetica, sans-serif; */
	 font-family: "Times New Roman", Times, serif
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	
/*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 0px; 
	
	
/*TEMPORARY BORDER */
	/*border-width: 1px;
	border-color: #9900CC; 
	border-style: solid; */
	
}

html>body #RIGHTColumn .inside {
		width: 184px;
		}

#MIDDLEColumn {
	width: 665px;
	text-align: left;
	/*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 0px;
	 margin-left: 215px;
	 margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 8px;
}
		
		
		#MIDDLEColumn ul {
	 /* margin: 0 auto;  */
	 /*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 12px;
	/*  list-style: none; */
		text-align: left;
}



#MIDDLEColumn li {
	
	padding: 0px 0px 0px 0px;
}


	#MIDDLEColumn .Contents {
	width: 580px;
	/*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 0px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 3px;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 140%;
	line-height: 140%;
	text-align: left;
	color: #000000;
	}

#GreenRoundBox {
    border-radius: 25px;
	background: #ECFAE8;
    padding: 20px;
    width: auto;
    height: auto;
	border-style:solid;
	border-width:1px;
	border-color:#C6DAC7;

}



#insideLEFTcolumnOnTOP {
	width: 185px;
	/*height: auto;*/
	
	font-size: 11px;
	background-color: #ffffff;
	/* text-align: right; 
	 font-size: 18px; 
	line-height: 26px; */
	
	/*PADDING ORDER = Top Right Bottom Left */
	/* padding: 10 0px 0px 0px; */
	
	margin-top: 0px;
	margin-left: 0px;
	
	
	/*TEMPORARY BORDER 
	 /* border-width: 1px;
	border-color: #C6DAC7; 
	border-style: solid; */
}




#insideLeftColumnOnLEFTMenu {
	float: left;
	width: 170px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	/* border-bottom: 4px solid #D1BC5C; */
	/* border-bottom: 1px solid #CCCCCC; */
	text-align: left;
	
	background-COLOR: #FFFFFF;
	/* float: left; */
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #000000;
	border-style: solid; */
	border-right: 1px solid #C6DAC7;
}

#insideLeftColumnForAds {
	float: left;
	width: 170px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	
	background-COLOR: #FFFFFF;
	/* float: left; */
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #000000;
	border-style: solid; */
	
	border-right: 1px solid #C6DAC7;
}





#menu2 {
	width: 670px;
	height: 15px;

	/*PADDING ORDER = Top Right Bottom Left */
	 padding: 0px 0px 0px 0px;
	 margin: 10px 0px 0px 150px;
	/* margin: 0 auto; */
	/*background: #EFFCF0;*/
	/* border: 1px solid #235324;*/
}

#menu2ForFirefox {
	width: 700px;
	height: 15px;
	/* background: url(VineImages/Vine-BackGround-800-menu-1.jpg) no-repeat; */
	
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #9900CC;
	border-style: solid;  */ 

		/*PADDING ORDER = Top Right Bottom Left */
	 padding: 0px 0px 0px 0px;
	 margin: 10px 0px 0px 232px;
	/* margin: 0 auto; */
	/*background: #EFFCF0;*/
	/* border: 1px solid #235324;*/
}
		
		
#menu2 ul {
	 /* margin: 0 auto;  */
	padding: 0px 0px 0px 0px;
	list-style: none;
		text-align: center;
}
#menu2ForFirefox ul {
	 /* margin: 0 auto;  */
	padding: 0px 0px 0px 0px;
	list-style: none;
		text-align: center;
}

#menu2 a {
	/* display: block; */
	/* float: left; */
	
	/* border-left: 1px solid #FFFFFF; */

	/* height: 18px; */
	/*PAQDDING ORDER = Top Right Bottom Left */
	padding: 1px 8px 1px 8px;
	/* border-right: 1px solid #235324; */
	text-decoration: none;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	/* text-align: centre; */
	/* color: #666666; */
	
		color: #006699;
	/* background: #ffff99; */
	background: #C6DAC7; 
}

#menu2ForFirefox a {
	/*PAQDDING ORDER = Top Right Bottom Left */
	padding: 1px 7px 1px 7px;
	/* border-right: 1px solid #235324; */
	text-decoration: none;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #006699;
	background: #C6DAC7; 
}

#menu2 li {
	display: inline;
}

#menu2 a:hover {
	/* background: #DAEBDB; */
	
	
		/* background: #9966ff; */
	background: #99cc99;
	text-decoration: none;
	color: #FFFFFF;
}




#MIDDLEColumnNoBground {
	/* float: right; */
	width: 460px;
	/* height: auto; */
	
	/* text-align: center; */
	text-align: left;
	 color: #6e6e6e; 
	/* color: #000000; */
	/* text-indent: 4px; */
	/* white-space: pre; */
	
	/*PADDING ORDER = Top Right Bottom Left */
	padding: 10px 10px 0px 20px;
	
	/* margin: 10 auto; */
	 margin-left: 215px;
	 _margin-left: 210px;
	 margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 8px;
	/*background: #ccccff; */
	/* background: url(VineAssets/Strip.jpg) repeat-x; */
	/*TEMPORARY BORDER */
	 /* border-width: 1px;
	border-color: #999999;
	border-style: solid;  */
}
		html>body #MIDDLEColumnNoBground {
	width: 430px;
		}




/* The small title next to the Vine Word - for all pages except STORE*/
#TITLEColumn {
 float: left; 
	width: 505px;
	height: auto;
	
	/* text-align: center; */
	text-align: left;
	color: #333333;
	 margin-left: 25px;
	 margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 46px;
	
	/* background-color: #ffffff; */
	
	/*TEMPORARY BORDER */
	 border-width: 1px;
	border-color: #9900CC;
	border-style: solid; 

}





#RIGHTColumnForBOTTOMbit {
	width: 190px;
	 background-color: #ffffff; 
	
	/* MARGIN ORDER = Top Right Bottom Left */
	margin: 0px 8px -5px 0px;  
	
/* PADDING ORDER = Top Right Bottom Left */
 /* padding: 0px 0px 0px 0px;  */
	
	/*  border-left: 1px solid #C6DAC7; */
	
/* TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #9900CC; 
	border-style: solid;   */
	
}



#insideRIGHTColumnKarma {
	/*float: right; */
	width: 170px;
	height: 285px;
	
	/* background: #FFFFFF  url(RightCOL-backGround.jpg) repeat-Y; */
	/* background-color: #66cccc; */
	/* margin-top: 40px; */
	/* background-color: #ffffff; */
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	
/*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 15px 0px 0px; 
	
	/*  border-left: 1px solid #C6DAC7; */
	
/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #9900CC; 
	border-style: solid; */
	
}

#insideRIGHTColumn {
	/*float: right; */
	width: 170px;
	
	/* background: #FFFFFF  url(RightCOL-backGround.jpg) repeat-Y; */
	/* background-color: #66cccc; */
	/* margin-top: 40px; */
	/* background-color: #ffffff; */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	
/*PADDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 16px; 
	
	/*  border-left: 1px solid #C6DAC7; */
	
/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #9900CC; 
	border-style: solid; */
	
}


#insideTheRIGHTColumn .text {
	width: 145px;
	/* height: 345px; */
	height: auto;
	margin: 0 auto;
	background: url(VineImages/Vine-BackGround-800-1.jpg) no-repeat;
	/* border: 10px solid #235324; */
	border-top: none;
	font: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
		/*PAQDDING ORDER = Top Right Bottom Left */
	padding: 0px 0px 0px 0px;
	
		/*TEMPORARY BORDER */
	 /* border-width: 1px;
	border-color: #9900CC; 
	border-style: solid; */
}





/* Boxed Style */

.boxed {
	margin-bottom: 20px;
}

.boxed .title {
	height: 30px;
	padding: 20px 0 0 10px;
	background: url(images/img03.gif) no-repeat left center;
	font-size: 1.4em;
	font-style: italic;
}

.boxed .content {
	padding: 10px;
}

/* Menu */

#menu {
	width: 800px;
	height: 15px;
	/* background: url(VineImages/Vine-BackGround-800-menu-1.jpg) no-repeat; */
		margin: 0 auto;
	text-align: center;
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	 border-color: #000000;
	border-style: solid; */ 

		/*PADDING ORDER = Top Right Bottom Left */
	/* padding: 0px 0px 0px 0px; */
	/* margin: 0px auto 20px auto; */
	/* margin: 0 auto; */
	/*background: #EFFCF0;*/
	/*border: 10px solid #235324;*/
}





 #insideMenu {
	width: 780px;
	height: 40px;
	background: url(VineImages/Vine-BackGround-800-menu-1.jpg) no-repeat;
	/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #000000;
	border-style: solid; */
	
	margin: 0 auto;
	/*background: #EFFCF0;*/
	/*border: 10px solid #235324;*/
}



/* Header */

#header {
	width: 700px;
	height: 180px;
	margin: 0 auto;
	background: url(VineImages/img03.jpg);
	border: 10px solid #235324;
	border-top: none;
}

#header h1 {
	padding: 75px 0 0 20px;
	font-size: 1.8em;
}

#header h2 {
	padding: 0 0 0 20px;
	font-size: .8em;
}

#header a {
	text-decoration: none;
	color: #DAEBDB;
}

/* Content */

#content {
	width: 680px;
	margin: 0 auto;
	/* background: #EFFCF0 url(VineImages/img04.gif) repeat-y; */
	border-top: none;
}






/* Links */

#links {
	float: left;
	width: 230px;
	padding: 0px
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
/*PADDING ORDERr = Top Right Bottom Left */
	/*padding: 15px 20px 30px 20px;*/
}

#links li li {
	padding: 3px 0;
}


#links li i {
	font-size: smaller;
}

/* Footer */

#footer {
width: 846px;
clear: both;
margin: 0;
padding: .5em;
color: #333;
/* background-color: #ddd; */
border-top: 1px solid gray;

	/* Margin ORDER = Top Right Bottom Left */
		margin: 0px 0px 0px 25px; 
		
		/*TEMPORARY BORDER */
	/* border-width: 1px;
	border-color: #FF6600;
	border-style: solid;  */
}