/* CSS Document */
/*  */

* {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body 	{line-height: 1;
	  	color: #333;
	   	background: url(/images/template/bg.jpg) repeat-x;
	   	font-family:Arial, Helvetica, sans-serif;
		font-size: 70%;
}



h1 {color: #000;
	margin: 0 0 0.3em 0;
	font-size: 270%;
	font-weight: lighter
	}

h2 {color:#141414;
	margin: 0em 0 0 0;
	font-size: 160%;
	font-weight: lighter;
	padding-bottom: 4px;

}



h3 {color:#666666
	margin: 0 0 0.5em 0;
	font-size: 160%;
	font-weight: normal
}




h4 { color:#333333;
	font-size: 120%;
	

}

p {color: #141414; line-height: 1.3; margin-bottom: 10px; font-size: 120% }
span.largetext {font-size: 280%; font-weight: bold}
span.mediumtext {font-size: 160%}
a.mediumtext:link, a.mediumtext:visited {font-size: 160%; color:#FFF;}
span.smalltext {font-size: 90%}
span.xsmalltext {font-size: 70%}

a:link, a:visited {color:#000; text-decoration: none }
a:hover {text-decoration: none}

div.clear { clear: both;}

div.hr { height: 2px; border-bottom: 1px solid #ccc}
div.hr2 { height: 2px; border-bottom: 1px solid #333; margin-top: 20px}
div.hr3 { height: 2px; border-bottom: 2px solid #4d4c45; }
div.hr hr, div.hr2 hr, div.hr3 hr { display: none;}


/* START TEMPLATE STYLES */
/* -------------------------------- */
#container {width: 970px; margin: auto;  }
#header {width: 970px; float:left}
#logo { float: left; }
#keywordsearch {float:left; margin: 5px 0 0 625px; width: 170px}
#keywordsearch input { float: left;  width: 130px;  height: 15px;  padding: 2px 3px 3px 3px; color: #999;  font-size: 1.1em;  margin: 5px 0px 0px 0px}
#keywordsearch input.go{float:left;width: 30px; height: 20px; margin-left: 2px; color:#000; padding-top: -5px}
#slogan {float:left; width: 216px; margin-left:580px;margin-top: 10px  }


#nav { float:left; color: #000; font-size: 120%; margin-left: 8px }
#nav ul {list-style-type: none; margin: 15px 0px 10px 0px; }
#nav li {display: inline; background:url(/images/template/nav_divider.png) no-repeat 100% 50%; padding: 10px 0 10px 0}
#nav li.navend {display: inline; background: none;padding: 10px 0 10px 0}
#nav li a:link, #nav li a:visited {font-size: 110%; padding: 0 14px 0 9px;}
#nav li a:hover {color:#333333}

#shopping_basket {width: 240px; float:right; margin: 5px 0 10px 0; line-height: 1.3em; font-weight:bold}
#shopping_basket a.checkout {color:#990000; }
#shopping_basket a.checkout:hover {color:#000}
#items {float:left; background:url(/images/template/basket_divider.png) no-repeat 100% 50%; text-align:right; padding-right: 10px; margin-top: 10px}
#basketDropZone {float:left; margin-left: 5px}

#footer {background:#141414; font-size: 92%; color: #999;  padding: 20px 10px 30px 10px; line-height: 1.2;  }
#footer a:link, #footer a:visited {color: #fff; text-decoration:none }
#footer a:hover {color: #ccc }
#footer h4 {color:#999; border-bottom: 2px solid #999; padding-bottom: 4px; font-size: 140%}
#footer_container {width: 970px; margin: auto;  }
#footer_nav {width: 560px; float:left; margin-right: 150px}
#footer_nav ul {list-style-type:none}
#footer_nav li {line-height: 1.4em; font-size: 120%}
div.footer_nav_list {width: 180px; float:left}

#footer_contact {width: 260px; float:left; color:#fff; }
#footer_contact p {color:#fff}

#footer_copyright {width: 560px; float:left; margin: 10px 150px 20px 0; font-size: 100%; line-height: 1.5em}
#footer_address {width: 260px; float:left; margin: 10px 0 20px 0; font-size: 100%; line-height: 1.5em }



/* END TEMPLATE STYLES */
/* -------------------------------- */






/* START HOME STYLES */
/* -------------------------------- */

#banner {width: 970px; background:url(/images/home/banner_bg.jpg) 100% 50%; float:left; margin-bottom: 20px}
#banner_img {z-index: 20; width: 361px; float:left}
#banner_asterix {z-index: 2; width: 23px; float:left; margin: 12px 0 0 -600px}
#banner_intro {z-index: 1; width: 569px;  background: #fff; float:left; margin: 25px 0 0 0px; padding: 10px 10px 0 10px}

div.category_block {width: 193px; float:left; margin: 0 5px 4px 0; padding: 0px }
div.category_block h2 {color:#fff; background: #000; padding: 3px 3px 3px 8px; margin: 0px; font-size: 160%}
div.category_block li {background:url(/images/template/bullet_small.png) no-repeat 0% 2px; padding-left: 15px; line-height: 1.2em }
div.category_block li a:link, div.category_block li a:visited {color:#fff}
div.category_block li a:hover {text-decoration:underline}

div.customertestimonial_block {width: 386px; float:left; margin: 0 5px 4px 0; padding: 0px }
div.customertestimonial_block h2 {color:#fff; background: #000; padding: 3px 3px 3px 8px; margin: 0px; font-size: 160%}
div.customertestimonial_quoteblock {text-align: middle; height: 70px; background: #4D4C45;}
div.customertestimonial_block p {font-size: 120%; color:#fff; padding-top: 5px; Arial,Helvetica,sans-serif;}
.customertestimonial_quote {color:#fff; margin: 0px; Arial,Helvetica,sans-serif; font-style: italic; line-height: 1.3;}


div.adverts {float:left; width: 227px; margin: 0px 6px 25px 0}
div.adverts_end {float:left; width: 227px; margin:0 -10px 25px 0}
div.adverts a:link, div.adverts_end a:link {color:#fff}
div.advert_img {width: 50px; float:left}
div.advert_info {float:left; width: 165px; background: #993333; color:#fff; padding: 5px 2px 4px 5px; min-height: 116px}
div.adverts h3, div.adverts_end h3 {font-size: 140%; font-weight:bold; line-height: 2em}
div.adverts p, div.adverts_end p {color:#fff; margin: 0px}

div.home_cats {width: 687px}
div.home_cats_title {width: 667px; background:#4d4c45; padding: 3px 10px 4px 10px; color:#fff;  font-weight: bold}
a.home_cats_view {font-size: 110%; float:right; color:#fff; background:url(/images/template/bullet_white.png) no-repeat 100% 0px; padding-right: 15px; margin-top: 4px}
a.home_cats_view:hover {color:#ccc; background:url(/images/template/bullet_white_hover.png) no-repeat 100% 0px; padding-right:15px; }

div.home_cats_prod {padding: 5px 5px 10px 0px; float:left; width: 330px }
div.home_cats_prod_thumb {width:90px; float:left}
div.home_cats_prod_info {float:left;width: 230px; margin-left: 10px}
div.home_cats_prod_info p {font-size: 120%; margin: 3px 0 5px 0}
span.home_cats_prod_price {color:#993333;font-size: 130%; font-weight: bold; padding-bottom: 4px }
a.home_cats_prod_view {font-weight: bold; font-size: 110%; color:#4d4c45; background:url(/images/template/bullet_red.png) no-repeat 100% 2px; padding-right: 15px; }
a.home_cats_prod_view:hover {background:url(/images/template/bullet_grey_hover.png) no-repeat 100% 2px;color:#333}
a.home_cats_prod_title {color:#4d4c45; font-weight: bold; font-size: 140%}
a.home_cats_prod_title:hover {color:#333; }




/* START STYLES FOR HOME COLOUR UPDATES */
/* -------------------------------- */
span.home_title {color:#7a316d; font-size: 123%;}
div.category_block ul, div.category_block2 ul {width: 169px; /* change this colour */background: #7a316d;/* */ list-style-type:none; color:#fff; padding:4px 4px 10px 20px }
span.arrivals_price {/* change this colour */color:#7a316d;/* */ font-size: 110%; font-weight: bold; }

/* END STYLES FOR HOME COLOUR UPDATES */
/* -------------------------------- */


/* END HOME STYLES */
/* -------------------------------- */




/* START CONTENT STYLES */
/* -------------------------------- */

#content {margin: auto;}
#maincontent {width: 687px; float:left; margin-bottom: 60px}
#maincontent ul { margin: 10px 0px 0px 50px}
#maincontent li {color: #666; list-style-type:square; line-height: 1.2}
#maincontent h1 {font-size: 230%; border-bottom: 2px solid #000; margin-top: 0}
#maincontent h2 {font-size: 230%; border-bottom: 2px solid #000; margin-top: 0; margin-bottom: 10px;}

#sidecontent {float: left; width: 251px; margin: 0px 30px 40px 0;  }
#sidecontent h2, #latestproducts h2 {border-bottom: 2px solid #141414; padding-bottom: 4px; font-weight: bold; font-size: 160%}

div.new_arrivals {background: #f2f2f2; padding: 10px 0 10px 6px; border-bottom: 1px solid #ccc}
div.new_arrivals_thumb {width:90px; float:left}
div.new_arrivals_cat {color:#fff; background: #141414; width: 84px; padding: 3px; font-weight:bold; font-size: 100%;   }
div.new_arrivals_info {float:left; width: 140px; margin-left: 10px}
div.new_arrivals_info p {font-size: 100%; margin-top: 3px}
a.arrivals_view {font-weight: bold; font-size: 110%; color:#4d4c45; background:url(/images/template/bullet_grey.png) no-repeat 100% 2px; padding-right: 15px; }
a.arrivals_view:hover {background:url(/images/template/bullet_grey_hover.png) no-repeat 100% 2px;color:#333}
a.arrivals_title {color:#4d4c45; font-weight: bold; font-size: 140%}
a.arrivals_title:hover {color:#333; }
a.arrivalsupbtn {background:url(/images/template/arrivals_up.jpg) no-repeat;  width: 251px; height: 26px; display:block; cursor: pointer;}
a.arrivalsupbtn:hover {background-position: 0px -26px; }

a.arrivalsdownbtn {background:url(/images/template/arrivals_down.jpg) no-repeat;  width: 251px; height: 26px; display:block; cursor: pointer;}
a.arrivalsdownbtn:hover {background-position: 0px -26px; }

#subnav {width: 251px; float:left; background: #f2f2f2; border-top: 2px solid #4d4c45; margin-bottom: 30px}

/*First Level */
#subnav ul.maincat {margin-top: 1px }
#subnav ul.maincat li {background:#4d4c45; font-size: 120%; font-weight: bold; list-style-type:none; line-height: 1.8; padding-left: 10px; border-bottom: 1px solid #f2f2f2;}
#subnav ul.maincat li a:link, #subnav ul.maincat li a:visited {background:url(/images/template/bullet_white.png) no-repeat 100% 4px; padding-right: 15px; color:#fff}
#subnav ul.maincat li a:hover {background:url(/images/template/bullet_white_hover.png) no-repeat 100% 4px; color:#ccc}

/*Second Level */
#subnav ul.maincat li ul.subcat li {background:#f2f2f2; margin-left: -10px; font-size: 110%; font-weight: normal; border-bottom: 1px solid #ccc}
#subnav ul.maincat li ul.subcat li a:link, #subnav ul.maincat li ul.subcat li a:visited {color:#333; background:none;}
#subnav ul.maincat li ul.subcat li a:hover {color:#990000;}

/*Third Level */
#subnav ul.maincat li ul.subcat li ul.subsubcat {margin-bottom: 10px}
#subnav ul.maincat li ul.subcat li ul.subsubcat li {background:#f2f2f2; margin-left: -10px; font-size: 75%; font-weight: normal; border-bottom: none; padding-left: 30px}
#subnav ul.maincat li ul.subcat li ul.subsubcat a:link {color:#333; background:none;}
#subnav ul.maincat li ul.subcat li ul.subsubcat a:hover {color:#990000;}


#latestproducts {margin-top: 30px}
div.latestprod {background: #f7f7f7; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 15px 20px 15px; width: 178px; margin: 15px 21px 0 0; float:left}
div.latestprod img {border: 2px solid #858585; margin-bottom: 10px}
a.latestprod_title {color:#4d4c45; font-weight: bold; font-size: 140%; }
a.latestprod_title:hover {color:#333; }
span.latestprod_price {color:#993333;font-size: 130%; font-weight: bold; padding-bottom: 4px }

a.latestprod_view {font-weight: bold; font-size: 110%; color:#4d4c45; background:url(/images/template/bullet_red.png) no-repeat 100% 2px; padding-right: 15px; }
a.latestprod_view:hover {background:url(/images/template/bullet_grey_hover.png) no-repeat 100% 2px;color:#333}


#prodthumbs {width: 50px; float:left; margin: 10px 12px 0px 0px}
#prodthumbs img {margin-bottom: 12px}
#prodmainimg {width: 215px; float:left; margin: 10px 25px 0 0;}
#prodinfo {font-weight: bold; font-size: 90%; margin: 15px 0px 40px 0}
#prodinfo h2 {color:#33; font-size:140%; font-weight:bold}
#prodinfo p {color:#333 }

#genericinfo img {float:right; margin-top: -20px}
#genericinfo p {color:#333}


div.home_cats div.create_title {width: 667px; background:#4d4c45; padding: 3px 10px 4px 10px; color:#fff;  font-weight: bold; font-size: 80%;}

/* END CONTENT STYLES */
/* -------------------------------- */


/* START SLIDING BOXES STYLES */
/* -------------------------------- */
.boxgrid{  
width: 213px;  
height: 281px;  
margin:10px 15px 10px 0px;  
float:left;  
background:#161613;  
overflow: hidden;  
position: relative;  
} 

.boxgrid a:link {color:#fff}
 
.boxgrid img{  
position: absolute;  
top: 0;  
left: 0;  
border: 0;  
}  


.boxcaption{  
float: left;  
position: absolute;  
background: #000;  
height: 230px;  
width: 100%;  
opacity: .9;  
/* For IE 5-7 */  
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
/* For IE 8 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.caption .boxcaption {  
top: 240px;  
left: 0; 
padding: 6px 4px 4px 6px;
} 



.boxgrid2{  
width: 213px;  
height: 74px;  
margin:10px 15px 10px 0px;  
float:left;  
background:#161613;  
overflow: hidden;  
position: relative;  
} 

.boxgrid2 a:link, .boxgrid2 a:visited {color:#fff}
 
.boxgrid2 img{  
position: absolute;  
top: 0;  
left: 0;  
border: 0;  
}  


.boxcaption2{  
float: left;  
position: absolute;  
background: #000;  
height: 45px;  
width: 100%;  
opacity: .9;  
/* For IE 5-7 */  
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
/* For IE 8 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}

.caption2 .boxcaption2 {  
top: 45px;  
left: 0; 
padding: 6px 4px 4px 6px  
}  


 

/* END SLIDING BOXES STYLES*/
/* -------------------------------- */

/* START TABLE STYLES */
/* -------------------------------- */

table.pricestable {margin: 20px 0px 40px 0; font-weight:bold; font-size: 110%}
table.pricestable tr th { background:#4d4c45; vertical-align:top; padding: 5px 5px 5px 0px; color: #fff; font-weight:bold; font-size: 120%; text-align:left;  }
table.pricestable tr a:link, table.pricestable tr a:visited {background: #333; color: #fff; text-decoration: none; padding: 3px 8px 3px 8px; } 
table.pricestable tr a:hover {color: #ccc; text-decoration: none } 
table.pricestable tr th.first, table.pricestable td.first  {padding-left: 10px}

table.pricestable tr.dtginfo_alternate {background: #f2f2f2;}
table.pricestable tr.dtginfo, tr.dtginfo_alternate {height: 35px }
table.pricestable tr.dtginfo_alternate td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}

select.selectqty {font:1em Arial, Helvetica, sans-serif; border: 1px solid #ccc;color: #330033;padding: 2px 0px 2px 2px; text-align: left ;width: 50px}


/* END TABLE STYLES */
/* -------------------------------- */



/* START FONT STYLES */
/* -------------------------------- */
/*
10 77
11 85
12 93 (was 92)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
/* END FONT STYLES */
/* -------------------------------- */

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
color: #330033;
padding: 2px
}
 
textarea {
width:100%;
line-height:1.25;
}

.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
        height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;       
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-style : solid;
        border-color : #ff0000;
}

.formLabel{
	width:100px;
	text-align:right;
}

.formButton{
	margin-left:110px;
} 

.keyline {
  color: #666;
  background-color: #666;
  height: 1px;
  margin: 2px 0px 2px 0px;
}