/* Start of CMSMS style sheet 'Curls-in-a-Box' */
*{margin:0; padding:0}

body{ text-align:left;  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;  font-size:75.01%;  line-height:1em}

div{ font-size:1em}

img{ border:0}

#main hr{position:static !important; height:1px; line-height:1px; border:none; color:#bbb; background:#bbb; margin:10px 0 20px 0}

blockquote{ font-style:italic;  color:#777;  margin:0 !important}

a, 
a:link 
a:active{ text-decoration:underline;  background-color:inherit;  color:#18507C}

a:visited{ text-decoration:underline;  background-color:inherit;  color:#18507C}

a:hover{ color:#385C72}

body{ background:white;  color:#333;  margin:0}

div#pagewrapper{}

div#header{   height:134px;      background:url(images/cb-header.jpg) no-repeat top center;   position:relative}

div#header h1 a{ position:absolute; top:0; left:50%; margin-left:-440px;  display:block;  width:280px;  height:110px;   text-indent:-999em;  text-decoration:none}

div#search{ display:none}

div.breadcrumbs{ padding:1em 0 1.2em 0;  font-size:90%;   margin:0 1em;     border-bottom:1px dotted #000}

div.breadcrumbs span.lastitem{   font-weight:bold}

div#content{   width:880px; margin:0 auto; padding:40px 0 0 0}

*html div#main{padding:20px 0 0 0}

div#footer{   clear:both; text-align:center; padding:20px 0; background:url(images/cb-footer.jpg) no-repeat top center}

div#footer p{ font-size:0.8em;  padding:1.5em;   text-align:center;   margin:0}

div#footer p a{ }

#footer ul, #footer li{margin:0; padding:0 0 20px 0; list-style:none}
#footer li{display:inline; padding:0 10px}
#footer h6{font-size:1em; font-weight:normal; color:#888}

div.hr{ height:1px;  padding:1em;  margin:1em}

div.left49{ width:49%}

div.right49{ float:right;  width:49%;  text-align:right}

div#main-nav{position:absolute; top:140px; left:50%; margin-left:-440px; height:30px; width:920px}
div#main-nav ul{margin:0; padding:0; list-style:none; font-family:"Palatino Linotype",Palatino,serif;  font-size:1.4em; height:40px !important}
div#main-nav li{margin:0; padding:0 20px 0 0; display:inline}
div#main-nav a{text-decoration:none; line-height:30px}
div#main-nav a:hover{text-decoration:underline; color:#36C}
div#main-nav ul ul{display:none}

p#contact{position:absolute; top:0; left:50%; width:420px; text-align:right; margin:0; line-height:1.6em; font-size:.9em; color:#36C; font-weight:bold; padding-top:5px}

#home-ba, #home-video{float:left; width:440px; padding:15px 15px 15px 0; clear:left}
#home-store, #home-enquiry, .contact-form{float:left; width:350px; padding:15px 0 15px 25px; background:url(images/cb-vsep.png) no-repeat top left}

#home-store h2{color:#d30736 !important; margin:0 0 30px 0 !important; line-height:100%}
#home-enquiry h2, .contact-form h2{color:#0857a2 !important; margin:0 0 30px 0 !important; line-height:100%}

#shop-btn, #shop-btn:visited{float:right; color:white; text-transform:uppercase; font-size:1.2em; font-weight:bold; background:#d30736 url(images/cb-shop-btn.png) no-repeat top left; width:181px; height:36px; line-height:36px; text-decoration:none; text-align:center; margin-top:30px !important}
#shop-bag{float:left; padding-right:15px}

#home-enquiry form p, .contact-form  form p, #home-enquiry label{width:144px; float:left; clear:left; line-height:28px; color:#777; margin:0}
#home-enquiry input, .contact-form input{float:left; border:1px solid #007fd6; background:#f5fbff; margin:2px; width:200px; height:20px}
#home-enquiry textarea, .contact-form textarea{float:left; border:1px solid #007fd6; background:#f5fbff; margin:2px; width:200px; height:120px}
#home-enquiry .ffsubmit, .contact-form .fbsubmit, #home-enquiry .fbsubmit, .submit input{float:right; color:white; background:#0069c9 url(images/cb-btn-s.png) no-repeat top left; width:89px; height:28px; text-align:center; border:none; margin-left:30px; margin-top:10px}
#home-enquiry xp, .contact-form xp{clear:left; margin:0; padding:7px 0}

.hsep{height:48px; padding:10px 0; background:url(images/cb-hsep-l.jpg) no-repeat center center; clear:both}

.item_images{width:400px; float:left}
.item_images a{margin:10px 10px 10px 0}
.item_thumbnails{padding:10px 0}
.item_attribute_name{width:100px; float:left; clear:left; padding:10px 0}
.item_attribute_val{width:300px; float:left; clear:right; padding:10px 0}
.item_info{width:400px; float:left}

div#content{}

.category_item{float:left; width:360px; text-align:center; height:160px; padding:15px; margin:0 0 20px 20px; border:1px solid #eee; border-width:1px 2px 2px 1px}
.category_item .item-image{float:left; margin-right:10px; width:150px; height:160px; text-decoration:none}
.category_item p, .category_item h3{text-align:left !important; margin:10px 0 !important}
.category_item a{display:block}
.category_item ul{list-style:none; text-align:left !important; margin:10px 0; padding:0}

div#content h1{ font-size:2em;  line-height:1em;  margin:0}
div#content h2{color:#369; font-size:1.6em; text-align:left;  margin:1em 0; font-family:"Palatino Linotype",Palatino,serif; font-style:italic}
div#content h3{color:#369; font-size:1.3em; text-align:left;  margin:1em 0; font-family:"Palatino Linotype",Palatino,serif; font-style:italic}
div#content h4{ color:#369;  font-size:1.2em;  line-height:1.3em;  margin:0 0 0.25em 0}
div#content h5{ color:#369;  font-size:1.1em;  line-height:1.3em;  margin:0 0 0.25em 0}
h6{ color:#369;  font-size:1em;  line-height:1.3em;  margin:0 0 0.25em 0}

p{ font-size:1em;  margin:0 0 1.5em 0;  line-height:1.4em;  padding:0}

blockquote{ margin-left:10px}
strong, b{ font-weight:bold}
em, i{ font-style:italic}

code, pre{ white-space:pre-wrap;   white-space:-moz-pre-wrap;   white-space:-pre-wrap;   white-space:-o-pre-wrap;   word-wrap:break-word;   font-family:"Courier New",Courier,monospace;  font-size:1em}

pre{ border:1px solid #bbb;   background-color:#eee;  margin:0 1em 1em 1em;  padding:0.5em;  line-height:1.5em;  font-size:90%}

div.templatecode{ margin:0 0 2.5em}

div#main ul, 
div#main ol, 
div#main dl{ font-size:1.0em;  line-height:1.4em;  margin:0 0 1.5em 0}

div#main ul li, 
div#main ol li{ margin:0 0 0.25em 3em}

div#main dl dt{ font-weight:bold;  margin:0 0 0 1em}
div#main dl dd{ margin:0 0 1em 1em}

div#main dl{ margin-bottom:2em;  padding-bottom:1em}

.buynow label, .buybtn{float:left; padding-right:10px !important}
.buyopt{float:left}
.buynow label{width:120px !important}
.item_attribute_val{width:330px !important}
.item_info{width:430px !important}

#popupcolour{display:none; position:absolute; top:0; left:0; border:3px solid #bbb; background:white; height:300px; width:400px; padding:20px; color:#888}
#colourchart:hover #popupcolour{display:block}
#colourchart{clear:both; width:430px; display:block}

.colourchart{clear:both}
.colourchart div{float:left; width:130px; height:190px; padding:10px; text-align:center}
.colourchart div img{padding-bottom:10px}

.thumb a{height:150px !important; width:150px !important}
.thumb{width:170px !important; margin:0 30px 30px 0 !important}

.promotexttop{font-weight:bold; margin-left:400px; text-indent:-100px}
.promotexttop strong{color:red}

.promotext h2{margin:20px 0 0 0; text-align:center; color:red}
.promotext img{text-align:center}
.promotext h3{color:navy}
.promotext p{}
.promotext strong{color:navy}
.promotext em{color:red}
.promotext em strong{color:red; text-transform:uppercase}

.clear{clear:both; height:1px; line-height:1px; overflow:hidden; visibility:none; display:block}

table.sample{border-width:1px 1px 1px 1px; border-spacing:1px; border-style:ridge ridge ridge ridge; border-color:red red red red; border-collapse:collapse; background-color:rgb(255,250,250)}
table.sample th{border-width:1px 1px 1px 1px; padding:5px 5px 5px 5px; border-style:inset inset inset inset; border-color:red red red red; background-color:white; -moz-border-radius:0px 0px 0px 0px}
table.sample td{border-width:1px 1px 1px 1px; padding:5px 5px 5px 5px; border-style:inset inset inset inset; border-color:red red red red; background-color:white; -moz-border-radius:0px 0px 0px 0px}

/* End of 'Curls-in-a-Box' */