/* 
CHOCOELF.COM v2
Index Template CSS version 1.0
For support, please contact alantan.atnet@gmail.com
*/

/* anylink top menu CSS */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#fff;
	padding:2px 5px;
	color:#333;
	width:100px;
	display:none;
	font-size:0.8em;
	}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #fff;
font:normal 12px Verdana;
line-height: 18px;
margin-left:9px;
z-index: 100;
background-color: #000;
width: 150px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #fff;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:#ffffff;
background-color: #000000;
text-transform:uppercase; font-stretch:extra-condensed;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #ffffff;
color: #000000;
}

/* body content */
#wysiwyg p {margin:0;padding:4px;}
#wysiwyg {line-height:18px;color:#333;}
#wysiwyg a:hover {color:#000;}
#wysiwyg li {color:#333;}

/* Paypal button */
input#ppbut, input#enets {width:205px;height:41px;background:url('../i/gotopayment.gif') no-repeat top left;cursor:pointer;border:0;}
input#ppbut:hover {margin-top:2px;}



/* Main CSS Elements */
body {font-family : Arial, sans;font-size : 0.8em;padding-top : 0;color:#362f27;margin: 0 0 0 0;height:100%;background:url('../i/footer_bg.gif') repeat;line-height:1em;}
ul {margin-top:0; margin-bottom:0;margin-left: 20px;padding-left:0px;padding-top:2px; padding-bottom:2px; list-style-position:outside;}
ol {padding:0;margin:0;}
li label {float:left;width:75px;margin-right:10px;}
ul.list {list-style:square outside;}
li {height:auto !important;color:#fff;line-height: 16px;padding:4px;}
textarea {text-align:left; font:normal normal 0.9em Arial,sans;}
a {font : bold 100% Arial, sans;color : #362f27;text-decoration : underline;line-height:2em;}
a:hover {color:#000;}
.subhdr a:hover {color:#000;}
p {padding-top:5px;padding-bottom:5px;margin-top:5px;margin-bottom:5px;}
form {padding:0;margin:0}
select {font:normal normal 0.9em Arial,Helvetica;}
fieldset {border:0;padding:0;margin:0;}

/* Input Buttons */
input.btn2 {background-color:#f9f9f9;color:#333333;padding:5px;font:normal bold 14px Arial,sans;border-bottom:2px solid #ccc;border-right:2px solid #ccc;border-top:2px solid #999999;border-left:2px solid #999999;}
input.btn3 {background-color:#000;color:#fff;padding:0;font:normal bold 12px Arial,sans;border-bottom:2px solid #fff;border-right:2px solid #fff;border-top:2px solid #fff;border-left:2px solid #fff;}
input.btn2:hover {background-color:#ccc;}
input.btn3:hover {background-color:#fff;color:#000;}


/* MISC CSS Elements */
.cr {clear:both}

/* TOP MENU CSS Elements */
#tmenu1 a {display:block;background: url('../i/tmenu1.gif') no-repeat; width:35px; height:28px; float:left;}
#tmenu1 a:hover {background-position:0 -28px;}

#tmenu2 a {display:block;background: url('../i/tmenu2.gif') no-repeat;width:66px; height:28px; float:left;}
#tmenu2 a:hover {background-position:0 -28px;}

#tmenu3 a {display:block;background: url('../i/tmenu3.gif') no-repeat;width:63px; height:28px; float:left;}
#tmenu3 a:hover {background-position:0 -28px;}

#tmenu4 a {display:block;background: url('../i/tmenu4.gif') no-repeat;width:52px; height:28px; float:left;}
#tmenu4 a:hover {background-position:0 -28px;}

#tmenu5 a {display:block;background: url('../i/tmenu5.gif') no-repeat;width:63px; height:28px; float:left;}
#tmenu5 a:hover {background-position:0 -28px;}

#tmenu6 a {display:block;background: url('../i/tmenu6.gif') no-repeat;width:49px; height:28px; float:left;}
#tmenu6 a:hover {background-position:0 -28px;}

#tmenu7 a {display:block;background: url('../i/tmenu7.gif') no-repeat;width:53px; height:28px; float:left;}
#tmenu7 a:hover {background-position:0 -28px;}

/* form validation css */
.jsvalidation { margin-left:10px; font-size:10px; color:#FF0000; font-family:Arial, Sans; }
form#checkout div.error { display: none; }
form#checkout p {margin:0;height:22px;line-height:20px;}
form#checkout input {display:inline-block;float:left;border:1px solid #ccc;}
form#checkout input:focus { border: 1px dotted #000; }
form#checkout input.error { border: 1px dotted red; }
form#checkout label.error {width: auto;display: inline; color: red; font-style: italic; margin-left:10px;}
form#checkout label {width:150px;float:left;margin-right:15px;color:#333;display: inline-block;line-height: 1.2em;vertical-align: top;}
form#checkout li {list-style:none; height:30px;line-height:28px;padding-bottom:10px;}
form#checkout textarea {font:normal normal 0.9em Arial,sans;padding:1px;margin:1px;float:left;}
form#checkout textarea.error {border:1px solid red;}
form#checkout input#orderbut {border:0}

/* custom SELECT box hack */
option.imagebacked {
padding: 2px 0 2px 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
vertical-align: middle;
}

/* Search CSS */
.shl,b.shl {background-color:red;}
.search1 {margin-bottom:5px;margin-top:5px}
.search1 img {width:50px;height:50px;border:0;}
.search1 div {float:left;margin-right:10px;}

/* Item Category CSS */
#catlist {margin-left:0px;margin-top:15px;margin-bottom:10px;}
#catlist .catitem {float:left;margin-right:15px;}
#catlist li {list-style:none outside;}
#catlist li a {padding-left:15px;font:normal bold 0.9em Helvetica,Arial;line-height:14px;text-decoration:none;color:#643025;height:14px;display:block}
#catlist li a:hover {color:#c47d25;text-decoration:underline;}
#catlist li#sel {padding-left:5px;margin-left:0;background-color:#edeae6;width:100%;background-image:url('../i/barrow.gif');background-repeat:no-repeat;background-position:center left;}

/* Add To Cart But */
input.addcartbut {width:58px;height:20px;background:url('../i/buy.gif') no-repeat top left;border:0;padding:1px;display:block;text-align:left;color:#fff;cursor:pointer;cursor:hand;padding-left:5px;font-weight:bold;margin-bottom:5px;border:0;}
input.addcartbut:hover {background-position:0 -20px;}

/* Item CSS */
#itemlist .item {float:left;width:182px;padding-top:10px;padding-bottom:5px;margin-right:10px;height:235px;}
#cataloglist .item {float:left;width:125px;padding-top:10px;padding-bottom:5px;margin-right:10px;height:172px;}
#cataloglist .item a img {width:125px;height:125px;border:0}
#cataloglist .portfolio {float:left;width:310px;padding-top:10px;padding-bottom:5px;margin-right:10px;height:500px;}
#cataloglist .portfolio  a img {width:310px;height:212px;border:0}
.itemimage a img {border:0;}
div.more {text-align:left;margin-top:15px;font-size:0.9em;font-weight:bold;}
div.more a {font-size:100%;font-weight:normal;color:#938983;padding-right:5px;font-weight:bold;padding-left:10px;}

/* Cart CSS */
#cart {padding:0;margin:0;}
#cart .cartitem {line-height:16px;height:auto;margin-top:5px;}
#cart .cartitem div {padding-left:5px;padding-right:5px;float:left;line-height:16px;height:auto;padding-bottom:4px;margin:0;}
#cart .cartitem div.c1, #cart .carttitle div.c1 {width:300px;}
#cart .cartitem div.c2, #cart .carttitle div.c2 {width:40px;}
#cart .cartitem div.c3, #cart .carttitle div.c3 {width:140px;}
#cart .cartitem div.c4, #cart .carttitle div.c4 {width:40px;}
#cart .cartitem div.c5, #cart .carttitle div.c5 {width:200px;text-align:right}
#cart .cartitem div.c6, #cart .carttitle div.c6 {width:170px;text-align:right}
#cart .cartitem {padding:0;}
#cart .carttitle div {padding-left:5px;padding-right:5px;float:left;line-height:22px;height:24px;margin:0;font-size:80%;font-weight:bold;}
.preftext {font:normal bold 0.7em Arial,sans;padding:0;margin:0;}

#dispcart {padding:0;margin:0;bottom-bottom:1px solid #333;width:100%;}
#dispcart .cartitem {line-height:26px;height:28px;}
#dispcart .cartitem div {padding-left:5px;padding-right:5px;float:left;line-height:26px;height:28px;margin:0;}
#dispcart .cartitem div.c1, #dispcart .carttitle div.c1 {width:330px;}
#dispcart .cartitem div.c2, #dispcart .carttitle div.c2 {width:30px;}
#dispcart .cartitem div.c3, #dispcart .carttitle div.c3 {width:140px;}
#dispcart .cartitem div.c4, #dispcart .carttitle div.c4 {width:40px;}
#dispcart .cartitem div.c5, #dispcart .carttitle div.c5 {width:90px;text-align:right}
#dispcart .cartitem div.c6, #dispcart .carttitle div.c6 {width:90px;text-align:right}
#dispcart .cartitem {padding:0;}
#dispcart .carttitle div {padding-left:5px;padding-right:5px;float:left;line-height:22px;height:24px;margin:0;font-size:80%;font-weight:bold;}

div.sepaline {margin-top:5px;margin-bottom:5px;height:1px;background-color:#333;width:99%;clear:both;}

/* coupon form */
div#couponform {width:220px;height:24px;font:normal bold 0.7em Arial,Helvetica;float:right;}
div#couponform form input {width:50px;border:1px solid #362f27;}
div#couponform form input#couponbut {background:url('../i/changecurbut.gif') no-repeat top left;width:23px;height:17px;border:0;cursor:pointer;border:0;}

/* checkout CSS */
#hdr_paymentmethod {padding-top:10px;padding-bottom:2px;font-size:90%;font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ccc;color:#ccc;}
#checkoutbar {width:100%;background-color:#e0dbd7;height:35px;}
#checkoutbut {float:right;}
#checkoutbut a {width:191px;height:41px;background:url('../i/gotocheckout.gif') no-repeat top left;display:block;margin-right:44px;}
#cartbuttons {width:990px;margin-left:auto;margin-right:auto;height:40px;}
#returnshoppingbut {float:left;}
#returnshoppingbut a {width:167px;height:37px;background:url('../i/return_home.gif') no-repeat top left;display:block;}
input#orderbut {width:191px;height:41px;background:url('../i/submitorderbut.gif') no-repeat top left;display:block;margin-right:40px;border:0;cursor:pointer;border:0px;}

/* Product CSS */
#productinfo div#c1, #productinfo div#c2 {float:left;width:35%;}
#productinfo div#c1 a img {border:0;}
#productinfo div#c3 {float:left;width:25%;border-left:1px solid #ccc;height:300px;margin-left:10px;padding-left:20px;font-size:90%;}
#productinfo div#c3 div {float:none;}
#productinfo div#c2 div#itemtitle { border-bottom:1px solid #ccc;padding-bottom:5px;font:normal normal 1.4em Georgia, sans;margin-right:10px;}
#productinfo div#c2 div#itemdes {margin-top:10px;font:normal normal 0.9em Arial, sans;margin-right:10px;line-height:16px;margin-bottom:10px;height:150px;}
#productinfo div#c2 div#addcartbox {width:92%;background-color:#ede4de;border:1px solid #cecac8;height:55px;padding-top:20px;padding-left:20px;}
#productinfo div#c2 div#addcartbox div {float:left;}
#productinfo a:hover {color:#000;}
#coptionbox {border:1px solid #cecac8;width:92%;background-color:#ede4de; height:45px;margin-top:10px;padding-top:10px;padding-left:20px;}
#coptionbox label {color:#333;width:140px;height:16px;}
#coptionbox li {list-style:none;margin:1px;padding:1px;height:16px;}
#coptionbox select {width:130px;}

/* Structure CSS */
p.hdr {font: normal normal 1.6em Georgia;font-stretch:ultra-condensed;padding-bottom:10px;border-bottom:1px solid #eae9e9;width:100%;}
#hdr_browsecat {width:100%;padding-bottom:5px;padding-top:10px;text-transform:uppercase;font:bold normal 1.4em Arial,sans;border-bottom:1px solid #fff;} 
#browse_profiles {margin-top:10px;}
#browse_profiles a {float:left;width:75px;height:75px;display:block;margin-right:10px;margin-bottom:10px;background-color:#000;}
#browse_profiles img {width:75px;height:75px;border:0;}
#browse_profiles a:hover {background-color:#ccc;}
#adzone1 {margin-top:200px;margin-left:auto;margin-right:auto;width:810px;}
#adlt {background: url('../i/banner_large.gif') no-repeat top left;float:left;height:100px;width:533px;}
#adlt a {display:block;height:100px;width:533px;}
#adrt {background: url('../i/banner_small.gif') no-repeat top left;float:left;height:100px;width:253px;margin-left:24px;}
#adrt a {display:block;height:100px;width:253px;}
#bottom {margin-top:24px;}
#botlt {float:left;width:533px;}
#botlt div.cell {float:left;}
#botrt {float:left;width:253px;margin-left:24px;}
#masthead {background: url('../i/masthead.jpg') no-repeat top left; width:629px;height:263px;margin-top:24px;}
#hdr_categories {background: url('../i/header_browse_categories.gif') no-repeat top left;width:253px;height:25px;}
#hdr_showcase {background: url('../i/header_showcase.gif') no-repeat top left;width:163px;height:24px;}
#hdr_highlight {background: url('../i/header_fashion_highlight.gif') no-repeat top left;width:253px;height:25px;}
#hdr_spotlight {background: url('../i/header_events_spotlight.gif') no-repeat top left;width:253px;height:25px;}
#hdr_bulletin {background: url('../i/header_bulletin.gif') no-repeat top left;width:253px;height:25px;}
#mid {margin-top:18px;width:810px;}
#midlt {float:left;width:642px;display: inline;}
#midrt {float:left;width:166px;display: inline;}
#menubar_first_cont {background:url('../i/menubar_bg.gif') repeat-x top left;width:100%;height:28px;}
#menubar_first {text-align:center;height:28px;margin-left:auto;margin-right:auto;width:990px;}
#menubar_first a {font-size:95%;font-family:Arial,Helvetica;color:#fff;line-height:28px;text-decoration:none;color:#f2dcae;}
#menubar_first a:hover {text-decoration:underline;}
#menubar {padding-left:10px;width:576px;color:#fff;padding-top:10px;height:28px;_height:26px;}
#menubar_cell {height:28px;_height:26px;color:#f2dcae;}
#menubar_cell div a {color:#f2dcae;font-size:85%;font-weight:normal;font-family:Arial,Helvetica;text-decoration:none;line-height:26px;height:28px;_height:22px;}
#menubar_cell div a:hover {text-decoration:underline;color:#f2dcae;}
#menubar_cell div {float:left;color:#f2dcae;font-size:85%;font-weight:normal;font-family:Arial,Helvetica;height:auto;}
input#searchbar {padding:2px;background-color:#312b2d;border:0;color:#fff;line-height:14px;height:18px;font-size:85%;border:0;}
input#searchbut {padding:2px;background-color:#2f2d2e;border:0;color:#fff;line-height:14px;height:22px;font-size:85%;border:0;}
input#searchbut:hover {background-color:#333333;}
#sitelogo {float:left;width:374px;}
#sitelogo a {display:block;width:374px; height:143px;}
#topbar {float:left;width:586px}
#mainad {height:272px;_height:252px;width:990px;margin:0;padding-bottom:0;}
#lower {width:100%;background:url('../i/lowerboxes_bg.gif') repeat-x top left;padding-top:10px;padding-bottom:10px;height:auto;}
#lowerboxes {width:990px;margin-left:auto;margin-right:auto;}
#lowerboxes .boxes {float:left;display:block;width:234px;height:134px;border:2px solid #302700;margin-right:12px;background-color:#000;color:#fff;}
#lowerboxes a.lowerboxlink {width:204px;height:108px;display:block;line-height:normal;text-decoration:none;color:#fff;font-size:110%;font-weight:normal;}
#lowerboxes a.lowerboxlink:hover {color:#fff}
#shopcontainer {background-color:#fff;width:100%;border-bottom:20px solid #eae7e2}
#pathcontainer {background-color:#eae7e2;width:100%;height:20px;}
#path {width:990px;margin-left:auto;margin-right:auto;padding:0;}
#path #pathlink {line-height:16px;font:normal normal 0.8em Arial,sans;padding:0;}
#path a {text-decoration:none;font-weight:normal;padding:0;}
#path a:hover {text-decoration:underline;font-weight:normal;padding:0;color:#000;}
#topcontainer {width:100%;padding:0;margin:0;}
#top {width:100%;background-color:#000;}
#topmenu {width:100%;height:143px;_height:143px;_padding-bottom:0;_margin-bottom:0;background:url('../i/header_top_full.jpg') no-repeat top center;height:143px;}
#topzone {margin-left:auto;margin-right:auto;width:990px;}
#content {width:990px;color:#362f27;margin-left:auto;margin-right:auto;_padding:0;}
#botmenu {width:253px;margin-top:13px;margin-bottom:13px;}
#botmenu a {width:233px;padding-left:10px;padding-right:10px;line-height:22px;background-color:#707070;display:block;height:22px;margin-bottom:3px;color:#fff;text-decoration:none;text-transform:uppercase;}
#botmenu a:hover {background-color:#fff;color:#000}
#footer {font-size:0.9em;background:url('../i/footer_bg.gif') repeat-x top center;font-family:Arial,sans;color:#f9f9f9;width:100%;padding-top:0;padding-bottom:10px;}
#footline {margin-left:auto;margin-right:auto;width:990px;font-size:11px;}
#footer a {color:#f2dcae;font-weight:normal;font-size:11px;}
a:hover {color:#fff;}
form#checkoutcallback li {list-style:none;color:#333;}
form#checkoutcallback {color:#333;}
form#checkoutcallback label {margin-right:10px;font-weight:bold;color:#333;width:150px;display:inline-block;}