@import "core.css";
@import "vo-image.css";
@import "vo-form.css";

/* 
Title: TrailWaters.com
Start Date: 12/3/09
Authors: Jonathan Wold & CJ Doss / Sabramedia, LLC

Table of Contents:
	- Framework
	
Container Width: 960px
Content Width: 960px- 50px l/r padding = 910px

Orange: #A15C09

/* Body Styles
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


body { background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #2b2b2b; line-height: 1.5em; }
#container { width: 960px; margin: 20px auto; background: #FFF; }

ul li { list-style-type: none; }


/*--------HEADER--------*/
#header { position: relative; background: url(../../img/header-bear.png) no-repeat 760px 15px; }
#header a#logo { background: url(../../img/logo.png); width: 250px; height: 55px; display: block; text-indent: -9999px; }

#header ul#top.navigation { list-style: none; position: absolute; top: -10px; right: 0; font-size: 11px; }
	#header ul#top.navigation li { float: left; border-right: 1px solid #000; height: 10px; line-height: 10px; margin-right: 8px; padding-right: 9px; }
	#header ul#top.navigation li.last { border: none; margin-right: 0; padding-right: 0; }
	#header ul#top.navigation li a { color: #000; text-decoration: none; }
	#header ul#top.navigation li.cart a { background: url(../../img/cart-top.png) no-repeat left 1px; padding: 0 0 0 16px;}

#header ul#main.navigation { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; list-style: none; padding: 10px 0 5px 0; margin: 20px 0 0 0; height: 20px; }
	#header ul#main.navigation li { float: left; font-weight: bold; margin: 0 12px; text-transform: uppercase;  }
	#header ul#main.navigation li a { color: #000; text-decoration: none;  }
	#header ul#main.navigation li a:hover { color: #A15C09; }

#header .search { position: absolute; right: 0; bottom: 4px; }
	#header .search input.search { border: 1px solid #ccc; padding: 2px; margin-right: 35px; }
	#header .search input.submit { margin-bottom: 4px; border: none; background: url('../../img/header-search-go.png') no-repeat; width: 30px; height: 22px; text-indent: -9999px; text-transform: capitalize; }
	
#header .cta { position: absolute; left: 300px; top: 10px; }
	#header .cta a { color: #A15C09 }

/*--------CONTAINER--------*/
#content { padding: 20px; margin-top: 20px;border: 1px solid #ccc; overflow: hidden;}
#content h1 { font-size: 24px; font-weight: bold; margin-bottom: 20px; line-height: 1em;}
#content p { color: #2b2b2b;}
h2 { font-size: 16px; font-weight: bold; color: #A15C09;margin-bottom: 10px;}


/*--------SIDEBAR PRODUCTS--------*/
.shop #cnd-wrap { width: 200px; float: left; height: 800px;  }
span.crumb-current { border-top: 1px solid #AAA; padding-top: 5px; text-transform: none;}	
#cnd-navigation h3 { background: #DDD; padding: 5px; border-bottom: 1px solid #CCC; font-weight: bold; text-transform: uppercase; cursor: pointer;}

.cnd-header { border: 1px solid #CCC; margin-bottom: 15px;}
	.cnd-header .collapse { background: #F7931D; width: 17px; float: right; }
	.cnd-header .cancel { background: #F7931D; width: 17px; float: right; }
	#cnd-category.cnd-header {border-top: none;}

ul.cnd-list {  max-height: 300px; overflow: auto;}
	ul.cnd-list li { padding: 0 10px; background: #fff; color: #2b2b2b; border: none;}
	ul.cnd-list li:hover { background: #DDD; cursor: pointer; }
	ul.cnd-list li.ui-state-disabled { display: none; }
	ul.cnd-list li.ui-state-active { background: #DDD; }


/*--------ECOMMERCE--------*/
.shop #catalog-wrap { width: 750px; float: left;  }

.shop #catalog-controls UL { list-style: none; margin: 0 0 0 10px; }
.shop #catalog-controls .cnd-pagination { margin: 0px 10px 0px 20px; padding: 5px 0; border-bottom: 1px dotted #CCC; border-top: none;}
	.cnd-pagination { margin: 0px 10px 10px 20px; padding: 5px 0; border-top: 1px dotted #CCC; }
	.cnd-pagination .previous { background: url('../../img/arrow-previous.png') no-repeat left center; border: none; text-indent: -9999px; cursor: pointer; }
	.cnd-pagination .next { background: url('../../img/arrow-next.png') no-repeat left center; border: none; text-indent: -9999px; cursor: pointer;}

.shop .product-list { margin: 0; }
	.shop .product-list a.link { color: #2b2b2b; }
	.shop .product-list a.link img { border: none; }
	.shop .product-list span.image { display: block; width: 165px; height: 150px; text-align: center; vertical-align: middle; display: table-cell; border: none;} /* border: 1px solid #EEE; */
	.shop .product-list span.image img { margin: auto;  }

.shop .product-list .product-styling { float: left; margin: 0 0px 20px 20px; list-style: none; height: 210px; width: 165px; }
	.shop .product-list .product-styling .name { text-align: center; width: 165px; line-height: 1.4em; margin: 5px 0 0 0; display: block; color: #A15C09; border: none; text-decoration: none; }
	.shop .product-list .product-styling .price { text-align: center; display: block; font-weight: bold; }
	.shop .product-list .product-styling .retail { text-align: center; display: block; font-weight: bold; }
	.shop .product-list .product-styling .link { text-decoration: none; }
	.shop .product-list .product-styling .link:hover .name { color: #25447e; }
	
	.shop .product-list .product-styling.ui-selected { outline: 1px solid #aaa; background: #ccc }
	.shop .product-list .product-styling.ui-state-hover { outline: 1px solid #333; border: none; background: blue; }
	.shop .product-list .product-styling.ui-selected span.img { background: red; }

.shop .product-list .no-results { margin: 50px 20px; font-style: italic; }

.shop .waiting-for-results { height:200px; margin-bottom:0; margin-left:50%; margin-right:50%; margin-top:50px; }

/*--------PRODUCT DISPLAY--------*/
#product-container { margin-top: 20px; padding-bottom: 20px;}

#product-container #product-display { float: left; }	
	#product-container #product-display .big-view ul { list-style-type: none; }
	#product-container #product-display .big-view ul li ul li span { width: 350px; height: 320px; border: none; text-align: center; vertical-align: middle; display: table-cell; } /* border: 1px solid #DDD; */
	#product-container #product-display .big-view ul li ul li span img { margin: auto;}
	
	#product-container #product-display .view-strip ul li ul li { float: left; border: 1px solid #CCC; height: 50px; width: 60px;margin: 10px 10px 0 0; }

#product-container #product-information { float: right; width: 580px;}
	#product-container #product-information #product-details {  }	
		#product-container #product-information #product-details h3#product-name { font-size: 30px; font-weight: bold; margin-bottom: 25px; line-height: 1em; border-bottom: 1px solid #CCC; padding-bottom: 15px;}
		#product-container #product-information #product-details p#product-basic-info-title { font-weight: bold; font-size: 16px; color: #b9813f; margin-bottom: 2px;}
		#product-container #product-information #product-details select#multi-items-dropdown { width: 345px; }
		
		.message { outline: 2px solid #F7931D; border: 2px solid #fff; padding: 10px; background: #DDD; margin-bottom: 25px; color: #A15C09; font-weight: bold; display: none;}
		
	
	#product-container #product-information #product-actions { border: 14px solid #DDD; outline: 1px solid #AAA; float: right; width: 140px; padding: 20px; margin: 0 0 20px 20px;}
		#product-information #product-actions .numbers { font-size: 1.3em; width: 70px; text-align: right; }
		#product-information #product-actions .numbers .we-pay .profit { display: block; }
		#product-information #product-actions .numbers .you-pay { font-size: 1.4em; padding: 5px 0; margin-bottom: 5px; }
		
		#product-information #product-actions .explain { position: absolute; top: 1px; right: 3px; width: 60px; height: 24px; float: left; background: url(../../img/bg-explain2.png) top; }
		
			#product-information #product-actions .explain a { display: block; text-indent: -9999px; width: 60px; height: 18px; margin: 3px 0;}
		
		#product-information #product-actions .quantity { clear: both; margin: 10px 0 5px 0; font-size: 1.1em; font-weight: bold;  }		
		
		#product-container #product-information #product-actions #product-actions-box input#product-actions-quantity { margin-bottom: 5px; width: 20px; text-align: center; }
		
		#product-container #product-information #product-actions #product-actions-box { position: relative;}
		
		#product-container #product-information #product-actions #product-actions-box input#submit { background: #000 url(../../img/cart-icon2.png) no-repeat 10px center; color: #6FADCE; font-weight: bold; padding: 10px 10px 10px 34px; border: 1px solid #CCC; outline: 2px solid #000;text-transform: uppercase; text-decoration: none; cursor: pointer; width: 140px;}
		/*#product-container #product-information #product-actions #product-actions-box p#go-to-cart a { color: #777; text-transform: uppercase; font-size: 10px;}*/
		#product-container #product-information #product-actions #product-actions-box p#go-to-cart a { background: #6FADCE; color: #2b2b2b; font-weight: bold; padding: 5px 0; border: 1px solid #CCC; outline: 2px solid #2b2b2b;text-transform: uppercase; text-decoration: none; cursor: pointer; font-size: 10px; text-align: center; display: block; margin-top: 10px;}
		#product-container #product-information #product-actions #product-actions-box #cart-update-message { margin: 10px 0 0 0;}
	
	#product-container #product-information #product-description { margin-top: 20px; }
		#product-container #product-information #product-description h4 { font-size: 16px; font-weight: bold; color: #b9813f; margin-bottom: 2px;}
		#product-container #product-information #product-description ul li { margin-left: 17px; list-style-type: disc;}


/*--------CART--------*/
span.required-flag { color: red; }

#content #shopping-cart table#table-cart { width: 100%; margin-bottom: 10px;}
	#content #shopping-cart table#table-cart tbody tr.row_head { font-weight: bold; background: #CCC; }
	#content #shopping-cart table#table-cart tbody td { border: 1px solid #DDD; padding: 10px;}

#content #shopping-cart #grand-total input#submit-checkout { background: #000 url(../../img/cart-icon2.png) no-repeat 5px center; color: #6FADCE; font-weight: bold; padding: 10px 10px 10px 34px; border: 1px solid #CCC; outline: 2px solid #000;text-transform: uppercase; text-decoration: none; display: block; cursor: pointer;}

#shopping-cart #grand-total { font-size: 20px; margin-top: 20px; float: right; }
#shopping-cart #grand-total span.cart-grand-total { display: block; margin: 10px 0; background: #EEE; padding: 10px; width: 140px; border: 1px solid #CCC; }

#shopping-cart .cart-message { float: left; padding: 20px 0 0 0; width: 500px; }
	#shopping-cart .cart-message.qualified { display: none; }


/*--------CART LOGIN--------*/

.login fieldset.new-account { /*display: none;*/ }
.login fieldset.new-account p { margin: 10px 0; }

#formWrap #forgot-my-password { cursor: pointer; margin-left: 20px; font-size: 11px; margin-top: -10px; color: #A15C09;}
#formWrap #forgot-my-password:hover { color: #B9813F; }

/*--------CHECKOUT PROCESS--------*/
#checkout-message { display: none; }
#gateway-processing-message { text-align: center; margin: 200px 0; display: none;}
	
.checkout-steps { width: 200px; float: left; margin-right: 20px; text-align: left; }
	.checkout-steps h2 { background: none; padding: 0; }
	.checkout-steps ul li {  color: #AAA; border: 1px solid; margin: 10px 0; padding: 5px; font-weight: bold;}
	.checkout-steps ul li.active { color: #2b2b2b; border-color: #A15C09; background: url(../../img/arrow.png) no-repeat right center; }
	.checkout .message { width: 418px; }
	
#checkout-progress { display: none; }  /* PROBABLY DELETE THIS FROM THE HTML EH? */
	#checkout-progress p.step { font-weight: bold; color: #F7931D; font-size: 24px; margin-bottom: 10px;}

#checkout-payment { width: 675px; float: left; border-left: 1px solid #CCC; padding-left: 20px; }
	#checkout-payment select { display: inline; margin-top: 8px;}
	#checkout-payment span#card-code-click { color: #7b7b7b; background: url(../../img/cvn.jpg) no-repeat left center; padding: 6px 0 6px 48px; cursor: pointer; }
	#checkout-payment ul li#expiration { float: left; margin-right: 40px;}
	#checkout-payment ul li#code { float: left; }
		
#checkout-shipping { width: 675px; float: left; border-left: 1px solid #CCC; padding-left: 20px; }

#checkout-address { width: 675px; float: left; border-left: 1px solid #CCC; padding-left: 20px; }

.shipping-note { border: 1px solid #CCC; background: #EEE; padding: 7px 10px; margin-top: 5px;}


	
/*--------CHECKOUT REVIEW--------*/
#checkout-review { width: 675px; float: left; border-left: 1px solid #CCC; padding-left: 20px; }
#checkout-review button { border: 1px solid #FBC381; background: #DDD; color: #084566; text-transform: uppercase; font-size: 8px; font-weight: bold;  margin: 5px 0; }

#checkout-review #column1 { float: left; width: 430px; border-right: 1px solid #CCC; padding-right: 20px; min-height: 350px;}
	#checkout-review #column1 #address-shipping, #checkout-review #column1 #order-shipping-method { width: 170px; float: left; margin-bottom: 20px;}
	
#checkout-review #column1 #items { clear: both; margin-top: 20px; border-top: 1px dashed #A9A9A9; padding-top: 20px;}	
	#checkout-review #column1 #items ul#item-list { margin-top: 10px; padding-top: 10px;border-top: 1px dotted #DDD;}
	#checkout-review #column1 #items ul#item-list li { float: left; margin: 0 0 10px 0; width: 100%; list-style: none; padding-bottom: 10px; border-bottom: 1px dotted #DDD; }
	#checkout-review #column1 #items ul#item-list li h3.title { font-weight: bold; }
	#checkout-review #column1 #items ul#item-list li strong.price { margin-right: 10px; }
	#checkout-review ul#item-list li img { float: left; margin: 0 10px 0 0; height: 50px; width: 50px;}

#checkout-review #column2 { float: left; padding: 20px; width: 158px; background: #EEE; margin-left: 20px;}
	#checkout-review #column2 #column-right { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ababab;}
	#checkout-review #column2 #checkout-final.submit { background: #000 url(../../img/cart-icon2.png) no-repeat 5px center; color: #6FADCE; font-weight: bold; padding: 10px 10px 10px 34px; border: 1px solid #CCC; outline: 2px solid #000;text-transform: uppercase; text-decoration: none; cursor: pointer; font-size: 11px; }
	#checkout-review #column2 #address-billing {  }
	#checkout-review #column2 #address-billing input.submit { margin-top: 5px; }
	#checkout-review #column2 #order-shipping { margin-bottom: 3px; }
	#checkout-review #column2 div #grand-total { border-top: 1px dotted #7b7b7b; padding: 10px 0 0 0; margin: 10px 0 5px 0; }
	
/*--------CHECKOUT COMPLETE--------*/

.checkout-complete .happy-customers { margin: 30px 0 0 0; }
	.checkout-complete .happy-customers .left { float: left; width: 300px; }
	.checkout-complete .happy-customers .right { float: right; width: 300px; }
	
	.checkout-complete h1#checkout-complete { color: #A15C09; }
	.checkout-complete a { color: #A15C09; }
	
/*--------ORDER DETAILS--------*/

	.order-detail #column2 div #grand-total { margin: 10px 0 0 0; }
		.order-detail #column2 div #grand-total span { font-size: 1.5em; }
		

/*--------USER PROFILE--------*/
body#user_index table.order-summary { width: 100%; }
	body#user_index table.order-summary tr.row_head{ font-weight: bold; }
	body#user_index table.order-summary td { padding: 8px 0px; border-bottom: 1px solid #CCC; }
	body#user_index table.order-summary td.actions button { border: 1px solid #A15C09; background: #F7931D; color: #084566; text-transform: uppercase; font-size: 9px; font-weight: bold; cursor: pointer; }
	body#user_index table.order-summary td.actions button:hover { background: #FBC381; }

body#user_order-detail #column1 { float: left; width: 430px; border-right: 1px solid #CCC; padding-right: 20px; min-height: 350px; }
	body#user_order-detail #column1 #items { clear: both; margin-top: 20px; border-top: 1px dashed #A9A9A9; padding-top: 20px;}	
	body#user_order-detail #column1 #address-shipping { margin-bottom: 20px; }
	body#user_order-detail #column1 #items ul#item-list { margin-top: 10px; padding-top: 10px;border-top: 1px dotted #DDD;}
	body#user_order-detail #column1 #items ul#item-list li { float: left; margin: 0 0 10px 0; width: 100%; list-style: none; padding-bottom: 10px; border-bottom: 1px dotted #DDD; }
	body#user_order-detail #items ul#item-list li h3.title { font-weight: bold; }
	body#user_order-detail #items ul#item-list li strong.price { margin-right: 10px; }
	body#user_order-detail ul#item-list li img { float: left; margin: 0 10px 0 0; height: 50px; width: 50px;}
	
body#user_order-detail #column2 { float: left; padding: 20px; width: 158px; background: #EEE; margin-left: 20px;}
	body#user_order-detail #column2 #address-billing { margin-bottom: 20px; }
	
body#user_profile #checkout-review { border: none; padding: 0;}	
	body#user_profile #addresses li.template.address { list-style-type: decimal; border-bottom: 1px dotted #A9A9A9; padding-bottom: 15px;margin-bottom: 15px;}
	body#user_profile #addresses li.template.address .address_type { font-weight: bold; }
	body#user_profile #addresses li.template.address button, body#user_profile #addresses li.template.address input { border: 1px solid #FBC381; background: #DDD; color: #084566; text-transform: uppercase; font-size: 8px; font-weight: bold;  margin: 5px 0; }
	body#user_profile #column1 { float: left; width: 440px; border-right: 1px solid #CCC; padding-right: 20px; min-height: 350px; }
	body#user_profile #column2 { float: left; padding: 20px; width: 148px; background: #EEE; margin-left: 20px;}

#sidebar { width: 180px; float: left; margin-right: 20px; text-align: left; border: 1px solid #CCC; padding: 20px;}
	#sidebar ul li ul li {  }
	#sidebar ul li ul li a { color: #2b2b2b; text-decoration: none; font-weight: bold;}
	#sidebar ul li ul li a:hover { color: #A15C09; }


/*--------DIALOG BOXES--------*/
#form-addresses ol#addresses { margin-top: 20px; }
#form-addresses ol#addresses li.template.address { margin: 0 0 20px 20px; background: #EEE; padding: 15px;}
#form-addresses ol#addresses li.template.address .address_type { font-weight: bold; }

/*--------CONTENT PAGES--------*/

#content.page p { margin: 8px 0; width: 430px; }


/*--------Home Page--------*/

img#home-banner { border: 6px solid black; margin-top: 20px;}
#home-featured { margin: 20px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow: hidden; padding: 15px 0; }
#home-featured ul li { width: 135px; float: left; margin: 0 28px; }
#home-featured a { display: block; text-align: center; color: #A15C09; text-decoration: none; }
#home-featured a strong { color: #2b2b2b; }
#home-featured a img { display: block; }

/*--------FOOTER--------*/
#footer { clear: both;  font-size: 11px; margin: 20px auto; width: 960px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0 6px 0px;}
#footer p { float: right; }
#footer a { text-decoration: none; text-align: center; color: #084566;}
#footer a:hover { color: #1A6F9D; }

#footer ul.nav { float: left; }
	#footer ul.nav li { display: inline; border-right: 1px solid #CCC; padding-right: 10px; margin-right: 10px;}
	#footer ul.nav li a { color: #2b2b2b; }
	#footer ul.nav li a:hover { color: #1A6F9D; }
	#footer ul.nav li.last { border: none; }

/*--------CLEARFIX--------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


input[type="hidden"] { border: 0; padding: 0; margin: 0; background: white; }


/*--------EXTRAS--------*/

.underline, a.underline { text-decoration: underline; }