@charset "utf-8";
/* CSS Document */

#promoCont {
	width:100%;
	margin:0 0;
	/*overflow: auto;*/
	height: 388px;
		}
	#promoCont img  {
		float:left;
	}
	
	#promoCont #brandAZ  {
		float:right;
		margin:0 0 8px 0px;
		padding:10px;
		width:194px;
		height:360px;
		background-image:url(../img/backgrounds/bg_az.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#promoCont #brandAZ .header {
		color:#FFF;
		font-size:18px;
		height:25px;
		background-image:url(../img/backgrounds/bg_dotted_h.gif);
		background-repeat:repeat-x;
		background-position:0 20px;
		}
	#promoCont #brandAZ input {
		background-image:url(../img/backgrounds/bg_searchInput_AZ.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#939598;
		font-size:12px;
		height:14px;
		width:156px;
		border:0px solid #FFF;
		float:left;
		padding:2px 5px;
		}
	#promoCont #brandAZ #brandCont{
		width:194px;
		height:315px;
		background:white;
		margin:10px 0 10px 0;
		padding:0;
		border:none;
		overflow:hidden;
		position:relative;
		top:-50px;
		}
	
		#promoCont #brandAZ #brandCont #brandList{
			list-style-type:none;
			padding:0;
			margin:0;
			cursor:pointer;
		}
		#promoCont #brandAZ #brandCont #brandList li{
			border-bottom:1px solid #f4f4f5;
			width:auto;
			height:25px;
			padding:0;
			margin:0;
			display:block;
		}
		#promoCont #brandAZ #brandCont #brandList li a:hover{
			background:#9adff1;
			cursor:pointer;
		}
		#promoCont #brandAZ #brandCont #brandList li span{
            float:left;
            margin:0px;
            padding-left:6px;
            color:#000;
            height: 14px;
            width: 79px; 
            margin-top:8px;
		}
		#promoCont #brandAZ #brandCont #brandList li img{
			float:right;
			padding:3px 2px;
		}
		#promoCont #brandAZ #brandCont #brandList li a{
			font-size: 9px;
			font-weight:bold;
			text-decoration: none;
			height:25px;
			display:block;
			width:auto;
		}
		#promoCont #brandAZ #brandCont #brandList li.noResult{
			display:none;
		}
		
		#promoCont #brandAZ #brandCont #brandList li a span.double-line {
		  margin-top:3px;
		}
		
#browse {
	width:100%;
	height:330px;
	background-image:url(../img/backgrounds/bg_dotted_h.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	#browse #browseTab {
		width:100%;
		height:30px;
		background-image:url(../img/backgrounds/bg_dotted_h.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		}
		#browse #browseTab li {
			list-style-type:none;
			background-color:#9adff1;
			padding:10px 5px 0 5px;
			float:left;
			margin-right:5px;
			width:90px;
			height:18px;
		}	
		#browse #browseTab li:hover {
			background-color:#90cfe0;
		}
		#browse #browseTab li.active {
			background-color:#00afdb;
		}
		#browse #browseTab li a {
			text-align:left;
			color:#FFF;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
		}
		span.rate {
			margin-right:5px;
		}
#bottomPromo{
	width:995px;
	margin:0px 0 0 0;
	}
		
.promo {
	width:320px;
	margin:0 11px 10px 0;
	background:#000;
	float:left;
	}

.promoRight {
	width:320px;
	margin:0 11px 10px 0;
	background:#000;
	float:right;
	}


/*CSS Rounded Corners for stitched corners*/

.topLeft {
	background:url(../img/backgrounds/bg_stitch_topLeft.gif) no-repeat 0 0;
	float:left;
	width:9px;
	height:9px;
	}
.topRight {
	background:url(../img/backgrounds/bg_stitch_topRight.gif) no-repeat 0 0;
	float:right;
	width:9px;
	height:9px;
	}
.botLeft {
	background:url(../img/backgrounds/bg_stitch_botLeft.gif) no-repeat 0 0;
	width:9px;
	height:9px;
	float:left;
	}
.botRight {
	background:url(../img/backgrounds/bg_stitch_botRight.gif) no-repeat 0 0;
	width:9px;
	height:9px;
	float:right;
	}
.bgBotHoriz {
	background:url(../img/backgrounds/bg_stitch_botHoriz.gif) repeat-x 0 0;
	height:9px;
	width:302px;
	float:left;
	}
.bgTopHoriz {
	background:url(../img/backgrounds/bg_stitch_topHoriz.gif) repeat-x 0 0;
	width:302px;
	height:9px;
	float:left;
	}
.bgLeftVertic {
	background:url(../img/backgrounds/bg_stitch_leftVertic.gif) repeat-y 0 0;
	height:201px;
	float:left;
	width:10px;
	}
.bgRightVertic {
	background:url(../img/backgrounds/bg_stitch_rightVertic.gif) repeat-y 0 0;
	float:right;
	height:201px;
	width:4px;
	}
.contPromo {
	width:302px;
	height:100px;
	float:left;
	}
	
	.contPromo p {
		margin-top:7px;
		height:40px;
		font-weight:bold;
		font-size:14px;
		color:#FFF;
		display:block;
		background-image:url(../img/backgrounds/bg_promoArrow.gif);
		background-repeat:no-repeat;
		background-position:right 0;
		}
		
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
    }
	
/*For smaller rounded corners (Join us - Payment Options - We Support)*/

.height40 .bgLeftVertic {
	background:url(../img/backgrounds/bg_stitch_leftVertic.gif) repeat-y 0 0;
	height:40px;
	float:left;
	width:10px;
	}
.height40 .bgRightVertic {
	background:url(../img/backgrounds/bg_stitch_rightVertic.gif) repeat-y 0 0;
	float:right;
	height:40px;
	width:4px;
	}
	
.contOpt {
		width:302px;
		height:40px;
		float:left;
		text-align:right;
	}
		#bottomPromo .contOpt img{
			margin-right:1px;
		}
	#bottomPromo .joinUs{
		background-image:url(../img/footer/join-us.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#bottomPromo .payOptions{
		background-image:url(../img/footer/payment-options.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#bottomPromo .weSupport{
		background-image:url(../img/footer/we-support.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}

/*Slots*/

.width200 .bgBotHoriz {
	background:url(../img/backgrounds/bg_stitch_botHoriz.gif) repeat-x 0 0;
	height:9px;
	width:196px;
	float:left;
	}
.width200 .bgTopHoriz {
	background:url(../img/backgrounds/bg_stitch_topHoriz.gif) repeat-x 0 0;
	width:196px;
	height:9px;
	float:left;
	}
.slotCont {
	float:right;
	background:#000;
	margin:0 0 6px 0;
	width:214px;
	}
.newsletter  {
	width:199px;
	float:left;
	}

#topSlider {
	background-image:url(../img/backgrounds/btn_scroll_up_off.png);
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	height:23px;
	width:40px;
	margin:0 auto;
	top:-6px;
	display:block;
	z-index:10;
}

#topSlider:hover, #topSlider.over {
	background-image:url(../img/backgrounds/btn_scroll_up_on.png);
}

#bottomSlider {
	background-image:url(../img/backgrounds/btn_scroll_down_off.png);
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	height:23px;
	width:40px;
	margin:0 auto;
	bottom:-291px;
	display:block;
	z-index:10;
}

#bottomSlider:hover, #bottomSlider.over {
	background-image:url(../img/backgrounds/btn_scroll_down_on.png);
}