/* CSS Document */ 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;} strong {color:#AF5A23;} #left {padding:20px;} #right {} #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:#d5c9a7; 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:#D5C9A7; 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 #D5C9A7; display:block; float:none;} #nav ul li a:hover {text-decoration:none; background-color:#D5C9A7; 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 h3 {font-size:13px; 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:

or
    needs "view" or "buy" button

*/ 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:
Image
*/ div.detail {position:relative; min-height:600px;} div.detail span.left {display:block; padding-top:15px;width:450px; float:left;} div.detail span.left img {width:450px; height:450px; border:none;} div.detail span.right ul { height:92px;display:block;margin:0;padding:15px 0 0 18px; clear:both;} div.detail span.right 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 #CABE9A; cursor:pointer; border:1px #C5B893 solid;} div.detail span.right {float:right; width:300px;} div.detail span.right .description {min-height:260px} div.detail label, div.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} div.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;} div.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;} div.detail p {line-height:normal; padding:0; color:#888; font-weight:normal; font-size:11px; overflow:hidden; margin:0; padding:0 0 10px 0;} div.detail #redFlag {line-height:normal; padding:0 0 10px; color:#f00; font-weight:normal; font-size:11px; overflow:hidden;} div.detail form {display:block; padding:0; margin:0;} div.detail form label {position:static; top:auto; left:auto; width:auto; border:none; font-size:10px; margin:0; font-weight:normal; padding:0;} div.detail input.quantity {height:20px; width:117px; position:absolute; top:45px; left:163px; border:none;} div.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;} div.detail #sizeSelect {float:right; border:1px solid; float:right; margin:4px 0 4px 7px; font-size:12px;} div.detail span.right input, div.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;} #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;}