/* BlueprintCSS */

/* reset.css */
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: "" ""; }
a img {  border: none; }

/* typography.css */
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: 3em; 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; }
img.left { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 0 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; }
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; }
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; }
.message { 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; }


/* Layout */

body {
	text-align: center;
	background-color: #fff;
	font-family: "Arial";
}

h1, h2, h3, h4, h5, h6 {
	color: #0f2354;
}

h1 {
	font-size: 2.3em;
	margin: 0 0 .2em 0;
}

	h1 span {
		display: block;
		font-size: .7em;
		font-weight: normal;
	}
	
a {
	color: #0f2354;
}


#container {
	width: 950px;
	margin: 1em auto 3em auto;
	text-align: left;
}

#header {
	width: 100%;
	overflow: hidden;
}

#body {
	width: 100%;
	overflow: hidden;
}

#sidebar {
	width: 185px;
	float: left;
}

#content {
	width: 750px;
	float: right;
}



#logo {
	float: left;
	width: 300px;
	height: 98px;
}


#account {
	float: right;
	list-style: none;
	margin: 2em 0 1em 0;
}

	#account li {
		display: inline;
		padding: 0 .3em;
		border-right: 1px solid #ccc;
	}
	
	#account li.last {
		border-right-width: 0;
	}
	

#search {
	float: right;
	clear: right;
}

	#search legend, #search label {
		display: none;
	}
	
	#search #keyword {
		font-size: 1.3em;
		width: 170px;	
	}
		
	#search input {
		vertical-align: middle;
	}


#navigation {
	width: 100%;
	overflow: hidden;
	padding: .5em 0;
	border-top: 3px solid #000;
	list-style: none;
	background-color: #293C6C;
	margin: 1em 0;
	text-align: center;
	font-size: 1.25em;
	color: #fff;
}

	#navigation li {
		display: inline;
		padding: 0 .8em;
	}
	
		#navigation li a {
			color: #fff;
			text-decoration: none;
		}
		
		#navigation li img {
			vertical-align: middle;
		}
	

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

	#categories a {
		text-decoration: none;
	}

	#categories li.level-1 {
		border: 1px solid #c8d1e7;
		border-width: 0 0 1px 0;
		margin: 0 0 .2em 0;
		padding: .2em 0;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#categories li.level-2 {
		margin: .2em 0;
		padding: 0 .5em;
	}
	





div.products {
	overflow: hidden;
	margin: 1em 0;
	width: 100%;
}

div.products div.clear {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	clear: both;
	font-size: 1px;
}

div.products .name {
	margin: 0 0 .1em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 100%;
	font-weight: normal;
}

div.products .name a {
	text-decoration: none;
}

ul.pricing {
	list-style: none;
	margin: 0;
}

	ul.pricing li {
		display: inline;
	}

	ul.pricing li.base {
		color: #090;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	ul.pricing li.retail {
		color: #900;
		font-size: .8em;
		text-decoration: line-through;
	}


	div.products ul {
		margin: 0;
		padding: .3em 0;
		list-style: none;
	}
			
		div.products div.thumb {
			height: 150px;
			width: 150px;
			overflow: hidden;
		}
	
/* Griddish */

div.products.grid div.product {
	width: 160px;
	padding: 0 1%;
	margin-right: 5px;
	float: left;
	text-align: center;
	border: 1px solid #eee;
}

div.products.grid p.brief {
	display: none;
}

div.products.grid div.thumb {
	margin: 0 auto;
}


/* Classy! Specifics */	

div.products.classy div.product {
	width: 47.5%;
	margin-right: 1%;
	float: left;
	padding: 1% 0 0 0;
}

div.products.classy div.thumb {
	float: left;
	text-align: center;
	height: 160px;
	margin-right: .5em;
}

div.products.classy p.brief {
	margin: 0 0 .1em 0;
}





	
/* Storefront */
#featured-categories-slideshow {
	margin: 0;
	width: 750px;
	height: 200px;
	list-style: none;
	overflow: hidden;
}

#container.storefront #content div.section {
	border-bottom: 1px dotted #ccc;
	padding: .3em 0;
	margin-bottom: .3em;
}

#container.storefront #content div.section.last {
	border-bottom: 0;
}

	#container.storefront #featured-products h2 {
		display: none;
	}


#homepage-tabs {
	width: 99%;
	margin: 1em 0 0 0;
	padding: 1% 0 0 1%;
	overflow: hidden;
	list-style: none;
	border-bottom: 3px solid #ccc;
}

	#homepage-tabs li {
		float: left;
	}
	
		#homepage-tabs li a {
			display: block;
			padding: .4em 1em;
			margin-right: .5em;
			background-color: #ddd;
			color: #000;
			text-decoration: none;
		}
		
		#homepage-tabs li a.activeSlide {
			background-color: #293C6C;
			color: #fff;
		}


#homepage-tabs-content {
	width: 100%;
	height: 400px;
}

	#homepage-tabs-content div.tab-content {
		width: 100%;
		overflow: hidden;
	}

#homepage-tabs-content div.description {
	float: left;
	width: 52%;
}
	
#homepage-tabs-content div.products {
	float: right;
	width: 45%;
}

#homepage-tabs-content div.products div.product {
	width: 100%;
	overflow: hidden;
	padding-top: .5em;
	margin-top: .5em;
	border-bottom: 1px solid #ddd;
}



/* Catalog List */
#container.cataloglist #category-photo {
	border: 1px solid #d3dffd;
	border-width: 1px 0 2px 0;
	display: block;
}

#container.cataloglist #child-categories {
	padding: .3em;
	margin: 1em 0 2em 0;
}

#container.cataloglist #child-categories h2 {
	border-bottom: 1px solid #d3dffd;
	margin: 0;
}

#container.cataloglist #child-categories ul {
	list-style: none;
	margin: 0;
	background-color: #eee;
	width: 100%;
	padding: .2em 0;
	overflow: hidden;
}

	#container.cataloglist #child-categories ul li {
		float: left;
		width: 31%;
		padding: .5% 1%;
	}
	
	
/* Catalog Detail */

#container.catalogdetail h1 {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 .2em 0;
	padding: 0 0 .2em 0;
}

#container.catalogdetail #photo {
	float: left;
	width: 320px;
	text-align: center;
}

#container.catalogdetail #call-to-action {
	float: right;
	width: 400px;
}

	#container.catalogdetail #call-to-action ul.pricing {
		font-size: 1.75em;
	}
	
	#container.catalogdetail #call-to-action ul li.base {
		font-weight: normal;
	}

#container.catalogdetail #specifications-sheet {
	font-size: .9em;
	border-top: 1px dotted #ccc;
	padding: 1.5em 0;
}

	#container.catalogdetail #specifications-sheet a {
		text-decoration: none;
		color: #222;
		display: block;
	}
	
	#container.catalogdetail #specifications-sheet img {
		vertical-align: middle;
		margin-right: .3em;
	}


#container.catalogdetail #add-to-cart {
	padding: 1em;
	margin: .5em 0;
	border: 1px dotted #ccc;
	background: #fff url("purchase-area-background.jpg") repeat-x bottom;
}

	#container.catalogdetail #add-to-cart legend {
		font-size: 1.4em;
		font-weight: bold;
	}
	
	#container.catalogdetail #add-to-cart dl {
		margin-bottom: .2em;
	}
	
		#container.catalogdetail #add-to-cart dl dt {
			font-size: 1.1em;
		}
		#container.catalogdetail #add-to-cart dl dd {
			margin: 0;
		}


#container.catalogdetail #related-products {
	clear: both;
	width: 100%;
}


/* Footer Links */

#footer {
	position: absolute;
	left: 0;
	width: 100%;
	padding: .5em 0;
	background-color: #e9efff;
	border-top: 1px solid #c8d1e7;
	color: #666;
}

	#footer ul {
		list-style: none;
		margin: 0;
	}
	
	#footer a {
		text-decoration: none;
	}

#footer-inner {
	width: 950px;
	margin: 0 auto;
}
	

#footer-sections {
	width: 100%;
	overflow: hidden;
	padding: 1em 0;
}

#footer-sections h5 {
	margin: 0 0 .1em 0;
	border: 1px solid #d3dffd;
	border-width: 1px 0;
	padding: .2em 0;
	
}

#footer-sections div.section {
	float: left;
	width: 23%;
	padding: 0 .5%;
	text-align: center;
}


	
#footer #basics {
	margin: 2em 0 .3em 0;
	padding: .5em 0;
	border: 1px solid #d3dffd;
	border-width: 1px 0;
}

	#footer #basics li {
		display: inline;
		margin-right: .5em;
	}