/* CSS Document */


.description .container{
	margin-left: 5px;
	width: 295px;
	float: left;
}
.description .container ul{
	list-style: none;
/*	list-style-position: outside; */
	
}
.description .container ul.menu {
	background: #d0c39e;
}
.description .container ul.menu li{
	float: left; 
	margin-right: 5px;
	margin-bottom: -1px;
	text-align: center;
}
.description .container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}
.description .container ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #cc6600;
}
/******* /MENU *******/
/******* CONTENT *******/
.container .content{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 11px;
}
.container .content h1{
	vertical-align: middle;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.container .content h2{
	vertical-align: middle;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.container .content h3{
	vertical-align: middle;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/******* /CONTENT *******/

/******* PRODUCT DESCRIPTION *******/
.container .content.productDescription{
	display: block;
}
/******* /PRODUCT DESCRIPTION *******/

/******* SIZE INFORMATION *******/
.container .content.sizeInformation{
	display: none;
}
/******* /SIZE INFORMATION ******/

/******* FABRIC CARE *******/
.container .content.fabricCare{
	display: none;
}
.container .content.fabricCare a{
	color: #5f95ef;
}
/******* /FABRIC CARE ******/

/******* FACEBOOK SHARE *******/
.container .facebookShareButton {
	text-align: right;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 10px;
}
/******* /FACEBOOK SHARE ******/




body {background:#261A02 url(img/body-bg.jpg) repeat-x; padding:0; margin:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#shadow {background: url(img/shadow-bg.png) repeat-y 50% 180px; text-align:center; margin:0 auto; width:840px; position:relative;}
#footer {background:#261A02 url(img/footer-bg.png) no-repeat 50% 0; height:40px; width:840px; margin:0 auto; color: #AF5A23; font-size:10px; text-align:center; padding-top:15px;}
#page {width:800px; margin:0 auto; text-align:left;}
#top { background:url(img/top-bg.jpg) no-repeat; height:180px;}
a.homelink {position:absolute; display:block; top:25px; left:27px; width:398px; height:151px;}
a.homelink h1 {font-size:9px; text-indent:-9999px; font-weight:100;}
a.homelink h6 {font-size:9px; text-indent:-9999px; font-weight:100;}

strong {color:#AF5A23;}

#left {padding:20px;}
#right {}

#mca {position:absolute; top:85px; left:725px; width:50px; height:41px;}
#cartLink {position:absolute; top:140px; left:441px; width:378px; height:41px;}
#cartLink a {display:block; font-size:14px; line-height:14px; height:14px; min-width:20px; color:#d0c39e; font-weight:900; float:right; padding:12px; text-decoration:none;}
#cartLink a:hover {text-decoration:underline;}

#nav {font-size:11px; margin:0; padding:10px 0 0 6px; text-align:left; height:32px; display:block; z-index:20; position:relative; width:600px;}
#nav li {display:block; margin:0; padding:0; list-style:none; min-width:10px; float:left;position:relative; height:24px;}
#nav li a {color:#291D06; display:block; float:left; line-height:11px; min-width:10px; padding:1px 6px; text-decoration:none; white-space:nowrap; line-height:11px;}
#nav li a:hover {color:#AF5A23}
#nav ul {display:none; background:#432B14; border-top:none; position:absolute; top:17px; left:0; width:175px; color:#d0c39e; padding:0; margin:0;}
#nav ul li {padding:0; margin:0; float:none; display:block;}
#nav ul li a {color:#CCCCCC; font-size:11px; line-height:11px; padding:6px; border-bottom:1px solid #d0c39e; display:block; float:none;}
#nav ul li a:hover {text-decoration:none; background-color:#d0c39e; color:#432B14; border-bottom-color:#CC6A27}

#nav li:hover ul, #navDropDown li.sfhover ul {display:block;} 

.error {background:url(img/cart/error_bg.png) no-repeat scroll -3px -3px;border:3px solid #ccc;display:block;font-weight:900;height:12px;line-height:12px;padding:3px 3px 3px 24px; margin-bottom:20px;}




/*Navigation*/




#top form {position:absolute; top:187px; left:631px; width:188px; height:25px; z-index:10; text-align:right; margin:0; width:179px; height:18px; background:url(img/search.jpg);}
#top form input.q {margin:0; border:none; background:none; width:137px; display:block; float:left; font-size:10px; color:#aaa; padding:2px; text-align:right;}
#top form input.s {padding:0; margin:0; border:none; background:none; width:34px; display:block; float:right; cursor:pointer;}

a {color:#CC6600; text-decoration:none;}
a:hover {color:#663300; text-decoration:underline;}

#home #page {height:465px; background:url(img/home-bg.jpg) no-repeat 0 38px;}
#home #left, #home #right {display:none;}

/* Home boxes */
#homeBoxes {display:none;}
#home #homeBoxes {position:absolute; left:20px; top:218px; width:799px; height:427px; display:block;}
#homeBoxes a, #homeBoxes #boxa, #homeBoxes .boxb2 , #homeBoxes .boxb1 {
	position:absolute;
	left:13px;
	top:9px;
	display:block;
	width:259px;
	height: 5px;
	z-index: 3px;
}
#homeBoxes #boxa {width:494px; height:325px;}

#homeBoxes .boxb1 {left:527px; background:no-repeat 50% 50%; height:164px;}
#homeBoxes a.boxb1 {background-image:url(img/Whats-New.png); display:block; z-index:10}

#homeBoxes .boxb2 {left:527px; top:193px; background:no-repeat 50% 50%; height:141px;}
#homeBoxes a.boxb2 {background-image:url(img/whats-hot.png); display:block; z-index:10}

#homeBoxes #boxc1 {top:353px; width:243px; background: url(img/c1.jpg) no-repeat; height:60px;}
#homeBoxes #boxc2 {top:353px; left:277px; width:251px; background: url(img/c2.jpg) no-repeat; height:60px;}
#homeBoxes #boxc3 {top:353px; left:548px; width:239px; background: url(img/c3.jpg) no-repeat; height:60px;}

/*Products*/
#wholesale #products {padding-top:20px;}
#product {background:url(img/cart/cart_body.png); min-height:200px; float:left; margin:20px 10px 0 10px; width:213px; padding:10px; position:relative;}
#product h2 {padding:4px 0;}
#product h4 {font-size:11px; border-bottom:1px solid #CC6600; color:#000; line-height:18px; padding:4px 0; margin:0;}
#product img {display:block; margin:0 auto;}
#product p {font-size:12px; line-height:18px; padding:10px 0 0 0; margin:0;}
#product #price {position:absolute; display:block; width:60px; height:13px; top:15px; right:10px; overflow:visible; font-size:13px; text-align:right;}

#product #quickCart {display:block; padding:0; margin:0; height:25px;}
#product #quickCart select {border:1px solid; float:left; font-size:10px; height:18px; line-height:100px; margin:3px 0 0; width:105px;}
#product #quickCart input {margin:0; float:right;}


tr#size td {font-size:11px;}

#order {  background:url(img/cart/cart_body.png);}
#order tr { height: 20px; };
#order td { padding: 10px; };
#order th { font-weight: bold; font-size: 14px; }

 /* product structure:
	<div class="product">
		<form>
		<a><img></a>
		<h1>
		<h2> or <ul>
		<a.prodButton> needs "view" or "buy" button
		</form>
	</div>
*/

div.page {background:d0c39e;}
div.product {border-bottom:#999 1px dashed; position:relative; padding:15px 0; height:200px;}
div.product img {border:none; background:url(img/no-image.jpg) no-repeat; width:100px;}
div.product h1 {position:absolute; left:175px; top:15px; width:420px; height:14px; line-height:14px; padding:4px 0; color:#000; font-weight:900; font-size:14px; border-bottom:#ccc 1px dotted; overflow:hidden;}
div.product h2, div.product ul {position:absolute; left:175px; top:45px; width:420px; height:120px; line-height:normal; padding:0; color:#ccc; font-weight:normal; font-size:11px; overflow:hidden;}
div.product ul li {padding-bottom:5px;}
div.product a.prodButton {position:absolute; left:488px; top:145px; background:url(img/view-button.jpg) no-repeat; display:block; height:30px; width:117px;}

/* Products Details */
/* Details structure:
	<div class="detail">
		<form>
			<img>				Image
			<label> 			Name
			<small>				Date (optional)
			<strong>			Price
			<p>					Description
			<select.options>	Options
			<input.quantity>	Qauntity
			<input.submit>		Submit
		</form>
	</div>
*/

.detail {position:relative; min-height:600px;}
.detail span.left {display:block; padding-top:15px;width:450px; float:left;}
.detail span.left img {width:450px; height:450px; border:none;}
.detail span.right {float:right; width:300px;}
.detail span.right .description {min-height:450px; padding-top: 0px;}


/*******************************************/
/*******************************************/
/* Start Tyler Added Description Formatting
  For the custom description area I enter  */
.detail span.right .description .myDescription {margin-left: 5px; margin-bottom: 15 px; padding: 0; vertical-align: top; width: 295px;}
.detail span.right .description .myDescription .borders   {border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #666666; vertical-align: top;}
.detail span.right .description .myDescription .borders h1 {font-size: 20px; font-weight: bold; margin-bottom: 10px; text-align: left;}
.detail span.right .description .myDescription .borders h2 {font-size: 20px; font-weight: bold; color: #643e10; margin-bottom: 10px;}
.detail span.right .description .myDescription .borders h3 {font-size: 16px; color: #CC6600; margin-bottom: 10px; font-style: italic; font-weight: bold;}
.detail span.right .description .myDescription .borders p {font-size: 12px; font-weight: bold; color: #643e10; margin-top: 10px; margin-bottom: 10px; text-align: justify; vertical-align: top;}
.detail span.right .description .myDescription .borders img {margin-top: 10px; margin-bottom: 10px; vertical-align: bottom;}
.detail span.right .description .myDescription .chart {margin-top: 5px; margin-bottom: 5px; width: 294px;}
.detail span.right .description .myDescription .chart th {font-size: 12px; font-weight: bold; color: #CC6600; margin-right: 10px; padding-top: 10px; padding-bottom: 10px; width: 65px; text-align: left;}
.detail span.right .description .myDescription .chart td {font-size: 12px; font-weight: bold; color: #000000; width: 183px;}
.detail span.right .description .myDescription .chart a {text-decoration: underline;}
/* End of the Tyler Description Formatting */
/*******************************************/
/*******************************************/


/*******************************************/
/*******************************************/
/* Tyler Added Div.bottom at bottom and moved a couple things.
	These are the duplicated attributes thought necessary:  */
.detail .bottom span.left {display:block; width:450px; float:left;}
.detail .bottom span.left ul { height:92px;display:block;margin:0; padding:5px 0 0 0; clear:both;}
.detail .bottom span.left ul li {list-style:none; margin:0 2px 0 0; padding:0; width:90px; height:90px; display:block; float:left; background:50% 50% no-repeat #d0c39e; cursor:pointer; border:1px #d0c49e solid;}
.detail .bottom span.right {float:right; padding:5px 0 0 0; width:300px;}
.detail .bottom span.right input, .detail span.right select {float:right; clear:right;} 
.detail label, .detail .bottom form h4 {display:block; height:16px; line-height:16px; padding:24px 0 4px 0; color:#CC6A27; font-weight:900; font-size:14px; border-bottom:#CC6A27 1px solid; text-transform:capitalize; margin:0 0 5px 0}
.detail .bottom small {display:block; height:auto; line-height:14px; padding:4px 0; color:#ccc; font-weight:100; font-size:10px; border-bottom:#800000 1px solid; margin-bottom:15px;}
.detail .bottom strong.prodPrice {color:#000;display:block;font-size:20px;font-weight:900; line-height:20px;padding:5px 0 0 0;text-align:left; margin:0; width:50%; float:left;}
.detail .bottom p {line-height:normal; padding:0; color:#888; font-weight:normal; font-size:11px; overflow:hidden; margin:0; padding:0 0 10px 0;}
.detail .bottom #redFlag {line-height:normal; padding:0 0 10px; color:#f00; font-weight:normal; font-size:11px; overflow:hidden;}
.detail .bottom form {display:block; padding:0; margin:0;}
.detail .bottom form label {position:static; top:auto; left:auto; width:auto; border:none; font-size:10px; margin:0; font-weight:normal; padding:0;}
.detail .bottom input.quantity {height:20px; width:117px; position:absolute; top:45px; left:163px; border:none;}
.detail .bottom input.submit {background:url(img/buy-now.jpg) no-repeat; display:block; height:30px; width:117px; position:absolute; top:45px; left:163px; border:none;}
.detail .bottom #sizeSelect {float:right; border:1px solid; float:right; margin:4px 0 4px 7px; font-size:12px;}

/* End of the Tyler Creation*/
/*******************************************/
/*******************************************/


/* These were the already existing attributes */
.detail label, .detail form h4 {display:block; height:16px; line-height:16px; padding:24px 0 4px 0; color:#CC6A27; font-weight:900; font-size:14px; border-bottom:#CC6A27 1px solid; text-transform:capitalize; margin:0 0 5px 0}
.detail small {display:block; height:auto; line-height:14px; padding:4px 0; color:#ccc; font-weight:100; font-size:10px; border-bottom:#800000 1px solid; margin-bottom:15px;}
.detail strong.prodPrice {color:#000;display:block;font-size:20px;font-weight:900; line-height:20px;padding:5px 0 0 0;text-align:left; margin:0; width:50%; float:left;}
.detail p {line-height:normal; padding:0; color:#888; font-weight:normal; font-size:11px; overflow:hidden; margin:0; padding:0 0 10px 0;}
.detail #redFlag {line-height:normal; padding:0 0 10px; color:#f00; font-weight:normal; font-size:11px; overflow:hidden;}
.detail form {display:block; padding:0; margin:0;}
.detail form label {position:static; top:auto; left:auto; width:auto; border:none; font-size:10px; margin:0; font-weight:normal; padding:0;}
.detail input.quantity {height:20px; width:117px; position:absolute; top:45px; left:163px; border:none;}
.detail input.submit {background:url(img/buy-now.jpg) no-repeat; display:block; height:30px; width:117px; position:absolute; top:45px; left:163px; border:none;}
.detail #sizeSelect {float:right; border:1px solid; float:right; margin:4px 0 4px 7px; font-size:12px;}
.detail span.right input, .detail span.right select {float:right; clear:right;} 


form#friend {width:450px; float:left; clear:both;}
form#wishlist {width:280px; float:right;}

/* Category New */

a.category {display:block; width:186px; padding:2px; float:left; outline:none;}
a.category:hover {text-decoration:none;}
a.category img {width:186px; height:186px; border:none;}
a.category h3 {text-align:center; color:#291D06}

/* Category Products and Quick Shop New */

#catProduct div {width:249px; padding:2px; float:left; margin-bottom:30px; position:relative;}
#catProduct div h3 {font-size:14px; line-height:14px; height:14px; padding:3px 8px; margin:0;}
#catProduct div h3 a {color:#291d06;}
#catProduct div a {display:block; outline:none;}
#catProduct div a {display:block; outline:none;}
#catProduct div a img {border:none; width:249px; height:249px;}
#catProduct div a.viewMore img {width:auto; height:auto;}
#catProduct div a.price {position:absolute; top:4px; right:8px; font-weight:900; color:#CC6A27; font-size:14px; text-align:right; width:100px; height:20px;}
#catProduct div a:hover {text-decoration:none;}
#catProduct div form {display:block; margin:0; padding:0; height:66px; position:relative;}
#catProduct div form select {float:right;}
#catProduct div form input {position:absolute; top:30px; left:0;}


/* Tyler Added 04/26/2011 */
/* BuckWear Dealers */
#dealerResultFormat div {width:249px; padding:2px; float:left; margin-bottom:30px; position:relative;}
#dealerResultFormat div h3 {font-size:14px; line-height:14px; height:14px; padding:0px; margin:0px;}
#dealerResultFormat div h3 a {color:#291d06;}
#dealerResultFormat div a {display:block; outline:none;}
#dealerResultFormat div a {display:block; outline:none;}
#dealerResultFormat div a img {border:none; width:249px; height:249px;}
#dealerResultFormat div a.viewMore img {width:auto; height:auto;}
#dealerResultFormat div a.price {position:absolute; top:4px; right:8px; font-weight:900; color:#CC6A27; font-size:14px; text-align:right; width:100px; height:20px;}
#dealerResultFormat div a:hover {text-decoration:none;}
#dealerResultFormat div form {display:block; margin:0; padding:0; height:66px; position:relative;}
#dealerResultFormat div form select {float:right;}
#dealerResultFormat div form input {position:absolute; top:30px; left:0;}
/* End Tyler's Addition */



#breadCrumb {padding-bottom:20px; color:#000000; font-weight:900;}
#breadCrumb a {padding-right:3px;}

/* Casual Wear */
body.casualWear #catProduct {}
/*body.casualWear #catProduct div {width:142px; padding:0 0 12px 10px; margin:0;}
body.casualWear #catProduct div a img {width:142px; height:142px;}
*/body.casualWear #catProduct div h3, body.casualWear #catProduct div a.price {display:block;}
/*body.casualWear #catProduct div a img {width:142px; height:142px;}
*/
#catPic {display:none; padding-bottom:15px;}
#catPic a, #catPic a img {display:block; border-width:0;}
body.casualWear #catPic {display:block;}


/*Submit Idea*/
.form_idea {padding-left:0;}
.form_idea li {list-style:none; padding-bottom:10px;}
.form_idea li label {width:250px; float:left;}
.form_idea li input, .form_idea li select {width:300px; border:1px solid #ccc; height:20px;}
.form_idea li textarea {width:300px; border:1px solid #ccc;}