@import "reset.css";
@import "list.css";
html { overflow:-moz-scrollbars-vertical; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img { -ms-interpolation-mode: bicubic; }
a img {border:none;}

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ul.inline li { display: inline; }
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
/* thead th {background:#c3d9ff;} */
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

body {
	background: #2f2f2f url("body.background.gif") repeat-x;
}

h1, h2, h3, h4, h5, h6 { color: #da4312; }
h1 { /*background: #fff url("line.through.gif") repeat-x center;*/ font-size: 2.2em; }
h1 span { background-color: #fff; padding-right: 10px; }
h2 { margin-bottom: .5em; }


a { color: #da4312; }


#special {
    width: 950px;
    text-align: right;
    font-size: 1.6em;
    margin: 1em auto .1em auto;
    color: #fff;
    text-transform: uppercase;
}

    #special strong {
        color: #da4312;
    }
#wrapper {
	width: 950px;
	margin: .3em auto 1em auto;
	background-color: #fff;
}

#header {
	width: 100%;
	padding: .5em 0 0 0;
	overflow: hidden;
}

#logo {
	width: 230px;
	float: left;
	margin-right: 9px;
}

	#logo img {
		display: block;
		margin: 0 auto;
	}
	
div.tool {
	color: #666;
	height: 61px;
	padding-top: 45px;
}

	div.tool img {
		float: left;
		width: 35px;
		height: 35px;
		margin-right: 5px;
	}

	div.tool span.title {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
	}

	div.tool a {
		color: #666;
		text-decoration: none;
	}

#mini-cart {
	width: 150px;
	float: left;
	margin-right: 10px;
}

	#mini-cart a span.title {
		color: #444;
	}

#account {
	width: 190px;
	margin-right: 9px;
	float: left;
}

	#account a span.title {
		color: #444;
	}

#search {
	width: 350px;
	float: left;
	padding-top: 20px;
}

	#search a {
		color: #888;
		text-decoration: none;
	}

	#search input {
		vertical-align: middle;
	}

	#search #keyword {
		width: 243px;
		border: 1px solid #999;
		padding: .15em;
		font-size: 1.6em;
	}
	
#phone {
	font-size: 1.6em;
	font-weight: bold; 
	text-align: left;
	color: #333;
}

#secondary {
	float: left;
	width: 100%;
	padding: .5em 0;
	color: #666;
}

	#secondary ul {
		list-style: none;
		margin: 0;
		padding: .5% 2%;
		width: 46%;
		float: left;
	}

		#secondary ul li {
			display: inline;
		}
	
			#secondary ul li a {
				color: #666;
			}
	
	#secondary #navigation {
		text-align: right;
	}
	
		#secondary #navigation li {
			border-right: 1px solid #ddd;
			padding-right: 5px;
		}
	
			#secondary #navigation li.last {
				border-right-width: 0;
			}


#body {
	background: #fff url("content.background.png") no-repeat top;
	padding: 1.5% 3%;
	width: 94%;
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 220px;
	padding-right: 10px;
}

#its-content {
	width: 645px;
	float: right;
	padding-left: 10px;
	border-left: 1px solid #ddd;
}


#categories ul {
	list-style: none;
	margin: 0;
}

	#categories li {
		padding: .2em 0;
	}
	
	#categories li a.active-true {
		font-weight: bold;
	}

	#categories a {
		color: #444;
		text-decoration: none;
	}
	

	#categories ul li.tree-level-1 {
		font-size: 1.5em;
		padding: 0 0 .1em 0;
		margin: 1em 0 .2em 0;
		border-bottom: 1px solid #ddd;
	}
	
	#categories ul li.tree-level-1.first {
		margin-top: 0;
	}
	
		#categories ul li.tree-level-1 a {
			color: #da4312;
		}
		
	#categories ul li.tree-level-2 a {
		border-bottom: 1px solid #ddd;
		
	}
	
	#categories ul li.tree-level-2 a:hover {
		color: #da4312;
	}
		
		
#footer {
	text-align: center;
	background-color: #FF9602;
	color: #fff;
	padding: .2em 0;
}

	#footer a { color: #fff; text-decoration: none; }

	#footer #copyright {
		margin-bottom: 0;
		padding: .5em 0;
	}
	
	#footer #location {
		font-style: normal;
		margin: .2em 0;
	}


/* Storefront */

h1.tagline {
	color: #444;
	font-size: 1.2em;
	line-height: 170%;
	background-image: none;
}

#its-category-slideshow {
	width: 645px;
	list-style: none;
	margin: 0 0 1em 0;
	height: 200px;
	overflow: hidden;
	border: 1px solid #7b7b7b;
}



/* Product Detail */

#product-pricing {
	list-style: none;
	margin: 0 0 1em 0;
}

ul.pricing li.base {
	color: #090;
	font-size: 2em;
	font-weight: bold;
}

#wrapper.catalogdetail h1 {
	margin: 0 0 .1em 0;
	padding: 0;
}

#wrapper.catalogdetail ul.meta {
	list-style: none;
	margin: 0 0 1.5em 0;
	font-size: .8em;
	color: #555;
}

	#wrapper.catalogdetail ul.meta li {
		display: inline;
		margin-right: .3em;
	}

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

	#media #product-photo {
		width: 300px;
	}
	
	#media #larger {
		margin: .2em 0;
		border-top: 1px dotted #ddd;
		text-align: right;
		padding: .1em .3em;
	}
	
		#media #larger a {
			text-decoration: none;
			color: #000;
		}
	

	
#information {
	float: right;
	width: 250px;
}

#description {
	clear: both;
	padding-top: 1em;
}

#description h2 {
	margin-bottom: .2em;
}

#add-to-cart {
	border: 1px solid #ddd;
	padding: .5em;
}

#add-to-cart legend {
	font-weight: bold;
	font-size: 1.3em;
}

#add-to-cart dl { margin: 0 0 1em 0; width: 100%; overflow: hidden; }
#add-to-cart dt { font-size: 1.2em; font-weight: bold; }
#add-to-cart dd { margin: 0 0 .5em 0; }
#add-to-cart #quantity dt { float: left; margin-right: 10px; }
#add-to-cart #quantity input { width: 50px; }

#price-comparison table tbody tr:hover {
    background-color: #efefef;
}

    #price-comparison table tbody tr:hover a {
        color: #000;
    }

#price-comparison table th {
    font-size: .8em;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 0;
}

#price-comparison table td {
    border-bottom: 1px solid #ddd;
    font-size: 1.3em;
    padding: .3em 0;
    text-align: center;
}

#price-comparison td.column-2 {
    font-weight: bold;
    font-size: 2.3em;
    color: #090;
}

#price-comparison td.column-3 {
    color: #777;
}

#price-comparison td.column-4 a {
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
    color: #666;
}

    #price-comparison td.column-4 a:hover {
        color: #000;
    }
