/*@import url("menu2.css");*/
/*@import url("menu.css"); --import our menu---*/

/*---basic reset---*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%; width:100%; background-color:white!important;}
pre{font-size:12px;}
/* end hide */
/*------------------menu---------------*/
a, span{cursor:pointer; cursor:hand;}
/*-----------generic values for the menu--------------------*/
#links{text-align:left; line-height:1.6em;}
#links a, #links span{text-decoration:none; font-size:1em; padding-left:5px; display:block; }
#links ul{list-style-type:none;}
/*----------------------------------------------------------*/

/*---this section is accordian used for language changer----*/
#accordion a, #accordion span{border-bottom:1px solid #ffffff; background-color:#000000; color:#FFFFFF;}
#accordion a:hover, #accordion span:hover{background-color:#009ab0; color:#FFFFFF;}
#accordion a:visited, #accordion a:visited:hover{color:#FFFFFF;}
.panel span{color:#ffffff; font-size:1em; font-weight:normal; padding-left:5px;}
.panel span a{padding-left:0px!important; border-bottom:0px!important;}
.panelBody a{text-decoration:none; color:#ffffff !important; font-size:1em; padding-left:10px!important; border-bottom:1px solid white !important; width:168px !important; background-color:gray!important;}
.panelBody a:hover{color:#FFFFFF !important; background-color:#009ab0 !important;}
/*---------------------------------------------------------*/

.top_level a{background-color:#000000; color:white; border-bottom:1px solid #ffffff;}
.top_level a span{padding-left:0px!important;}/*<-- indents the top level items in the main nav--*/
.top_level a:hover, .top_level span:hover{background-color:#009ab0; color:#FFFFFF;}

/*------------hide the submenus until needed---------------*/
.current_second_level a{display:block; background-color:gray!important; color:white;}
.current_second_level a:hover{background-color:#009ab0!important; color:#FFFFFF;}
.current_third_level a{display:block; background-color:#AAAAAA!important; color:white; padding-left:10px!important}

.cat_name span{color:#ffffff; font-size:1em; font-weight:normal; padding-left:5px; background-color:#000000; border-bottom:1px solid #ffffff;}
.cat_name a{padding-left:0px!important; border-bottom:0px!important;}
.cat_name a span:hover{background-color:#009ab0!important; color:#FFFFFF;}

/*-----------start shop navigation colours----*/
/*--------only works in standards compliant browsers-------*/
/*top category level*/
ul.non_accordion li.top_level a{background-color:#50B2B6!important; color:white; border-bottom:1px solid #ffffff;}
ul.non_accordion li.top_level a span{background-color:#50B2B6!important; color:white;}/*<--for IE--*/
ul.non_accordion li.top_level a span{padding-left:4px!important;}/*<-- indents the top level items in the shop nav--*/
ul.non_accordion li.top_level a:hover{background-color:#009ab0!important}
ul.non_accordion li.top_level span:hover{background-color:#009ab0!important}/*<--for IE7--*/

/*sub category level*/
ul.non_accordion li.sub_menu a{background-color:#8BCBCD!important; color:white; border-bottom:1px solid #ffffff;}
ul.non_accordion li.sub_menu a span{background-color:#8BCBCD!important; color:white;}/*<--for IE--*/
ul.non_accordion li.sub_menu a span{padding-left:8px!important;}/*<-- indents the top level items in the shop nav--*/
ul.non_accordion li.sub_menu a:hover{background-color:#009ab0!important}
ul.non_accordion li.sub_menu span:hover{background-color:#009ab0!important}/*<--for IE7--*/

/*product level*/
ul.non_accordion li.sub_menu ul.current_second_level_shop li.sub_menu a{background-color:#A6D5D9!important;color:white;border-bottom:1px solid #ffffff;}
ul.non_accordion li.sub_menu ul.current_second_level_shop li.sub_menu a{padding-left:18px!important;}/*<-- indents the top level items in the shop nav--*/
ul.non_accordion li.sub_menu ul.current_second_level_shop li.sub_menu a:hover{background-color:#009ab0!important}
/*--------------------------------------------*/


/*-----------Page structure-------------*/
/*-----------aligns everything central--*/
body {text-align:center; min-height:489px; min-width:955px; font-family: Verdana, sans-serif; font-size:0.8em; overflow: -moz-scrollbars-vertical;}
#horizon {height:100%; width:100%; display:table; vertical-align:top;}
#content {text-align:center; position:relative; vertical-align:top; display:table-cell; height:489px;}	
#wrapper {width:955px; background:#ffffff; height:489px; text-align:center; margin-left:auto; margin-right:auto; border:0px solid #999; text-align:left;}
#header{height:160px; width:955px; background-image:url('http://www.polyvine.com/images/header.gif');}
#header_shop{height:160px; width:955px; background-image:url('http://www.polyvine.com/images/header_shop.gif');}
/*--------------------------------------*/

/*-------------General settings---------*/
.red{color:red!important;}
a{cursor:pointer; cursor:hand;}
h3{color:#6d6e71; margin-top:20px;}
h5{color:#009ab0; font-size:1em;}
hr{height:1px; background-color:#6d6e71; color:#6d6e71; border:0px; width:100%;}
form, p{color:#6d6e71!important;}
p.black{margin:0 0 1px 0!important; display:block; width:99%; min-height:20px; background-color:#000000; padding-left:5px; overflow:hidden; color:#ffffff;}
.banner{display:block; width:166px; height:15px; color:white; font-size:0.9em; background-image:url('../images/special_indicator.jpg'); background-repeat:no-repeat; text-align:left; padding-left:4px; margin-bottom:5px;}
/*-------------------------------------*/


#breadcrumb{height:18px; background-color:#000000; color:#FFFFFF; text-align:left; padding-left:200px; padding-top:2px; margin-bottom:10px;}
#leftCol{width:178px; float:left; background-color:#FFFFFF; margin-right:20px; margin-left:0px;}

.content_col{border-right:1px solid #999; min-height:770px; width:170px; float:left; text-align:left; padding-right:9px; padding-left:10px; overflow:hidden;}
.content_col p, img{color:#999999!important; font-size:0.9em; margin-bottom:5px;}
.content_col a{color:#009ab0; text-decoration:none;}

#product_info{min-height:400px; width:300px; float:left; margin-left:10px; text-align:left; overflow:hidden;}
#product_info p{margin-bottom:5px; color:#888888;}
#product_info p strong{margin-bottom:5px; color:#000000;}

#key_point_lists{background-color:#e2cdaa; width:380px; overflow:auto; padding:5px; margin-bottom:5px;}
#product_image{float:right;}
#product_info ul{float:left; margin-left:20px;}
#product_info li{list-style:none; width:150px;}

#shop_product_info{background-color:#ffffff; margin-left:20px; min-width:720px; text-align:left;}
#img_data{float:left; width:170px;}
#prod_desc{float:left; width:345px; margin-left:10px;}
#prod_desc p, #prod_desc ul{margin:0 0 5px 0; padding-left:5px;}

#prod_desc li{display:inline; list-style:none;}

#rightCol{width:756px; font-size:1em; min-height:500px; border-left:1px solid #999; overflow:hidden; float:left; overflow:visible;}
#rightCol a img{border:none;}
#far_right_col{float:left; padding-left:9px;}
#far_right_col_swatch{float:left; padding-left:9px; text-align:center; min-height:770px; border-left:1px solid #999!important; width:195px;}
#far_right_col_swatch h5{float:left; text-align:left;}

#swatch{width:200px!important; float:left; margin:0 0 0 0px; padding:0; text-align:left; font-size:.8em;}
#swatch li{display:inline-block; float:left; list-style:none; margin:0px; padding:0px; overflow:visible; margin-bottom:30px;}

#product_swatch{ margin:20px 0 0 0px; padding:0; text-align:center; font-size:.8em;}
#product_swatch li{display: inline-block; float:left; list-style:none; margin:2px; padding:0px; min-height:120px; overflow:visible;}
* html #product_swatch li{display: inline-block; float:left; list-style:none; margin:2px; padding:0px; height:120px; overflow:visible;}

#right_side_bar {
	width: 170px;
	float: right;
}


/*----contact us page----*/
#contact_form{margin:0 20px 0 20px; width:auto; float:left}
#contact_form fieldset{width:auto; border:none}
#contact_form legend{display:none}
#contact_form label{display:block; float:left; width:70px; padding:0; margin:5px 0 0 0; text-align:left}
#contact_form br{clear:left}
#contact_form input{float:left; width:auto; margin:5px 0px 0px 10px}
#contact_form input[type="text"], #contact_form textarea{float:left; width:350px; margin:2px 0px 0px 10px}
#contact_form .errMsg{color:red; display:inline; text-align:left; background:transparent; text-decoration:none}
#address_col{float:right; margin-right:15px; border-left:1px solid #999; min-height:770px; padding-left:9px; width:170px; text-align:left}

#contact{width:530px; float:left; margin-left:10px}
#contact p{text-align:left; margin-left:110px}
#blue_box{background-color:#d0e4f0; float:left; width:510px; margin-top:5px; padding:10px}
#blue_box p{text-align:left; margin-left:100px; margin-bottom:5px}
/*----------------------*/



/*-------------------------------------*/
/*This is where the css for the forms starts
/*-------------------------------------*/


/*---The form for choosing which product size, colour and amount you want--*/
#shop_form{margin-top:20px}
#shop_form label{margin-right:20px; float:left}
#shop_form fieldset{border:none}
#shop_form select{width:90px; margin-top:4px; height:20px}
#shop_form input[type="text"]{margin-top:4px; height:18px}
#shop_form input{margin-top:4px}
/*-------------------------*/

/*-------------stockist locator page-------------*/
#locator{float:left; width:725px; text-align:left; margin-left:10px;}
#locator a{color:#009ab0; text-decoration:none;}
#locator p{width:350px; margin:0 0 5px 0;}
.locator_form{width:350px; background-color:#d0e4f0; margin:5px 0 0 0;}
.locator_form fieldset{border:none; padding:10px;}
.locator_form legend{font-size:16px; font-weight:bold; margin:10px 0 0 110px}
.locator_form label{margin-right:20px; float:left; text-align:right; width:120px;}
.locator_form input, .locator_form label, .locator_form select{margin:5px 0 0 5px;}
/*------the list of stores---------*/
#stores{margin:0 0 0 10px; float:left;}
#stores li{display:block; margin:0 25px 0 0; text-align:left; border-bottom:1px solid gray; padding:10px; width:705px;}
#stores li.highlighted{color:#00A2B1; padding:10px;}
#stores li.highlighted img{float:left; margin-right:10px}
#stores li.highlighted a{color:#00A2B1; text-decoration:none; font-weight:bold;}
#stores li.highlighted h4{ color:#FFFFFF; background-color:#00A2B1; padding:4px;}
/*-----------------------------------------------*/

/*---------shopping basket CSS-------------------*/
/*---------used on shopcart.php------------------*/
table{text-align:left;}
#rightCol table{margin:-10px 0 0 10px;}
#rightCol table table{margin:0px;}
#rightCol table fieldset{border:none;}
table.products{border-collapse:collapse; text-align:left; width:100%; background-color:#d0e4f0}
table.products tr{border-bottom:1px solid white;}
table.products td, table.products td{padding-left:5px;} 
th{border:none;}
/*td{border:1px solid #999;}*/
table li{list-style:none;}

/* not great, but is a very simple table*/
table.layout{border-spacing:10px;}
table.layout p{padding:5px;}
table.layout td, table.layout th{padding:5px;}
td.delivery{background-color:#e7e7e8;}
tr.checkout_list{border-bottom:1px solid #999;}
table.totals{background-color:#e7e7e8; color:#6D6E71}
table.totals td, table.totals th{border-bottom:1px solid white;}
/*------------------------------------------------*/


.locator_form_payment{width:746px; background-color:#d0e4f0; margin:0px 0 0 0;}
.locator_form_payment fieldset{border:none; padding:10px;}
.locator_form_payment legend{font-size:16px; font-weight:bold; margin:10px 0 10px 10px}
.locator_form_payment label{margin-right:20px; float:left; text-align:right; width:100px;}
.locator_form_payment input, .locator_form label, .locator_form select{margin:5px 0 0 5px;}
td select{margin-left:0px;margin-top:5px;}

/*---------right side bar-------------------*/

#right_side_bar {
	padding-left: 15px;
	border-left:#999 solid 1px;
}

/*---------custom classes-------------------*/

.white {
	color:#FFFFFF;
	text-decoration:none;
}

.blue {
	font-weight:bold;
	text-decoration:none;
	color:#009ab0;
	padding: 0px;
	margin: 0px;
}

.brownbox {
	background:#B2443D; 
	border:2px solid #B2443D;
}

.bluebox {
	background:#009ab0; 
	border:2px solid #009ab0;
}

.darkbluebox {
	border:2px solid #0A2A59;
}