@font-face { font-family: 'Century Gothic'; src: url('/fonts/gothic.TTF') format('truetype');  }
body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif !important;
	font-size: 12px; font-weight:100;
	color: #6F6E6C;
	background-repeat: repeat-y;
	background-position: 50%;
	/*background-image:url(images/layout/new-background.jpg); background-position:top center; background-repeat:no-repeat; */
}
h1, .h1 { font-size: 22px; margin-top: 0px; color: #6F6E6C; font-weight:500; }
.productheading { font-size:36px; color:#111; margin-bottom:35px; margin-top:20px; font-weight:350; }
.genremenu { padding:1px 0px 1px 0px; border-top:1px solid #F2F2F2; width:980px; text-align:left;  }
.genrehead { float:left; width:152px; background-color:#000; color:#CCC; margin-left:5px; margin-right:15px; padding:6px 5px 6px 8px; height:15px; line-height:15px; font-size:14px; background-image:url(../images/nav/next0.gif); background-repeat:no-repeat; background-position:145px center; text-align:left; }
.genremenu tr { height:27px; }
.genremenu td { font-size:14px; vertical-align:middle; padding-right:15px; width:165px; } 
.genremenu td a { color:#999; font-weight:500; }

h2, .h2 {  font-size: 16px; color: #6F6E6C; 	margin-top: 0px; }

li {  font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; color:#999; font-size: 14px;}
ol {  font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; color:#999; font-size: 14px;}
form { margin:0px; }
strong, b { font-weight:600;  }
p { font-size:14px; color:#999; line-height:22px; }
p strong, p b { color:#000; }

a { color: #000000; text-decoration: none}
a:hover { text-decoration: underline; }
a.neg { color: #FFFFFF; }
a.neg:hover { color: #CC6600; }
.nav { font-size: 11px; color: #FFFFFF}
a.nav {  color: #FFFFFF}
a.nav:hover {  color: #CCCC33}
div { color:#6F6E6C; position:relative; }
img { border:0px none; }
.highlight {  color: #000000;}
.prodtxt .highlight { color:#999; }
.orange { background-color: #FF6600; color:#FFFFFF;}
.orangetext { color: #FF6600; }
.orange h2 { color: #000000; }
.blue { color:#71A3FF; }

.plainback { color:inherit; }
#headnav { padding:2px 5px 2px 5px; width:980px; text-align:left; }
#headnav a { color:#888; }
.headnavbase { padding:0px 5px 0px 13px; width:980px; text-align:left; height:25px; }
.socialnet { float:right; right:10px; top:4px; }
.nav1, .nav2 { float:left; line-height:20px; border:1px solid #71A3FF; border-left-width:10px; width:145px; padding:0px 5px 0px 5px; margin-right:5px; }
.nav2 { border-color:#CCC; border-left-color:#F60; width:auto; }

#headerbackfixed { position:fixed; height:160px; top:0px; width:100%; background-color:#000; background-image:url(../images/layout/mountain-back-wide.jpg); background-repeat:no-repeat; background-position:top center; z-index:99999; }
#headerfixed { top:0px; width:980px; left:50%; margin-left:-490px; height:155px; padding-top:5px; background-image:url(../images/layout/cocoa-mountain-header-winter.jpg); background-image:url(../images/layout/cocoa-mountain-header-2021.jpg); background-repeat:no-repeat; z-index:99999; background-size:980px 163px; }
#cocoalogo { float:left; width:420px; font-size:14px; text-align:center; top:25px; left:40px; }
#page { width:980px; text-align:left; background-color:#ffffff;border-top:1px solid #F2F2F2; }
#header { left:0px; top:10px; height:105px; clear:both; }
#pagearea { overflow:visible; margin-top:0px; clear:both; }
#bodytext { right:0px; top:0px; width:795px; float:right; vertical-align:top; padding:0px; padding-top:3px; }
#chocheader { position:absolute; top:12px; width:530px; left:195px; }
.mobilecss #page { width:auto !important; padding:10px; }
.mobilecss #page, .mobilecss #pagearea { width:auto !important; }
.prodnav  { height:25px; width:744px; padding:2px 3px 2px 3px; margin-bottom:10px; line-height:25px; }
.prodnav1 { float:left; overflow:visible; width:300px; line-height:22px; }
.prodnav2 { float:left; overflow:visible; font-size:14px; font-weight:500; line-height:22px; }

.submitlg2, .submitlg3, .submitlg4 { font-size:16px; border:2px solid #000; background-color:#E5E5E5; padding:6px; font-family:"Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif !important; cursor:pointer; }
.submitlg2:hover, .submitlg3:hover, .submitlg4:hover { background-color:#D5D5D5; color:#000; }

.accountinfo {position:absolute; padding:2px 0px 2px 0px; z-index:100; text-align:right; line-height:32px; bottom:10px; right:10px; color:#CCC; font-size:13px; }
.accountinfo a { color:#FFF;text-shadow: 1px 1px 1px #000; font-weight:500; }
.toplogo { height: 110px; text-align:center; }
#topnav {
	color: #CCCCCC;
	line-height: 22px;
	height: 23px;
	font-size: 12px;
	width:800px;
	overflow: hidden;
	float:left;
}
#topnav a, #catchline a {
	color: #333333;
}
#topnav a:hover, #catchline a:hover {
	color: #A6A5A4;
	text-decoration: underline;
}
#accountinfo a {
	color: #A6A5A4;
}
#navigation {
	color: #6F6E6C;
	width: 180px;
	float: left;
	border-right: 0px dotted #E2E2E2;
	margin-bottom: 0px;
	overflow:hidden;
}
#catchline {
	color: #333;
	text-align: center;
	font-size: 12px;
	padding: 1px; padding-top:10px;
	line-height:25px;
	clear: both;
}
.product { border-top: 0px none; width:790px; }
.ProductShow { float:left; width:150px; padding:0px; text-align:center; width:230px; }
.ProductShow.notendrow { margin-right:50px; }
.ProductShow.featgrid { margin-right:25px; margin-right:30px; margin-left:15px; }

#prodthumb, .prodthumb {
	background-color: #FFFFFF;
	overflow: hidden;
	height: 230px;
	width: 230px;
	text-align: center;
}
.prodthumb img { max-width:230px; max-height:230px; }

.prodtxt {
	clear: both;
	overflow:hidden;
	padding-top: 8px;
	padding-bottom: 2px;
	font-size:16px;
	line-height:135%;
}
.prodtxt .highlight { font-size:11px; font-size:15px; }
.productprice { float:right; overflow:hidden; font-size:30px; font-weight:300; margin-top:0px; text-align:right; line-height:28px; }

.detailbox .imageContainer { width:300px; margin-right:10px; float:left; }
.productinfo { float:right; font-size:14px; line-height:160%; }
#productinfo p, .productinfo p { font-size: 14px; margin-top:0px; margin-bottom:12px; }

#detail-footer {
	line-height: 25px;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	height: 25px;
	background-color: #A5A7AB;
}
#nav-item, #nav-item-img, .nav-item, .nav-item-img {
	margin: 5px 10px 0px 0px;
	color: #FFFFFF;
	border-bottom: 1px solid #333333;
	font-size:12px;
}
.nav-item { width:165px; overflow:hidden; }
.nav-item.subnav, .nav-item-sel.subnav { padding:0px 10px 0px 0px; margin:0px; margin-top:1px; border-bottom:0px none; }
#nav-item-sel, #nav-item-sel-img, .nav-item-sel, .nav-item-sel-img {
	margin: 5px 10px 0px 0px;
	color: #444444;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:12px;
}
#nav-item-img, #nav-item-sel-img, .nav-item-img, .nav-item-sel-img { color:inherit; }/* display:block; margin-top:0px; margin-bottom:4px; width:165px; height:50px; overflow:hidden; position:relative;}*/
/*#nav-item-sel-img:hover, #nav-item-img:hover { background-position:-165px top;}*/
a.imgnav {display:block; margin-top:0px; margin-bottom:0px; width:161px; position:relative; background-repeat:no-repeat; background-color:#706F6D; color:#000; text-align:center; padding:4px 2px 4px 2px; text-decoration:none; }
.subnav a.imgnav { padding:4px 2px 4px 2px; border-bottom:1px solid #000; }
a.imgnav img { margin-bottom:2px; }
a.imgnav:hover { text-decoration:none; color:#FFF;}

#nav-item-sub, .nav-item-sub {
	margin: 5px 0px 5px 10px;
	color: #444444;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#nav-item-sel a, .nav-item-sel a { color: #FFFFFF; }
#nav-item a, .nav-item a { color: #A6A5A4; }
.nav-item a.imgnav { color: #D5D5D5; font-weight:500; }

#nav-item-sub a, .nav-item-sub a {
	color: #A6A5A4; font-weight:normal;
}
#nav-item a:hover, #nav-item-sub a:hover, .nav-item a:hover, .nav-item-sub a:hover { color: #666666; }
.nav-item a:hover { color: #FFFFFF; }
.prod_colhigh #prodtxt a, .prod_col1 #prodtxt a, .prod_colhigh .prodtxt a, .prod_col1 .prodtxt a {
	color: #666666;
}
#nav-item-sub a, .nav-item-sub a {
	color: #BBBBBB;
}

.texttab.ads { height:31px; border-bottom:1px solid #D5D5D5; margin-bottom:15px; margin-top:30px;  }
.texttab.ads a { width:120px; font-size:13px; background-color:#E5E5E5; border:1px solid #D5D5D5; padding:0px 5px 0px 5px; text-align:center; float:left; margin-right:5px; border-bottom:0px none; color:#000000; height:31px; line-height:31px; display:block; }
.texttab.ads a.selected { background-color:#FFFFFF; background-image:none; height:31px; line-height:31px; border-color:#D5D5D5; border-bottom-color:#FFF; }

.table-ruled td { border-bottom:1px solid #A5A7AB; padding:3px; }
.greyheader { background-color:#A5A7AB; color:#FFFFFF; font-size:14px; font-family:"Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; }
.bytblk { background-color:#231F20; color:#FFFFFF; border-color:#CC0000; font-family:"Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; }

.main_background {
	background-color: #FFFFFF;
	border: none;
}

.size10 { font-size: 12px; }
.size11 { font-size: 13px; }
.size12 { font-size: 15px; }
.size14, .size4 {  font-size: 16px}
.size5 { font-size: 15px}
.size16 { font-size: 16px }
.size18, .size6 { font-size: 18px }
.size20 { font-size: 20px }
.size22 { font-size: 22px }
.size24 { font-size: 24px }
.size26 { font-size: 26px }
.size30 { font-size: 30px }

.img100 { float:left; width:80px; }
.detailbox .img100 { width:100px; }
.detailbox .img100 img { max-width:90px; max-height:90px; }

.catch { font-size: 11px; color: #FFFFFF; }

.fpruled_dark {
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 2px;
	background-color: #344B37;
	color: #FFFFFF;
}
.fpruled_header2 {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #231F20;
	padding: 2px;
}
.pdhead { font-size: 14px; font-weight: 500 ; color: #000000}

.spiele {  color: #CCCC99; font-size: 9px}
.shophead {  font-size: 14px; font-weight: 500}
.blk {
	color: #000000;
}
a.blk {  color: #000000; text-decoration: none}
a.blk:hover {  color: #666666; text-decoration: none}
input {  font-size: 11px}
.sml {  font-size: 10px}
select {  font-size: 11px}
option {  font-size: 11px}
a.sml {  color: #FFFF99}
.nav_back {
	background-color: #231F20;
	color: #FFFFFF;
	padding: 3px;
	font-size: 11px;
}
.nav_extra {  background-color: #666666}
a.sml:hover {  color: #CC9900}
.nav_main {  background-color: #000000}
.catch_rule1 {  background-color: #FFFF99}
.catch_rule2 {  background-color: #FFFF99}
.catch_back {  background-color: #000000}
.top_backr { background-color: #335555 }
.top_rule1 { background-color: #FFFF99}
.top_rule2 { background-color: #FFFF99 }
.top_link {  font-size: 12px; color: #FFFFCC}
a.top_link:hover {  color: #999900}
.main_bgcol {  background-color: #344B37; color: #FFFFFF}
.welcome_box {  background-color: #990000}
.welcome_bd {  background-color: #000000}
.fea_back {  background-color: #CCCCFF}
.subhead {  font-size: 14px; font-weight: 500; color: #CC6600}
.cart_head {  color: #FFFFFF}
.cart_top { background-color: #231F20; font-size: 16px; color: #FFFFFF; }
.cart_top td { color: #FFFFFF; }
.cart_stripe1 { background-color: #D8D8DA; color: #000000; padding:4px; }
.cart_stripe2 { background-color: #EFEFEF; color: #000000; padding:4px; }
.cart_stripe1 td, .cart_stripe2 td, .cart_top td { padding:6px; font-size:14px; }

.cart_txt { color: #000000}
.prod_rule { background-color: #000000}
.highlightbox {  background-color: #990000}
.prod_high {  color: #FFFF00}
.prod_back {  background-color: #798CA2; font-size: 11px; color: #000000}
.lowlight {  color: #FFFF00}
.search_input {  font-size: 11px; color: #990000; background-color: #CCCCFF; border: 1px solid #000000;}
.search_go {  border-style: none; font-weight: 500}
.xp, .cartnotes {  font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; font-size: 11px; color: #231F20; background-color: #FFFFFF; border: 1px solid #A5A7AB; font-weight:100; }
.xp { font-size:16px; padding:4px; }
.xpcentre { font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; font-size: 11px; color: #CC6600; background-color: #FFFFFF; border: 1px solid #A5A7AB; text-align: center; font-weight: 500}
.prod_header { background-color: #231F20; font-size: 14px; color: #FFFFFF}
a.catch:hover {  color: #CD161D}
.fpheader {  font-size: 14px; color: #FFFF99; background-color: #333333; border-color: #FFFF66 #333333; border-style: none; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; font-weight: 500; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.fpruled {
	border: 1px solid #A5A7AB;
	padding: 2px;
}
.fpruled_black {
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 2px;
	background-color: #222222;
}
.fpruled_nav {
	padding: 2px;
	background-color: #3D4856;
	border-top: none #000000;
	border-right: 1px solid #000000;
	border-bottom: none #000000;
	border-left: 1px solid #000000;

}
.main_bgcolxmas { background-color: #9E2727; font-size: 11px; color: #FFFFFF ; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.td_white { background-color: #FFFF99 ; color: #000000}
.fpruled_header {
	border: 1px solid #231F20;
	font-size: 14px;
	font-weight: 500;
	color: #CC6600;
	background-color: #231F20;
}
.fpruled_highlight {
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #CD161D;
}
.size4H1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;


}
.xpnum {
	font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	background-color: #FFFFFF;
	border: 1px #000000 solid;
	text-align: right;

}
.tdnopad {
	margin: 0px;
	padding: 0px;
}
.fpruled_header3 {
	font-size: 14px;
	color: #FFFF99;
	font-weight: 500;
	padding: 2px;
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
}
.xpclear {
	font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 0px none #000000;
	font-weight: 500;
}
.xpclearlight {
	font-family: "Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #000000;
	font-style: italic;
	font-weight: 500;
}
.product-from { font-style: italic; }
.productprice .product-from { display:inline; text-align:right; font-size:16px; }

.product-del { text-decoration: line-through; }
.productprice .product-del { font-size:16px; }
.productprice sp { display:block; }
.productprice.wasfrom sp { display:inline; }
.border1px {
	border: 1px solid #A5A7AB;
}
.neg {
color: #FFFFFF;
}
.border1pxnotright {
	border-top: 1px solid #000000;
	border-right: #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.td-grey-padded-ruled {
	color: #FFFFFF;
	background-color: #A5A7AB;
	padding: 5px;
	border: 1px solid #A5A7AB;
}
.light-grey {
	color: #CCCCCC;
}
.grey {
	background-color: #A5A7AB;
}
.blackcell {
	background-color: #231F20;
	color: #CD161D;
	padding: 3px;
}
.greyback {

	background-color: #ACAEB0;
}
.fpruled_grey {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	padding: 2px;
	background-color: #A5A7AB;
	border: 1px solid #ACAEB0;
}
.padl {
	margin-left: 15px;
	margin-bottom: 15px;
}
.fppad {
	padding: 2px;
	border: 1px none #ACAEB0;
}
.fpruled-nopad {
	border: 1px solid #ACAEB0;
}
.size11nobold {
	font-size: 11px;
	font-weight: normal;
}
.greytext {
	color: #A5A7AB;
}
.biteheading {
	color: #000000;
	margin-right: 50px;
	margin-left: 50px;
}
.blackcellpad {

	background-color: #231F20;
	color: #CD161D;
	padding: 10px;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #231F20;
}
.padlmore {

	margin-left: 40px;
	margin-bottom: 40px;
}
.prod_col1 {
	background-color: #E5E5E5;
	color: #FFFFFF;
}
.prod_col2 {
	background-color: #FFFFFF;
	padding: 2px;
}
.prod_colhigh { background-color: #231F20; color: #FFFFFF; }

.topnav-a, .topnav-ia, .topnav-ar, .topnav-iar {
	float: left;
	height: 22px;
	line-height: 20px;
	margin: 0px;
	padding-left:8px;
	font-size:12px;
}

.border1px {
	border: 1px solid #666666;
}
.chocolate, #chocolate {
	color: #D0C1B7;
	background-color: #674221;
}
.chocolatetext { color: #674221; }
#chocolate h2 { color: #B49E8B; }
.spaced-list li {margin-bottom:10px;}
#dimhover { width:260px; height:150px; overflow:hidden; display:block; }
.divhome { width:260px; margin-bottom:10px; }
.divhome .divhometext a { color:#FFF; }
.divhome .divhometext { color:#FFF; padding:5px; font-size:14px; background-color:#151515; font-family:"Century Gothic", "Gill Sans", Arial, Helvetica, sans-serif; text-align:center; color:#CCC; }
.divhome img { max-width:100%; }
#dimhover { filter:alpha(Opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
#dimhover:hover { filter:alpha(Opacity=100); opacity: 1; -moz-opacity: 1; }
#dimhover div { filter:alpha(Opacity=100); opacity: 1; -moz-opacity: 1; }
.divhome.totm { height:auto; background-color:#000; text-align:center; color:#F60; font-size:14px; padding-bottom:2px; }
.totm a { color:#F60; }
.mobilecss .cart-table { width:auto; }
.cart-table .cart_stripe1, .cart-table .cart_stripe2 { vertical-align:top; }
.cart_stripe1 div, .cart_stripe2 div, .cart_stripe1 a:hover, .cart_stripe2 a:hover { color:#000000; }

.chocbox { width:85px; height:110px; overflow:hidden; float:left; margin-right:7px; margin-bottom:5px; text-align:center; }
.chocimg, .chocimgfull { width:85px; height:70px; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-color:#EEEEEE; font-size:60px; line-height:70px; color:#CCCCCC; }
.chocimgfull { background-color:transparent; }
.chocimg img, .chocimgfull img { width:85px; height:70px; }
.morecart { font-size:11px; margin-top:10px; margin-bottom:10px; }
.morecart a { font-weight:500; }
.giftcard { width:450px; float:right;background-image:url(../images/layout/gift-tag.jpg); background-repeat:no-repeat; margin-top:20px; font-size:11px; }
.cartnotes { width:285px;height:125px; font-size:13px; margin-top:40px; margin-left:75px; margin-bottom:30px; }

#twitter_update_list {padding:0px; margin: 0px; list-style-type:none; }
#twitter_update_list li { padding-left:0px; padding-bottom:2px; border-bottom:0px dotted #666666; margin-bottom:5px; color:#A6A5A4; }
#twitter_update_list.twitlg li span { font-size:18px; }
#twitter_update_list li a { display:block; }
/* login */
.loginForm { width:450px; border:1px solid #CCCCCC; border-bottom:0px none; text-align:center;  }
.loginForm .highlight { background-color:#000000; color:#FFFFFF; font-size:18px; line-height:30px; padding:20px; }
.formBody { font-size:16px; padding:20px; border-bottom:1px solid #CCCCCC; }
.loginForm .bootstraprow { margin-bottom:20px; } 
.loginForm .submitlg2 { width:100%; }
.formContainer { width:350px; }
.formContainer .xp { width:340px; }
.changepwview { position:absolute; right:0px; height:20px; bottom:7px; width:40px; cursor:pointer; }
.changepwview img { height:20px; }

.cmscolumn2 { margin-right:30px; display:inline-block; vertical-align:top; }

.cartsubtotal, .cartfinaltotal { font-size:16px; width:100px; display:inline-block; padding-left:10px; }
.cartfinaltotal { border-top:1px solid #999; border-bottom:1px solid #999; padding:5px 0px 5px 10px; font-weight:bold; }
.deliveryRow { font-size:12px; background-color:#333333; color:#FFFFFF; line-height:24px; border-top:10px solid #FFFFFF; }
.summarypanel { text-align:center; }

.ShopMenuImg { content:url("/images/ads/shopmenu.jpg?x=1"); width:100%; }
.swapprod { max-width: 300px; }