#wrapper { width:1000px; margin:0; text-align:left; }
#wrapper_middle { background-color:#fff; border-left:1px solid #999999; }
 
#content_top { clear:both; }
#content_bottom { clear:both; }

body { margin:0; padding:0; text-align:left; background-color:#fff; }
 
form { margin:0; padding:0 }
a img { border: 0; }
a { text-decoration: none }
a:hover { text-decoration: underline}
 
.button { background:#335997; color:white; border:1px solid #335997; padding:2px; cursor:pointer }
a.button { color:#fff; padding:5px 5px 4px 5px; text-decoration:none; }
 
/* fonts */
body { font-family:arial, verdana, helvetica, sans-serif; }
h1, h2, h3, h4 { font-family:verdana, arial, helvetica, sans-serif; }
 
/* colours */
body, p { color:#333 }
h1, h2, h3, h4 { color:#335997 }
hr { border-color:#eee; }
a, a:visited, a:hover, a:active { color:#335997; }
.subtitle {color:#454047; font-weight:bold;}
 
/* sizes */
body, p {font-size:12px; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:17px; }
h4 { font-size:12px; }
 
table { border-collapse:collapse; }
table td { vertical-align:top; }
table.test td { border:1px solid gray; }
table.basic { width:100%; }
table.basic td, th { padding-left:3px; padding-right:3px; vertical-align:top; }
 
.tab_panel ul.tabs { margin:0; list-style:none; padding:0; height:22px; font-size:10px; }
.tab_panel ul.tabs li { display:block; float:left; text-align:center; height:22px; width:108px; background:url(/images/template/buttons/button_blue.gif) no-repeat; margin-right:5px; }
.tab_panel ul.tabs li a { display:block; padding:5px 5px; height:14px; }
.tab_panel ul.tabs li a, .tab_panel ul li a:active, .tab_panel ul li a:visited { color:#fff; font-weight:bold; height:22px; width:108px;}
.tab_panel ul.tabs li a:hover { text-decoration:none; font-size:10px;}
.tab_panel ul.tabs li.selected a {height:22px; width:108px; background:url(/images/template/buttons/button_white.gif) no-repeat; padding:5px 5px; font-weight:bold; color:#000; font-size:11px;}
.tab_panel .window { background-color:#f9f9f9; border:1px solid #aaa; min-height:100px; padding:10px; }
 
.split_page_results { float:right; }
 
.message { margin:10px 0 10px 0; border:1px solid orange; background-color:#ffc; padding:10px; }
.message .error { color:red }
 
 
 #content_top { clear:both; padding:0; background-color:#fff; margin-bottom:7px;}
#header_links { color:#000; text-align:right; font-size:11px; font-family:arial, helvetica, sans-serif }
#header_links a { font-weight:bold }
#header_basket { border:1px solid #ccc; padding:5px; width:300px; height:58px }
#header_basket h4 { margin:5px 0 }
#header_basket a { color:#0F3968; font-weight:bold }
 
table.logout { background:url(/images/template/buttons/button_signout.jpg) no-repeat; width:167px; height:32px; color:white; font-weight:bold; font-size:10px;}
table.logout td { width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:bold; font-size:10px;}
table.logout td a { color:white;}
 
/* basic styling */
#nav, #nav ul { padding:0; margin:0; list-style:none; }
#nav a { display:block;  }
#nav li { float:left;  }
 
/* css workarounds */
#nav li ul { position:absolute; width:10em; left:-999em; }
#nav li:hover ul { left:auto; }
#nav li:hover ul, #nav li.sfhover ul { left:auto; }
#nav li:hover, #nav li.sfhover { position:static; }						/* ie7 should hide unselected submenus now */
 
/* levels 2 upwards appear to the side */
#nav li ul ul, #nav li ul ul ul {	margin: -22px 0 0 171px; }	 		/* levels 2 and 4 to the left */
#nav li ul ul ul {	margin: -22px 0 0 -173px; }	 						/* level 3 to the right */
#nav, #nav ul { padding:0; margin:0; list-style: none; line-height: 1; }
 
/* level 2 */
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; }
 
/* level 3 */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
 
/* level 4 */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left:auto; }
 
/* custom styles */
 
#nav ul { font-family:Verdana, arial, sans-serif; font-size:10px; }
 
#nav li a { padding:12px 14px 11px 11px;  }
 
#nav ul.l0 { font-weight:bold; }
 
#nav ul.l0 li a { background-color:#414141; color:#fff; text-decoration:none; width:auto; }
#nav ul.l0 li a:hover { background-color:#000; color:#fff; }
#nav ul li { border-left:1px solid white; }
 
#nav ul ul li { border:0; }
#nav ul.l1, #nav ul.l1 ul { font-weight:normal; border:1px solid #333; width:170px; padding-right:1px;}
#nav ul.l1 li a { background-color:#fff; color:#333; text-decoration:none; padding:5px; border-bottom:1px solid #CCCCCC; width:161px; }
 
#nav ul.l1 li a:hover { background-color:#CCCECC; color:#A70AB1; }
 
/* other styles */
 
#nav ul.l1 li a, #nav ul.l1 ul ul li a { padding:5px 10px 5px 5px; width:156px; }
#nav ul.l1 ul li a, #nav ul.l1 ul ul ul li a { padding:5px 0 5px 15px; width:156px; }
 
#nav ul ul li.wait a, #nav ul ul li.wait a:hover { background:#fff url(/images/template/spinner.gif) 98% 50% no-repeat; }
#nav ul li a.branch { background:#414141 url(/images/template/arrow_s_555.png) 98% 80% no-repeat; }
#nav ul ul li a.branch { background:#fff url(/images/template/arrow_w_ccc.png) 98% 50% no-repeat; }
#nav ul ul li a.branch:hover { background:#CCCECC url(/images/template/arrow_w_fff.png) 98% 50% no-repeat; }
#nav ul ul ul li a.branch { background:#fff url(/images/template/arrow_e_ccc.png) 2% 50% no-repeat; }
#nav ul ul ul li a.branch:hover { background:#CCCECC url(/images/template/arrow_e_fff.png) 2% 50% no-repeat; }
 
 #content_left { float:left; width:154px; background-color:#F7F7F7; }
#content_right { float:right; width:150px; margin-left:10px }
 
.box_side { margin:0; background-color:#999999; font-size:10px;  }
.box_side ul { margin:0; list-style:none; padding:0; }
.box_side ul li { margin:0; padding:0; margin-top:1px }
.box_side ul li a { display:block; background:url("/images/template/grey_background.png") repeat-x; min-height:18px; padding:3px 15px }
.box_side ul li a, .box_side ul li a:active, .box_side ul li a:visited { color:#000 }
.box_side ul li a:hover { color:#ffa; background:#335997; text-decoration:none}
.box_side ul li ul li a { background:#F7F7F7 }
 
.box_right { border: 1px solid #893F6A; padding:5px; font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; color: #333333;}


#content_bottom { margin-top:7px; padding:4px 25px; clear:both; background:#B7B7B7 url("/images/template/footer_banner.jpg") repeat-x; color:#666666; font-size:10px; text-align:center; }
#content_bottom a, #footer a:visited, #footer a:hover, #footer a:active { color:#6B3253; font-weight: bold; font-size:10px;}
#content_bottom a:hover { color:#6B3253; font-weight: bold; font-size:10px;}
#footer_links  { padding:3px; font-size:10px;}
#footer_copyright  { color:#6B3253; text-align:center; padding:4px;}

 
#content_main { margin:0 154px 0 154px; padding:0 10px; background-color:#fff; min-height:480px; vertical-align:top;  }
 
.split_page_results { font-size:10px; }
.split_page_results .links { float: right; }
 
#content_main .product_box { float:left; width:150px; padding:5px; margin:5px; border:1px solid #ccc; background-color:#fff }
#content_main .product_list { padding-bottom:5px; border-bottom:1px solid #ccc; }
#content_main .category_box { float:left; width:280px; padding:5px; margin:5px; border:1px solid #ccc; background-color:#fff }
#content_main .category_box h4, #main .product_box h4 { font-size:11px }
 
.order_by { float:right; }
 
.breadcrumb { padding:4px; background:url(/images/template/buttons/butonbackgroundmain.jpg) repeat-x; font-family:verdana, sans-serif; font-size:10px; color:#fff; }
.breadcrumb a, .breadcrumb a:active,.breadcrumb a:visited, .breadcrumb a:hover { font-size:10px; color:#fff; }
 
table.product_summary { width:100%; border: 1px solid #C1D6EE; background-color:#C1D6EE;}
table.product_summary tr th { border: 1px solid #C1D6EE; background-color:#d6d8da; color:#333333; font-family:Verdana; font-size:10px; font-weight:bold; line-height:13px; }
table.product_summary tr td { font-size:10px; vertical-align:middle; }
 
table.product_row { width:100%; border:1px solid #999; margin-bottom:10px; }
table.product_row td { padding:10px; }
table.product_row td h4, table.product_row p { margin:0; }
table.product_row td h4 a, table.product_row td h4 a:active, table.product_row td h4 a:visited { color:#333; }
table.product_row td h4 a:hover { color:#335997; }
table.product_row td .price { color:#E73A01; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; }
table.product_row td .price_ex_vat, .price_inc_vat { color:#666; font-size:10px }
 
#content_main table.basket th { padding:5px 5px; background-color:#ccc; }
#content_main table.basket td { padding:5px 5px; background-color:#ddd; } 
 
#product_price_top .price { color:#E73A01; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; }
#product_price_top .price_ex_vat { color:#666; font-size:10px }
 
/*.product_reviews { margin-top:10px; border-top:1px solid #ccc; padding:5px 0; }*/
.product_reviews .summary { width:100%; }
.product_reviews .summary td { vertical-align:middle; }
.product_reviews .summary img { vertical-align:middle; }
.product_reviews .review { border-top:1px solid #ccc;  }
.product_reviews .review td { padding:5px 0; }
/*.form_product_review { border:1px solid #ccc; background:#f8f8f8; margin:10px; padding:20px;}*/
.form_product_review { background:#f8f8f8; padding:20px;}
.form_product_review h4 { margin-top:0 }
 
/**
* Track order style
**/
table.order {
	width: 100%;
	border: 1px solid #333333;
}
 
table.order tr {
	border-top: 1px solid #333333;
}
table.order tr.first {
	border-top: 0px;
}
table.order tr.pink {
	background-color: #E7D3D9;
}
table.order tr td {
	padding: 6px;
	border-left: 1px solid #333333;
}
table.order tr td.right {
	text-align: right;
}
table.order tr td.red {
	color: red;
}
table.order tr td.green {
	color: green;
}