/* Hide title elements of subscriptions */


.product-1 h4, .product-2 h4, .product-3 h4{
	display:none;
}

.product-1 .grey, .product-2 .grey, .product-3 .grey{
	display:none !important;
}

/*******/

.none { display: none; }
.clear { clear: both; }
.styleit-body { background: url('images/styleit-bg.jpg') repeat-y; width: 779px; margin: 0 auto; }

 #product-tags { width: 220px; margin: 0 auto; }
#sidebar { margin: 2px; }

.feature-slides { width: 417px; position: absolute; left: 0; }
.stripViewer { position: relative; overflow: hidden; height: 254px; }
.stripViewer .panelContainer { position: relative; left: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; left: 0; width: 417px }
.stripViewer .panelContainer .panel a img {  }


.stripNavL, .stripNavR, .stripNav{ display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; }
#movers-row	{ margin: -43px 0 0 62px; }
#movers-row div { width: 20%; float: left; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { font-size: 0.8em; background: url('images/transpBlack.png') repeat; width: 417px; position: absolute; top: 0; left: 0; z-index: 9999; color: #FFF; display: block; }
.photo-meta-data	h2 a { color: #FFF; font-size: 1.2em; font-weight: bold; text-decoration: none; display: block; padding: 0 0 10px 0; }



body{
	background: #9eabb4;
	color: #333;
	font: normal 0.9em Helvetica, Arial, sans-serif ;
}

.area{
   padding: 20px 0 0 0;
	display: block;
	margin: auto;
	width: 864px;
}

.header{
   margin: 0 2px;
	background: #E5E3E8  url('images/bg-purple-grad.jpg') repeat-x;
}

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

.header h1{
	float: left;
	font: bolder 26px Helvetica, Arial, sans-serif ;
	color: #222;
	letter-spacing: -2px;
	margin: 5px 0 0 20px;
}

.header h2{
	float: left;
	margin: 52px 0 0 15px;
	color: #202020;
}

.sign{
	display: block;
	float: right;
	background-color: #B1ABB7;
	height: 30px;
	margin: 0 2px 0 0;
	line-height: 30px;
	font-size: 11px;
}

.sign ul{
	list-style: none;
	margin: 0 8px 0 10px;
}

.sign li{
	border-right: 1px solid #fff;
	display: inline;
	padding: 0 12px 0 10px;
}

.sign .no{
	border: 0px;
}

.sign a{
	color: #fff;
}

.sign .black{
	color: #212121;
}

.headnav{
	width:100%;
	background:#4A3D59;
	position:relative;
	left:10px;
}
.headnav li:last-child{
	height:18px;
}
.headnav li a{
	color:#fff;
	line-height:2em;
	text-transform: uppercase;
	display: block; 
	padding: 8px 14px;
	font-weight: bold;
	border-right: 1px solid #170b26;
	border-left: 1px solid #706083;
}

.headnav li { float: left; }

.headnav li a:hover, .headnav li.on a{	color:#fff;	text-decoration: underline; background: #3d314b; }

.headnav,
.footnav{	float: right;	list-style: none;	display: block;	margin: 0 10px 0 0;	font-size: 11px;}

.footnav li{	display: inline;	padding: 0 12px 0 10px;}

.headnav .no,
.footnav .no{	border: 0px;}

.headnav a,
.footnav a{	color: #333;}

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

.headnav .on a,
.headnav a:hover{color: #2D80CC;}



h1#logo{
	background:url('images/logo.png') no-repeat;
	width:186px;
	height:90px;
	display:block;
	margin: 15px;
}
h1#logo span{
	display: none;
}


.id-left UL.si-navigation { background: #b8c7d1; padding: 10px 10px; width: 315px; margin: 0; list-style: none; }
.id-right { float: right; width: 417px; margin: 2px 2px 0 0; }
.id-right .promo-img {  }


.browseArea { background: url('images/styleit-browsebg.jpg') no-repeat; width: 417px; height: 228px; float: right; margin: 2px; }
.browseArea UL { padding: 10px 0 0 6px; margin: 0; list-style: none; }
.browseArea UL LI { float: left; }
.browseArea UL LI a { display: block; background-image: url('images/browse-type-nav.png'); }
.browseArea UL LI#cut a { background-position: 0 0; width: 140px; height: 69px; }
.browseArea UL LI#style a { background-position: -140px 0; width: 137px; height: 69px; }
.browseArea UL LI#color a { background-position: -277px 0; width: 129px; height: 69px; }
.browseArea UL LI#browse-all a { background-position: -277px -69px; width: 129px; height: 39px; float: right; margin-right: 15px;}

.search-bar { padding: 10px; background: #251637; margin: 2px 2px 0 2px; }

.splash { width:859px; padding:30px 30px 0; }

#content {
	width: 859px;
	margin: 0px auto 0px;
	padding: 2px;
	line-height: 20px;
	}
	
#contentleft {
   margin: 2px 0 0 2px;
	float: left;
	width: 435px;
	height: 254px;
	background: url('images/subscribe-bg.jpg') repeat-x;
	}

#contentleft h1 {
	color: #666;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#contentleft h1 a {
	color: #666;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

#contentleft h1 a:hover {
	color: #003663;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
	
#contentleft h2 {
	color: #666;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}


	
#contentleft h3 {
	color: #666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#contentleft h4 {
	color: #999;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#contentleft h5 {
	color: #999;
	font-size: 10px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
	
#contentleft h6 {
	color: #999;
	font-size: 8px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDDDDD;
	}	
	
#contentleft img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#contentleft img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}







.navl{

	position: absolute;

	margin: 210px 0 0 -12px;

}

.navl a{

	display: block;

	height: 31px;

	width: 31px;

	background: url(images/ico_navl.png) no-repeat bottom left;

	text-indent: -5000px;

}

.navl a:hover{

	background: url(images/ico_navl.png) no-repeat top left;

}

.navr{

	position: absolute;

	margin: 210px 0 0 845px;

}

.navr a{

	display: block;

	height: 31px;

	width: 31px;

	background: url(images/ico_navr.png) no-repeat bottom left;

	text-indent: -5000px;

}

.navr a:hover{

	background: url(images/ico_navr.png) no-repeat top left;

}

.wrap0top{

	display: block;

	height: 3px;

	background: url(images/bg_wrap3.png) no-repeat top center;

}

.wrap0bot{

	display: block;

	height: 5px;

	background: url(images/bg_wrap5.png) no-repeat bottom center;

}

.wrapin{

	background: url(images/bg_wrapin.gif) repeat-x bottom center;

	margin: 0 2px;

	padding: 0;

}

.wrap0{

	display: block;

	background: url(images/bg_wrap4.png) repeat-y top center;

}

.wrap0 a{

	color: #2E81CD;

}

.wrap0 a:hover{

	text-decoration: underline;

}

.random{

	margin: 0 32px;

	padding: 25px 0 0 0;

}

.random ul{

	list-style: none;

}

.random li{

	display: inline;

	float: left;

	margin: 0 19px 0 0;

}

.random .no{

	margin: 0px;

}

.faq{

	display: block;

	margin: 25px 32px 0px 32px;

}

.faq h4{

	padding: 25px 0 5px 0;

	border-bottom: 1px solid #e0e0e0;

	color: #333;

	margin: 0 0 5px 0;

}

.faq li{

	line-height: 22px;

	list-style: url(images/li_faq.png);

	margin: 0 0 0 15px;

}

.wrap1{

	display: block;

	height: 458px;

	background: url(images/bg_wrap1.png) no-repeat top left;

}

.wrap1 h3,

.wrap2 h3,

.faq h3{

	color: #999;

	font: bolder 24px Helvetica, Arial, sans-serif ;

	letter-spacing: -1px;

}

.textfeat{
	display: block;

	float: left;

	width: 400px;

}

.mainbar .textfeat{
	width: 200px;

}

.textfeat .app{
	margin: 10px 0 20px 0;

}

.textfeat .app p{
	width: 200px;

}

.textfeat h3{

	margin: 0 0 35px 0;

}

.iconfeat{
	float: left;
	margin-bottom:5px;
   padding: 0 0 0 12px;
}

.iconfeat img{
	margin:0 auto;
}

.feat{

	display: block;

	float: left;

	width: 315px;

}

.mainbar .feat{

	display: block;

	float: left;

	width: 315px;

}

.feat h4,

.app h4{

	font-size: 18px;

	font-weight: bolder;
	text-align:center;

}

.feat h4 a{

	color: #333;

}

.feat h4 a:hover{

	text-decoration: none;

	color: #358ddc;

}

.grey{

	color: #666;

}

.app strong, .app .grey{
	text-align: center;
	display:block;
	line-height:normal;
}

.feat p{

	margin: 15px 0 32px 0;

}

.buy{

	width: 134px;

	height: 34px;

	background: url(images/bt_add.png) no-repeat top left;

	display: block;

	font: bolder 12px/30px Lucida Sans, Helvetica, Arial, sans-serif ;

	text-align: center;

}

.buy img{

	vertical-align: -3px;

}

.buy a{

	color: #fff;

}

.feat a:hover{

	text-decoration: underline;

}

.imgfeat{

	float: right;

	display: block;

	margin: 52px 52px 0 0;

}

.no-image{
	display:block;
	line-height:69px;
	width:100%;
	text-align:center;
	background:#f0f0f0;
}

.ifhr img{

	margin: 52px -37px 0 0;

	float: right;

}

.mainbar .imgfeat{

	margin: 40px 20px 0 0;

}

.wrap2{

	display: block;

	height: 454px;

	background: url(images/bg_wrap2.png) no-repeat top left;

	margin: 15px 0 0 0;

}

.wrap2 h3{

	padding: 28px 0 35px 32px;

}

.app{
   padding-top: 10px;
   background: #eec7ee;
	display: block;
	float: left;
	width: 176px;
	margin: 0 0 20px 32px;
}

.app ul li{
	margin-left:10px !important;
}

.noh3 .app{
	padding-top: 30px;

}

.app h4 a{
   
   font-size: 1.0em;
	color: #9F519E;

}

.app h4 a:hover{

	color: #9F519E;

	text-decoration: none;

}

.app img{

	margin: 0 10px 0 0;

}

.app p{

	display: block;

	margin: 8px 0 0 0;

}

.footer{

	height: 75px;

	line-height: 75px;

}

.rsstwit{

	list-style: none;

	float: left;

	margin: 0 20px;

}

.rsstwit li{

	display: inline;

}

.mainbar{
   margin: 2px;
	float:right;

	width: 600px;

	display: block;

}

.hrbar{

	border: 0px;

	background-color: #e0e0e0;

	height: 1px;

	margin: 20px 0 0 0; 

}

.colap h1 a{ color: #FFF; }

.colap h1{
	font: 22px/30px Lucida Sans, Helvetica, Arial, sans-serif ;
	margin-top: 10px;
	color: #501a4f;
	background-color: #EEC7EE;
	padding: 8px 15px;
	border-bottom: 2px solid #501a4f; margin: 0 0 10px 0;
}

.colap h3{
	font: bolder 12px/30px Lucida Sans, Helvetica, Arial, sans-serif ;
	background: url('images/h3-bg.png') repeat-x;
	padding-left:10px;
	padding-top: 2px;
   height: 35px;
}

.colap h3 a, .colap h1 a{
	
	color:#FFF;

}

.colap .app UL {
   font-weight: bold;
   font-size: 0.9em;
   color: #4e154e;
   padding: 0 0 15px 15px;
}
.flashvideo { margin-bottom: 10px; }
.colap .app{
	margin: 10px 35px 10px 0;

}

.colap .appr{

	margin-right: 0px;

}

.appbot{

	border-top: 1px solid #E0E0E0;

	margin: 25px 0 0 0;

	padding: 10px 0 0 0;

	font-size: 10px;

	color: #666;

}

.apptop{
	font-size: 11px;
	color: #666;
	background: url('images/browse-bg.jpg') repeat-x #EEC7EE;

}

.abl{

	float: left;

	width: 200px;

}

.apptop h2{
   color: #4e154e; padding: 25px;
	font: normal 20px/15px Helvetica, Arial, sans-serif ;

}

.abr{
   padding: 25px; color: #4e154e;
	float: right;

	width: 310px;

	text-align: right;

}

.abr span{

	margin: 0 10px;

}

.abr a{

	color: #666;

	font-weight: bold;

	font-size: 12px;

}

.abr a:hover{

	text-decoration: none;

	color: #358ddc;

}

.abr form{

	display: inline;

}

.abr select{

	font: normal 11px Lucida Sans, Helvetica, Arial, sans-serif ;

}

.sidebar{

	width: 245px;
	float: left;
	background: #2f2140;
	display: block;
}

#shopping-cart.sidebar div{ padding: 0 10px; }

#shopping-cart.sidebar{
   color: #FFF;
	float: none;
   margin: 0 auto;
	width: 220px;

}

#shopping-cart.sidebar h3{
   
	font: normal 14px/24px Helvetica, Arial, sans-serif ;

	margin: 0 0 10px 0;

}

#shopping-cart.sidebar p{

	font-size: 11px;

}

#shopping-cart.sidebar p strong{

	color: #2d80cc;

}

.broap{

	width: 104px;

	height: 29px;

	background: url(images/bt_add2.png) no-repeat top left;

	display: block;

	font: bolder 11px/25px Lucida Sans, Helvetica, Arial, sans-serif ;

	text-align: center;

	margin: 20px 0 0 0;

}

.broap a{

	color: #fff;

}

button.broap{

	width: 114px;

	background: url(images/bt_add5.png) no-repeat top left;

	border: 0px;

	cursor: pointer;

	color: #fff;

}

button.broap:hover{

	text-decoration: underline;

}

.bcle{

	width: 59px;

	background: url(images/bt_add3.png) no-repeat top left;

	float: left;

	margin-right: 5px;

}

.bche{

	width: 84px;

	background: url(images/bt_add4.png) no-repeat top left;

	float: left;

}

.cart{

	border-collapse: collapse;

	width: 180px;

	height: 20px;

	line-height: 20px;

	font-size: 11px;

	margin: 10px 0;

	border: 1px solid #C3E2EF;

}

.cart th{

	color: #2E81CD;

	background-color: #C3E2EF;

}

.cart td{

	border: 1px solid #C3E2EF;

	padding: 0 10px;

}

.sidein,

.sidebar .sidebar {

width: 220px;

margin: 0 auto;

background: none;

float: none;

padding: 10px 0;

}

.sidein h3,

.sidebar .sidebar h3{

   color: #FFF;

	font: normal 14px Helvetica, Arial, sans-serif ;

	padding: 0 0 5px 0;
   border-bottom: 1px solid #EEC7EE;
	margin:  0 0 10px 0;

}

.sidebar .sidebar ul{

margin: 0 0 10px 25px;

list-style-image:url(images/li_faq.png);

}

.sidein .app{

	width: 183px;

	margin: 0 0 10px 0;

}

.search{

	width: 183px;

	height: 25px;



}



.search button{



	text-indent: -5000px;

	border: 0px;

	cursor: pointer;

	float: right;

}

.mostapp{

	list-style: none;

}

.mostapp li{

	padding: 0 0 10px 0;

}

.mostapp img{

	float: left;

	margin: 0 10px 0 0;

}

.mostapp h4{

	font: bold 18px Lucida Sans, Helvetica, Arial, sans-serif ;

}

.mostapp h4 a{

	color: #212121;

}

.mostapp h4 a:hover{

	color: #358DDC;

	text-decoration: none;

}

.mostapp span{

	font-size: 10px;

}

.payment{

	border-collapse: collapse;

	width: 500px;

	margin: 15px 0;

}

.payment th{

	height: 25px;

	background-color: #E1F0F7;

	font-size: 12px;

	text-align: left;

	border: 1px solid #C3E2EF;

	line-height: 25px;

	padding-left: 15px;

}

.payment td{

	line-height: 30px;

	border-left: 1px solid #C3E2EF;

	border-right: 1px solid #C3E2EF;

	padding-left: 15px;

}

.payment a{

	font-size: 11px;

}

.check .payment input{

	padding: 2px;

	margin: 0 10px 0 0;

	font-size: 11px;

}

.payment button{

	font-size: 11px;

	cursor: pointer;

}

.total td{

	font-size: 12px;

	font-weight: bold;

	border: 1px solid #C3E2EF;

}

.totalhead{

margin-left: 10px;

}

.total span.pricedisplay {

float:right;

width:80px;

text-align: right;

margin-right: 16px;

}

.check h2{

	font: normal 20px/15px Helvetica, Arial, sans-serif ;

	letter-spacing: -1px;

	padding: 25px 0;

}

.check hr{

	margin: 10px 0;

}

.check h4{

	color: #2E81CD;

	font: bold 14px Lucida Sans, Helvetica, Arial, sans-serif ;

	padding: 5px 0;

}

.check input,

.check textarea,

.check select{

	border: 1px solid #ccc;

	padding: 2px;

	font: normal 12px Lucida Sans, Helvetica, Arial, sans-serif ;

	border-top: 2px solid #a3a3a3;

}

.form label{

	float: left;

	width: 100px;

	text-align: right;

	margin: 10px 0;

}

.form input,

.form select{

	width: 200px;

	margin: 5px 10px;

}

.form select{

	width: 206px;

}

.form textarea{

	width: 250px;

	height: 65px;

	margin: 5px 10px;

}



/* STEP CAROUSEL */

.stepcarousel{

position: relative; /*leave this value alone*/

border: 0px;

overflow: scroll; /*leave this value alone*/

width: 864px; /*Width of Carousel Viewer itself*/

height: 458px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}

.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px; /*margin around each panel*/

width: 864px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


html body * #dekoboko_form label{
font-weight: bold;
margin-left: 25px;
float:none;
width: 100%;
display: block;
text-align: left;
margin: 0px;
}

#dekoboko_form li{
list-style: none;
}

#dekoboko_form p{
font-size: 12px;
font-style: normal;
}

#dekoboko_name,
#dekoboko_email,
#dekoboko_subject,
#dekoboko_message{
font: normal 12px arial, helvetica;
padding: 4px 5px;
width: 300px;
border: 1px solid #ccc;
}

#dekoboko_message{
height: 200px;
}

#dekoboko_submit{
	display: block;
	cursor: pointer;
	height: 32px;
	width: 160px;
	text-indent: -5000px;
	background: url(http://clients.icreativelabs.com/dummy/send.png) top;
	border: 0px;
margin: 20px;
float:left;

}

/* single product */

.single-product, .single-product .app{
	margin:0;
	width:100% !important;
}

.single-product .app h4{
	padding:0;
	text-align: left;
	width:80%;
	float:left;
}

.single-product .app span.no-image, .single-product .app img{
	display:block;
	float:right !important;
}

.single-product .app p{
	float:left;
}

.single_additional_description{
	width:100% !important;
	display:block;
	margin: 0;
}

























html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}