/*
 * 2012
 * Template design by Grant Coghill  - mmmlecker*hotmail_com
 * Realized by 1000blacky41 - blacky*beatboxbattle_com
 */

/* https://github.com/meitar/clickjane-css/blob/master/clickjane.css */
iframe {filter: alpha(opacity=100) !important; /* for IE */opacity: 1 !important; /* for conforming browsers */}

/*** GotCreme.com - Style.css ***/
* {margin: 0;}
html {margin:0; padding:0; height:100%;font-size:100%;}
body { color: #333;margin : 0; padding : 0; background-color : #000;font-family : arial,helvetica,sans-serif; font-size : 16px;}
div#body {width:916px;margin:103px auto 0;}
#page {background:#333;padding:8px;}
#frontBanner {width:900px;height:450px;overflow:hidden;}
div.sidebox {margin:55px 0 8px 0; padding-bottom:8px; clear:both; height:100%;}
img{border:0;}
a {color: #999;text-decoration: none;}
a:link              { color : #999  }
a:visited           { color : #999; }
a:hover             { color : #F05D67; text-decoration: underline; }
a:active            { color : #999; }
p.grayLink {background:none repeat scroll 0 0 #666666;clear:right;color:#FFFFFF;padding:5px 18px;text-align:center;width:120px; width:120px;}
p.grayLink a {color:#fff;font-family:arial,helvetica,sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;}
p.redLink {background:none repeat scroll 0 0 #F05D67;clear:right;color:#FFFFFF;padding:5px 18px;text-align:center;width:120px;}
p.redLink a {color:#fff;font-family: Arial, verdana, helvetica, Helvetica, sans-serif;font-size:11px;font-weight:bold;text-transform:uppercase;}
p.graySubmit input {font-family: Arial, verdana, helvetica, Helvetica, sans-serif;font-size:11px;background:none repeat scroll 0 0 #666666;border:medium none;color:white;font-weight:bold;padding:3px 18px;text-transform:uppercase;text-align:center;}
p.redSubmit input {font-family: Arial, verdana, helvetica, Helvetica, sans-serif;font-size:11px;background:none repeat scroll 0 0 #F05D67;border:medium none;color:white;font-weight:bold;padding:3px 18px;text-transform:uppercase;text-align:center;}
p.justified { text-justify:auto; text-align:justify; }
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
SPAN.newItemInCart {font-family: Arial, verdana, helvetica, Helvetica, sans-serif;font-size: 11px;color: #ff0000;}
SPAN.greetUser {font-family: Arial, verdana, helvetica, Helvetica, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;}
SPAN.underline {text-decoration: underline;}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Arial, verdana, helvetica, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #666666; padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}
.sitemap_sub {font-family: verdana, helvetica, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}

/* message box */
.messageBox { font-family: verdana, helvetica, Arial, sans-serif; font-size: 11px; }
.messageStackError, 
.messageStackWarning { background-color:#FFB3B5;font-family:Arial,verdana,helvetica,sans-serif;font-size:11px;padding:10px 5px 5px}
.messageStackError img { float:left;margin:2px 10px 20px 5px;}
.messageStackSuccess { font-family: Arial,verdana, helvetica,  sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: verdana, helvetica, Arial, sans-serif; font-size: 11px; color: #ff0000; }
.tableShop {background-color: #ffffff;border-left: 1px solid;border-right: 1px solid;border-color: #b6b7cb;}
.navLeft {border-right: 1px solid;border-color: #b6b7cb;background-image: url(bg_left_column.jpg);width: 185px;}
.navRight {border-color: #666666;border-top-width: 4px;border-top-style: solid;border-left-width: 4px;border-left-style: solid;background-color: #E6E6E6;width: 185px;}
.contentsTopics {font-family: verdana, helvetica, Arial, sans-serif;font-size: 14px;font-weight: bold;color: #ffffff;background: #a6a6a6;}
.onepxwidth {width: 1px;}

/***CREME STYLE ***/
/*** FORMS DEFAULT***/
form {display: inline; }
checkbox, 
input, 
radio, 
select, 
textarea {color:#000; font: 12px arial, helvetica,sans-serif; }
select {width:253px;background:none repeat scroll 0 0 #CCCCCC;border:medium none;color:#000000;font-size:12px;font-weight:bold;padding:4px 6px;}
input[type=radio] {margin:0 5px;vertical-align:bottom;}
input[type=text], 
textarea, 
input[type=password] { background:none repeat scroll 0 0 #CCCCCC;border:medium none;color:#000000;font-size:12px;font-weight:bold;padding:4px 6px;width:241px;}
input[type=submit] { background:none repeat scroll 0 0 #666666;border:medium none;color:white;float:right;font-weight:bold;padding:3px 18px;text-transform:uppercase;}
input[type=submit]:hover {background:none repeat scroll 0 0 #999;}
/*** HR dashed ***/
div.hr_dashed {width:100%;height:0px;border-top:1px dashed #999;}
div.hr_dashed hr {display:none;}

/*** HR DOTTED ***/
div.hr_dotted {width:100%;height:0px;border-top:1px dashed #999;margin-top:8px;}
div.hr_dotted hr {display:none;}

/*** CLEARFIX ***/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

div#pageWrapper {background-color:#fff;overflow:hidden;}
div#pageWrapper.gray {background-color:#999;overflow:hidden;}
div#header {height:246px;margin-bottom:4px; text-align:right;padding:0;}
#header img { display:block; }
#header a{ display:block; margin-left:862px; }
div#menuBar {padding:3px 4px; margin-bottom:6px; /* background:#00b8d3 url(img/bg-menubar.png) repeat-y; */color: #000000;text-align:right;font:bold 14px helvetica, Arial, sans-serif; position:relative;top:-14px; }
div#menuBar a{ color:#000000; text-decoration:none; }
div#menuBar a:hover{ color:#000000; text-decoration:underline; }
div#leftCol {width:198px; float:left; padding-left: 5px;}
div#rightCol {width:165px; float:right; padding-left:20px;}
div#front_banner {padding: 10px;}
div#above_footer {clear: both;border-top: 1px solid #f3f3f3}
div#social {padding:5px;float: right;}
div#fbLike {margin-bottom: 10px;margin-top: 10px;}
div.push {height:240px;}
div.twoColsContent {width:840px;padding:30px;overflow:hidden;}
div.leftContent {width:399px;padding-right:20px;padding-bottom:20px;float:left;overlow:hidden;font-size:11px;}
div.rightContent {width:399px;padding-left:20px;padding-bottom:20px;float:right;overlow:hidden;font-size:11px;}
div.fullContent {width:100%;overlow:hidden;#font-size:11px;}
div.leftContent table,
div.rightContent table {margin-bottom:30px;}
h3.h3Title {width:100%;height:29px;clear:both;overflow:hidden;text-indent:-9999px;margin-top:10px;}
.height30px {width:100%;height:30px;}

/*** FOOTER ***/
div#footer { background:url(footer_bg.jpg) repeat-x scroll left bottom #333333;height:229px;line-height:8px;margin:0 auto;padding:48px 20px 0;width:876px; }
div#footer a {color:#DDDDDD;font-size:10px;text-transform:uppercase;}
div#footer a:hover {color:#EA684E;}
div#footer ul {margin:0 0 0 2px;padding:0px;list-style:none;}
div#footer ul li{margin:0px;padding-top:10px;}
div#footer .sideboxHeader h3{display:none;	}

/* footer box 1*/
div#footer #footerBox1 {width:270px;border-right:2px solid #999999;float:left;padding:5px 0 0;height:182px;}
div#footer #footerBox1 .newsletter {background: url("footer_titles.jpg") no-repeat scroll 0 0 transparent;height: 21px;width:227px;}
div#footer form#sign_in p.email {margin-top:13px;}
div#footer form#sign_in p.email input[type=text]{color:black;padding:6px;width:137px;background:#fff;float:left;}
div#footer form#sign_in p.email input[type=submit]{float:left;background:none repeat scroll 0 0 #989898;border:medium none;color:#EEEEEE;font-size:13px;font-weight:bold;height:27px;vertical-align:bottom;width:83px;}
div#footer .connect {background:url("footer_titles.jpg") no-repeat scroll 0 -21px transparent;height:21px;width:234px;margin:26px 0 12px 0;}
div#footer #footer_connect {clear:both;margin-top:82px;}
div#footer #footer_connect a {display:block;float:left;}
div#footer #footer_connect a span {display:none;}
div#footer #footer_connect a.facebook {background:url("footer_socialLogos.png") no-repeat scroll 0 0 transparent;margin-left:26px;height:29px;width:26px;}
div#footer #footer_connect a:hover.facebook {background-position:0 -32px;}
div#footer #footer_connect a.twitter {background:url("footer_socialLogos.png") no-repeat scroll -53px 0 transparent;height:35px;margin-left:27px;width:35px;}
div#footer #footer_connect a:hover.twitter {background-position:-53px -32px;}
div#footer #footer_connect a.youtube {background:url("footer_socialLogos.png") no-repeat scroll -106px 0 transparent;height:35px;margin-left:18px;width:57px;}
div#footer #footer_connect a:hover.youtube {background-position:-106px -32px;}
/* footer box 2*/
div#footer	#footerBox2 {border-right:2px solid #999999;float:left;height:182px;padding:5px 0 0 27px;width:167px;}
div#footer .community {background:url("footer_titles.jpg") no-repeat scroll 0 -42px transparent;height: 21px;width: 130px;}
/* footer box 3*/
div#footer	#footerBox3 {border-right:2px solid #999999;float:left;height:182px;padding:5px 0 0 50px;width:154px;}
div#footer .support {background:url("footer_titles.jpg") no-repeat scroll 0 -63px transparent;height: 21px;width: 130px;}
/* footer box 4*/
div#footer	#footerBox4 {float:right;height:145px;padding-top:40px;width:180px;clear:right;}
div#footer	#footerBox4 a {background:url("footer_cremeLogo.png") no-repeat scroll 0 0 transparent;display:block;height:100px;width:171px;}
div#footer	#footerBox4 a span {display:none;}
#copyright_creme {padding:16px;margin:0 auto; clear:both; color:white;font-size : 10px;text-align : center;width : 700px;background : none repeat scroll left toptransparent;}
.copyright {clear: both;color: #333333;display: none;font: 8px helvetica,Arial,sans-serif;margin-left: 15px;text-align: center;visibility: hidden;}
.copyright a {color:#333; text-decoration: none;}
.copyright a:hover {text-decoration: underline; }
.parseTime {margin-left:15px;font:8px helvetica, Arial, sans-serif;color:#333; }

/* adminBox */
#adminBox {
  background-color: #333333;
  clear: right;
  color: #DDDDDD;
  float: right;
  font-size: 12px;
  left: 0;
  line-height: 16px;
  overflow: hidden;
  padding: 10px;
  position: fixed;
  top: 0;
  width: 180px;
  z-index:3000;
}
#adminBox .sideboxHeader {
    background-color:#000000;
    font-weight:bold;
    padding:5px;
	cursor:hand;
}

#adminBox b {
	padding:0 5px;
}

#adminBox a {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
#adminBox p.redLink {
  margin: 15px 0 0;
  width: 140px;
}
#adminBox .sideboxContent {
	display:none;
}

/*** LOGIN PAGE ***/
div.loginTopImage {padding-top:43px;}
div.loginContent div.rightContent { border-left:1px dotted #999999; }
div.loginContent p.introRight {text-align:center;font-size:11px;margin-top:40px;height:80px;}
div.loginContent p.introLeft {text-align:justify;font-size:11px;margin-top:40px;height:80px;}
div.loginContent div.loginForm {width:252px;margin:0 auto;}
div.loginContent p.textMail,
div.loginContent p.textPwd,
div.loginContent p.textLostPwd {font-size:11px;padding-bottom:10px;padding-top:25px;}
div.loginContent p.textLostPwd {width:120px;float:left; text-decoration:underline}
div.loginContent p.btnSubmit{width:120px;float:right;padding-top:20px;}
div.loginContent div.arrow {background:url("loginArrowDown.jpg") no-repeat scroll 0 0 transparent;height:50px;margin:0 auto;width:34px; }
div.loginContent p.btnNewAccount {background:none repeat scroll 0 0 #666666;margin:30px auto 0;padding:5px 3px;text-align:center;width:120px;}
div.loginContent p.btnNewAccount a {font-size:12px;color:white;font-weight:bold;text-transform:uppercase;text-decoration:none;}
div.loginContent p.btnNewAccount a:hover {text-decoration:none;}
div.loginContent p.btnNewAccount:hover{background:none repeat scroll 0 0 #999;}
/*** MY ACCOUNT ***/

div.accountContent {padding-bottom:150px;}
div.accountContent div.rightContent { border-left:1px dotted #999999 }
div.accountContent div.rightContent a {padding-left:20px;}


/*** CREATE ACCOUNT ***/
div#createAccountContent {padding:20px 20px 150px; overflow:hidden;}
div#createAccountContent div.createAccountLeftContent {padding-right:20px;float:left;width:409px;}
div#createAccountContent div.createAccountRightContent{padding-left:20px;float:right;width:410px;border-left:1px dotted #999;}
div#createAccountContent div.inputWrapper {padding-bottom:20px;}
div#createAccountContent p.submit {margin-top:20px;text-align:right;width:253px;}
div#createAccountContent p {font-size:12px;}
div#createAccountContent p.gender {width:241px;text-align:center;display:block;}
div#createAccountContent label { display:block;font-size:12px;padding-bottom:1px;padding-top:15px;}

/*** CHECKOUT SHOPPING ***/
div.checkoutShippingContent {padding:30px; font-size:11px;}
div.checkoutShippingContent b {font-size:11px;}
div.checkoutShippingLeftContent {padding-right:20px;float:left;width:409px;border-right:1px dotted #999;overflow:hidden;}
div.checkoutShippingRightContent {padding-left:20px;float:right;width:410px;overflow:hidden;}
div.checkoutShippingLeftContent h3 {margin-bottom:20px;}
div.checkoutShippingRightContent h3 {margin-bottom:20px;}

table.progress {padding:30px 0;}
table.progress td {background-color:#999;padding:10px; text-transform:uppercase;text-align:center; Font-size:11px;}
table.progress td.currentProgress {background-color:rgba(94%, 36%, 40%,.5);padding:10px;}

.leftdist {font-size:11px;}
div.checkoutPaymentContent textarea {
	width:380px;
	height:130px;
}
div.checkoutPaymentContent h3 {
	margin-bottom:20px;
}
/*** PRODUCT INFO ***/
#mainProductInfo,
#mainProductInfo tr,
#mainProductInfo td {margin:0;padding:0;vertical-align:top;text-align:left;}
#mainProductInfo td.hr {height:10px;padding-left:20px;}
#mainProductInfo .tdRight{padding-left:20px;}

/*image*/
#mainProductInfo .tdImage {width:320px;}
#mainProductInfo p {color:#333;font-size:12px;}
#mainProductInfo .tdImage div.eads {width:320px;height:460px;overflow:hidden;}
#mainProductInfo .tdImage img{width:320px;}

/*title*/
#mainProductInfo .tdProductTitle {height:38px;}
#mainProductInfo .tdProductTitle h2 {text-transform:uppercase;color:#000;}
#mainProductInfo .tdProductTitle h2 #opttext{color:#666;font-size:12px;}

/*info*/
#mainProductInfo .tdProductInfo {}

/*price*/
#mainProductInfo .tdProductPrice {height:20px;}
#mainProductInfo .tdProductPrice a {color:#F05D67;}
#mainProductInfo .tdProductPrice div.productPrice{background-color:#F05D67;color:#fff;font-weight:bold;padding:5px 10px;width:120px;}

/*select*/
#mainProductInfo .tdProductSelect {height:60px;text-align:center;}
#mainProductInfo .tdProductSelect h3{font-weight:normal;margin-bottom:14px;margin-top:6px;text-align:center;}
#mainProductInfo .tdProductSelect select {width:60px;}
#mainProductInfo .tdProductSelect input {width:30px;padding:5px 6px;}

/*AddCart*/
#mainProductInfo .tdProductAddCart {text-align:center;height:80px;}
#mainProductInfo .tdProductAddCart input{margin-top:26px;}

/* your cart*/
#mainProductInfo .tdYourCart {height:15px;}

/*productOptions*/
div.productOptionswrapper {margin-top:33px;}
div.productOptionswrapper h2{font-size:12px;margin-bottom:21px;}
ul#productOptions {list-style:none;display:inline;}
ul#productOptions li {margin:0;padding:0;display:inline;float:left;margin-right:15px;}
ul#productOptions li img{width:120px;height:auto;	border:1px solid #aaa;}
.optionsTag {width:120px;text-align:center;margin-top:8px;}

/*** MAIN CONTENT ***/
div#contentFullRow{width:900px;height:100%;}
div#content {margin : 0px 0px 10px 220px;padding : 0px 0px 5px 0px; color : #666666; font : 12px verdana, helvetica, Arial, sans-serif; overflow : hidden;display : block;width : 680px;}
#content p{margin:2px 0 6px 0; padding:0; }
#content a {color:#666666; text-decoration:none; }
#content a:hover {text-decoration:underline;}
#content h1 {color:#666666; font:bold 16px verdana, helvetica, Arial, sans-serif; }
#content h2 {color:#666666; font: 15px verdana,helvetica,Arial,sans-serif; }
#content h3 {color:#666666; font:bold 12px verdana, helvetica, Arial, sans-serif; }
#content .infoBoxHeading {font-size:16px;padding:5px;}
#content .category_name h1, 
#content .product_details_name h1 {color: #ffffff;background-color: #a6a6a6;padding-left: 5px;padding: 5px;margin-top: 18px;}

/*** PRODUCT LISTING ***/
.products_container {height:500px;}
.products_containerSmall{width:200px;}

.product_container {float: left; height: 368px;margin: 3px;}
.product-wrap {overflow:hidden;position: relative;top: -6px;padding-bottom: 0px;background-color: #EEEEEE;}
.product_container h2 {font: 13px Arial,verdana,helvetica,sans-serif !important;padding: 2px;text-align: left;}
.product_image {height: 313px;margin: auto;overflow: hidden;text-align: center;width: 219px;}
.product_image a img {margin: 0 auto;width: 219px;height:auto;}
.product_image a{display:block;}
.product_image a:hover {}
.productShortInfo {overflow:hidden;padding:5px;height:45px}
.product_name {}
.product_name a{float: left;font-size: 11px;font-weight: bold !important;text-decoration: underline !important;width: 205px;}
.product_price{float: right;font-size: 12px;font-weight: bold;margin-top: 7px;padding-right: 5px;text-align: right;width:85px;}
.prod_detail_image {float: left;}
.prod_images{float: left;width: 200px;}
.morePics img.imgLeft {height: 100px;}

/***HEADER ***/
/* logo */
#head {background: url("bgHeader.jpg") no-repeat scroll left top transparent;background-position:top left;background-repeat:no-repeat;background-attachment:scroll;margin:0px 0px 0px -458px;width:900px;padding:0 8px;height:103px;position:absolute;top:0; left:50%;clear:both;}
#head #logo {left:17px;padding: 0;position: absolute;top: 0;z-index: 1010;height: 146px;width: 186px;}
#head #logo a{background: url("toplogoCreme.png") no-repeat scroll left top transparent;background-position:top left;background-repeat:no-repeat;background-attachment:scroll;color: #111111;display: block;font-size: 30px;font-weight: bold;height: 146px;line-height: 36px;position: absolute;text-decoration: none;top: 0;width: 186px;margin-left: 13px;}
#head #logo a span{display:none;}

/* HIDE LAYER */
div#hideLayer {width:960px;height:103px;background-color:rgba(0,0,0,.7);position:absolute;z-index:1000;margin-top:-103px;}

/*** MAIN TOP NAVIGATION ***/
#mainNav {font-size: 17px;left:256px;position: absolute;top: 55px;width: 500px;z-index:999;}
#mainNav a {font-family:Arial, Helvetica, sans-serif;}
	/* first level */
#mainNav ul#menu {list-style:none; width:350px;  margin:0;  height:43px;  padding:0;  }
#mainNav ul#menu li {float:left; display:block;  text-align:center;  position:relative;  padding: 0;  padding-top:2px;margin:0px;  margin-top:7px;  border:none;  height:30px;}
#mainNav ul#menu li a{text-decoration:none;}
#mainNav ul#menu li a:hover {text-decoration:none;}
#mainNav ul#menu li a:visited {color:#666;}
#mainNav ul#menu li span {font-size:14px;letter-spacing:1px;padding:0 12px;text-transform:uppercase;font-weight:bold;text-shadow: 0px 2px 0px #000000;filter: dropshadow(color=#000000, offx=0, offy=2);}
#mainNav ul#menu li:hover {background-color:#4D4D4D;} 
#mainNav ul#menu li.noBG:hover {background-color:transparent;}

#mainNav #menu li:hover span {color:#f05d67;}
#mainNav #menu li:hover div.dLevel1 {left:0px;}
	/* second level*/
#mainNav div.dLevel1 {background-color:rgba(0, 0, 0, 0.85);color: #FFFFFF;display: table;height: 240px;left: -999em;padding: 0px;position: absolute;text-align: left;top: 32px;width: 561px;z-index: 999;}
#mainNav div.dLevel1 ul#CatNavi {padding:0;margin:0;}
#mainNav div.dLevel1 ul#CatNavi li {background-color: #4D4D4D;border-right: 1px solid #333333;border-left: 1px solid #333333;display: inline;margin: 0;padding: 0 9px;text-align: left;width: 167px;height:45px;}
#mainNav div.dLevel1 ul#CatNavi li a {display:block;color:#fff;margin-top:20px;margin-bottom:5px;font-weight:bold;}
#mainNav div.dLevel1 ul#CatNavi li a:hover {text-decoration:none;color:#f05d67;}
#mainNav div.dLevel1 ul#CatNavi li a:visited {color:#fff;}
#mainNav div.dLevel1 ul#CatNavi li:hover div.dLevel2 {background:url(menu_arrow.png) 10px 0 no-repeat scroll transparent;}
	/*third level*/
#mainNav div.dLevel2 {background:url(menu_arrow.png) -20px 0 no-repeat scroll transparent;height: 192px;left: 0;margin: 0;min-height: 192px;padding: 10px 0;position: absolute;text-align: left;top: auto;width: 184px;margin:0;}
#mainNav div.dLevel2 ul {background-color:transparent;list-style: none outside none;margin: 0;padding: 0;font-weight : normal !important;}
#mainNav div.dLevel2 ul li { border:medium none !important;background-color:transparent !important;margin:0 !important;padding:0 5px!important;height:20px !important;font-weight:normal !important;}
#mainNav div.dLevel2 ul li a{background-color:transparent !important;margin:0 !important;padding:0 !important;text-transform:none !important;padding-left:10px !important;font-weight:normal !important;font-size:12px !important;}
#mainNav div.dLevel2 ul li a:hover {color:#f05d67 !important;text-decoration:none !important;}
#mainNav div.dLevel2 ul li a:visited {color:#fff;}

/*** TOP PANEL ***/
div#topPanel {position:fixed;top:0;left:50%;height:82px;width: 504px;margin-left:-45px;margin-top:-42px;z-index:2000;}
div#panelWrapper{background:url(bgTopPanel.png) 0px 0px scroll no-repeat transparent;height: 36px;padding: 5px 0px 0;width: 504px;clear:both;}
div#panelBtn {background:url(bgTopPanel.png) -392px -39px scroll no-repeat transparent;text-align:center;margin-right:30px;margin-top:-2px;width:83px;height:44px;float:right;}
div#panelBtn a{color:white;display:block;font-weight:bold;margin-top:7px;text-shadow:0 2px 0 black;text-transform:uppercase;text-decoration:none;}
div#panelBtn:hover a{color:#F05D67;display:block;font-weight:bold;margin-top:7px;text-shadow:0 2px 0 black;text-transform:uppercase;}
.panelClosed {}
.panelOpen {}
div#panelWrapper span a {font-family:arial,Arial, Helvetica, sans-serif;color:#ccc;text-shadow:0 2px 0 #000;font-weight:bold;font-size:14px;letter-spacing:normal;text-transform:uppercase;}
div#panelWrapper span a:hover {color:#F05D67;}
div#panelWrapper span.panelLogout {float: left;margin-top: 8px;text-align: center;width: 63px;}
div#panelWrapper span.panelLogin {float: left;margin-top: 8px;text-align: center;width: 63px;}
div#panelWrapper span.panelAccount{float: left;margin-top: 8px;text-align: center;width: 85px;}
div#panelWrapper div.panelCart {color: #FFFFFF;float: left;font-size: 10px;height: 10px;margin-top: 9px;width: 243px;}
div#panelWrapper div.panelCart a {color:white;}
div#panelWrapper div.panelCart div.panelCartProducts {float:left;text-align:right;width:124px;text-transform:uppercase;}
div#panelWrapper div.panelCart div.panelCartTotalPrice{float:right;text-align:left;width:104px;text-transform:uppercase;}
div#panelWrapper div.panelCart div.panelCartNoProducts{padding:0 15px;width:200px;}
div#panelWrapper span.panelCheckout{float: right;margin-top: 8px;text-align: center;width: 113px;}

/*** TOP SOCIAL MEDIA BUTTONS ***/
div#socialMediaNav {height:31px;padding-left:10px;position:absolute;right:17px;top:66px;width:120px;}
div#socialMediaNav a {background:url(btnSocialMedia.png) top left no-repeat scroll transparent;display : inline-block;height : 23px;text-align : center;}
div#socialMediaNav a.facebook {margin-left:-10px;width:19px;}
div#socialMediaNav a:hover.facebook {background-position:0 -28px;}
div#socialMediaNav a.twitter {background-position:-26px 0;margin-left:3px;width:20px;}
div#socialMediaNav a:hover.twitter {background-position:-26px -28px;}
div#socialMediaNav a.youtube {background-position:-57px 0;margin-left:7px;width:57px;}
div#socialMediaNav a:hover.youtube {background-position:-57px -28px;}
div#socialMediaNav a span{display:none;}

/**** BREADCRUMBS ***/
div.breadcrumb_div {margin: 10px auto;width:900px;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-left:0px;margin-left:223px;}
div.breadcrumb_div a.headerNavigation { color:#000000;font-size:10px;text-transform:uppercase;}
div.breadcrumb_div a.headerNavigation:hover {color: #000000;}

/**** SIDEBAR NAVIGATION ***/
#categories_nav a {font-size:14px;font-weight: bold;}

/* first level */
div#TopCategories ul#SideCats{list-style:none;font-family:Arial, Helvetica, sans-serif;padding-left:20px;}
div#TopCategories ul#SideCats li.CatLevel1 {}
div#TopCategories ul#SideCats li.CatLevel1>a {display:block;height:29px;width:160px;text-indent:999em;overflow:hidden;}

	/* background images */
div#TopCategories ul#SideCats li.CatLevel1.CLink1_1 a{background-position : 0px -29px;}
div#TopCategories ul#SideCats li.CatLevel1.CLink1_2 a{background-position : 0px 0px;}
div#TopCategories ul#SideCats li.CatLevel1.CLink1_3 a{background-position : 0px -58px;}
div#TopCategories ul#SideCats li.CatLevel1.CLink1_4 a{background-position : 0px 1px;}

	/* second level */
div#TopCategories div.dLevel1 ul#SideCats li.CatLevel1 div.dLevel2 ul {list-style:none; padding-left:10px;}
div#TopCategories div.dLevel1 ul#SideCats li.CatLevel1 div.dLevel2 ul li.CatLevel2 a {background-image:none !important;}
div#TopCategories ul#SideCats li.CatLevel1 div.dLevel2 {height:auto;display:none;margin-bottom:20px;margin-top:10px;}

/**** CREME IMAGE CATEGORIES *****/
div#spCats2, 
div#spCats1 {width:888px;height:310px;}
div#spCats1 {padding:6px 6px 6px 6px;}
div#spCats2 {padding:0 6px 6px 6px;}
div#spCats2 div.first {width:218px;}
div#spCats2 div.img {margin-left:-110px;}
div#spCats2 a img {width:441px;} 
div.width25 {width:217px;height:310px;overflow:hidden;position:relative;	}
div.width50 {width:441px;height:310px;overflow:hidden;position:relative;	}
div:hover.width25 div.bottomLayer,
div:hover.width50 div.bottomLayer{background-color: #999999}
div.floatLeft {float:left;margin-right:6px;}
div.floatRight {float:right;}
div.topLayer {display:none; background-color:rgba(0,0,0,.7);top:0;left:0;position:absolute;width:100%;color:#fff;padding:6px;}
div.topLayer a{color:#fff;}
div#spCats1 div.bottomLayer {background-color: #CCCCCC;bottom: 0;color: #FFFFFF;height: 25px;left: 0;padding: 9px 6px 6px;position: absolute;text-align: center;text-transform: uppercase;width: 428px;}
div#spCats3 div.bottomLayer {background-color: #CCCCCC;bottom: 0;color: #FFFFFF;height: 25px;left: 0;padding: 9px 6px 6px;position: absolute;text-align: center;text-transform: uppercase;width: 206px;}

div.bottomLayer a {color:#fff;}
div.bottomLayer a:hover { color:#F05D67;}
div.bottomLayer a:hover p{ color:#F05D67;}
div.overlay {background-color:#F05D67;opacity:0.2;top:0;left:0;position:absolute;width:100%;height:100%;display:none;}

/*** WORDPRESS TICKER ***/
div#wpTickerWrapper {width:218px;height:310px;overflow:hidden;}
div.topLayerBlog {margin-bottom:2px;background-color:rgba(0,0,0,.7);top:0;left:0;width:100%;color:#fff;padding:6px;width:206px;}
div.topLayerBlog a{color:#fff;}
div#wpTicker {height:270px;width:218px;overflow:hidden;}
div#wpTicker ul {list-style:none;padding-left: 0px;}
div#wpTicker ul li{height:45px;background-color:#ddd;}
h2.wpTitle {font-size:12px;background-color:#000;opacity:.7;color:#ddd;}
p.wpContent{font-size:12px;}
p.wpLink {font-size:12px;}
div.wpTickerBottomLayer {background-color:#CCCCCC;color:#FFFFFF;height:25px;padding:9px 6px 6px;text-align:center;text-transform:uppercase;width:100%;}
div.wpTickerBottomLayer a {color:#fff}
div.wpTickerBottomLayer a:hover {color:#F05D67}

/*** NEWSLETTER ***/
div#newsletter {width:600px;height:40px;margin-top:-49px;background:url(http://www.gotcreme.com/images/main/bgNewsletter.jpg) 0 0 no-repeat scroll transparent;position:relative;z-index:1500;}
div#newsletter div.newsletter{float:left;}
div#newsletter div.newsletter h3 {display:none;}
div#newsletter p.email{float:left; padding:7px 0 0 47px;}
div#newsletter p.email input[type='text']{ font-size: 12px;height: 15px;margin: 2px 5px 0px 0px!important;padding: 3px 6px !important;width: 160px !important;}
div#newsletter p.email input[type="submit"] {border: medium none;color: #FFFFFF;font-size: 12px;font-weight: bold;height: 21px;margin: 2px 0 0 !important;padding: 1px 6px !important;text-decoration: none;text-transform: uppercase;vertical-align: middle;}



/*** LANGUAGE SELECT ***/
div.langWrapper {float:left;left:-70px;position:absolute;top:0;z-index:999;color:#7E7E7E;text-transform:uppercase;font-size:10px; cursor:pointer;}
div.langWrapper img {vertical-align:middle;margin:0 5px;}
div.langWrapper div.currentLang {background-image:none !important;color:#7E7E7E;}
div.langWrapper div:hover.currentLang {color:#F05D67;}

div.langWrapper div.lang a {background-image:none !important;color:#fff;text-transform:uppercase;}
div.langWrapper div.lang a:hover {background-image:none !important;color:#F05D67;text-transform:uppercase;text-decoration:none;}
div.langWrapper div.currentLang {width:50px;}
div.langWrapper div.selectLang {background:none repeat scroll 0 0 #333333;border:2px solid black;padding:2px;position:absolute;width:56px;z-index:999;display:none;margin-left:-4px;}

/*** POP UP CONTENT ***/
body#popup {background-color:#fff;}

/*** SHOPPING CART ***/
div.shoppingCartContent{padding:30px; font-size:11px;}
div.shoppingCartContent p.formReload {text-align:left;clear:left;}
div.shoppingCartContent p.formReload input {float:left !important;}
div.shoppingCartContent p.paypal {text-align:left;clear:left;}
div.shoppingCartContent p.formSubmit {background:none repeat scroll 0 0 #F05D67;padding:5px 3px;text-align:center;width:120px;float:right;clear:right;color:#fff}
div.shoppingCartContent p.formSubmit a {color:#fff;text-transform:uppercase;font-weight:bold;}
div.shoppingCartContent table.giftCart {margin-bottom:50px;margin-top:85px;width:100%;border:none;}
div.shoppingCartContent table.orderDetails {margin-bottom:20px;} 
div.shoppingCartContent td.boxTextBG {}
div.shoppingCartContent td.boxTextBGII {}
div.shoppingCartContent td.productQTY input {width:30px !important;}
div.shoppingCartContent td.productTitle a {text-decoration:underline;}
div.shoppingCartContent div.titleCartContents {width:100%;} 
div.shoppingCartContent div.titleCartContents h3 {display:block;height:38px;margin:0 auto 25px;overflow:hidden;text-indent:-999px;width:100%;}
div.shoppingCartContent table.error,
div.shoppingCartContent table.message  {margin-bottom:20px;}
div.shoppingCartContent table.message td.errorBox { background-color:rgba(94%, 36%, 40%,.5);padding:10px;}

/*** BOXES ***/
/* best seller */
 div.sidebox h3.headingBestSellers {background:url(boxTitleBestsellers.jpg) top center scroll no-repeat transparent;overflow:hidden;text-indent:-9999px;width:198px;height:90px;}
 div.sidebox ul.listBestSellers {list-style:none;margin:0;	padding:0 21px;}
 div.sidebox ul.listBestSellers li {font-size:11px;height:20px;}