@charset "utf-8";
/* 

Name : Shoecartel.
Author : DKS, Indusnet Technologies
Version : ShoeCartel-v4_8May08.psd
Date : 12-05-08
Author URL : http://www.shoecartel.com

*/

/***********************************************/
/* General CSS Document Starts Here            */
/***********************************************/

/***************Added om December 09 2008***************/
.keyword_links{
 text-align:center;
 color:#989898;
}

.keyword_links h4 {
color:#989898;
display:inline;
}

.keyword_links a:hover{
color:#ff9900;
}

.keyword_links a{
color:#989898;
}
/***************End***************/

.black_overlay{
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: #333333;
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
		}
.white_content {		
		display: none;
		position: absolute;
	    top: 20%;
		left: 32%;
		/*	width: 50%;
		height: 70%;
		padding: 16px;
		border: 10px solid #FF9933;
		background-color: white;*/
		z-index:1002;
		overflow: auto;
		/*text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#7D7B7B;*/
		}
.pop_container {
    font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	background-color:#fff;
	border:#E5E5E5 5px solid;
	margin:0 auto;
	width:420px;
	/*height:326px;*/
	padding:12px 15px;
	
	}
.bot_line {
	border-bottom:#666666 1px dashed;
	}

.pop_container p {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	margin:14px 0 11px 0;
	}
.pop_container h2 {
	font:24px/59px "Times New Roman", Times, serif;
	text-transform:uppercase;
	border-top:#666666 1px dashed;
	border-bottom:#666666 1px dashed;
	color:#F7941D;
	}
.pop_container span{
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	margin:0 0 10px 0;
	display:block;
    }
.pop_container h3 {
	font:24px/26px "Times New Roman", Times, serif;
	margin-bottom:6px;
	color:#F7941D;
	}	
.pop_container h4 {
	font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
	
.button{
    margin:13px 3px 0 0;
    }			
		

div.tag {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/tag-bg.gif) repeat-x 0 100%;
	position:relative;
	padding:10px 12px 0 12px;
	margin-bottom:6px;
	display:block;
	height:30px;
	}
div.tag img.lCrv {
	position:absolute;
	left:1px;
	top:0;
	}
div.tag img.rCrv {
	position:absolute;
	right:0;
	top:0;
	}	
.left_adjst {
    margin-left:4px;
}	
div.tag h1 {
	font:bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
div.tag h1.brand {
	font:normal 18px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}	
div.tag h3 { /* added on 19-06-2008 */
	font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
div.tag h3 span { color:#F7941D; }	 /* added on 19-06-2008 */
	
/*--------------Modified in 14/06/08 Starts--------------------*/	
div.tag h2 {
	font:bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D7D;
	}
/*--------------Modified in 14/06/08 Ends--------------------*/
div.tag form.zip {
	background-color:#F8F6F7;
	position:absolute;
	padding:3px;
	right:12px;
	top:8px;
	}
div.tag form.zip label {
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	}
div.tag form.zip input.zipcode {
	border:solid 1px #7F9DB9;
	padding:1px 0 0 3px;
	font-size:11px;
	color:#666666;
	width:101px;
	height:15px;
	}
div.tag form.zip input {
	padding:0;
	margin:0;
	}				
div.tag h2 span {
	color:#FF9900;
	}	
div.tag a.more {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/bullet.gif) no-repeat 0 50%;
	text-transform:uppercase;
	text-decoration:none;
	position:absolute;
	padding-left:12px;
	font-size:9px;
	margin-top:4px;
	color:#656668;
	right:12px;
	}
div.tag a.more:hover {
	text-decoration:underline;
	color:#000;
	}		
.padTop {
	padding:12px 0;
	}
.upBord { border-top:solid 2px #EBEBEB; }
.leftBord { border-left:solid 2px #EBEBEB; }
.rightBord { border-right:solid 2px #EBEBEB; }
.botBord { border-bottom:solid 2px #EBEBEB; }

.bodyPad { padding:0 27px; }


form, h1, h2, h3, h4, div, ul, li, pre, label, p, img, span {
	padding:0px;
	margin:0px;
	border:0;
}
html { height:100%; padding-bottom:1px; }
body {
	background:#fff url(http://cdn.cloudfiles.mosso.com/c35162/body-bg.gif) repeat-x 0 0;
	padding:0px;
	margin:0px;
}
#externalcontainer {
	padding:0;
	width:982px;
	margin:10px auto;
	background-color:#FEFCFD;
}
/*p {	
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0;
	padding:0px;
	}*/
	
td, div {
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:none;
	color:#000000;
	/*text-align:left;*/
	vertical-align:top;
}
a {
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#656668;
	}
a:hover {
	text-decoration:underline;
	color:#000;
	}
a:focus { outline:none }	

/* CSS Non editable part */

.inactive {
  color:#CCCCCC;
}

.scroller div.active {
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:15px;
	margin:5px;
	padding:2px;
	width:15px;

}
.scroller div.activeselected {
    background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:15px;
	margin:3px;
	padding:2px;
	width:15px;
    border:solid 2px #FF9000;
}

.scroller div.inactive {
	background-repeat:no-repeat;
	float:left;
	height:15px;
	margin:5px;
	padding:2px;
	width:15px;
	
}
	
.width100per {
	width:100%;	
}
.width50per {
	border:0px;
	width:50%;	
}			
.height1 {
	height:1px;
}	
.width1 {
	width:1px;
}	
.lt, .lm, .lb {
	text-align:left;
}
.lt, .rt, .ct {
	vertical-align:top;
}
.lm, .rm, .cm {
	vertical-align:middle;
}		
.rt, .rb, .rm {
	text-align:right;
}	
.lb, .cb, .rb {
	vertical-align:bottom;
}	
.ct, .cb, .cm {
	text-align:center;
}
/*----------------------------------------*/



/***********************************************/
/* Header CSS Document Starts Here             */
/***********************************************/
.logoPos {
	/*border-bottom:solid 1px #E9E9E9;*/
	}
.logoPos img {
	float:left;
	border:0;
	}

.logoPos form {
	background:#fff url(http://cdn.cloudfiles.mosso.com/c35162/search-f-bg.gif) repeat-x 0 0;
	float:right;
	height:58px;
	margin-top:22px;
	}
	
.logoPos form span {
	}	
.logoPos input, .logoPos select {
	font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	margin:18px 4px 0 0;
	float:left;
	}
.logoPos input.btn {
	margin-right:17px;
	}		
.logoPos input.srchBox {
	font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	border:inset 1px #D4D0C8;
	padding:3px 0 0 10px;
	margin-left:17px;
	width:274px;
	height:16px;
	}
.logoPos option {
	padding-left:6px;
	}		


/* Added on 03 Oct 2008 start here */
h1.curved_heading {
	font:normal 20px/34px Georgia, "Times New Roman", Times, serif;
	border-bottom:solid 1px #D7D7D7;
	border-top:solid 1px #D7D7D7;
	height:34px;
	position:relative;
	margin:7px 0 4px 0;
	padding:0 12px;
	display:block;
	color:#959595;
	}
h1.curved_heading img.hCrvl {
	position:absolute;
	left:0px;
	top:-1px;
	}
h1.curved_heading img.hCrvr {
	position:absolute;
	right:0px;
	top:-1px;
	}
.ourStores2 ul {
	list-style:none;
	margin:2px 3px;
	}
.ourStores2 ul li {
	background-color:#fff;
	border:solid 1px #EEEEEE;
	padding:7px 0;
	margin:0 0 4px 0;
	text-align:center;
	line-height:60px;
	height:60px;
	}
.ourStores2 ul li td {
	padding:10px 12px;
	}	
.ourStores2 ul li img {
	vertical-align:middle;
	}	
.ourStores2 ul li.fullimg {
	padding:0;
	}
.ourStores2 {
	font:normal 20px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FF8B07;
	padding:5px 0;
	margin:0;
	}	
.logoPos ul.shadetabs {
	float:right; margin-top:32px;
	}
.logoPos ul.shadetabs li {	
	list-style:none;
	padding-bottom:4px;
	float:left;
	}
.logoPos ul.shadetabs li a {	
	font:normal 12px/27px Verdana, Arial, Helvetica, sans-serif;
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav_bg2.gif) repeat-x 0 100%;
	padding:0 32px;
	/*padding:8px 32px 8px 32px;*/
	text-decoration:none;
	display:block;
	/*border:solid 1px #ccc;*/
	border-left:none;
	color:#959595;
	}
.logoPos ul.shadetabs li a {
	border-right:solid 1px #ccc;
	}		
.logoPos ul.shadetabs li#home a.selected  {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav_crvl.gif) no-repeat 0 0;
	border-right:solid 1px #ccc;
	border-left:none;
	}

.logoPos ul.shadetabs li#home a {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav_lCvr.gif) no-repeat 0 0;
	border-right:solid 1px #ccc;
	}	
.logoPos ul.shadetabs li#brand a.selected {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav_crvr.gif) no-repeat 100% 0;
	border-right:solid 1px #ccc;
	}
.logoPos ul.shadetabs li#brand a {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav_rCvr.gif) no-repeat 100% 0;
	}
.logoPos ul.shadetabs li#brand a.selected {
	border:none;
	}
.logoPos ul.shadetabs li#brand a {
	border:none;
	}		
.logoPos ul.shadetabs li a.selected {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav-blanck.gif) repeat-x 0 0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;  
	}				
.logoPos ul.shadetabs a.selected {
	font-weight:bold;
	border-bottom:none;
	}
.logoPos ul.shadetabs li a.selected b {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/indicator2.gif) no-repeat 50% 100%;
	padding-bottom:8px;
	font-weight:bold;
	}
.logoPos ul.shadetabs li a.selected {
	border-left:none;
	}		
.tabcontent { display:none; position:absolute; }		
/* Added on 03 Oct 2008 end */			



/***********************************************/
/* Header CSS Document Starts Here             */
/***********************************************/
.leftpane {
	width:273px;
	padding-right:7px;
	}
.leftpane2 { /* Added on 23-07-08 */
	width:222px;
	padding-right:16px;
	padding-top:12px;
	}
.rightpane { /* added on 19-06-2008 for comparison page right section */
	width:273px;
	padding-left:7px;
	}	
div.brandlogo {
	height:135px;
	text-align:center;
	}
div.brandlogo img {
	vertical-align:middle;
	}
div.comparelogo {
	/*height:238px;*/
	text-align:center;
	padding-bottom:8px;
	}
div.comparelogo img {
	vertical-align:middle;
	border:solid 2px #000;
	}	
/*--------------Modified in 14/06/08 Starts--------------------*/	
.leftpane div.popStyles {
	background:#F6F6F6 url(http://cdn.cloudfiles.mosso.com/c35162/pattern.gif) repeat-x 0 0;
	position:relative;
	padding:10px 0 0 96px;
	line-height:18px;
	margin:12px 0;
	color:#F8981D;
	height:40px;
	}	
.leftpane div.popStyles a.styles {
	position:absolute;
	left:3px;
	bottom:-6px;
	}
.leftpane div.popStyles a.styles img {
	border:0px;
	}
.leftpane div.popStyles h2, .leftpane div.popStyles h2 a {
	font:BOLD 15px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#656668;
	}
/*--------------Modified in 14/06/08 Ends--------------------*/			
/*.leftpane div.popStyles h2 a:active {
	color:#656668;
	}
.leftpane div.popStyles h2 a:visited {
	color:#848688;
	}*/
.leftpane div.popStyles h2 a:hover {
	color:#000;
	}
.ourStores ul {
	list-style:none;
	margin:6px 3px;
	}
.ourStores ul li {
	background-color:#fff;
	border:solid 1px #EEEEEE;
	line-height:60px;
	margin:0 0 4px 0;
	text-align:center;
	height:60px;
	}
.ourStores ul li img {
	vertical-align:middle;
	}	
.ourStores ul li.fullimg {
	padding:0;
	}
	
.ourBrand ul {
	list-style:none;
	padding:0 22px;
	}
.ourBrand ul li {
	color:#AFAFAF;
	}
.ourBrand ul li a {
	margin-right:5px;
	}							


/***********************************************/
/* Body Part CSS Document Starts Here          */
/***********************************************/

.seoTxt {
	padding-bottom:6px;
	}
.seoTxt p {
	font:normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#989898;
	margin:4px 6px 4px 9px;

	}
	/*.adjust_height {
height:250px;
}*/

	
/*.seoTxt p b {
padding-top:14px;
font-weight:normal;
display:block;
margin-right:260px;
}*/

.seoTxt p.boldTxt {
	font-weight:bold;
	}	
/*.seoTxt p span {
	color:#F8981D;
	}*/	
.seoTxt p strong {
font-weight:normal;
    }

.seoTxt p img.cheapest {
	float:right;
	margin-left:22px;
	}
.freeProds thead td {
	font-weight:bold;
	padding:4px 0 12px 0;
	}	
.freeProds td {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/dots2.gif) repeat-x 0 100%;
	padding:8px 0 22px 0;
	}
.freeProds h4 {
	font:normal 20px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FF8B07;
	padding:5px 0;
	margin:0;
	}		
/*.prod-display td{ 
	background:url(http://cdn.cloudfiles.mosso.com/c35162/dots.gif) repeat-x 0 100%;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7B7B;
	padding:4px;
	}*/
.prod-display td,.prod-search td.prod-display td {
    background:url(http://cdn.cloudfiles.mosso.com/c35162/dots.gif) repeat-x 0 100%;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#7D7B7B;
	padding:4px;
	}
.noline{
 background:none !important;
}
	
.prod-display h3,.prod-display h3 a{
	padding:7px 0 0 0;
	font:bold 14px/23px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#656668;
	}
.prod-display h3 a:hover{
	padding:7px 0 0 0;
	color:#656668;
	text-decoration:underline;
	}	
.prod-display h4{
	font:normal 20px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FF8B07;
	padding:5px 0;
	margin:0;
	}
.prod-display a.more{
	color:#0072BC;
	text-decoration:none;
	padding:0 0 0 4px;
	}
.prod-display a.more:hover {
	color:#FF8B07;
	text-decoration:underline;
	}
.prod-display a.compare{
	background:url(http://cdn.cloudfiles.mosso.com/c35162/compire-btn.gif) no-repeat right bottom;
	font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 0;
	text-align:center;
	margin:7px auto 0 auto;
	width:80px;
	height:17px;
	color:#939393;
	text-decoration:none;
	display:block;
	}
.prod-display a.compare:hover {
	color:#FFA31C;
	text-decoration:none;
	}

.prod-display td div.imgWrap {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/img-grade-b.gif) repeat-x 0 100%;
	position:relative;
	border:solid 1px #ccc;
	padding:1px 1px 12px 1px;
	margin:7px 7px 7px 0;
	height:80px;
	height:100% !important;
	min-height:80px;
	}
	
	
.prod-display td div.imgWrap img.zoom {
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:100;
	}	
.prod-display td div.imgWrap div {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/img-grade-t.gif) repeat-x 0 0;
	padding:12px 12px 0px 12px;
	}
.prod-display td div.imgWrap div img {
	vertical-align:middle;
	}	
/*.adjust_height {
	height:250px;
	}*/	
		
/* Added on 07-08-09 DK for sitmap page start here */
div.site_info {
	background-color:#fff;
	padding:6px;
	}
div.site_info a {
	font-size:13px;
	color:#0033FF;
	text-decoration:none;
	}
div.site_info a:hover {
	text-decoration:underline;
	color:#FF6600;
	}
a.dark_blue {
	font-size:13px;
	color:#003399;
	text-decoration:none;
	}
a.dark_blue:hover {
	text-decoration:underline;
	color:#000;
	}				
ul.brand_sitemap, ul.home_sitemap {
	list-style:none;
	margin:20px 0 20px 30px;
	}
/* Added on 07-08-09 DK for sitmap page end here */
	
/* Added on 23-07-08 */

.nav2 {
	border-bottom:solid 10px #D4D4D5;
	margin-top:12px;
	}
.nav2 td { color:#828282;}	
.nav2 td.links a {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/nav2.gif) no-repeat 0 100%;
	font:normal 14px/27px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#464646;
	float:left;
	display:block;
	text-align:center;
	height:27px;
	}
.nav2 td.links a.home {
	width:91px;
	}
.nav2 td.links a.women {
	width:85px;
	}		
.nav2 td.links a.boys { width:85px; }
.nav2 td.links a.girls { width:76px; background-position:-10px 0 }

.nav2 ul {
	background-color:#F9F9F9;
	padding:0 4px;
	margin:3px 0 0;
	float:right;
	}
.nav2 ul li {
	display:inline;
	white-space:normal;
	color:#828282;
	}
.nav2 ul li img { margin:0 2px; }	
.nav2 ul li a {
	margin:0 0px;
	color:#FF7800;
	}
	
.botnav ul {
	background-color:#F9F9F9;
	padding:0 4px;
	margin:3px 0 0;
	float:right;
	}	
	
.botnav ul li {
	display:inline;
	white-space:normal;
	color:#828282;
	}
	
.botnav ul li img { margin:0 2px; }
		
.botnav ul li a {	
    margin:0 0px;
	color:#FF7800;
}

.botnav select {
	color:#828282;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

.sortTable {
	background-color:#F8F6F7;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #D5D4D4;
	}

.tag2 {
	background:#F0F0F0 url(http://cdn.cloudfiles.mosso.com/c35162/tag2-bg.gif) repeat-x 0 0;
	}
.tag2 h3 {
	/*background:url(http://cdn.cloudfiles.mosso.com/c35162/down-arrow.gif) no-repeat 0 0;*/
	font:normal 14px/27px Arial, Helvetica, sans-serif;
	padding-left:2px;
	margin-left:3px;
	margin-top:1px;
	color:#828282;
	float:left;
	}
.tag2 img {
	margin:1px 4px 0 2px;
	}	
.tag2 a.clear {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/red-ball.gif) no-repeat 0 50%;
	padding-left:12px;
	line-height:27px;
	float:right;
	}
.sortTable td { padding:5px 0; color:#828282; }	

.sortTable a {
	color:#3C7FB1;
	}
.sortTable select{	
	color:#828282;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    }	

.scroll_wrap {
	padding:6px 4px;
	background-color:#EFEFEF;
	border:solid 1px #D5D4D4;
	margin:3px 0;
	}
.scroll_wrap div.scroller, .scroll_wrap div.scroller2 {
	background-color:#FCFAFA;
	border:solid 1px #D5D4D4;
	height:150px;
	padding:4px 2px 4px 4px;
	overflow:auto;
	}
.scroll_wrap div.scroller2 {
	height:auto;
	}
.scroll_wrap div { height:30px; position:relative; }		
.scroll_wrap input.keyword {
	width:160px;
	height:23px;
	font-size:14px;
	color:#828282;
	padding:4px 0 0 4px;
	border:solid 1px #D5D4D4;
	background-color:#FCFAFA;
	float:left;
	}

/*.scroll_wrap div span { position:absolute; right:10px; }	
.scroll_wrap div span input.srch-btn { margin-top:5px; margin-left:4px; }*/

.scroll_wrap div span.keyword { position:absolute; right:10px; }	
.scroll_wrap div span.keyword input.srch-btn { margin-top:5px; margin-left:4px; }
	
.scroll_wrap div.scroller ul li {
	line-height:15px;
	list-style:none;
	}
.scroll_wrap div.scroller ul li img { border:0; margin-right:6px;}	

/* Added on 23-07-08 End Here */							
/***********************************************/
/* Footer CSS Document Starts Here             */
/***********************************************/
/*--------------Modified in 14/06/08 Starts--------------------*/
#footerpane {
	background:#626262 repeat-x 0 0;
}
#footerset {	
	 width:982px;
	 margin:0 auto;
}
#footer {
	padding:12px 0px;
	text-align:left;
	}
#footer p { 
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	}
#footer p.cpyrht {
	padding:0 0 0 23px;
}
#footer p a {
	color:#999999;
	} 		
#footer p.footlinks {
	background:url(http://cdn.cloudfiles.mosso.com/c35162/foot-logo.gif) no-repeat 28px 0;
	padding:22px 0 11px 50px;
	text-align:center;
	height:33px;
	}
#footer p.footlinks span {
	display:block;
	color:#AAAAAA;
	}	
#footer p.footlinks span a {
	font:normal 11px/21px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 2px;
	color:#AAAAAA;
	}
#footer p.footlinks span a:hover {
	color:#FF9900;
	}
#footer p.footlinks a, #footer p.footlinks  {
	color:#fff;
	margin:0 3px;
	}				
#footer p.footinfo {
	margin:12px 0;
	color:#AF9D5D;
	margin:8px 29px 0 23px;
	}
#footer p.footinfo a {
	color:#FBD858;
}		
/*--------------Modified in 14/06/08 Ends--------------------*/
