﻿body{
background: #FFF url(/images/main-bg.gif) top left repeat-x;
text-align:center;
margin:0;
padding:0;
font-family: arial;
color: #222;
font-size: 12px;
}

a{
text-decoration: none;
}

ul{
margin:0px;
padding:0px;
list-style:none;
}

#aspnetForm{
width:980px;
margin: 0px auto 0px auto;
text-align:left;
}

/* Menu section starts */
/* /////////////////////////// */

#menu{
padding: 8px 0 25px 0;
}

#menu ul {
position: relative;
z-index: 3;
}

#nav a{
color: #EFEFEF;
font-size: 12px;
}

#nav li a:hover{
text-decoration: none;
color: #CCC;
}

#nav li li a:hover{
text-decoration: none;
color: #d79fad;
background-color: #000;
}

#nav li a{
display:block;
margin-bottom: 5px;
text-transform: uppercase;
}

#nav li.dresses a{
cursor:pointer;
}

#nav li li a {
    color: #efefef;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:0px;
	text-transform: none;
	padding: 6px;
	width: 100px;
	cursor:pointer;
}

#nav li {
	float: left;
	position: relative;
	cursor: default;
	padding: 0px 40px 0px 0px;
}

#nav li.last {
padding-right: 0px;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: #222;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin-left: -10px;
	filter:alpha(opacity=90);
    opacity: 0.9;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	border-bottom: 1px solid #333;
	margin:0px;
	padding:0px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

/* Header section starts */
/* /////////////////////////// */

#header{
margin: 0 0 10px 0;
}

#header h1{
margin:0 50px 0 0;
padding:0;
float:left;
}

#header #form{
width: 430px;
height: 54px;
margin:0 12px 0 0;
padding:0;
float:left;
background: url(/images/box-bg.jpg) no-repeat top left;
}

#header #form table{
margin:0;
padding:0;
}

#header #form input{
border: 0px;
height: 26px;
width:332px;
font-size: 17px;
color: #bd7c8a;
font-family: Arial Narrow;
font-weight: bold;
margin: 11px 0 0 12px;
padding:0;
letter-spacing: 0px;
}

#header #form input.search-btn{
width: 68px;
height: 28px;
margin: 7px 0 0 0;
padding:0;
}

#header #favs{
margin:0;
padding:14px 0 0 0;
float:left;
font-family: Arial Narrow;
font-weight:normal;
font-size: 16px;
color: #888;
}

#header #favs a{
font-weight: bold; 
color: #888;
}

/* Footer section starts */
/* /////////////////////////// */

#footer{
margin-top: 15px;
padding: 5px 0 5px 0;
border-top: 1px dotted #dbd5d5;
font-size: 11px;
}

#footer ul{
float:right;
margin:0;
padding:0;
list-style: none;
}

#footer ul li{
float:left;
margin: 0 5px 0 5px;
}

#footer ul li a{
color: #91aac0;
}

#footer p{
margin:0;
padding:0;
float:left;
color: #999;
font-style: italic;
}

/* BOX BOX BOX BOX */
/* BOX BOX BOX BOX */
/* BOX BOX BOX BOX */
/* BOX BOX BOX BOX */
/* BOX BOX BOX BOX */



/* Box heading section starts */
/* /////////////////////////// */

#box{
margin:0;
padding:0 0 20px 0;
background: url(/images/box-bg.png) top left no-repeat;
}

#box-heading{
padding: 11px 0 20px 0;
}

#box-heading h2{
margin:0 30px 0 14px;
padding:0;
float:left;
font-size: 14px;
text-transform: uppercase;
font-weight:normal;
font-family: Arial narrow;
letter-spacing: 1px;
width:170px;
}

#box-heading ul{
float:left;
}

#box-heading ul li{
float:left;
font-size: 13px;
padding: 0px 8px 0px 8px;
background: url(/images/bg-result-info-item.gif) no-repeat top right;
background-position: 0px 6px;
color: #888;
}

#box-heading ul li a{
color: #888;
}

#box-heading ul li.first{
padding-left:0px;
}

#box-heading h4{
float:right;
margin:-3px 20px 0 0;
padding:0;
font-weight: normal;
font-size: 16px;
color: #888;
font-family: Arial narrow;
}

/* BOX COLUMN BOX COLUMN */
/* BOX COLUMN BOX COLUMN */
/* BOX COLUMN BOX COLUMN */
/* BOX COLUMN BOX COLUMN */
/* BOX COLUMN BOX COLUMN */

/* Content section starts */
/* /////////////////////////// */

#box #box-content{

}

#box #box-content #box-content-left{
float:left;
width:190;
}

#box #box-content #box-content-right{
float:right;
width: 758px;
margin-right:14px;
margin-left: 10px;
}

/* Content section LEFT starts */
/* /////////////////////////// */

#box #box-content #box-content-left div{
margin:0 0 6px 0;
padding:13px 0 3px 14px;
background: url(/images/heading-bg.gif) no-repeat bottom right;
width:175px; /* added after implemented in .net */
}

#box #box-content #box-content-left div h4{
float:left;
margin:0;
padding:0;
font-family: arial;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
color: #222;
}

#box #box-content #box-content-left div a{
float:right;
display: block;
padding-top: 2px;
margin-right: 10px;
color: #bd7c8a;
font-size: 11px;
font-weight: bold;
}

#box #box-content #box-content-left ul{
margin: 0 0 15px 14px;
width:180px;
}

#box #box-content #box-content-left ul li{
padding: 2px;
font-size: 11px;
font-weight: bold;
}

#box #box-content #box-content-left ul li a{
color: #444;
}

#box #box-content #box-content-left ul li a:hover{
color: #666;
}

#box #box-content #box-content-left ul li.selected a{
color: #999;
}

#box #box-content #box-content-left ul li a:hover em{
color: #444;
}

#box #box-content #box-content-left ul li a em{
color: #666;
font-style: normal;
font-weight: normal;
}


#box #box-content #box-content-left div.colors{
background: none;
margin-left:0px;  
}

#box #box-content #box-content-left div.colors ul{
margin-top: -10px;
margin-left: 0px;
margin-bottom:5px;
float:left;
width:85px;
}

#box #box-content #box-content-left div.colors ul li{
background: url(/images/colors.gif) no-repeat bottom left;
padding: 2px 2px 2px 2px;
margin: 0 0 4px 0;
font-size: 11px;
}

#box #box-content #box-content-left div.colors ul li em{
letter-spacing: -1px;
color: #999;
}

#box #box-content #box-content-left div.colors ul li a{
float:none;
display: inline;
padding:0;
margin:0;
color: #999;
font-size: 11px;
font-weight: normal;
}


#box #box-content #box-content-left div.colors ul li.selected a{
color: #000;
font-weight: bold;
}



/* Content section RIGHT starts */
/* /////////////////////////// */

#box #box-content #box-content-right h1{
margin:0 0 6px 0;
padding:0 0 3px 0px;
background: url(/images/heading-bg.gif) no-repeat bottom right;
font-family: arial narrow;
font-size: 24px;
font-weight: normal;
letter-spacing: 0px;
color: #222;
}

/* Content section RIGHT categories box starts */
/* /////////////////////////// */

#box #box-content #box-content-right div.catbox{
margin: 0 0 10px 0;
border: 1px dotted #F2F2F2;
background: #000; 
background-position: 0 50;
padding: 8px 10px 6px 10px;
}

#box #box-content #box-content-right div.catbox h3{
margin:0;
padding:0;
font-size: 13px;
color: #bd7c8a;
}

#box #box-content #box-content-right div.catbox h3 em{
font-weight: normal;
}

#box #box-content #box-content-right div.catbox p{
margin:5px 0 0 0;
padding:0;
color: #444;
line-height: 19px;
}

#box #box-content #box-content-right div.catbox p b{
color: #F2F2F2;
}

#box #box-content #box-content-right div.catbox p a{
color: #91aac0;
}

#box #box-content #box-content-right div.catbox p a:hover{
text-decoration: underline;
}

/* Content section RIGHT colors, sale and new items starts */
/* /////////////////////////// */


#box #box-content #box-content-right #filters{

}

#box #box-content #box-content-right #filters p{
background-color: #FFF;
border: 1px dotted #CCC;
padding: 5px 10px 5px 10px;
line-height: 16px;
font-size: 11px;
color: #666;
}

#box #box-content #box-content-right #filters h3{
float:left;
margin:0 5px 0 0;
padding:3px 0 0 0;
font-size: 13px;
font-family: arial;
color: #444;
}

#box #box-content #box-content-right #filters ul{
float:left;
margin:0;
padding:0;
}

#box #box-content #box-content-right #filters li{
float:left;
background: url(/images/colors.gif) no-repeat bottom left;
background-color: #F2F2F2;
padding: 2px 2px 2px 2px;
margin-right: 3px;
font-weight: bold;
font-size: 11px;
}

#box #box-content #box-content-right #filters li a{
color: #999;
}

#box #box-content #box-content-right #filters li.selected{
}

#box #box-content #box-content-right #filters li.selected a{
color: #000;
}

#box #box-content #box-content-right #filters h4{
float:right;
margin:0;
padding:0;
font-size: 12px;
}

#box #box-content #box-content-right #filters h4 a{
color: #bd7c8a;
}

#box #box-content #box-content-right #filters h4.new a{

}

#box #box-content #box-content-right #filters h4.sale{
margin-right: 10px;
}

#box #box-content #box-content-right #filters h4.new{
margin-right: 20px;
}



/* Content section RIGHT ITEMS start */
/* /////////////////////////// */

ul.items{
width:772px;
margin: 20px -7px 0 -7px;
}

ul.items li{
display: inline;
float:left;
width:179px;
height:300px;
margin: 0 7px 0 7px;
padding: 0px 0px 30px 0px;
text-align:center;
}

ul.items li img.prod{
border: 2px solid #EFEFEF;
}

ul.items li a:hover img.prod{
border: 2px dotted #9cd15f;
}

ul.items li em{
padding:3px 4px 5px 4px;
display: block;
font-size: 11px;
height:20px;
}

ul.items li em b u{
text-decoration: line-through;
}


*html ul.items li em{
padding:5px 4px 3px 4px;
height:37px;
}


ul.items li em a{
color: #444444;
}

ul.items table{
margin: 7px auto 0px auto;
}

ul.items table td b{
display:block;
font-size: 16px;
border-right: 2px solid #E5E5E5;
padding: 0px 6px 0px 0px;
margin: 0px 2px 0px 0px;
color:#222222;
}

ul.items table td b.btn{
width:2px;
padding-right:0px;
margin-right:0px;
}

/* Pager section starts */
/* /////////////////////////// */
ul.pager{
float:right;
margin:10px 10px 0 0;
list-style: none;
}

ul.pager li{
float: left;
margin: 0 2px 0 2px;
border: 1px solid #DDD;
font-size: 14px;
font-weight: bold;
}

ul.pager li.start{
margin-right: 10px;
}

ul.pager li.stop{
margin-left: 10px;
}

ul.pager li.prev{
margin-left: 30px;
}

ul.pager li.prev a, ul.pager li.next a{
background-color: #222;
color: #F2F2F2;
}

ul.pager li.prev a:hover, ul.pager li.next a:hover{
background-color: #be7c8b;
color: #FFF;
}

ul.pager li a{
padding: 3px 8px 3px 8px;
background-color: #EFEFEF;
display: block;
color: #666;
}

ul.pager li a.selected{
color: #999;
background-color: #F2F2F2;
}

ul.pager li.next a.selected, ul.pager li.prev a.selected{
background-color: #FFF;
}

ul.pager li a.selected:hover{
background-color: #F2F2F2;
}

ul.pager li a:hover{
background-color: #CCC;
}



/* Popular Category Searches starts */
/* /////////////////////////// */

div.top-searches h3{
margin:10px 0 10px 0;
padding:0;
font-family: arial;
font-size: 16px;
font-weight: normal;
color: #222;
}

div.top-searches h3 a{
color: #222;
font-weight: bold;
}

div.top-searches ul{
margin: 0 40px 0 0;
float:left;
}

div.top-searches ul li{
font-size: 12px;
padding-bottom: 2px;
}

div.top-searches ul li a{
color: #0000FF;
}

div.top-searches ul li a:hover{
text-decoration: underline;
}




/* Fashion resources section starts */
/* /////////////////////////// */
#fashion-resources{
margin-top: 20px;
width:400px;
}

#fashion-resources h4{
margin: 0 0 5px 0;
padding:0;
font-weight: normal;
font-size: 14px;
}

#fashion-resources h4 a{
color: #491e62;
}

#fashion-resources p{
margin: 0 0 20px 0;
padding:0;
color: #666;
}

/* Brands */
/* Brands */
/* Brands */
/* Brands */
/* Brands */


/* Top Brands section starts */
/* /////////////////////////// */
#brands-top-box{
background-color: #000;
padding:15px;
}

#brands-top-box p{
margin:0 0 10px 0;
padding:0;
color: #bd7c8a;
font-size: 12px;
line-height: 18px;
}

#brands-top-box p a{
color: #bd7c8a;
font-weight: bold;
}

#brands-top-box ul{
margin:0 40px 0 5px;
padding:0;
float:left;
list-style:none;
}

#brands-top-box ul.last{
margin-right: 0px;
}

#brands-top-box ul li{
font-size: 16px;
font-family: Georgia;
margin: 15px 0 5px 0;
}

#brands-top-box ul li a{
color: #EFEFEF;
}

#brands-top-box ul li a:hover{
color: #FFF;
text-decoration: underline;
}

/* Brands Index section starts */
/* /////////////////////////// */

#brands-all-box{
background-color: #222;
border: 1px solid #111;
padding: 10px 20px 10px 10px;
margin:5px 0 0 0;
font-size: 18px;
font-weight: bold;
text-align: right;
}

#brands-all-box a{
color: #91aac0;
}

#brands-all-list{
margin:5px 0 0 0;
padding:10px;
background: #F8F8F8;
border: 1px solid #CCC;
list-style:none;
text-align:center;
}

#brands-all-list li{
display: inline;
margin: 0 6px 0 6px;
}

#brands-all-list li a{
color: #666;
}

#brands-all-list li a:hover{
font-weight: bold;
color: #444;
}

div.brands-index div{
padding: 2px 10px 2px 10px;
background-color: #CCC;
}

div.brands-index div h2{
float:left;
margin:0;
padding:3px 0 0 5px;
font-size: 24px;
color: #444;
font-family: Georgia;
}

div.brands-index div h2 a{
color: #444;
}

div.brands-index div ul{
margin:0;
padding:10px;
list-style:none;
text-align:center;
float:right;
}

div.brands-index div ul li{
display: inline;
margin: 0 6px 0 6px;
font-size: 12px;
}

div.brands-index div ul li a{
color: #666;
}

div.brands-index div ul li a:hover{
font-weight: bold;
color: #444;
}

div.brands-index ul{
float:left;
margin: 10px 0px 30px 60px;
padding:0;
list-style:none;
}

div.brands-index ul.first{
margin-left:10px;
}

div.brands-index ul li{
font-size: 13px;
margin: 5px 0 5px 0;
}

div.brands-index ul li a{
color: #666;
}

div.brands-index ul li a:hover{
color: #91aac0;
}

/* Brands Pres section starts */
/* /////////////////////////// */

#brand-pres{
margin: 10px 10px 0 0;
}

#brand-pres-left{
float:left;
width:500px;
}

#brand-pres-right{
float:right;
width:220px;
}

/* Brands Pres right column starts */

#brand-pres-viewall{
margin-bottom: 10px;
padding: 20px 5px 15px 5px;
text-align:center;
background-color: #000;
}

#brand-pres-viewall p{
margin: 10px 10px 15px 10px;
padding:0;
font-size: 11px;
line-height: 14px;
color: #DDD;
}

#brand-pres-viewall h2{
color: #000;
font-size: 22px;
font-weight: bold;
line-height: 29px;
background-color: #bd7c8a;
display: inline;
text-transform: uppercase;
}

#brand-pres-viewall h3{
font-size: 14px;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
margin:0;
padding:0;
}

#brand-pres-viewall h3 a{
color: #AAA;
}

#brand-pres-viewall h3 a:hover{
color: #bd7c8a;
}


#brand-pres-pop-outer{
border: 1px solid #DDD;
margin-bottom: 10px;
}

#brand-pres-pop-inner{
border: 1px solid #DDD;
background-color: #F8F8F8;
margin: 2px;
padding:13px 10px 7px 13px;
}

#brand-pres-pop-inner h3{
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: #000;
display: inline;
text-transform: uppercase;
}

#brand-pres-pop-inner ul{
padding-top: 5px;
}

#brand-pres-pop-inner ul li{
font-size: 12px;
margin: 5px 0 5px 2px;
padding-bottom: 4px;
border-bottom: 1px dotted #DDD;
}

#brand-pres-pop-inner ul li a{
color: #000;
}

#brand-pres-pop-inner ul li a:hover{
color: #F2F2F2;
background-color: #000;
}

#brand-pres-sale{
background-color: #000;
padding:15px 5px 15px 5px;
text-align:center;
}

#brand-pres-sale h3{
color: #000;
font-size: 16px;
font-weight: bold;
line-height: 22px;
background-color: #DDD;
display: inline;
text-transform: uppercase;
}

#brand-pres-sale p{
margin: 10px 10px 0 10px;
padding:0;
font-size: 11px;
line-height: 14px;
color: #DDD;
}

/* Brands Pres left column starts */

div.brand-pres-cats ul{
margin: -5px 0 30px 0;
background-color: #DDD;
border-top: 2px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 12px 0px 5px 15px;  
}

div.brand-pres-cats ul li{
display: inline;
float:left;
margin-right:15px;
text-align:center;
width:100px;
}

div.brand-pres-cats ul li.viewall{
margin-left:10px;
}

div.brand-pres-cats ul li img{
border: 2px solid #EFEFEF;
}

div.brand-pres-cats ul li.viewall img{
border: 2px solid #DDD;
}

div.brand-pres-cats ul li a:hover img{
border: 2px dotted #9cd15f;
}

div.brand-pres-cats ul li em{
font-size: 15px;
width:100px;
display: block;
margin:5px 0 0 0;
padding:0;
font-weight: bold;
font-style: normal;
}

div.brand-pres-cats ul li em a{
color: #222;
}

div.brand-pres-cats ul li.viewall em a{
color: #444;
}

div.brand-pres-cats ul li p{
font-size: 11px;
width:100px;
margin:1px 0 0 0;
padding:0;
line-height: 12px;
}

div.brand-pres-cats ul li p a{
font-size: 11px;
color: #888;
font-weight: normal;
}

div.brand-pres-cats h2{
display: inline;
background-color: #000;
font-size: 22px;
text-transform: uppercase;
font-weight: normal;
font-family: Georgia;
border: 1px solid #EFEFEF;
}

div.brand-pres-cats h2 a{
color: #FFF;
}

div.brand-pres-cats h2 a:hover{
text-decoration: underline;
}


/* Info section starts */
/* /////////////////////////// */

#box-content-right.info h2{
margin:20px 0 5px 0;
padding:0;
font-size: 14px;
text-transform: uppercase;
}

#box-content-right.info p{
margin:5px 0 10px 0;
padding:0;
font-size: 13px;
line-height: 18px;
color: #333;
}


#box-content-right.info p em{
font-style: normal;
font-weight: bold;
}

#box-content-right.info p a{
color: #bd7c8a;
font-weight: bold;
}


#box-content-right.info p a em{
color: #333;
text-decoration: underline;
}

#box-content-right.info #info-left{
float:left;
width: 400px;
}

#box-content-right.info #info-right{
float:right;
margin: 43px 10px 0 0;
width: 300px;
}

#box-content-right.info #info-right div{
padding:10px;
margin-bottom: 10px;
background: #000;
}

#box-content-right.info #info-right div h3{
margin:0;
padding:10px;
font-size: 12px;
color: #F2F2F2;
text-transform: uppercase;
}

#box-content-right.info #info-right div p{
margin:0;
padding:0 10px 10px 10px;
font-size: 11px;
color: #F2F2F2;
line-height: 20px;
}


#box-content-right.info #info-right div p.question a{
color: #F2F2F2;
font-weight: normal;
line-height: 14px;
}


#box-content-right.info ul, #box-content-right.info ol{
margin: 5px 10px 0 10px;
padding: 5px 10px 0 10px;
list-style: square;
}

#box-content-right.info ol{
list-style: upper-roman;
}

#box-content-right.info ul li, #box-content-right.info ol li{
padding: 5px 5px 10px 5px;
font-size: 12px;
line-height: 18px;
color: #333;
}

#box-content-right.info ul li em, #box-content-right.info ol li em{
font-weight: bold;
}

#box-content-right.info #info-left label{
display: block;
margin: 20px 0 5px 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #444;
}


#box-content-right.info #info-left input, #box-content-right.info #info-left textarea{
color: #666;
font-size: 11px;
font-family: Arial;
}

#box-content-right.info #info-left input.btn-info{
color: #F2F2F2;
background-color: #000;
font-size: 14px;
height: 30px;
font-weight: bold;
}





/* Carousel Box starts */
/* /////////////////////////// */

#carousel-box{
background-color: #FFF;
padding: 10px;
}

#carousel-box button, #carousel-box .carousel{
float:left;
}

#carousel-box button{
margin-top: 40px;
background-color: #EFEFEF;
font-size: 14px;
border: 2px solid #EFEFEF;
font-family: Georgia;
color: #666;
font-weight: bold;
}

#carousel-box .carousel ul{
overflow: hidden;
height: 110px;
z-index: -1;
}

#carousel-box .carousel li{
margin: 0 10px 0 10px;
text-align: center;
}

#carousel-box .carousel li a.carousel-image{
display: block;
width: 118px;
height: 88px;
border: 1px dotted #999;
background: #FFF url(/images/start-screen-strip.jpg) no-repeat top left;
margin-bottom: 5px;
}

#carousel-box .carousel li a.carousel-image:hover{
border: 1px solid #000;
}

#carousel-box .carousel li a{
font-size: 11px;
color: #666;
}

#carousel-box .carousel li a:hover{
text-decoration: underline;
}

/* Featured Box starts */
/* /////////////////////////// */

div.featured-box-container h2{
display: inline;
background-color: #000;
font-family: Georgia;
font-size: 22px;
text-transform: uppercase;
font-weight: normal;
border: 1px solid #F2F2F2;
}

div.featured-box-container h2 a{
color: #F2F2F2;
}

div.featured-box-container h2 a:hover{
color: #FFF;
text-decoration: underline;
}

div.featured-box-content{
margin: -5px 0 0 0;
padding: 13px 15px 14px 15px;
background-color: #DDD;
border-top: 2px solid #CCC;
border-bottom: 1px solid #CCC;
}




/* Featured strip starts */
/* /////////////////////////// */

ul.featured-strip{
float:left;
}

ul.featured-strip li{
float:left;
}

ul.featured-strip li a{
width:100px;
height: 140px;
display: block;
}

ul.featured-strip li a em{
display: block;
position: relative;
top:115px;
background: #000;
filter:alpha(opacity=50);
opacity: 0.5;
width:100px;
height: 22px;
text-align:center;
margin:0;
padding:3px 0 0 0;
color: #FFF;    
}

ul.featured-strip li a:hover em{
background: #d29aa6;
color: #000;  
filter:alpha(opacity=80);
opacity: 0.8;
}

ul.featured-strip li a em b{
font-family: georgia;
font-size: 14px;
letter-spacing: 1px;
font-style: normal;
font-weight: bold;
}

*html ul.featured-strip li a em{
height: 24px;
top:116px;
}


/* Style Cards starts */
/* /////////////////////////// */

ul.style-cards{
background-color: #EFEFEF;
border-top: 2px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 13px 0px 14px 15px;
float:left;
}

ul.style-cards li{
float:left;
width: 170px;
height: 240px;
background-color: #FFF;
text-align: center;
padding-top: 10px;
margin-right: 23px;
}

ul.style-cards li.last{
margin-right: 0px;
}

ul.style-cards li a{
display: block;
width: 148px;
height: 188px;
margin: 0 auto 0 auto;
background: url(/images/start-style-card-bg.jpg) top left no-repeat;
border:1px solid #EFEFEF;
}

ul.style-cards li a em{
width: 139px;
margin: 178px 0 4px 20px;
padding: 9px 0 9px 10px;
background: #a70850 url(/images/style-card-star-bg.gif) no-repeat bottom right;
background-position: 0 0;
color: #FFF;
font-style: normal;
text-transform: uppercase;
font-family: Arial Narrow;
display: block;
font-size: 14px;
text-align: left;
}

ul.style-cards li a b{
display: block;
color: #111;
font-size: 9px;
font-weight:bold;
text-align: left;
margin-left: 20px;
letter-spacing: 0px;
}

ul.style-cards li a:hover{
border: 1px solid #111;
}

ul.style-cards li a:hover em{
background: #000 url(/images/style-card-star-bg.gif) no-repeat bottom right;
background-position: 0 149;
color: #EFEFEF;
}

ul.style-cards li a:hover b{
color: #666;
}


/* Start page starts */
/* /////////////////////////// */

#start{
margin-top:20px;
}

#start-right{
margin-top: 22px;
float:right;
width: 290px;
height: 520px;
background-color: #000;
color: #F2F2F2;
}

#start-right img{
margin: 5px 5px 0 5px;
}

#start-left{
float:left;
width: 675px;
}

#start-right h2{
margin: 15px 0 0 15px;
padding: 0;
font-family: Georgia;
font-size: 20px;
font-weight: normal;
}

#start-right ul{
width:120px;
margin: 10px 0 5px 12px;
float: left;
}

#start-right ul li{
margin: 5px;
}

#start-right ul li a{
color: #F2F2F2;
}

#start-right ul li a:hover{
font-weight: bold;
}

#start-right p{
margin: 8px 20px 0px 15px;
padding: 0;
font-size: 11px;
line-height: 16px;
color: #DDD;
}

#start-right p em{
font-weight: bold;
}



/* ClearFix section starts */
/* /////////////////////////// */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */