/*************************
	CSS file for www.automem.com
	Written by Simon Baxter
	http://www.simbax.com
**************************/

body {
	padding:0 10px 10px;
	margin:0;
	font:12px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	text-align:center;
	background:#F5F4F2;
	color:#333
}

/*****************************
	Link and menu styling
******************************/
/* top bar navigation and first footer links */
div#topmenu {
	text-align:right; 
	padding: 5px 0 5px 10px; 
	margin:0; 
	background:url(../img_site/bg_topmenu.png) repeat-x top left;
	color:#fff
}
div#topmenu ul {
	margin:0 10px 0 0; 
padding:3px 0
}
div#topmenu li {
	display:inline;
	margin:0;
	padding: 0;
	list-style-type: none
}
div#topmenu li a {
	padding:9px 15px; 
	text-decoration:none; 
	color:#fff; 
	font-weight:normal
}
div#topmenu li a:hover {
	text-decoration:none;
	background:#998675;
}

/* side menu for product navigation */
dl#mainnav {margin:0; padding:0}
dl#mainnav dt {margin:0; padding:0}
dl#mainnav a {
	display:block;
	margin:0;
	text-align:left;
	text-decoration:none
}
dl#mainnav dd {
	list-style-type:none; 
	padding:0; 
	margin:0
}
dl#mainnav dd a:link, dl#mainnav dd a:visited {
	padding:4px 0 4px 20px;
	font-weight:normal;
	border-bottom:1px solid #eee
}

dl#mainnav dt a {
	background:#efefef; 
	font-weight:bold; 
	padding:5px;  
	font-size:14px; 
	letter-spacing:1px;
	border-bottom:1px solid #eee
}

dl#mainnav dt a#currentgrp {color:#000}
dl#mainnav dt a:hover, dl#mainnav dd a:hover {background-color: #E5DFDB; text-decoration:none}
dl#mainnav dd a#currentcat {background-color: #E5DFDB; font-weight:bold}


/* sorting links for product litsings */
ul#sortinglinks {margin:10px 0; padding:10px 5px; border:1px solid #ccc; text-align:left}
ul#sortinglinks li {display:inline; margin:0; padding:0; list-style-type: none}
ul#sortinglinks li a#ascsort {background:url(../img_site/bg_a_ascsort.png) no-repeat bottom center}
ul#sortinglinks li a#descsort {background:url(../img_site/bg_a_descsort.png) no-repeat bottom center}
ul#sortinglinks li a {padding:11px 15px; text-decoration:none; margin:0; border-left:1px solid #ccc}
ul#sortinglinks li a:hover {text-decoration:underline}

/* menu shown near the foot */
div#footlinks {
	text-align:center; 
	padding: 5px 0 1px; 
	margin:0 203px;
	border-top:1px solid #ccc
}
div#footlinks ul {
	margin:0; 
	padding:0
}
div#footlinks li {
	display:inline;
	margin:0;
	padding: 0;
	list-style-type: none
}
div#footlinks li a {
	padding:0 23px; 
}
div#footlinks li a:hover {
	text-decoration:underline
}

/* generic text link styling */
a:link , a:visited {
	color:#666633;
	text-decoration:none;
	font-weight:bold
}
a:hover {
	text-decoration:underline
}


/* page number links on product listings */
a:link.pagenum , a:visited.pagenum {
	padding:1px 4px;
	margin:0 2px;
	border:1px solid #fff
}

/* page number links on product listings */
a:hover.pagenum, a.currentpagenum, a:hover.currentpagenum {
	text-decoration:none;
	padding:1px 4px;
	margin:0 2px;
	border:1px solid #009900
}

/*****************************
	Header tag styling
******************************/

h1 {
	font: 30px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	letter-spacing:-2px;
	color:#42210B;
	margin:-5px 0 5px;
	padding:0;
}

h2 {
	font-size:20px;
	color:#333;
	font-weight:normal;
}

div.sidebox h2 {
	margin:0 -1px;
	padding:4px 5px;
	background:#42210B;
	color:#fff;
	font-size:14px
}

h3 {
	font: 20px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	margin:15px 0 5px;
	background:#eee;
	padding:3px 5px
}

/*****************************
	p, span, strong, address tag styling
******************************/
p {
	margin:10px 0;
}

p#nobasket {
	border:1px solid #ccc;
	margin:5px;
	padding:3px 5px;
	color:#666633;
	text-align:center;
	background:#fff
}

span.form_err {
	background:#eee; 
	color:#cc0000; 
	padding:2px 4px; 
	border:1px dashed #cc0000; 
	display:block; 
	margin:2px 0
}

p#buyinstore {
	margin:0;
	padding:5px;
}

p.error {
	color:#cc0000;
	text-align:center;
	background:#eee;
	border:1px solid #cc0000;
	padding:3px
}

p.productinfo_price {
	font-size:14px;
}

p#basketmsg {
	margin:0;
	padding:3px 15px 3px 5px;
	border-bottom:1px solid #ccc;
	color:#fff;
	background: #990000 url(../img_site/ani_arrow.gif) no-repeat center right
}

p.intro {
	margin:0 0 8px;
}

span.sdesc {
	font-size:10px;
	color:#666;
}

span.linethrough {
	text-decoration:line-through;
}

strong.saleprice {
	color:#cc0000
}

strong.regprice {
	color:#009900
}

address {
	margin:10px 0;
	font-style:normal;
}
/*****************************
	List styling
******************************/
ul.googlebenefits {
	margin:20px 25px;
	padding:0;
}
ul.googlebenefits li {
	margin:10px 0;
}

/*****************************
	Table styling
******************************/

/* main structure table to give a reliable 3 column layout. No IE fudges required */
td#mainleftcell {vertical-align:top; width:179px}
td#maincell {vertical-align:top; background:none; padding:10px 0}
td#mainrightcell {vertical-align:top; width:179px}

/* top five (left column) table and links */
table#homeproducts {width:98%; margin:0 auto}
table#homeproducts td {padding:0; vertical-align:top}

table#featuredproducts { text-align:center }
table#featuredproducts td { vertical-align:top; padding-bottom:10px }

table#productlist_tbl {margin:0; width:100%; border:1px solid #ccc}
table#productlist_tbl tr td {padding:5px; border-bottom:1px solid #ccc; background:url(../img_site/bg_productlist_td.gif) repeat-x bottom left; height:80px }
td.productlist_img {width:60px; text-align:center }
td.productlist_img img {width:40px; height:40px }
td.productlist_buy {width:110px}

table#sidebasket {width:100%}
table#sidebasket tr td {padding:4px 3px; border-bottom:1px solid #ccc}
table#sidebasket a:link, table#sidebasket a:visited {font-weight:normal}

table#shoppingbasket {width:100%; margin-bottom:10px}
table#shoppingbasket tr th {padding:4px 5px; border-bottom:1px solid #999}
table#shoppingbasket tr td {padding:4px 5px}
table#shoppingbasket tr.basketitemrow td {border-bottom:1px solid #ccc}
table#shoppingbasket tr td.basketsubtotal {background:#eee; border-bottom:1px solid #ccc}
table#shoppingbasket tr td.pandp {background:#F9F3E5; border-bottom:1px solid #ccc}
table#shoppingbasket tr td.baskettotal {font-weight:bold; border-bottom:double; background:#F9F3E5; font-size:14px}


/* top five (left column) table and links AND latest products (right column) */
table.topproducts {width:100%}
table.topproducts td {padding:2px 5px; border-bottom:1px solid #ccc}
table.topproducts a:link, table.topproducts a:visited {font-weight:normal}
table.topproducts img {width:30px}

/*****************************
	Main container divs
******************************/
div#botshadow {
	background:url(../img_site/bg_botshadow.gif) no-repeat top center;
	height:13px;
	margin:0 -9px;
	font-size:0;
}

div#head {
	padding:0;
	background: url(../img_site/bg_head.jpg) no-repeat top left;
	height:122px
}

div#search {
	background:#666; 
	padding:2px; 
	color:#fff; 
	text-align:center; 
	border-top:1px solid #fff
}

div#sitewrap {
	margin:0 auto;
	width:900px;
	background:#fff url(../img_site/bg_sitewrap.gif) repeat-y top center;
	text-align:left;
	padding:0 9px;
}

div#mainwrap {
	background:url(../img_site/bg_mainwrap.png) repeat-x top left	
}

div#side {
	width:215px; 
	margin:0; 
	padding:0; 
	float:left; 
	display:inline
}
	
div#maincontent {
	margin:0 0 0 215px; 
	padding:10px 10px 10px 0;
	line-height:20px;
}

div#foot {
	font-size:10px;
	padding:5px 0;
	text-align:center;
	color:#777
}
	div#foot a {color:#666}
	
/*****************************
	Centre content divs
******************************/

div#bread {
	margin:0 0 10px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

div#map {
	height:300px;
	width:630px;
	border:1px solid #a8a8a8
}

/* styling for products shown on the homepage */
div.feature, div.feature_first {
	width:170px;
	border:1px solid #ccc;
	float:left;
	margin:0 0 10px 11px;
	background:url(../img_site/bg_productlist_td.gif) repeat-x bottom left
}
div.feature_first {
	margin:0 0 10px 0
}
div.feature_img {
	padding:5px 0;
	text-align:center;
	height:80px
}
div.feature_txt {
	padding:2px 5px;
	text-align:left;
	height:31px;
	vertical-align:top;
	overflow:hidden;
	background:#F5F4F2;
	border-bottom:1px solid #ccc
}
div.feature_price {
	padding:0 5px 3px;
	text-align:right;
}
div.feature_price p {margin:0}
div.feature_buy {
	text-align:right;
	padding:2px 5px;
}

div#productinfo_img {
	float:left;
	width:171px;
	margin-top:10px;
	text-align:center
}
div#productinfo_details {
	margin:15px 0  0 180px
}

div.clearleft {
	clear:left;
	height:0; 
	overflow:hidden
}

/*****************************
	Left column styling
******************************/

div#acceptgoogle {
	width:92px;
	margin:10px auto;
}

div.sidebox {
	margin:10px;
	border:1px solid #ccc;
}

/*****************************
	Right column styling
******************************/
div#sidebasket {
	background:#fff url(../img_site/bg_gradient.png) repeat-x bottom left
}

div#sidebasketcost {
	background:#F9F3E5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px;
	margin:2px 0 2px
}

div#sidebasketbtns {
	text-align:center;
	padding-bottom:2px
}
div#sidebasketbtns img {
	margin:2px 0;
}

/*****************************
	Misc div's
******************************/
div.clear { /*allows the container to accomodate the sidebar in firefox*/
	clear:both; 
	height:1px; 
	overflow:hidden;
} 

div.logos {
	text-align:center;
}
div.logos img {
	margin:10px;
}

/*****************************
	Image styling
******************************/
/* make sure image links don't have a border */
img {border:none}

img.framed {
	border:1px solid #ccc;
	background:#fff;
	padding:3px
}

img#printlogo {
	display:none;
}

/*****************************
	Form and field styling
******************************/
label.req {
	border-bottom:1px solid #993300
}

/* give zero padding and margin to forms by default */
form {
	padding:0;
	margin:0
}

input, textarea, select {
	border:1px solid #ccc;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px;
	color:#666
}

form em {color:#CC0000; font-weight:bold; font-size:120%; padding-left:5px}

/* Fieldset  */
fieldset {
	position:relative;
	margin:0 0 20px;
	padding: 0 10px 10px;
	background-color:#fff;
	border-width:2px 2px 2px 10px;
	border-style:solid;
	border-color:#eee;
	overflow: auto
}
fieldset p {margin:0 0 10px}

legend {
	padding:3px 7px;
	background-color:#F9F9F0;
	border-width:1px 1px 1px 10px;
	border-color:#475953;
	border-style:solid;	
	color:#666;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px
}

input[type='checkbox'] {}

/* style for the buy button */
.button, .mozbutton {
	background: #996600 url(../img_site/bg_button.gif) top repeat-x;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 3px;
	margin: 0;
	border: 1px solid #996600;
	cursor: pointer;
	font-size:11px
}
.mozbutton {
	-moz-border-radius: 4px
}

input.smallbtn {
	background:#998675;
	color:#fff;
	border:1px solid #663300;
	padding:1px 3px
}

/*
Misc Styling
******************************/

/* box to hold debug info below footer */
div#debug {
	width:870px;
	margin:10px auto;
	padding:10px 30px;
	text-align:left;
}