@import url(normalise.css);
@import url(color.css);
@import url(typography.css);

/* Layout CSS */
body {
	font: 76%/1.5em "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
	padding-top: 20px;
}
#container {
	padding: 0px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border: 1px solid;
}
/* =branding */
#branding {
	margin: 0px;
	padding: 0px;
	height: 100px;
	position: relative;
}
#branding a {
width: 325px;
height: 55px;
position: absolute;
top: 40px;
left: 15px;
text-indent: -5000px;
}
p#tagline {
display: none;
}
/* =nav */
ul#nav {
	width: 750px;
/*	height: 28px;
*/	
	height: 28px;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px 5px 0px 15px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	padding: 3px 3px;
	margin-top: 4px;
}

#nav li {
	float: left;
	margin: 0px 10px 0px 0px;
}

#nav li ul {
	position: absolute;
	top: 2em;
	width: 200px;
	left: -999em;
	margin-top: 4px;
}
#nav li ul li a {
display: block;
margin: 0px;
}
#nav li ul li {
margin-right: 0px;
width: 100%;
}

/* Normal Border*/
#nav li#liflat a,
#nav li#offtheroll a,
#nav li#outdoor a,
#nav li#specials a,
/* Normal Hover Border*/
#nav li#liflat a:hover,
#nav li#offtheroll a:hover,
#nav li#outdoor a:hover,
#nav li#specials a:hover,
/* Normal Active Border*/
.liflat #nav li#liflat a,
.offtheroll #nav li#offtheroll a,
.outdoor #nav li#outdoor a,
.specials #nav li#specials a {
border: solid 1px;
}

#nav li:hover ul {
	left: auto;
}
#nav li ul li {
clear: both;
}

/* =content */
div#content {
	padding: 0px 15px 15px 15px;
}
div#container div#content h1 {
min-height: 1.2em;
padding: 0em 0px .1em 0px;
margin: 0em 0em;
}
div#content h2 {
padding: .2em 0px;
margin: .2em 0 .2em 0;
display: block;
clear: left;
}
div#content p {
padding: 0px 0px 10px 0px;
}

/* =a */
div#content a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

div#content h2 a {
border: none;
}

/* =ul */

div#content ul li {
padding: 0px 0px 0px 50px;
line-height: 1.4em;
}

div#content ul {
margin: 15px 0px;
width: 300px;
}

/* =img */
div#photos {
float: left;
}

div#content img {
float: left;
clear: left;
/* width originally 360px */
width: 200px;
padding: 0px 0px;
margin: 0px 18px 15px 0px;
border: solid 1px;
}
div#products {
width: 500px;
float: right;
padding: 0px 0px 30px 0px;
}
div#products table tr td {
padding: 10px 10px;
}
div#products table tr th {
display: none;
}
div#products table tr .description {
}
div#shop {
margin: 0 0 40px 0;
}
div#shop form input#buttons {
width: 89px;
height: 59px;
}
/* =siteinfo */
div#site_info {
height: 20px;
padding: 2px 15px;
clear: both;
margin: 1em 0px 0px 0px;
width: 740px;
}
div#site_info h5 a {
display: none;
}
div#site_info p#copy {
float: left;
}
div#site_info p#credit {
float: right;
}

/* =form */
form span,
label {
display: block;
width: 150px;
height: 1.7em;
margin: 3px 25px 3px 0px;
float: left;
clear: left;
text-align: right;
}
/*input,
textarea {
width: 200px;
float: left;
margin: 3px 0px;
}*/
input[type="radio"] {
	float: none;
	width: 20px;
	height: 1.7em;
	vertical-align: middle;
	margin: 3px 25px 3px 0px;
}
div#container div#content form label.radiobut {
width: 100px;
display: inline;
clear: none;
float: none;
margin: 3px 3px 3px 0px;
height: 1.7em;
}
fieldset {
margin: 1em 0px;
padding: 1em 0px;
}
fieldset legend {
padding-left: 175px;
}

input.submitbutton {
width: 70px;
}
/* Fixes Paypal Buy It Button */
input[type="image"] {
width: 94px;
height: 21px;
}