body
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	text-align:center;
}

form
{
	margin: 0px;
	padding: 0px;
}

#cleardiv
{
	clear: both;
}


p, .paragraph {
	text-align:left;
	line-height: 120%; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
		
.paragraph li {
	line-height: 130%; 
}


/* HEADER */
		div#top {
			margin-left:10px;
			margin-right:10px;
			width: 900px;
			height: 135px;
			background: url(images/gradient_grey_top.jpg) repeat-x bottom;
		}
		
		/* Logo Wine.co.za*/
		div#top div#logo_wine {padding: 20px 0px 25px 30px;	float:left;		position: relative;}
		
		/* Logo Cellar Direct*/
		div#logo_cd {height: 135px; width: 634px; padding: 0px 0px 0px 0px;	float:right;}

		div#header_search {height: 135px; width: 634px; padding: 0px; background-image: url(images/CD_header.jpg); background-repeat:no-repeat; background-position:top;  margin:0px;}
		div#header_search_a {font-size: 10px; color: #666666; text-decoration: none; margin-top: 8px; float:right; margin-right: 10px;}
		div#header_search_button { margin-top: 66px; float:right; margin-right: 32px;}


		div#header_checkout {height: 135px; width: 634px; padding: 0px; background-image: url(images/CD_checkoutheader.jpg); background-repeat:no-repeat; background-position:top;  margin:0px;}


		/*div#header_search_adv a, div#header_search_adv a:visited, div#header_search_adv a:active {color: #666666; text-decoration:none}
		div#header_search_adv a:hover {color: #FF9900; text-decoration:underline;}*/


		.main_search {
			font-size: 16px;
			color: #333333;
			margin-top: 75px;
			margin-left: 170px;
			width: 316px;
			border: 0px;
			float:left;
			background-color: #FFFFFF;
		}
		#btn_search {
			margin-top: 66px;
			margin-right: 32px;
			margin-bottom: 3px;
			width: 104px;
			border: 0px;
			float:right;
			height: 39px;
		}
		
		
		div#page_wrapper {
		  margin-left: auto; 
		  margin-right: auto;
		  width: 920px;
		  text-align: left;
		  margin-top: 0px;
		}
		div#empty {clear:both;}
		
		div#banner
		{
			background-color: #FF9900;
			background-image: url(images/banner_bg.jpg);
			background-repeat: repeat-x;
			height:39px;
			margin:0px;
			font-size: 11px;
			font-weight: normal;
			line-height: 39px;
			font-family: Arial, Helvetica, sans-serif;
		}
		div#banner_left{
			background-image:url(images/banner_left.jpg);
			width:10px;
			height:39px;
			float:left;
			position: relative;
		}
		div#banner_right{
			background-image:url(images/banner_right.jpg);
			width:10px;
			height:39px;
			float:right;
		}

		#banner_links_bar {padding: 9px 0px 0px 10px;	text-align: left;	float:left; line-height: 22px;	vertical-align:middle;}
		#banner_links_bar .banner_link {float:left;	margin:0px 2px;}
		#banner #banner_links_bar .banner_link a {text-decoration:none;	padding: 0px 8px;	color:white;	font-weight:bold;	display:block;}
		#banner #banner_links_bar .banner_link a:hover {background:#EC8D00;	text-decoration:none;}

		.cart_highlight {
			line-height: 22px;
			vertical-align:middle;
			margin:0px;
			padding: 3px 8px;	
			color:#333333;	
			font-weight:normal;
			background:	#EC8D00;	
			text-decoration:none;
			border: #FFFFFF dashed 1px;
		}

		#banner_cart{
			padding: 0px 15px 0px 0px;
			width:525px;
			float:right;
			text-align: right;
		}


/* Main Content*/
		div#container_main {
			clear: both;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 10px;
			padding: 22px 17px 17px 17px;
			background: url(images/gradient_grey_main.jpg) repeat-x top;
		}
		div#container_main2 {clear: both; width:866px;}

		div#left_column
		{
			float: left;
			width: 200px;
		}
		
		div#left_column_opaque
		{
			float: left;
			width: 200px;
			-moz-opacity:.40;
			opacity:.40;
		}
		
		div#right_column
		{
			float: right;
			width: 200px;
		}
		
		div#content_2column
		{
			float: right;
			line-height: 150%; 
			width: 646px;
		}

		div#content_3column
		{
			margin-left: 220px;
			margin-right: 220px;
			line-height: 150%; 
			width: 420px;
		}
		
		div#content_3column h2, div#content_2column h2
		{
			font-size: 2em;
			color: #333;
			margin: 0px;
			padding: .2em 0em .2em .4em;
			font-weight: normal;
			line-height: 1em;
		}
		
		#content_body {
			margin: 0px;
			padding: 0px;
		}
		
		div#search_box
		{
			background-color: #FFF;
			width: 670px;
			border: #EBEBEB solid 1px;
			margin-bottom: 14px;
			padding-bottom: 4px;
		}
		
		
		div#column_box
		{
			background-color: #FFF;
			width: 184px;
			border: #EBEBEB solid 1px;
			margin-bottom: 14px;
			padding-bottom: 4px;
		}
		div#column_box h3, div#search_box h3
		{
			margin: 4px;
			border: #FF9900 solid 1px;
			font-size: 12px;
			font-weight: bold;
			padding: 0px 0px 0px 13px;
			height: 28px;
			background-image: url(images/box_header.jpg);
			background-repeat: repeat-x;
			line-height: 28px;
			background-color: #FF9900;
		}
		
		.poll_header
		{
			border: #FF9900 solid 1px;
			font-size: 12px;
			font-weight: bold;
			height: 28px;
			background-image: url(images/box_header.jpg);
			background-repeat: repeat-x;
			line-height: 14px;
			background-color: #FF9900;
		}
		#column_box ul	{list-style-type: none;	padding: 0px;	margin: 0px 3px; }
		#column_box ul li { margin: 0px; line-height: 15px; padding: 1px 0px; vertical-align: middle; font-size: 10px;	height:15px;}
		#column_box ul li a {display: block;	padding: 0px 0px 0px 14px;	text-decoration: none;	color: #000; margin: 0px;}
		#column_box ul li a:hover	{color: #000;	background-color: #FFF2D7;	}

		.left_col_field {
			border: 1px solid #E2E2E2;
			background-color: #EFEFEF;
			font-size: 11px;
			line-height: 15px;
			height: 19px;
			padding: 2px;
			width: 130px;
		}

		.content_field, .content_field_bg_white {
			font-size: 12px;
			line-height: 14px;
			vertical-align:middle;
			padding: 4px;
		}

		.content_field {border: 1px solid #E2E2E2;	background-color: #EFEFEF;	width: 170px;}
		.content_field_bg_white {border: 1px solid #CFCFCF;		background-color: #FFFFFF;}

/* FOOTER */
		div#footer_sub {
			clear:both;
			background-color: #EFEFEF;
			margin: 0px 10px;
			padding: 30px; 
			height: 130px;
		}

		div#footer_sub h2,
		div#tab_content h2
		{
			font-size: 1.8em;
			color: #FF9900;
			margin: 0;
			padding-top: 0;
			padding-bottom: 0.5em;
			font-weight: normal;
		}
		
		div#footer_sub #footer_column1,		div#footer_sub #footer_column2,		div#footer_sub #footer_column3
		{
			margin-bottom: 10px;
		}
		
/*		div#footer_column1 {float:left; width: 260px;}
		div#footer_column2 {margin-left: 290px; margin-right: 290px;}
		div#footer_column3 {float:right; width: 260px;}
*/
		div#footer_sub #footer_column1 {float:left; width: 400px;}
		div#footer_sub #footer_column2 {float:right; width: 400px;}

		div#footer
		{
			clear:both;
			font-size: 11px;
			font-weight: normal;
			line-height: 39px;
			height: 39px;
			font-family: Arial, Helvetica, sans-serif;
			clear: both;
			padding: 0em 1em;
			margin-left:10px;
			margin-right:10px;
			background-color: #333333;
		}
		
		div#footer a:link { color: #fff; text-decoration:none;}
		div#footer a:visited { color: #fff; 	text-decoration:none;}
		div#footer a:hover, a:active {color: #fff;}		

		#footer #banner_links_bar .banner_link a {text-decoration:none;	padding: 0px 8px;	color:white;	display:block;	font-weight:bold;}
		#footer #banner_links_bar .banner_link a:hover {background:#666666;text-decoration:none;}
		
		#contact_details{
			padding: 9px 5px 0px 10px;
			float:right;
			text-align: right;
			color:#FFFFFF;
			line-height: 20px;
			vertical-align:middle;
		}
		#footer #contact_details .banner_link {float:right;	margin:0px; vertical-align:middle;	padding: 0px 10px 0px 15px;	color:white;}
		#footer #contact_details .banner_link a{color:white;}
		#footer #contact_details .banner_link a:hover{color:white; text-decoration:none; border-bottom: #FFFFFF dashed 1px;}
		#icon {vertical-align: middle; margin: 0px 3px;}


/* Content Styles */

 		#content_box, #notice_box, #notice_box_green, #notice_box_orange, #content_footer_box, #tab_content table, #grey_box {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align:left;
		}

 		table#grey_box {
			background-color: #EFEFEF;		
			margin-left: 10px;	
			margin-right: 16px;	 
			margin-top: 12px;	
			margin-bottom: 0px;	
			width: 620px;
		}

 		table#rating_review_box {
			background-color: #FFFFFF;
			border: #CCCCCC dashed 1px;			
			margin-bottom: 4px;	
			width: 100%;
		}
 		table#members_rating_review_box {
			background-color: #FFFFFF;
			border: #CCCCCC dashed 1px;			
			margin-left: 10px;	
			margin-right: 16px;	 
			margin-top: 8px;	
			margin-bottom: 0px;	
			width: 620px;
		}

 		div#notice_box, div#notice_box_green, div#notice_box_orange {
			background-color: #FFF;		
			border: #CCCCCC solid 1px;	
			margin-top: 12px;	
			margin-bottom: 0px;	
			padding: 2px;
			width: 92%;
		}
		
		div#notice_box div {
			background-color: #999999;
			padding: 6px 12px;
			color: #FFFFFF;
			line-height: 14px;
		}
		
		div#notice_box_green div {
			background-color: #66992D;
			padding: 6px 12px;
			color: #FFFFFF;
			line-height: 24px;
		}
		
		div#notice_box_orange div {
			background-color: #FF9900;
			padding: 6px 12px;
			color: #FFFFFF;
			line-height: 14px;
		}


 		#content_footer_box {
			background-color: #EFEFEF;		
			margin-top: 12px;	
			margin-bottom: 0px;	
			padding: 6px;
			width: 92%;
		}
		
 		#plainbox {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 10px 8px;
			color: #666666;
			text-align: justify;
			padding: 0px;
			width: 96%;
		}

		#special_box {
			clear:both; background-color: #FFF;		border: #FF0000 dashed 1px;	margin-left: 10px;	margin-right: 10px;	 margin-top: 12px;	margin-bottom: 0px;	padding: 0px;
		}

		div#content_box, 
		table#content_box, 
		table#content_search_box {
			clear:both; background-color: #FFF;		border: #EBEBEB solid 1px;	margin-top: 12px;	margin-bottom: 0px;	padding: 0px;
		}
 		#special_box, table#content_box, table#content_search_box	{width:92%;}
		
		#content_box h3, 
		#content_box h3 a, 
		#content_box h3 a:visited, 
		#content_box h3 a:active	
			{font-size: 14px;	font-weight: bold;	line-height: 1.5em;		color: #FF9900;		text-align:left; text-decoration: none;}
		#content_box h3 a:hover	
			{text-decoration: none;	border-bottom-style: dashed;	border-bottom-width: 1px;}

		div#content_box h3	{margin: 6px 2px;	padding: 0px 8px;}
		div#content_box p	{padding: 0px 10px;	margin: 0px;}

		table#content_box h3	{margin: 0px 0px 2px 0px;	padding: 0px;}
		table#content_box p	{padding: 0px;	margin: 0px 10px 0px 0px;}

		#content_box #wine_data	{width: 82%;	margin: 0px;	padding: 5px;}
		#content_box #wine_pic	{width: 18%;	text-align:center;	padding: 5px;	margin: 0px; position:relative;}

		#content_box #wine_data_home	{width: 80%;	margin: 0px;	padding: 3px;}
		#content_box #wine_pic_home	{width: 20%;	text-align:center;	padding: 5px;	margin: 0px; position:relative;}

	/*	#content_box #special_tag	{background-color:#FF0000; width: 4%; background-image:url(images/specials_tag.gif); background-repeat:no-repeat; background-position:center;}
	*/

		#wine_data_home	.label_orange,
		#wine_data_home	.label_orange a, 
		#wine_data_home	.label_orange a:visited, 
		#wine_data_home	.label_orange a:active	
			{font-size: 11px;	font-weight: bold;	line-height: 1.6em;		color: #FF9900;		text-align:left; text-decoration: none;}
		#wine_data_home	.label_orange a:hover	
			{text-decoration: none;	border-bottom-style: dashed;	border-bottom-width: 1px;}
		#wine_data_home	.paragraph 	{font-size: 10px;}

		table#content_search_box {font-size: 10px;}
		table#content_search_box .input_search {border: #000000 solid 1px; font-size: 11px;}
				
		div#content_insetbox img {padding: 3px;	vertical-align: middle;}

		div#content_insetbox {margin-top: 12px;	padding: 0px;	width: 100%;}
		div#content_insetbox_left {float:left;}
		div#content_insetbox_right {float:right; margin:0px;	padding:0px; }

		div#content_insetbox_right a, div#content_insetbox_right a:link,	div#content_insetbox_right a:visited,	div#content_insetbox_right a:active,	div#content_insetbox_right img a, div#content_insetbox_right a:hover
			{ color: #FFFFFF; text-decoration: none;}
		
		div#content_insetbox_right p {
			margin: 0px;
			padding: 0px 4px 0px 0px;
			font-weight: normal;
			font-size: 11px;
			float:right;
			
			  
		}

		#countdown_home, #countdown_list, #countdown_detail {
			color: #FF9900;
			font-weight: normal;
			font-size: 11px;
			line-height: 13px;
			text-align: center;
			border: #FFD9A0 dashed 1px;
		}

		div#content_insetbox_right #countdown_list	{
			margin: 4px 8px 0px 0px;	background-color:#FFFFFF;	padding: 5px 10px;	float:right;	vertical-align:middle;
		}

		div#content_insetbox_right #countdown_home	{
			margin: 4px 11px 4px 0px;	background-color:#FFFFFF;	padding: 3px 0px;	float:right;	vertical-align:middle;	clear:both; 	width: 137px;
		}

<!--		#countdown_home {margin: 5px 0px 0px 0px;	padding: 5px 5px;background-color: #FFECCF;}
-->		
		#countdown_detail {
			font-weight:bold;
			background-color: #FFECCF;
			margin: 0px;
			padding: 0px 12px;
			float:left;
			line-height: 31px;
			font-size: 12px;
		}

		div#content_insetbox_right img {padding: 0px; margin: 3px; vertical-align:middle;} 
		
		div#content_insetbox_right #checkbox{
			margin: 0px;
			padding: 0px 5px;
			color: #666666;
			font-size: 11px;
			font-weight: bold;
		}

		div#content_insetbox_left {color: #999999;	margin: 0px;	font-size:10px;		padding:0px; line-height: 15px;}
		
		.PageListNav td{
			font-size:	15px;
			font-weight: bold;
			color: #333333;
			text-align:center;
		}
		.PageListNav a {
			padding: 5px 8px;
		}
		.PageListNav a, .PageListNav a:link, .PageListNav a:visited, .PageListNav a:active {
			color: #333333;
			background-color: #FFE6C0;
			text-decoration: none;
			padding: 5px 8px;
		}
		.PageListNav a:hover{
			color: #333333;
			background-color: #FFFFFF;
			text-decoration: none;
		}
		.PageListNav span {
			margin: 0px;
			padding: 3px 6px;
			color: #333333;
		}
		
		#price {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#EE0000; font-weight:bold; line-height: 18px; vertical-align:middle;}
		#price_small {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#EE0000; font-weight:bold; line-height: 14px; vertical-align:middle;}
		#price_big {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color:#EE0000; font-weight:bold; line-height: 23px; vertical-align: middle; }
		
		.menu_label {
			font-size: 10px;	
			padding-left: 3px;	
			padding-right: 5px;	
			vertical-align:middle;
			color:#666666;
		}
		.menu_label a:link, .menu_label a:visited, .menu_label a, .menu_label a:active {
			color: #666666;
		}
		.menu_label a:hover {
			color:#333333;
		}
		
		#tr_OrderTotal {height:20px;	background-color: #333333; 	color:#FFFFFF;}
		
		#cart_btn {text-align:center;	margin-top: 6px;}	
		
		
		div#tab_box {padding: 2px;}
		
		div#tab_bar {
			font-size: 11px;
			font-weight: normal;
			height: 24px;
			font-family: Arial, Helvetica, sans-serif;
			clear: both;
			padding: 0px;
			color: #FFFFFF;
			border-bottom: #999999 dotted 2px;
			margin-top: 5px;
		}
		#tab_bar_links {padding: 0px 12px;	text-align: left;	float:left; line-height: 24px;	vertical-align:middle;}
		#tab_bar_links .bar_link {float:left;	margin:0px;}
		#tab_bar_links .bar_link a, #tab_bar_links .bar_link a:visited {text-decoration:none;	padding: 0px 11px;	color:white;	display:block;	background-color:#333333;	margin: 0px 2px;}
		#tab_bar_links .bar_link a:hover, #tab_bar_links .bar_link a:active {background-color: #666666;	color:#FFFFFF;	text-decoration:none;}
	
		#tab_content {padding: 16px;	background-color:#EFEFEF; margin: 0px;}
		
		#arrow_list {
			background-image: url(images/arrow_list.gif);
			background-repeat: no-repeat;
			background-position: right;
			width: 45px;
			vertical-align: middle;
			line-height: 12px;
			margin-right: 5px;
		}

		.fade_out {
			filter:alpha(opacity=15);
			-moz-opacity:.15;
			opacity:.15;
		}
		
		#flyout
		{
			background-color: #FFF;
			width: 210px;
			border: #FF9900 solid 1px;
			margin: 0px;
			padding: 0px;
		}
		#flyout h4 {
			font-size: 12px;
			font-weight: bold;
			height: 24px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 10px;
			color: #333333;
			background-color: #FF9900;
			line-height: 24px;
			margin: 0px;
		}
		
		#button {
			text-align:center;
			margin-top: 3px;
			font-size: 11px;
		}
		
		.horizontal_bottom_line {
			border-bottom: #FF9900 dashed 1px;
		}




/*Kevin Styles */
	.boldtext, .plaintext, .redtext, .greytext {
			padding: 4px 10px;	
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}

	.boldtext {
			font-size:12px ;
			font-weight:bold;
			color: #000000;
		}
		
	.plaintext {
		font-size:10px ;
		font-weight:normal;
		color: #000000;
	}
		
	.baskettotals {
			font-family:Arial, Helvetica, sans-serif;
			padding-right:10px;
			padding-left:10px;
			font-size:11px ;
			font-weight:bold;
			height:20px;
		}
		
	.redtext {
			font-size:10px ;
			font-weight:normal;
			color: #EE0000;
			line-height: 12px;
		}
		
	.pointrating {
			font-size:11px ;
			font-weight:bold;
			color: #EE0000;
			line-height: 24px;
		}
	
	.greytext {
			font-size:10px ;
			font-weight:normal;
			color: #808080;
			line-height: 12px;
		}

	.orangetext, .orangetext a, .orangetext a:link, .orangetext a:active, .orangetext a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px ;
			font-weight:normal;
			color: #FF9900;
			line-height: 12px;
		}
		
