/* ==============================================
File: display.css
Updated: 2/18/09
Description: Contains aesthetic elements of site

============================================== */

/* --------------------------------------------------------
1.	General
-------------------------------------------------------- */
html {}
body {background: #19191a; color: #fff;}
a {color: #fff;}
a:focus, a:active {}
img {border: solid 3px #fff;}


/* --------------------------------------------------------
2.	Header
-------------------------------------------------------- */
.header {}
.left_upper_nav {color: #fff;}
	.left_upper_nav a {color: #fff;}
	.left_upper_nav a:hover {color: #fff;}
.right_upper_nav {color: #fff;}
	.right_upper_nav a {color: #fff;}
	.right_upper_nav a:hover {color: #fff;}
		.header h1 a:hover {}
		
.header_main {background: transparent url(images/header_main.png) no-repeat bottom center; height: 111px;}
.header_main h1 {}
	.header_main h1 a {height: 109px; width: 266px;
					 background: transparent url(images/logo.png) no-repeat bottom center; }
.cart_itemsView {}
.quick_contact {color: #fff;}
	.quick_contact .address {}
	.quick_contact .phone {}
	.quick_contact .email {}
		.quick_contact .email a, .quick_contact .email a:hover {color: #fff;}
.lower_header {background: #124657; border-bottom: solid 5px #11242a;}
.lower_header ul {}
	.lower_header ul li {}
		.lower_header ul li a {color: #fff;}
		.lower_header ul li a:hover {background: #176b86;}
			.home .nav_home, .home .nav_home:hover {background: #11242a;}
			.products .nav_products, .products .nav_products:hover {background: #11242a;}
			.product .nav_products, .product .nav_products:hover {background: #11242a;}
			.productslist .nav_products, .productslist .nav_products:hover {background: #11242a;}
			.cart .nav_cart, .cart .nav_cart:hover {background: #11242a;}
.searchbox {}
.search {background:url(images/search_box.png) no-repeat; color: #fff;}
.find {background:url(images/search_button.png) no-repeat;}
.find:hover {}
.slideout {border-top: solid 2px #176b86; background: #fff;}

.styleswitch img {border: solid 1px #fff;}

/* 2a.	Messages
-------------------------------------------------------- */
.slideout_message p {}
.error, .notice, .success {}
.error {background: #f8fafc url(../icons/exclamation.png) 15px 50% no-repeat; border-color: #d12f19;}
.notice {background: #f8fafc url(../icons/information.png) 15px 50% no-repeat;}
.success {background: #f8fafc url(../icons/tick.png) 15px 50% no-repeat;}
.message_close {}


/* --------------------------------------------------------
3.	Content
-------------------------------------------------------- */
.content {border-top: solid 2px #11242a; 
		 background: #124657 url(images/content_end.png) no-repeat bottom center;}
.content_main {}


/* 3a.	Home
-------------------------------------------------------- */
.product_blocks {background: #124657; border: solid 1px #19191a;}
	.product_blocks h2 {}
	.product_blocks p {}
.product_block {border: solid 1px #176b86; background: #176b86;}
	.product_block_hover {border: solid 5px #19191a; background: #19191a;}
	.product_block img {border: solid 1px #fff;}
	.product_block h3 {}
	p.product_block_desc {}
	p.product_block_price {}
	a.product_block_more {border: solid 1px #11242a; background: #124657;}
		a.product_block_more:hover {background: #11242a; color: #fff;}
.featured_viewMore {}


/* 3b.	Products
-------------------------------------------------------- */
.productsFocus {background: #124657; border: solid 1px #19191a;}
.productsFocus_tabs {}
	.productsFocus_tabs li {}
		.productsFocus_tabs li a {}
		.productsFocus_tabs li a:hover {}
		.productsFocus_tabs li a.current {background: #176b86;}
#featured, #popular {}
.categories_column {}


/* 3c.	Productslist
-------------------------------------------------------- */
.viewing {background: #176b86; border: solid 1px #19191a;}
.viewing p {}
#viewAllCategories {}
#viewCategories {}
.productsList {}
.productsList li {border-bottom: solid 2px #176b86;}
	.productsList li img {}
	.productsList li h3 {}
	.item_desc {}
	.item_more {border: solid 1px #11242a; background: #124657;}
		a.item_more:hover {background: #11242a; color: #fff;}
	p.item_price {}
.blockview .product_block {}
.viewstyle ul li a {background: url(images/viewstyleButtons.png) no-repeat;}
.pagination {}
	.pagination ul {}
	.pagination li {}
	.pagination a {border: solid 1px #11242a;}
	.pagination .previous-off, .pagination .next-off {border: solid 1px #888888; color:#888888;}
	.pagination .next a, .pagination .previous a {}
	.pagination .active {background: #11242a;}
	.pagination a:link, .pagination a:visited {}
	.pagination a:hover {border:solid 1px #11242a; background: #176b86;}
	
/* 3d.	ProductFocus
-------------------------------------------------------- */
.productFocus {background: #124657; border: solid 1px #19191a;}
.picShow {}
.productFocus_description {}
.productFocus_description h2 {}

.addToCart {background: #11242a;}
.productTabs {}
	.productTabs li {}
		.productTabs li a {}
		.productTabs li a:hover {background: #176b86;}
		.productTabs li a.current {background: #124657;}
.addToCart_price {}
.addToCart_submit {color: #fff; border: solid 1px #218eb1; 
				  background: #124657 url(../icons/cart_add.png) 15px 50% no-repeat;}
#description {}


/* 3e.	User Reviews
-------------------------------------------------------- */
#userreviews {}
.review, .review a {color: #11242a;}
.review_title {background: url(images/review_title.png) no-repeat top center;}
	.review_title h3 {}
.review_stars {background:url(../images/stars.png) no-repeat;}
	.one {background-position: 0px -60px}
	.two {background-position: 0px -45px}
	.three {background-position: 0px -30px}
	.four {background-position: 0px -15px}
	.five {background-position: 0px 0px}
.review_body {background: url(images/review_body.png) repeat-y top center;}
	.review_body p {}
.review_author {background: url(images/review_bottom.png) no-repeat top center; color: #fff;}


/* 3f.	Cart
-------------------------------------------------------- */
.cart h2 {}
.cart_items {}
.cart_update {}
.cart_table {border: solid 1px #000;}
.cart_table th {}
.cart_table thead th {background: #176b86;}
.cart_table tbody {}
.cart_table tr {}
.cart_table td, .cart_table th {}
th.cart_table_headContents {}
.cart_table_headEdit {}
td.cart_table_productDesc {}
.cart_table_productDesc img {}
.cart_table_productDesc ul {}
	.cart_table_productDesc ul li {border-left: solid 1px #000;}
.cart_table_editrow {background: #3366cc; color: #fff;}
	.cart_table_editrow td {}
.remove {}
	
.total_table {}
.total_table td {border: solid 2px #000;background: #176b86;}
td.total_title {}
td.total_clear {}

.cart_continue {}
.cart_checkout {}


/* 3g.	Contact
-------------------------------------------------------- */
.contact_message {}
.contact_message h2, .contact_direct h2 {border-bottom: solid 2px #11242a;}
.contact_message form div, .contact_message form input, .contact_message form textarea {}
.contact_message form div {}
.contact_direct {}
.contact_direct a {}
.contact_message input:focus, .contact_message textarea:focus {background: #ffffa3;}


/* --------------------------------------------------------
4.	Footer
-------------------------------------------------------- */
.footer {color: #fff;}
.footer a {color: #fff;}
.footer a:hover {color: #fff;}
.copyright {}


/* --------------------------------------------------------
5.	Buttons adapted from: http://particletree.com/features/rediscovering-the-button-element/
-------------------------------------------------------- */
a.button, button.button {background-color:#176b86; border:1px solid #dedede; color:#fff;}
button.button {}
button[type].button {}
*:first-child+html button[type]{}
button.button img, a.button img{}

/* Neutral */
button.button:hover, a.button:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
a.button:active{background-color:#6299c5; border:1px solid #6299c5; color:#fff;}

/* Positive */
button.positive, a.positive{color:#fff;}
a.positive:hover, button.positive:hover{background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}
a.positive:active{background-color:#529214; border:1px solid #529214; color:#fff;}

/* Negative */
a.negative, button.negative{color:#fff;}
a.negative:hover, button.negative:hover{background:#fbe3e4; border:1px solid #d12f19; color:#d12f19;}
a.negative:active{background-color:#d12f19; border:1px solid #d12f19; color:#fff;}