@import "reset.css";

body { background-color: #fff; background:url(../images/pattern.gif) no-repeat top center; color:black; font: .75em/2em Verdana, Arial, Helvetica, sans-serif; text-align: center; }



a,a:link,a:visited { color: #7D5AA2; }

a:hover { text-decoration: underline;}



img.star { display: inline; float: right; margin: 0 0 1em 10px; }

img.port { display: inline; float: left; margin: 0 10px 1em 0; }



p { margin-bottom: 1em; }



ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }

ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }

ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Headings */



h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }



h1 { font-size: 350%; }

h2 { font-size: 300%; }

h3 { font-size: 132%; }

h4 { font-size: 122%; }

h5 { font-size: 112%; }

h6 { font-size: 100%; }



/* Button models */



a.btn1, a.btn1:visited { display: block; margin-bottom: 4px; padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; color: #fff; }

a.btn1 span { overflow: hidden; display: block; width: 82px; height: 25px; line-height: 25px; background-repeat: no-repeat; text-align: center; }

a.more { background-image: url(../images/icons/search.png); }

a.more span { background-image: url(../images/btn1-lighter.png); }

a.add2cart { background-image: url(../images/icons/cart1-lightblue.png); }

a.add2cart span { background-image: url(../images/btn1.png); }



/* Button models */



/*a.btn1, a.btn1:visited { display: block; margin-bottom: 4px; padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; color: #fff; }

a.btn1 span { overflow: hidden; display: block; width: 82px; height: 25px; line-height: 25px; background-repeat: no-repeat; text-align: center; }

a.more { background-image: url(../images/icons/search.png); }

a.more span { background-image: url(../images/btn1-lighter.png); }

a.add2cart { background-image: url(../images/icons/cart1-lightblue.png); }

a.add2cart span { background-image: url(../images/btn1.png); }*/



button.btn2, button.btn2:visited { display: block; margin-bottom: 4px; padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; color: #fff; }

button.btn2 span { overflow: hidden; display: block; width: 82px; height: 25px; line-height: 25px; background-repeat: no-repeat; text-align: center; }

button.more2 { background-image: url(../images/icons/search.png); }

button.more2 span { background-image: url(../images/btn2-lighter.png); }

button.add2cart2 { background:transparent url(../images/icons/cart1-darkblue.png) no-repeat scroll 0 51%; border:0; }

button.add2cart2 span { background-image: url(../images/btn1-ondark.png);font-size:0.92em; }



button.btn1, button.btn1:visited { display: block; margin-bottom: 4px; padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; color: #fff; }

button.btn1 span { overflow: hidden; display: block; width: 82px; height: 25px; line-height: 25px; background-repeat: no-repeat; text-align: center; }

button.more { background-image: url(../images/icons/search.png); }

button.more span { background-image: url(../images/btn1-lighter.png); }

button.add2cart { background-image: url(../images/icons/cart1-lightblue.png); border:0; background-color:#FFFFFF; width:144px; padding:0; height:26px; float:right; }
button.add2cart span { text-indent:90em; }

button.requestQuote {  border:0; background-color:#FFFFFF; }
button.requestQuote span { background-image: url(../images/btn1_long.png); width:125px;}


/* Form modelling */



input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #7f9db9; color: #5a5a5a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }

input.smalltext { width: 30px; text-align: center; }

input.tinytext { width: 25px; }

input.text:focus, textarea:focus, select:focus { border-color: #3cbee8; }

input.button { border-style: solid; border-width: 2px; border-color: #f9f8f3 #828177 #828177 #f9f8f3; background-color: #e3e3e3; color: #555; font-size: 11px; font-weight: bold; }

input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }

textarea { overflow: auto; height: 100px; }

input.checkbox { width: 15px; height: 15px; }





/* Column group model */



.colgroup { clear: both; }

.colgroup .colset { clear: both; width: 100%; }

.colgroup .col { display: inline; float: left; width: 49.9%; }

.colgroup .port { float: left; }

.colgroup .star { float: right; }

.colgroup-pillars .col { width: 33.3%; }

.colgroup-pillars .col img.port{ border:1px solid #7b0000; padding:12px 8px; }





/* Box models */



.box { margin-bottom: 1em; }



.boxA { width: 171px; background-color: #35abd2; color: #fff; background: none;}

.boxA a, .boxA a:visited { color: #fff; }

.boxA a:hover { text-decoration: underline; }

.boxA .before { background: url(../images/box2-top.png) 50% 0 no-repeat; background: none; }

.boxA .after { padding: 10px 10px 1px; background: url(../images/box2-bottom.png) 50% 100% no-repeat; background:none;}



.boxB { background-color: #3cbee8; color: #156e8b; }

.boxB .before { background: url(../images/box4-tl.png) 0 0 no-repeat; }

.boxB .after { padding: 10px; background: url(../images/box4-bl.png) 0 100% no-repeat; }



.boxC { padding: 15px 20px 3px; background-color: #fff; color: #000; }







/* List models */



.listA {  }





/* Custom headings */



#logo { display: inline; float:left; width:334px; height:92px; margin:18px 0 5px 35px; }

#pagetitle { margin-bottom: .25em; padding-bottom: .25em;}





/* Single layers */



div.inner { padding: 12px 12px 1px; }



#container { width: 982px; margin: 0 auto; padding: 0; text-align: left; }

/*#wrapper { border-style: solid; border-width: 0 3px; border-color: #17c2ff; }*/

#content { clear: both; min-height: 1px; background: url('../images/content-bg3.gif') repeat-y; }
	#content.has-large-sidebar{background-image: url('../images/content-bg2.gif');}





/* The Header */



#header { width: 100%; background: #b00012 url('../images/header.gif') no-repeat 6px 4px; position:relative; height:156px; }

#header .box { display: inline; float: right; margin: 12px 18px 0 0; }

#header .box .after { padding: 1px 10px; }

#header .box ul { padding-left: 27px; font-size: .92em; }

#header .box ul li { margin: .4em 0; color:#fff; }

#header .box ul li a{ color:#fff; }





/* Custom column groups */



#colgroup1 .colA { float: left; width: 189px; color: #fff; background-color:#7B0000; }

#colgroup1 .colB { float: right; width: 762px; margin-right:3px; background-color:#970111; padding:14px 14px 10px 14px; }

.colC { float: left; width: 550px; background: url(../images/titles/home_big_welcome.gif) no-repeat left top; height:91px; padding:120px 369px 0 20px; margin-bottom:30px; }





/* Navigation */



#navbar { clear: both; wi }

#nav { float: left; width: 100%; border-top: solid 1px #bc7d7d; border-bottom: solid 1px #830f0f; background-color: #7f0808; }

#nav li { float: left; border-style: solid; border-width: 0 2px 0 1px; border-color: #fff #7b0000 #fff #881a1a; }

#nav li.first { border-left: none; }

#nav li.last { border-right: none; }

#nav a { overflow: hidden; float: left; height: 0; padding-top: 39px; background: url(../images/nav1.png) 0 0 no-repeat; }

#nav a, #nav a:visited { text-decoration: none; }

#nav a:hover, #nav a.on {  }



/*#navi1 a { width: 100px; background-position: 26px 6px; }

#navi2 a { width: 134px; background-position: -79px 6px; }

#navi3 a { width: 289px; background-position: -217px 6px; }

#navi4 a { width: 101px; background-position: -510px 6px; }

#navi5 a { width: 95px; background-position: -614px 6px; }

#navi6 a { width: 145px; background-position: -712px 6px; }*/



#navi1 a { width: 84px; background-position: -3px 6px; }

#navi2 a { width: 150px; background-position: -93px 6px; }

#navi3 a { width: 112px; background-position: -244px 6px; }

#navi4 a { width: 247px; background-position: -349px 6px; }

#navi5 a { width: 90px; background-position: -596px 6px; }

#navi6 a { width: 80px; background-position: -698px 6px; }

#navi7 a { width: 75px; background-position: -789px 6px; }

#navi8 a { width: 122px; background-position: -868px 6px; }



#subnavbar { clear: both; }

#subnav { width: 100%; line-height: normal; }

#subnav li { float: left; width: 100%; border-bottom: solid 1px #a75656; position: relative; z-index: 9999; }

#subnav a { display: block; padding: .8em 10px .8em 32px; background: url(../images/icons/arrow1-right-white.png) 13px 13px no-repeat; }

#subnav a, #subnav a:visited { color: #fff; text-decoration: none; }

#subnav a:hover, #subnav a.on{ background-color: #b00012; }

#subnav li.last a { padding-left: 38px; background-image: url(../images/icons/email.png); }



/*#subnav li ul li { float: left; width: 100%; border-bottom: none; }

#subnav li ul li a { background:none; }*/


#subnav li ul{position: absolute;left: 100%; top:0; display:  none;background: #7B0000;width: 100%;z-index: 9999; }





/* Welcome section */



#welcome { width: 788px; position: relative; margin-bottom: 2em; font-size: 1.166em; }

#welcome .after { min-height: 145px; padding: 15px 176px 15px 15px; }

#welcome img.main { position: absolute; top: -22px; right: -154px; }





/* How it works box */



#how-it-works { min-height: 220px;  background: #fff; padding: 15px; }





/* Featured Products box */



#featured-products { margin-bottom:0;  background: #fff;padding: 15px;  }
#featured-products ul.reset{margin-left:25px;}
#featured-products ul li { float: left; width: 151px; margin-right: 27px; text-align: center; }

#featured-products ul li.lastinrow { margin-right: 0; }

#featured-products ul li .preview { width: 147px; height: 122px; padding: 9px 2px; /*background: url(../images/box3.png) no-repeat;*/ }
	#featured-products ul li .preview .choco_wrapper{width:135px;}

#featured-products .buttons { font-size: .92em; padding-left: 19px; }

#featured-products a.more span { background-image: url(../images/btn1-lighter.png); }
#featured-products a.add2cart { background-image: url(../images/icons/cart1-darkblue.png); }

#featured-products a.add2cart span { background-image: url(../images/btn1-ondark.png); }





/* Story section */



#story { font-size: 1.166em; margin-bottom:0; background: #fff; padding: 15px; }

#story a { text-decoration: none; }
#story a:hover {text-decoration:underline;}

#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1.5em; }

#story h2, #story h3, #story h4, #story h5, #story h6 { color: #7B0000; }

#story ul, #story ul li { list-style: none; }

#story ul { margin: 0 0 1.5em; padding: 0 0 0 15px; }

#story ul li { padding: .2em 0 .2em 30px; background: url(../images/icons/star.png) 0 .4em no-repeat; }





/* Product form */



#product { font-size: .92em; position:relative;  background: #fff; padding: 15px; }

/*#product .section { margin-bottom: 2em; }*/

#product .section { margin-bottom: 1em; padding-bottom:1em; border-bottom:solid 1px #7b0000; }

form div#type { height: 141px; }

#product #product-wrapper ul li { float: left; width: 19.9%; }
#product #product-wrapper ul li.design{width:144px; text-align:center; margin-bottom:8px;}
#product #product-wrapper ul li.design label{ clear:both; display:block }

#product #product-wrapper ul li img { border: solid 1px #7b0000; margin-right:5px; }

#product #message .col { width: 350px; }

#product #message .col textarea { width: 342px; resize: none; }

#product #price { color: #7b0000; font-size: 142%; }





/* Footer */



#footer { clear: both; padding: 1em 30px; background-color: #7b0000; color: #a55050; line-height: normal; font-size: .92em; }

#footer a, #footer a:visited { color: #a55050; text-decoration: none; }

#footer a:hover { color: #FFD6D6; text-decoration: underline; }

#footer ul.links { float: right; }

#footer ul.links li { float: left; border-right: solid 1px #a55050; line-height: 1.2em; }

#footer ul.links li.last { border: none; }

#footer ul.links li a { margin: 0 5px; }

#footer ul.links li.first a { margin-left: 0; }

#footer ul.links li.last a { margin-right: 0; }


.checkout-pay-by-card{float:left;margin:5px 75px;font-size:16px;height:42px !important;}
.checkout-logos{background:#fff;width:764px;margin-left:auto;padding:9px 10px 9px;border-top:10px solid #7b0000; border-right:19px solid #7b0000;text-align:right; }
.checkout-logos-bottom{position:absolute;bottom:-10px;right:0;margin:0;}
#product {padding-bottom:60px;margin-bottom:0;}
#payment{background:url(../images/secure.jpg) right 37px no-repeat;}


.sub-sidebar{background-color:white; text-align:center;margin: 46px 10px 0 11px; padding-bottom:28px;}
.sub-sidebar img{margin:30px 0 0 0;}
.sub-sidebar a{padding:0 !important;margin:0 !important;background:none;}
.sub-sidebar  a:hover, .sub-sidebar  a.on{ background:none !important;}

/* DO NOT EDIT OR ADD CODE BELOW */


.clear{clear:both;}
.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, .box, .colgroup, .section, .after { display: inline-block; }

/* hide from ie/mac \*/

* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }

.clearfix, .box, .colgroup, .section, .after { display: block; }

/* end hide */



/* Chocolate Blush specific */
h2.chocolate{ font-size:45px; margin:0 0 10px; }
h3.chocolate{ font-size:42px; margin:0 0 10px; text-align:left; }
h2.chocolate.white, h3.chocolate.white{ color:#fff; }
h2.chocolate.black, h3.chocolate.black{ color:#000; }
h2.chocolate.red, h3.chocolate.red{ color:#7f0808; }
div.roundedTop{ width:762px; height:6px; background:url('../images/round-top.gif') no-repeat; position:absolute; top:0; left:0; }  
div.roundedBottom{ width:762px; height:6px; background:url('../images/round-bottom.gif') no-repeat left bottom; position:absolute; bottom:0; left:0; }

h3.numdott{ background-image:url('../images/numdots.gif'); background-repeat:no-repeat; color:#7b0000; line-height:28px; padding-left:36px; font-size:12px; font-weight:bold; }
h3.numdott em{ font-style:normal; font-weight:normal; color:#747474; font-size:11px; float:right; }
h3.numdott.one{ background-position: 0 0; }
h3.numdott.two{ background-position: 0 -28px; }
h3.numdott.three{ background-position: 0 -56px; }
h3.numdott.four{ background-position: 0 -84px; }
h3.numdott.five{ background-position: 0 -112px; }

ul.split{ margin:0; padding:0; width:742px; }
ul.split.half li{ width:48%; }
ul.split li{ margin:0; padding:0; list-style-type:none; }
ul.split li.unequal1{ width:390px; }
ul.split li.unequal2{ width:310px; float:right; }

label.explain{ color:#7b0000; font-weight:bold; }

ul#fontselector{ margin:0 0 6px; padding:24px; border:1px solid #adadad; height:54px; position:relative; }
ul#fontselector li{ margin:0; padding:0; list-style-type:none; height:54px; width:253px; border-top:1px solid #727272; border-right:1px solid #727272; border-left:1px solid #727272; position:absolute; z-index:1; background-color:#fff; overflow:hidden; line-height:54px; text-align:center; }
ul#fontselector li.last{ border-bottom:1px solid #727272; }
ul#fontselector li:hover, ul#fontselector li.on{ z-index:10; }
ul#fontselector a{  color:black; text-decoration:none; display:block; padding-left:5px; }
ul#fontselector a:hover{}

a.tab{ display:inline-block; background:#FFF url('../images/tab.gif') 0 0 no-repeat; line-height:26px; width:96px; text-align:center; color:#bd7f7f; float:right; margin-left:2px; position:relative; top:2px; text-decoration:none; }
.mac a.tab{ padding-top:1px; line-height:25px; }
a.tab.off, a.tab:hover{ background-position:0 -26px; color:#fff; }

textarea#message{ border:2px solid #7b0000; color:#747474; width:362px; height:70px; padding:15px 12px; }
div.preview{ border:1px solid #7b0000; width:364px; height:72px; padding:15px 12px; margin-bottom:5px; }

ul.colorPicker{ margin:0 0 34px; padding:30px 0px 18px 34px; border:1px solid #adadad; width:260px; overflow:auto; height:188px; }
.ie ul.colorPicker{ height:184px; }
ul.colorPicker li{ margin:0 10px 12px 0; padding:0; list-style-type:none; width:50px; float:left; overflow:hidden; }
ul.colorPicker li input{ float:left; margin-top:6px; }
ul.colorPicker li label{ display:block; width:24px; height:24px; float:right; margin-right:5px; }
ul.colorPicker li label.col1{ background:#fff; } 
ul.colorPicker li label.col2{ background:#ffc7f9; } 
ul.colorPicker li label.col3{ background:#4b55ff; } 
ul.colorPicker li label.col4{ background:#37efff; } 
ul.colorPicker li label.col5{ background:#000; } 
ul.colorPicker li label.col6{ background:#ff5ef9; } 
ul.colorPicker li label.col7{ background:#0c0075; } 
ul.colorPicker li label.col8{ background:#ffee30; } 
ul.colorPicker li label.col9{ background:#eddfc1; } 
ul.colorPicker li label.col10{ background:#daacff; } 
ul.colorPicker li label.col11{ background:#c0ffe6; } 
ul.colorPicker li label.col12{ background:#ff9f29; } 
ul.colorPicker li label.col13{ background:#dd0003; } 
ul.colorPicker li label.col14{ background:#9f1bff; } 
ul.colorPicker li label.col15{ background:#006e1a; } 
ul.colorPicker li label.col16{ background:#671d00; } 
ul.colorPicker li label.col17{ background:#bfbfbf; } 
ul.colorPicker li label.col18{ background:#9ed8ff; } 
ul.colorPicker li label.col19{ background:#00ce67; } 
ul.colorPicker li label.col20{ background:#6e001f; } 

p.details{ font-size:11px; margin:4px 0 10px; color:gray; line-height:normal; }

input.moreMarginBottom{ margin-bottom:26px; }

table.half{ margin-bottom:38px; }
table.half td{ padding:0; color:gray; line-height:normal }
table.half td.red{ color:#7b0000; }


/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#logo a img{ position: relative; left: -1000em; }