html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: #ECECEC;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*
=TYPOGRAHY*/
html, body, form, fieldset,td,p,div,.g1 {
margin: 0;padding: 0;font:12px Tahoma,Arial,Helvetica,sans-serif !important;
}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;
}
/* 
=evolve ids and classes */
#tablemain,
#tableproducts,
#tablesearch,
#tablecustreg,
#tableviewcart{
width:960px;margin:0 auto;background-color:#ffffff;vertical-align:top;
}
#tablemain td,
#tableproducts td,
#tablesearch td,
#tablecustreg td,
#tableviewcart td{
vertical-align:top;
}
#productscontent,
#maincontent,
#searchcontent,
#viewcartcontent,
#custregcontent{background-color:#ffffff;font:12px Arial, Helvetica,sans-serif !important; vertical-align:top; width: 600px!important;}
.g1{font:12px Arial, Helvetica,sans-serif !important;}
h1 {
font-size: 16px!important; border-bottom: 1px dotted #cccccc; padding: 0px 0px 8px 0px; margin: 8px 0px 15px 0px; font-weight: bold;
}
h1 a.link {
text-decoration: none!important;}

/* main site */


/* header */
#head{
width:100%;
}

#main_header {
background-image: url(../images/headerbg.jpg);
background-repeat: no-repeat;
width: 960px; height: 103px;
margin: 0px;
position: relative;
text-align: left;
}

#main-logo {
float: left;
position: relative; 
top: 15px; *top: 15px; 
left: 12px;
}

#search{
position: relative; top: -45px; *top: -25px; left: 20px; width: 220px; height: 25px;}

#search h2, 

#myaccount h2, 

#shoppingcart h2{
	font-size: 13px;
	color: #FFFFFF;text-align: left;
	font-weight:bold;
}

#search h2{
	font-size: 13px;
	color: #FFFFFF;text-align: left;
	padding: 0 0 0 5px
}
.search_field{
height: 18px;width: 180px;border: 0px none #FFFFFF; padding: 0; margin: 0; }
#search img {
vertical-align: middle;}


#myaccount {
width: 230px;
height: 80px; *height: 60px;
background-color: #3C88C2;
width: 100%; height: auto; padding: 4px; margin: 0px 0px 0px 0px }

#myaccount_container, 
#shoppingcart_container{
background-color: #3C88C2;
opacity: 0.7;
filter: alpha(opacity = 70);
border: 1px solid #3266CC;}

#myaccount h2, 
#shoppingcart h2{
	border-bottom: 1px dashed #FFFFFF;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	text-align: left;
font-weight: bold!important;
}
#myaccount label{
display:block;text-align:right;width:50px;float:left;font-size: 11px;color: #FFFFFF;margin:1px 0;clear: both;}
#myaccount input{
float:left;font-size:11px;width:100px;margin:0 0 1px 10px;height: 12px;border: 0px none #FFFFFF;padding: 1px;}
#myaccount h3{
margin: 0; *margin: -3px 0px 0px 0px;	padding: 0;
	clear: both;
	text-align: left;
}
#myaccount h3 a{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/whitearrow_icon.gif) no-repeat left;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
}
#myaccount h3 a:hover{text-decoration: underline;	}
#myaccount button, 
#shoppingcart button{
margin: 8px 0 0 6px; *margin: 0 0 0 6px; 
padding: 1px; background:#3266CC; text-align:center; line-height:20px; color:#FFFFFF; font-size:11px; font-weight:bold; border-top-style: none; border-right-style: none; border-bottom-style: none;	border-left-style: none;}



#shoppingcart {
padding: 6px;
width: 144px; height: 70px; position: relative; top: -40px; *top: -12px; left: -10px;
float: right;
}
#shoppingcart h2{
background: url(../images/shopping-cart-icon.gif) no-repeat left 2px;
padding-left: 15px;
}
.shoppingcart-heading {}
#shoppingcart p{
	font-size: 11px !important;
	color: #000000;
	margin: 1px 0;}


#header_nav {
background-image: url(../images/headernav-bg.gif);
background-repeat: no-repeat;
width: 959px;
height: 29px;
margin: 0px 0px 7px 0px;
}

#header_nav ul {margin: 0px; padding: 0px;}

#header_nav li{display: block; float: left;background-image: url(../images/main-nav-separator.gif); background-repeat: no-repeat; background-position: right; padding: 6px 10px 6px 10px; position: relative;}

#header_nav li a{font-size: 12px;font-weight: bold;color: #1F478F;text-decoration: none;padding: 5px 10px 6px 10px;	}

#header_nav li a:hover{font-size: 12px;font-weight: bold;color: #FFFFFF;text-decoration: none;background-color: #3266CC;padding: 7px 10px 6px 10px; *padding: 6px 10px 6px 10px}

/* END of header */



/* footer */
#main_footer {width: 960px;margin:0 auto;position:relative;height: 138px;border-top: 10px solid #3C88C2;}
#main_footer ul {text-align: center;	margin: 15px 0 10px 0;}
#main_footer li {display: inline;padding: 0 10px 0 5px; *padding: 0 10px 0 15px;		}
#main_footer li a{font-size: 11px;color: #000000;		text-decoration: none;		}
#main_footer li a:hover{text-decoration: underline;}
.border{border-right-width: 1px;	border-right-style: solid;	border-right-color: #CCCCCC;}
#main_footer p {text-align: center;margin: 15px 0 10px 0;font-size: 12px;}
/* END of footer */


/* LHSbar and RHSbar */

#rhsbar, .lhsbar {background-color: #D0DDE5; width: 152px; *width: 156px; padding: 10px 0 10px 4px;}

#rhsbar h2, .lhsbar h2{background-image: url(../images/heading-sidebars.gif);background-repeat: no-repeat;background-position: right; font-family: verdana; font-weight:bold; font-size: 15px;padding-bottom: 10px;}

.lhsbar ul, .lhsbar li{
	list-style-image: none;
	list-style-type: none;
	padding: 3px 0;
}
.lhsbar li a{font-size: 11px;
	color: #000000;
	text-decoration: none;	
}
.lhsbar li a:hover{font-size: 11px;
	color: #000000;
	text-decoration: underline;	
}
.top-offer {position:relative;margin: 15px 0;padding: 0 5px 10px 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFFFFF;}
.top-offer-pic{position:absolute;top:2px;left:1px;	}
.top-offer h2{font-size: 12px;padding: 0 0 10px 56px;float: left;	}
.top-offer h2 a{color: #000000;text-decoration: none;	}
.top-offer h2 a:hover{color: #000000;text-decoration: underline;	}
.top-offer-prices{padding: 60px 0 0 0;	text-align: center;	}
.top-offer-prices h3 a{text-decoration: none;	}
#top-offer-prices h3 a:hover{text-decoration: underline;	}
.price{color: #3266CC;font-size: 12px;font-weight: bold;	}
.exvat{color: #000000;font-size: 12px;font-weight: normal;	}
.incvat{color: #999999 ;font-size: 10px;font-weight: normal;	}

/* END of LHSbar and RHSbar */

.summary {
border-bottom: 1px dotted #3C88C2;
margin: 2px 10px 5px 0px;
}
.featureproduct img{
  max-width:150px;
  width:auto !important;
}
.featureproduct h3,
.summary h2 {
font-size: 14px;
font-family: arial;
margin: 0px 0px 0px 0px;
}
.featureproduct h3 a:link,
.featureproduct h3 a:visited,
.summary h2 a:link, 
.summary h2 a:visited {
text-decoration: none; color: #3C88C2;
}
.summary h3 {
font-size: 18px;
margin:0;
color: #000000;
}
h3.price{
color:#3c88c2;
}
h3.price span{
font-size:11px;
color:#333333;
}
.details {margin: 0px 0px 0px 25px; *margin: 0px;}

.details h2 {
font-size: 17px;
font-family: arial;
color: #3366CC;
margin: 0px 0px 8px 0px;
font-weight: bold;
}
.details-price {
font-size: 20px;
font-family: arial;
color: #000000;
font-weight: bold;
}

#prod-desc {
margin: 0px 0px 15px 0px;
}

#prod-desc h2 {
background-color: #D0DDE5;
padding: 4px;
font-size: 14px;
color: #000000;
margin: 0px 0px 8px 0px;
font-weight: bold;
}


/* Homepage */
#welcomebox{
	height: 96px; *height: 176px;
	width: 570px; *width: 600px;
	background-image: url(../images/welcomebox-bg.jpg);
	background-color: #0C0394;
	margin: 0px 0px 0px 8px; *margin: 0px 0px 0px 16px;
	padding: 80px 0px 0px 30px;
}
#welcomebox p {
font-size: 14px;color: #FFFFFF;	
	width: 270px;
}
.homeboxes-container{
margin: 15px 0;clear: both;	
}
.homeboxes {
width: 182px;float: left; margin: 0 8px 8px 0;
}

.homeboxes-heading{
width: 182px;height: 37px;background-image: url(../images/homeboxes-heading.gif);background-repeat: no-repeat;background-position: relative;background-color: #31709D;
}
.homeboxes-heading h2{
padding-left: 28px;
font-size: 15px;
font-weight: normal;
padding-top:2px;
}
.homeboxes-heading h2 a{
color: #FFFFFF;	text-decoration: none;
}	
.homeboxes-heading h2 a:hover{
text-decoration: underline;	
}
.homeboxes-body{
width: 182px;height: 140px;background-color: #5D9DCD;padding-top: 3px;
}
#sidebar{
vertical-align:top;
}
td.s4t,
td.s3t,
td.s5t {
	background-color: #D0DDE5!important;
	padding: 3px 0 3px 12px;
}
.s4t a:link, .s5t a:link, .s3t a:link, .s4t a:visited, .s5t a:visited, .s3t a:visited {
	color: #000000;font-size: 11px;
	text-decoration: none;
}
.s4t a:hover, .s5t a:hover, .s3t a:hover{
	text-decoration: underline;
	color: #000000;
}
.s24t {
	background-color: #D0DDE5;
}
.s24t a:link {font-size: 11px;
	text-decoration: none;
	color: #3478AB;
}
.s24t a:hover{
	text-decoration: underline;
	color: #3478AB;
}
td.s24t, td.s25t, td.s23t {
	background-color: #D0DDE5;
	padding: 3px 0 3px 20px;
}

.center_headings{font-size: 15px;
	color: #3A8AC5;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3A8AC5;
}



/* category summary */
.category{
width:203px;
height:186px; *height:188px;
border: 1px solid #e1e1e1;
background-color: #31709D;
text-align: center;
padding: 0;
float: left;
margin:0 5px 5px 0; *margin:0 2px 3px 0;
}
.name { 
font-size: 13px/1.1;
font-weight: bold!important;
height: 30px; *height: 37px;
text-align:left;
padding: 4px 5px 2px 28px;
background-image: url(../images/homeboxes-heading.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
.name a:link,
.name a:visited,
.name a:active{
text-decoration:none;
color:#fafafa;
}
.name a:hover{
background-color:#fafafa;
color:#3a3a3a;
}
.category img{
border: 1px solid #e5e5e5;
}
.category dd{
margin: 0;
padding: 0;
}
/*subcategory image */
.sbsum {
width: 194px; 
height:194px;
border: 1px solid #ffffff;
margin: 0px 10px 10px 0px;
background-color: #31709D;
}

.sbsum-name {
padding: 9px 9px 9px 28px;
height: 36px;
margin: 0px 10px 10px 0px;
background-image: url(../images/sc-bg.gif);
background-repeat: no-repeat;
background-position: top left;
}
.sbsum-img {
text-align: center;
padding: 9px;
margin:0;
}
.sbsum-name a:link, 
.sbsum-name a:visited {
font-size: 13px/1.1;
font-weight: bold!important;
color:#000000;
text-decoration: none;
}
/* 
=shopping basket styles */
#cartmainouter table{width: 100%;}
.vc1{background-color: #465150;padding: 5px;white-space:nowrap;}
.vc2,
.vc2alt{text-transform: uppercase;padding:5px;}
.vc2 a:link,
.vc2alt a:link{color:#4155A2;}
.vc2 a:hover,
.vc2alt a:hover{color:#4155A2;}
.vc3,
.vc4{padding:5px;}
.vc4{background-color: #000000; color: #FFFFFF}
.vc5{padding:10px 0;}

/* order form styles */
#ordertable{font:normal 12px/1.4 Arial, Helvetica, sans-serif}
#ordertable table{border-collapse:collapse;margin:0 auto;}
#ordertable table img {padding:5px !important;}
.of1{border-top:1px solid #3a3a3a;padding:5px;}
.of2{background-color:#006699 !important;color:#ffffff;padding:5px;}
.of3{background-color:#f5f5f5;padding:5px;border-top:1px solid #3a3a3a;}
.of4{font-weight:bold;padding:5px;background-color:#5D9DCD;border-top:2px solid #3a3a3a;}
#invoice{margin:1em auto !important}
#delivery{margin:1em auto !important}
#payment{margin:1em auto !important}
#general{margin:1em auto !important}
#ordertable{
padding:5px 10px;
background-color:#ffffff;
}
/* header order form */
#order_header{
	background:#5d93cd url(../images/verodirect-logo.gif)no-repeat left;
	height: 74px;
	margin: 5px 0 10px 10px;
}
#order_header img{
float:left;
}
#order_header h1{font-size: 15px;
	color: #ffffff;
	text-align: right;
	margin: 55px 10px 0 0;
border-bottom: 0px!important;
}
#ordertable img {margin-right: 5px;}
/* additional styles for the product details */
#product-image,
#product-functions{
margin:0 auto;
width:250px;
text-align:center;
margin-bottom:10px;
}
#product-image p,
#product-functions p{
margin:5px 0;
}

.prod-table{
padding:5px;
border-collapse:collapse;
border:1px solid #999696;
}
.prod-table th,
.prod-table td{
padding:5px;
}
.prod-table th {
background-color: #D0DDE5;
color: #3366CC;
font:bold 12px;
}
.prod-table td{
border-bottom:1px solid #3a3a3a;
}

.prod-table table{
margin:-5px 0 0 -5px;
padding:5px;
border-collapse:collapse;
}
.prod-table table td{
border:none;
}

#header-search {
width: 260px;
height: auto;
position: absolute;
display: block;
top: 20px;
left: 200px;
}

#header-search img {vertical-align: middle;}

#header-account {
width: 220px;
height:90px;
background-color: #3C88C2;
opacity: 0.8;
filter: alpha(opacity = 80);
border: 1px solid #3266CC;
position: absolute;
display: block;
top: -10px;
left: 340px;
font-size: 11px!important;
font-family: arial;
color: #FFFFFF;
}

#header-cart {
width: 140px;
height: 80px;
background-color: #3C88C2;
opacity: 0.8;
filter: alpha(opacity = 80);
text-align: center;
border: 1px solid #3266CC;
position: absolute;
display: block;
top: 10px;
left: 810px;
}

#header-cart p {
margin: 10px 0px 0px 0px;
font-size: 11px!important;
font-family: arial;
color: #FFFFFF;
}

#header-search h3, 
#header-account h3, 
#header-cart h3{
font-size: 11px;
font-family: arial;
color: #D6E5F0;
	border-bottom: 1px dashed #D6E5F0;
	margin: 0px 3px 3px 3px;
	padding: 3px 0px 3px 3px;
	text-align: left;
font-weight: bold!important;
}


#header-account h4{
margin: 0; *margin: -3px 0px 0px 0px;	padding: 0;
	clear: both;
	text-align: left;
}
#header-account h4 a{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/whitearrow_icon.gif) no-repeat left;
	padding: 0 0 0 10px;
	margin: 0px 0px 0px 4px;
	text-align: left;
}
#header-account h4 a:hover{text-decoration: underline;}


#header-account label{
display:block;text-align:right;width:50px;float:left;font-size: 11px;color: #FFFFFF;margin:1px 0;clear: both;}
#header-account input{
float:left;font-size:11px;width:100px;margin:0 0 1px 10px;height: 12px;border: 0px none #FFFFFF;padding: 1px;}

.loginbt {margin: 10px 0px 0px 3px; *margin: -4px 0px 0px 0px;}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {border:3px solid #a6a8ad;}
/* Header look and feel CSS class */
.MagicZoomHeader {
    font:           12px Arial,Tahoma, Verdana sans-serif;
    color:          #fff;
    background:     #10193e;
    text-align:     center;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {height:10px;width:10px;border:1px;solid #aaa; background: #ffffff;}

.of1 table
{
	display: none;
}

/*
Miscellaneus */
.vieworderhistoryheader{
	background-image: url('(../images/header_bg.jpg');
	background-repeat: repeat-x;
	background-position:  left top;
	height:10px;
	margin-top: 2px;
	text-align: center;
	padding-top: 1px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana
}

.vieworderhistoryline{
	background-image: url('(../images/viewordersbgalt.gif');
	background-repeat: repeat-x;
	color: #000000;
	font-size: 10px;
	font-family: arial,helvetica,sans-serif;
}

.vieworderhistorylinealt{
	background-image: url('(../images/viewordersbg.gif');
	background-repeat: repeat-x;
	color: #000000;
	font-size: 10px;
	font-family: arial,helvetica,sans-serif;
}

.vieworderhistorylinks{
	color: #006092;
	font-size: 10px;
	font-family: arial,helvetica,sans-serif;
}

.vieworderhistorylinks a:hover{
	color:#ff6600;
}

#CustomerRegistration h2
{
font-weight: bold;
margin: 10px 0 10px 0;
font-size: 14px;
}

.style2 {
	font-family: "Cooper Std Black";
	font-size: 36px;
	color: #CC0000;
}
.style3 {
	color: #EA3E30;
	font-family: "Cooper Std Black";
	font-size: 12px;
}
.style1 {font-size: 95%}
.style5 {color: #CC0000; font-family: "Cooper Std Black"; }

/* telephone alert 22nd March 2011 */
.warning{
border: 1px solid;width:960px;margin: 5px auto;padding:15px 10px 15px 50px;color: #9F6000;background: #FEEFB3 url('../images/warning.png') no-repeat 10px center;
}