/* HTML Defaults */

body {
	font: 75%/1.25em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #fff;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #f5841f;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
h1 {
	font-size: 200%;
	line-height: 1.15em;
	font-weight: normal;
	margin-top: 0;
}
h2 {
	font-size: 150%;
	line-height: 1.2em;
	font-weight: normal;
}
h3 {
	font-size: 117%;
	line-height: 1.2em;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 92%;
	line-height: 1.25em;
	font-weight: bold;
}
hr {
	color: #e1e1e1;
	background: #e1e1e1;
	height: 1px;
	padding: 0;
	border: none;
}
th, td {
	font-size: 100%;
}
input, button, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
	padding: 2px;
	border: solid 1px #ddd;
}
input.radio {
	width: auto;
	padding: 0;
	border: none;
}
form p {
	margin: .5em 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/* Main Containers */

#container {
	width: 980px;
	margin: 0 auto;
}
#main {
	color: #808285;
	background: #fff url(../images/main_bg.png) repeat-y left top;
	width: 100%;
	float: left;
	clear: both;
}
.clear {
	clear: both;
}

/* Header */

#header {
	background: #fff url(../images/header_bg.png) repeat-x left bottom;
	min-height: 95px;
	width: 100%;
	float: left;
	border-bottom: solid 5px #808285;
}
#logo {
	height: 95px;
	width: 240px;
	float: left;
	padding-right: 10px;
}
#topnav {
	width: 510px;
	float: left;
}
#topnav form {
	height: 42px;
	margin: 0;
	padding-top: 17px;
}
#topnav input {
	font-size: 12px;
	line-height: 12px;
	float: left;
}
.searchbutton {
	color: #fff;
	background: url(../images/button_search.png) no-repeat right center;
	text-align: center;
	height: 26px;
	width: 30px;
	border: none;
}
.searchbox {
	color: #808285;
	background: #fff;
	width: 310px;
	padding: 5px;
}
#topnav ul {
	font-size: 108%;
	line-height: 36px;
	background: #9fa0a3;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
#topnav ul li {
	background: #9fa0a3;
	float: left;
	list-style: none;
	border-left: solid 1px #b6b7b9;
	border-right: solid 1px #717174;
}
#topnav ul li a {
	color: #fff;
	text-decoration: none;
	float: left;	
	padding: 0 15px;
}
#topnav ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #b6b7b9;
}
#topnav ul li a:focus {
	outline: none;
}
#homepage #navhome, #aboutpage #navabout, #deliverypage #navdelivery, #contactpage #navcontact, #cartpage #navcart {
	background: #808285;
}
#tel {
	background: url(../images/header_tel.png) no-repeat right bottom;
	text-indent: -9999px;
	height: 95px;
	width: 220px;
	float: right;
}

/* Nav */

#nav {
	color: #fff;
	background: #808285;
	width: 200px;
	float: left;
}
#basket {
	background: #9fa0a3;
	width: 195px;
	float: left;
	clear: both;
	border-bottom: solid 1px #666768;
}
#baskethead {
	background: #f5841f;
	width: 180px;
	float: left;
	padding: 5px 5px 5px 10px;
}
#baskethead p {
	margin: 0;
}
.baskettitle {
	font-size: 117%;
	line-height: 1.4em;
	width: 120px;
	float: left;
}
.basketbutton, .basketbutton a {
	height: 21px;
	width: 60px;
	float: right;
}
.basketbutton a {
	font-size: 92%;
	line-height: 21px;
	color: #fff;
	background-image: url(../images/basket_button.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.basketbutton a:hover {
	color: #fff;
	text-decoration: none;
	background-position: center -21px;
}
#baskettotal {
	clear: both;
	padding: 10px;
}
#baskettotal p {
	margin: 0 0 .25em 0;
}
.cartproduct {
	font-size: 83%;
	line-height: 1.25em;
}
#deliverypromo {
	background: url(../images/nav_delivery.png) no-repeat left top;
	text-indent: -9999px;
	height: 75px;
	width: 195px;
	float: left;
	clear: both;
	border-top: solid 1px #a4a4a6;
}
#deliverypromo p {
	margin: 0;
}

/* Accordion Menu */

ul.menu, ul.menu ul {
	background: #808285;
	width: 195px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
ul.menu {
	font-size: 108%;
	line-height: 1.2em;
}
ul.menu ul {
	font-size: 85%;
	line-height: 1.2em;
}
ul.menu li {
	background: #808285;
	width: 195px;
	float: left;
	clear: both;
	list-style: none;
	border-top: solid 1px #a4a4a6;
	border-bottom: solid 1px #666768;
}
ul.menu li ul li {
	border-top: none;
	border-bottom: none;
}
ul.menu li a {
	color: #fff;
	text-decoration: none;
	width: 175px;
	float: left;	
	padding: 4px 10px;
}
ul.menu li ul li a {
	width: 160px;	
	padding: 2px 10px 2px 25px;
}
ul.menu li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #a4a4a6;
}
ul.menu li a.navon {
	background-color: #707275;
}
ul.menu li a:focus {
	outline: none;
}
.specialbullet {
	color: #f5841f;
}

/* Bottom Nav */

#bottomnav {
	background: url(../images/bottomnav_bg.png) repeat-x left bottom;
	width:100%;
	float: left;
	clear: both;
	border-top: solid 1px #e1e1e1;
}
#bottomnav ul {
	font-size: 92%;
	width: 420px;
	margin: 0;
	padding: 30px 20px;
	float: left;
}
#bottomnav ul li {
	float: left;
	list-style: none;
}
#bottomnav ul li a {
	color: #9fa0a3;
	float: left;
	padding-right: 20px;
}
#payment {
	width: 314px;
	float: right;
}
#payment p {
	float: left;
	margin: 0;
	padding: 10px;
}
#payment p.safebuy {
	padding-top: 24px;
}

/* Footer */

#footer {
	font-size: 75%;
	line-height: 1.2em;
	color: #bbbbbd;
	width: 100%;
	float: left;
	clear: both;
}
#footer a {
	color: #bbbbbd;
}
#footer p {
	margin: 0;
	padding: 10px;
	text-align: center;
}

/* Content */

#content {
	margin-left: 200px;
}
#contentinner, #frontlinksinner {
	width: 100%;
	float: left;
}
.text {
	padding: 15px;
}
#intro, #bodytext {
	min-height: 470px;
}
#bodytext {
	width: 100%;
	float: left;
}
#intro {
	background: url(../images/intro_bg.png) repeat-x left top;
	width: 375px;
	float: left;
}
#frontlinks {
	margin-left: 375px;
}
.frontcat h2, .frontcat p {
	margin: 0 0 0 65px;
}
.frontcat h2 {
	font-size: 120%;
}
.frontcat p {
	font-size: 92%;
}
.frontlinksrow {
	width: 96%;
	float: left;
	clear: both;
	padding: 5px 0;
	border-bottom: solid 1px #e1e1e1;
}
.frontpromorow {
	width: 96%;
	float: left;
	clear: both;
	border-bottom: solid 1px #e1e1e1;
}
.frontcat {
	width: 44%;
	float: left;
	margin-right: 5%;
}
.frontcat img {
	width: 60px;
	float: left;
}
.prodprice {
	font-size: 130%;
	line-height: 1.4em;
}
.detailprice strong, .detailprice .price {
	font-size: 150%;
	line-height: 1.4em;
}
.detailprice strong, .prodprice strong {
	font-weight: normal;
}
.buybutton, .formbutton {
	color: #fff;
	background: #f5841f;
	border: solid 1px #e1e1e1;
}
.ectlink img {
	vertical-align: text-bottom;
	margin-right: 2px;
}
.frontpromo {
	background: #fff url(../images/header_bg.png) repeat-x left bottom;
	clear: both;
	padding: 15px;
}
.frontpromo img {
	float: left;
}
.frontpromo h2, .frontpromo p {
	margin: 0 0 .5em 20px;
}
#contactform {
	background: #efefef;
	width: 370px;
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 15px;
	border: solid 1px #e1e1e1;
}
#contactform input, #contactform textarea {
	width: 364px;
}
#contactform input.formbutton {
	width: auto;
	padding: 2px 15px;
}
#contactform h2 {
	font-size: 117%;
	margin-top: 0;
}

