html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}


/* we like off-black for text
*/
body, select, input, textarea, {color: #333;}


	html,
	body {
		margin:0;
		padding:0;
		height:100%;
background-color: #f8f8f8;
	}





header {
margin: 10px auto 0 auto;
width: 960px;
}



section {
margin: 0 auto 20px auto;
width: 960px;
opacity:0;
filter:alpha(opacity=0); 
-moz-opacity:0;
position: relative;
}





nav
{
margin: 10px auto 0 auto;
width: 960px;
height:30px;
padding:10px 0px 10px 0px;
background-color:black;
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000; 
background: #000000;
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}

@font-face {
    font-family: 'DaysRegular';
    src: url('Days-webfont.eot');
    src: url('Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('Days-webfont.woff') format('woff'),
         url('Days-webfont.ttf') format('truetype'),
         url('Days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
font: 1.8em/20px DaysRegular, Arial, sans-serif;
margin: 20px 10px 10px 10px;
}

h2 {
font: 1.3em/20px DaysRegular, Arial, sans-serif;
margin: 0 10px 10px 10px;
}

h3 {
font: 1.1em/18px DaysRegular, Arial, sans-serif;
margin: 0 10px 5px 10px;
}

h4 {
font: 1.1em/18px DaysRegular, Arial, sans-serif;
margin: 20px 10px 5px 10px;
}


.producttext {
font: 1.0em/20px helvetica, Arial, sans-serif;
margin: 0 10px 5px 15px;
}


A.maintextlink:link, A.maintextlink:active, A.maintextlink:visited {
font-family : helvetica, arial, sans-serif;
font-size : 12px;
color : #9a4a01;
text-decoration : none;
background-color : transparent;
font-weight : bold;
}
A.maintextlink:hover {
font-family : helvetica, arial, sans-serif;
font-size : 12px;
color : #ffffff;
background-color : #9a4a01;
text-decoration : underline;
font-weight : bold;
}


.multicolumn1 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}





.dividerLine {
clear:both; 
height:1px;
margin: 20px 10px 30px 10px;
width:940px; 
color: #555555;
background-color: #555555; 
}

A.productnav:link, A.productnav:active, A.productnav:visited {
font-family : helvetica, arial, sans-serif;
font-size : 12px;
color : #9a4a01;
text-decoration : none;
background-color : transparent;
font-weight : bold;
}
A.productnav:hover {
font-family : helvetica, arial, sans-serif;
font-size : 12px;
color : #ffffff;
background-color : #9a4a01;
text-decoration : underline;
font-weight : bold;
}

.productTableLayout {
float:left; 
position:relative; 
width:430px; 
margin: 0 20px 20px 10px;
}

.productTableLayoutIMG {
float:left; 
position:relative; 
width:100px; 
margin: 0 10px 20px 10px;
}


#cartposition {
position : relative;
width : 300px;
left : 10px;
top : 6px;
z-index : 2;
}

.cartheading {
font-family : helvetica, arial, sans-serif;
font-size : 12px;
color : #9a4a01;
font-weight : bold;
margin : 0 0 0 5px;
text-align : left;
}

.carttext {
font-family : helvetica, arial, sans-serif;
font-size : 10px;
color : #000000;
margin : 0 0 0 5px;
text-align : left;
}

A.cartnav:link, A.cartnav:active, A.cartnav:visited {
font-family : helvetica, arial, sans-serif;
font-size : 10px;
color : #9a4a01;
text-decoration : none;
background-color : transparent;
}
A.cartnav:hover {
font-family : helvetica, arial, sans-serif;
font-size : 10px;
color : #ffffff;
background-color : #9a4a01;
text-decoration : underline;
} 


#cartbackgroundposition {
position : absolute;
width : 292px;
height : 50px;
margin: -48px 0 0 665px;
z-index : 3;
background-color : #FFFFFF;
color: #000;
   -webkit-border-radius:  0 0 10px 10px;
    -moz-border-radius:  0 0 10px 10px;
    border-radius:   0 0 10px 10px;
border-bottom-width: 1px;
 border-left-width: 1px;
border-right-width: 1px;
 border-top-width: 0px;
border-style: solid;
	border-color: black;
}




ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
}

ul#topnav li {
	float: left;
	position: relative; /*--Important--*/
padding:10px 20px 4px 20px;
margin:0 10px 0 10px;
display:block; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
    cursor:pointer;
height:10px;
}

ul#topnav li a {
	float: left;
font: 14px/10px DaysRegular, helvetica, arial, sans-serif;
color : #ffffff;
text-decoration : none;
height:30px;
}

ul#topnav li:hover, ul#topnav li:hover {
color : #aaaaaa;
background: #222222;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
} 

ul#topnav a:hover, ul#topnav a:hover {
color : #aaaaaa;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
}

.brandsbarList {
width:300px;
float:left;
margin:0;
}

#brandsbar {
	position: absolute; /*--Important--*/
	top: 30px; left: 0;
width:620px;
	z-index: 99999;
	background: black;
padding:10px 20px 10px 20px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
-moz-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000; 
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
display: none; /*Hidden for those with js turned off--*/
}

ul#topnav li #brandsbar ul{
	margin: 0 0 0 -30px; padding: 0 0 0 0;
	float:left;
	list-style: none;
}


.formElementFieldset {
	padding: 2px;
	border: solid 1px #C9C9C9;
	outline: 0;
	font: normal 13px/100% Arial, sans-serif;
	width: 380px;
	background: #FFFFFF left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}


.formElementTable {
	padding: 10px;
	border: solid 1px #C9C9C9;
	outline: 0;
	width: 650px;
	background: #FFFFFF left top repeat-x;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.checkoutSubmit {
	padding: 10px;
	border: solid 1px #C9C9C9;
	outline: 0;
	width: 150px;
	background: #dddddd;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}


td {
	padding: 10px;
}



.formElementSearch {
	padding: 5px;
	outline: 0;
	font: normal 11px/100% Arial, sans-serif;
	width: 130px;
border-width:0px;
webkit-box-shadow: inset 1px 1px 2px ;
-moz-box-shadow: inset 1px 1px 2px ;
box-shadow: inset 1px 1px 2px ;
}

.formElementSearchID {
	padding: 5px;
	outline: 0;
	font: normal 11px/100% Arial, sans-serif;
	width: 40px;
border-width:0px;
webkit-box-shadow: inset 1px 1px 2px ;
-moz-box-shadow: inset 1px 1px 2px ;
box-shadow: inset 1px 1px 2px ;
}

input.formElementSearch, input.formElementSearchID {
	padding-bottom: 4px;
	padding-top: 8px;
}

.formElementSearchSubmit {
	padding: 5px;
	outline: 0;
	font: normal 11px/100% Arial, sans-serif;
	width: 40px;
border-width:0px;
outline: 1px double #474747;
outline-offset: 0px;
	background: #dddddd;
}





textarea {
max-height: 300px;
min-height: 100px;
max-width: 380px;
min-width: 380px;
}

.oops, .oops2 {
	font: bold 13px/100% Arial, sans-serif;
color:red;
}



.tablelayout1 {
margin:20px 0 0 30px; 
width:250px; 
float:left;
clear:both;
}


.tablelayout2 {
margin:20px 0 0 0; 
width:600px; 
float:left;
}

.tablelayout2last {
margin:20px 0 20px 0; 
width:600px; 
float:left;
}



#searchbar {
	position: absolute; /*--Important--*/
	top: 30px; left: 0;
width:750px;
	z-index: 99999;
	background: black;
padding:10px 20px 10px 20px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
-moz-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000; 
display: none; /*Hidden for those with js turned off--*/
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
}

ul#topnav li #searchbar ul{
	margin: 0 0 0 10px; padding: 10px 0 0 10px;
	float:left;
	list-style: none;
}

.homeImageDiv {
margin:20px 0 0 10px;
}

.homeImageDiv img {
margin-bottom:20px; border:0; width:634px; height:76px;
}

ul#topnav li #searchbar li {
	float: left;
padding:3px;
margin:0;
display:block; 
height:30px;
color: white;
}

ul#topnav li #searchbar li:first-child {
margin:5px 0 -10px -24px;
}


.searchheader {
font: 14px/10px DaysRegular, helvetica, arial, sans-serif;
color : #ffffff;
text-decoration : none;
}



.homeboxes {
border:solid 1px black; 
margin:30px 20px 0 0; 
width:305px; 
height:181px;
float:left;
}

.homeboxes:nth-of-type(2n+1) {
margin:30px 10px 0 0; 
}





footer {
margin: 0 auto 30px auto;
width: 960px;
height:150px;
background-color:black;
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000; 
background: black;
}

footer ul{
color: white;
margin: 10px 0 20px 20px;
}

#foot1 ul {
list-style-type:square;
}

#foot2 ul {
list-style-type:none;
}


footer img {
margin-top:5px;
position: relative;
vertical-align:sub;
}


footer #foot1 {
width:650px;
position:relative;
float:left;
}

footer #foot2 {
width:300px;
position:relative;
float:left;
}

footer #foot3 {
width:940px; 
height:1px;
margin: 0 0 10px 10px;
clear:both;
position:relative;
color: #555555;
background-color: #555555; 
}

footer #foot4 {
width:670px;
position:relative;
float:left;
margin-top:-17px;
clear:both;
}

footer #foot5 {
font: 10px/12px helvetica, arial, sans-serif;
width:950px;
position:relative;
float:left;
margin-top:-15px;
}

footer p {
font: 14px/20px helvetica, arial, sans-serif;
font-weight: light;
color : #ffffff;
background-color : transparent;
font-weight: bold;
margin: 20px 0 10px 20px;
}


footer ul A:link, footer ul A:active, footer ul A:visited {
font: 14px/20px helvetica, arial, sans-serif;
color : #ffffff;
text-decoration : none;
background-color : transparent;
}
footer ul A:hover {
font: 14px/20px helvetica, arial, sans-serif;
color : #ffffff;
background-color : #444444;
text-decoration : underline;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
}

.tinytext {
color:#666666;
font-size:10px;
line-height:12px
}

.tinytext A:link, .tinytext A:active, .tinytext A:visited {
font: 10px/12px helvetica, arial, sans-serif;
color : #888888;
text-decoration : none;
background-color : transparent;
}
.tinytext A:hover {
font: 10px/12px helvetica, arial, sans-serif;
color : #ffffff;
background-color : #444444;
text-decoration : underline;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;	
	transition: all 0.5s ease-in-out;
}







/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}