/* 

Reset CSS

v1.0 | 20080212 

*/

html, body, div, span, applet, object, iframe,
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Custom */

body { background: #d4e5ff url(../images/page-bg.png) repeat-x; }

#wrapper {width: 860px; margin: 0 auto;}

#banner {
	height: 400px;
	background: url(../images/banner.png) no-repeat;
	position: relative;
}

#supportbox {
	height: 100px;
	background: url(../images/support-cart-box.png) no-repeat;
	position: relative;
}

#colwrapper { background: #d4e5ff url(../images/colwrapper-bg.png) no-repeat; 
	min-height: 275px;
	padding: 20px 10px ;
	
}

#colwrapper #sidebar {
	width: 220px;
	margin: 0 0 0 10px;
	float: left;
}

#colwrapper #maincontent {
	margin-left: 260px;
	margin-right: 20px;
}

#colwrapper #maincontent.widecol {
	margin-left: 20px;
	margin-right: 20px;
}

/* banner */

#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 320px;
	height: 80px;
}

#logo a {
	width: 320px;
	height: 80px;
	display:block;
	text-indent: -9999px;
}

#samplebox {
	position: absolute;
	left: 20px;
	top: 120px;
	width: 460px;
	font-size: 14px;
}

#samplebox h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: #c71a1c;
	text-transform: uppercase;
}

#supportbox .supportlink {
	position: absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 380px;
}

#supportbox .supportlink a {
	height: 100px;
	width: 380px;
	display: block;
	text-indent: -9999px;
}

#supportbox .phonebox {
	position: absolute;
	left: 0420px;
	top: 0;
	height: 100px;
	width: 200px;
	text-indent: -9999px;
}

#supportbox .cartbox {
	position: absolute;
	left: 680px;
	top: 50px;
	height: 50px;
	width: 120px;
	color: #fff;
}

#supportbox .cartbox .total {
	font-size: 18px;
}

#supportbox .cartbox .total small {
	font-size: 12px;
}

/* menu */

#menu {
	position: absolute;
	left: 380px;
	top: 20px;

}

#menu ul, #menu li {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
}

#menu li {
	display: inline;
	padding: 0 20px 0 0;
	letter-spacing: 0;
}

#menu li a {

}

/* home */

#bestsellersbox {
	padding-left: 40px;
	overflow: visible;
	margin-bottom: 40px;
}

#bestsellersbox .box {
	width: 240px;
	float: left;
	margin: 0 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #0e2237;
	overflow: visible;
	color: #354b71;
}

#bestsellersbox .box.last {
	margin: 0;
	border-right: none;
}

#bestsellersbox .box .thumb {
	width: 70px;
	float: left;
}

#bestsellersbox .box .shortdesc {
	margin-left: 80px;
	height: 197px;
}

#bestsellersbox .box .shortdesc .title {
	font-size: 18px;
}

#bestsellersbox .box .buynow {
	margin-top: 20px;
}

#bestsellersbox .box .buynow .price {
	width: 70px;
	float: left;
	line-height: 1;
}
	
.price .big {font-size: 30px;letter-spacing: -1px;}

#bestsellersbox .box .button {	margin-left: 80px; text-align: center;}

#moreed {
	background: #eaf3fe;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px;
	text-align: right;
	margin: 0 0 10px 0;
	clear: both;
	font-size: 18px;
}

/* sidebar */

#sidebar h2 {
	font-size: 14px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

#sidebar ul {

}

#sidebar li {
	padding: 4px 0;
	clear: both;
	overflow: visible;
}

#sidebar li .left {
	width: 150px;
	float: left;
	padding-left: 10px;
}

#sidebar li .right {
	width: 60px;
	float: right;
}

#sidebar .odd {
	background: #eaf3fe;
}

#sidebar .even {
	border: 3px solid #eeeeee;
	margin-bottom:3px;
}

/* footer */

#footer {
	padding: 60px 20px 1px 20px;
	clear: both;
}

#footer .left {
	float: left;
	width: 400px;
}

#footer .right {
	float: right;
	width: 123px;
}

#footer .links {
	clear: both;
	padding:0;
}


/* type */

body { font: 12px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0; color: #1a3e65; }

#maincontent h1 { font-size: 26px; margin-bottom: 20px;color: #c71a1c;}
#maincontent h2 {font-size: 20px; margin-bottom: 20px;color: #c71a1c;}
#maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {font-size: 16px;margin-bottom: 10px;}

#maincontent p, #maincontent ul { font-size: 14px; margin: 0 0 10px 0;}

a {color: #c71a1c;}