/*******Resets*******/
/* html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, td, th, tr, img{ */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd, th, img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	list-style: none;
}
table{border-collapse: collapse;border-spacing: 1;}
:focus{outline: 0;}
.clear{
	clear:both;
	line-height:0px;
	padding:3px;
	height:0px;
	margin:1px;
	font-size:0px;
}

/*******General*******/

body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, Geneva, sans-serif;
	background:#fff url(images/background.jpg) repeat top left;
	color:#6f6f6f;
	font-size:14px;
}
a:link, a:active, a:visited{
	color:#0043bd;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img{border:0px;}

h1, h2, h3, h4, h5, h6, ul, li, form, p{margin:0px;padding:0px;}
p{padding:0px 0px 10px 0px;color:#4e4e4e;line-height:20px;}
.orange{color:#e47125;}

/*******Header******
------------------------------------------------------------*/

#header{
	position:relative;
	width:960px;
	height:105px;
	background:transparent;
	margin:auto;
	padding:10px 0;
}

#logo{float:left;width:259px;height:109px;display:block;}

#slogan{color:#0043bd;font-style:italic;font-size:18px;width:276px;text-shadow:#555 0 1px 2px;text-align:center;float:left;margin:27px 0 0 50px;}
#slogan span{color:#3c7a29;font-size:25px;font-weight:bold;}

#tabs{font-size:12px;float:right;margin:-10px 0 0 0;}
#tabs li{float:left;display:block;height:23px;line-height:20px;background:url(images/tab2.png) no-repeat top left;width:128px;text-align:center;}
#tabs li:first-child{width:92px;background:url(images/tab1.png) no-repeat top left;margin:0 10px 0;}

#search{height:26px;float:right;margin:9px 0 0 0;}
#search input[type=text]{
	width:220px;
	height:25px;
	background:#fff url(images/searchBack.jpg) no-repeat top left;
	border:none;
	outline:none;
	float:left;
	margin:0 8px 0 0;
	padding:0 5px;
	color:#aaa;
	line-height:25px;
}
#search input[type=submit]{
	width:74px;
	height:26px;
	background:#fff url(images/searchBtn.jpg) no-repeat top left;
	border:none;
	outline:none;
	float:left;
	margin:-1px 0 0 0;
	cursor:pointer;
}

#cart{width:294px;height:31px;background:url(images/cartBack.png) no-repeat top left;float:right;margin:9px 0 0 0;padding:9px;font-size:12px;}
#cart #total{color:#3c7a29;font-weight:bold;}
#cart #items{font-weight:bold;}


#nav{
	width:974px;
	height:45px;
	font-size:12px;
	margin:auto;
	background:url(images/navBack.png) no-repeat top left;
}

#nav li{
	list-style:none;
	float:left;	
	text-transform:uppercase;
	margin:5px 0 0 0;
}

#nav li a{
	color:#fff;
	display:block;
	line-height:43px;
	padding:0 17px;
	float:left;
}

/*******Container*******
--------------------------------------------------*/

#container{
	width:960px;
	background:url(images/containerBack.png) top center repeat-y;
	position:relative;
	margin:0px auto;
	padding:10px 7px;
}

#leftColumn{
	float:left;
	width:220px;
	margin:0 0 0 10px;
}

#leftColumn h3, #leftColumn h4{
	width:220px;
	height:28px;
	background:url(images/leftHeadingBack.jpg) no-repeat top left;
	font-size:16px;
	font-weight:100;
	text-align:center;
	color:#fff;
	line-height:28px;
}

.leftNav{background:#e7e7e7;margin:0 0 10px 0;}
.leftNav li{
	border-top:2px solid white;
	height:28px;
	line-height:28px;
	background:#e7e7e7;
}
.leftNav li a{display:block;padding:0 0 0 10px;color:#6f6f6f;}
.leftNav li a:hover{background:#fff;}

#leftColumn .section{background:#e7e7e7;padding:10px;width:200px;margin:0 0 10px 0;}

#rightColumn{
	float:right;
	width:705px;
	margin:0 10px 0 0;
}

#featured{margin:10px -6px 0 -5px;width:716px;}

#featured li{
	float:left;
	width:148px;
	height:190px;
	background:url(images/featuredBack.jpg) no-repeat top left;
	margin:0 6px 10px 5px;
	vertical-align:top;
	text-align:center;
	padding:5px 10px;
}

#featured h4{
	font-size:16px;
	color:#02336a;
	margin:3px 0;
	height:40px;
}

#featured p{
	font-size:12px;
	line-height:15px;
}

#catList{margin:0 0 10px 0;}
#catList li{
	width:685px;
	background:url(images/categoryListBack.jpg) no-repeat top left;
	height:130px;
	margin:10px 0 0px 0;
	padding:10px;
}
#catList li .catImg{width:145px;overflow:hidden;height:128px;float:left;margin:0 10px 0 0;border:1px solid #cecece;}
#catList li .catImg img{height:130px;}
#catList li h3{color:#02336a;font-size:16px;margin:0 0 5px 0;}
#catList li p{padding:0 0 8px 0;}
#catList li .price{color:#e47125;font-weight:bold;}
#catList li p input{width:22px;height:20px;margin:0 5px 0 1px;padding:2px;float:left;border:1px solid #cecece;}
#catList li p .btns{border:1px solid #cecece;margin:0 5px 0 0px;float:left;}


#product{border:1px solid #02336a;padding:10px 10px 0 10px;margin:0 0 10px 0;display:block;width:683px;}
#productImg{
	width:200px;
	float:left;
	border:1px solid #cecece;
	padding:10px;
	display:block;
	text-align:center;
}
#productImg a{
	width:200px;
	height:200px;
	line-height:200px;
	display:table-cell;
	line-height:200px;
	vertical-align:middle;
	cursor:pointer;
}
#productImg img{max-height:200px;max-width:200px;}
#productImg span a{
	width:200px;
	text-align:center;
	color:#999;
	height:auto;
	line-height:normal;
	margin:10px 0 0 0;
	display:block;
	position:relative;
}
#product .details{
	float:right;
	width:425px;
	border:1px solid #cecece;
	padding:10px;
	color:#4e4e4e;
	margin:0 0 10px 0;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0px;
	border-radius:5px 5px 0 0px;
}
#product .details h3{
	background:#0043bd url(images/rightHeadingBack.jpg) no-repeat top center;
	height:28px;
	color:#fff;
	text-align:center;
	font-weight:100;
	line-height:28px;
	margin:-10px 0 5px -10px;
	width:445px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0px;
	border-radius:5px 5px 0 0px;
}

#product .details h3 td{width:132px;text-align:left;padding:0 0 0 10px;border:none;line-height:28px;}
#product .details td{
	width:142px;
	border-bottom:1px solid #cecece;
	line-height:30px;
}

#product .details td input{
	width:22px;
	height:20px;
	margin:0 5px 0 1px;
	padding:2px;
	float:left;
	border:1px solid #cecece;
}
#product .details td .btns{border:1px solid #cecece;margin:0 5px 0 0px;float:left;}

#product .description{
	float:right;
	width:662px;
	border:1px solid #cecece;
	padding:10px 10px 0 10px;
	margin:0 0 10px 0;
	color:#4e4e4e;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0 0px;
	border-radius:5px 5px 0 0px;
}
#product .description h3{
	background:#0043bd url(images/rightHeadingBack.jpg) no-repeat top center;
	height:28px;
	color:#fff;
	text-align:center;
	font-weight:100;
	line-height:28px;
	margin:-10px 0 10px -10px;
	width:682px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0 0px;
}
#product .description h5{margin:0px 0 10px 0;border-top:1px solid #cecece;padding:10px 0 0 0;}
#product .description ul{padding:0 0 5px 0;}
#product .description ul li{margin:0 0 5px 15px;list-style:square;}

#rightColumn h1, #rightColumn h2{
	width:705px;
	height:28px;
	background:url(images/rightHeadingBack.jpg) no-repeat top left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	color:#fff;
}

.slideshow{margin:0 0 9px 0;padding:0;background:#fff;width:705px;height:209px;}
#homeText{border:1px solid #02336a;padding:10px 10px 0 10px;margin:0 0 10px 0;background:url(images/paperRolls.jpg) 498px 3px no-repeat;}
.text{border:1px solid #02336a;padding:10px 10px 0 10px;margin:0 0 10px 0;}

#footer{
	background:#e7e7e7;
	width:920px;
	clear:both;
	padding:10px;
	margin:auto;
}

#footer p{
	text-align:center;
	color:#4e4e4e;
	font-size:11px;
	text-transform:uppercase;
}
#footer p a{color:#4e4e4e;}
#footer #icons{margin:auto;padding:0;width:572px;}
#footer #icons img{
	margin:5px 0 0 10px;
	float:left;
}

