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

body {
	padding:15px 10px;
	margin:0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#F9F3E5;
	color:#333
}

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

/* 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;  
	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: #F9F3E5; text-decoration:none}
dl#mainnav dd a#currentcat {background-color: #F9F3E5; font-weight:bold}


/* sorting links for product litsings */
ul#sortinglinks {margin:10px 0; padding:8px 5px; background:#eee}
ul#sortinglinks li {display:inline; margin:0; padding:0 10px; list-style-type: none}
ul#sortinglinks li a#ascsort {background:#fff url(../img_site/bg_a_ascsort.png) no-repeat bottom center}
ul#sortinglinks li a#descsort {background:#fff url(../img_site/bg_a_descsort.png) no-repeat bottom center}
ul#sortinglinks li a {padding:10px; text-decoration:none; margin:0 2px}
ul#sortinglinks li a:hover {background:#fff}

/* menu shown near the foot */
div#footlinks {
	text-align:right; 
	padding: 5px 0 1px; 
	margin:0; 
	background:#5D1C20;
	color:#fff
}
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 10px; 
	text-decoration:none; 
	color:#fff; 
	font-weight:normal
}
div#footlinks li a:hover {
	text-decoration:underline
}

/* generic text link styling */
a:link , a:visited {
	color:#663333;
	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: 200% 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	letter-spacing:-1px;
	color:#996666;
	margin:-5px 0 5px;
	padding:0;
}

h2 {
	font-size:160%;
	color:#333;
	font-weight:normal;
}

h2#intro {
	font-size:110%;
	margin:0;
}

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

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

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

p#nobasket {
	border:1px solid #ccc;
	margin:5px;
	padding:3px 5px;
	color:#996600;
	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
}

span.sdesc {
	font-size:90%;
	color:#666;
}

span.mfr {
	font-size:90%;
}

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

strong.saleprice {
	color:#CC0000;
	font-size:110%
}

strong.regprice {
	color:#993300;
	font-size:110%;
}

strong.sqmprice {
	color:#996600;
	font-size:110%;
}

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

/* 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:98%}
table#productlist_tbl tr td {padding:5px; border-bottom:1px solid #ccc; height:100px }
td.productlist_img {width:80px; text-align:center }
td.productlist_buy {width:150px}

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:98%}
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}

/*****************************
	Main container divs
******************************/
div#topshadow, div#botshadow {
	background:url(../img_site/bg_topshadow.png) no-repeat bottom center;
	height:13px;
	margin:0 -9px;
	font-size:0;
}

div#botshadow {
	background:url(../img_site/bg_botshadow.png) no-repeat top center;
}

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

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.png) repeat-y top center;
	text-align:left;
	padding:0 9px;
}

div#mainwrap {
	/*background:url(../img_site/bg_mainwrap.gif) repeat-y top left*/	
}

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

div#foot {
	font-size:90%	;
	padding:8px 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#featured_products {
	margin:10px 17px 0;
	border:3px solid #ccc;
	background:#eee
}
div#featured_products h2 {
	color:#5D1C20;
	margin:0;
	padding:2px;
	text-align:center;
	font: 22px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
}

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

/* styling for products shown on the homepage */
div.feature {
	border:3px solid #eee;
	border-bottom:6px solid #eee;
	height:105px
}
div.feature_img {
	padding:5px;
	text-align:center;
	float:left;
	width:80px
}
div.feature_detail {
	padding:3px;
	text-align:left;
	margin-left:90px;
}
div.feature_detail p {
	margin:5px 0
}
div.feature_name {
	height:39px;
	overflow:hidden
}

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

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

div#acceptgoogle {
	width:182px;
	margin:20px auto;
}

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

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 5px
}
div#sidebasketbtns {
	text-align:center;
}

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

div#logos {
	text-align:right;
	padding-bottom:5px
}
div#logos img {
	margin:0 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
}


/*****************************
	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:2px solid #ccc;
	font:90% Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px;
	color:#666
}

input[type='checkbox'] {}

input.smallbtn {
	background:#CC6600;
	color:#fff;
	border:2px solid #993300;
	padding:0px 3px
}

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

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