/*################
### HIDDEN DIV ###
################*/ 

#visibleBox 
{
	display 				: block;
	width 					: 430px;
	height 					: auto;
	border					: 1px solid #BBB;
	-webkit-border-radius	: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;
	-moz-border-radius		: 8px;
	border-radius			: 8px;
	border-radius			: 8px; 
	margin					: 0px 0px 10px 0px;
}
.trigger,.trigger a {
	display					: block;
	margin					: 3px 0px 0px 5px;
	width					: 420px;
	height					: 110px;
	text-indent				: -999999em;
	overflow				: hidden;
}
.trigger {
	background: url(../banners/springDeals/btn.jpg) no-repeat 0px 0px;
}
.close {
	background: url(../banners/springDeals/btn.jpg) no-repeat 0px -110px;
}
.hiddenBox 
{
	display					: none;
	margin					: 10px 10px 10px 10px;
	padding					: 0px;
	background				: #FFF;
}
.hiddenBoxInner
{
	margin					: 0px;
	padding					: 10px 10px 10px 10px;
	background				: #4E8AD3;
	-webkit-border-radius	: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;
	-moz-border-radius		: 8px;
	border-radius			: 8px;
	border-radius			: 8px; 
}
.hiddenBoxInner table
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 100%;
}
*html .hiddenBoxInner table
{
	width					: 385px;
}
.hiddenBoxInner td
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 0px;
}
.hiddenBoxInner p
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 0px 0px;
	line-height				: 1.0em;
	color					: #FFF;
	font-family				: Tahoma, Arial, Helvetica, sans-serif;
	font-size				: 15px;
}
.hiddenBoxInner p span
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 30px;
}
.hiddenBoxInner p em
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 12px;
}
.hiddenBoxInner img
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #CCC
}
.freeDelivery, .offerEnds
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 0px 0px;
	line-height				: 1.0em;
	color					: #0073C6;
	text-align				: center;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 20px;
}
.offerEnds
{
	color					: #666;
	font-size				: 12px;
}

.hiddenBtn a
{
	display					: block;
	float					: right;	
	margin					: 0px 0px 0px 0px;
	width					: 80px;
	height					: 27px;
	text-indent				: -999999em;
	overflow				: hidden;
	background				: url(../banners/btn-more.gif) no-repeat 0px 0px;
	cursor					: pointer;
}
.hiddenBtn a:hover
{
	background				: url(../banners/btn-more.gif) no-repeat 0px -27px;
}

.line
{
	border-bottom			: 1px solid #FFF;
}




/*###########################
### LOFTY IDEAS AtoZ LIST ###
###########################*/ 


#atozList{
	list-style 				: none;
	margin					: 0px;
	padding 				: 0px;
}
#atozList li{
	display 				: inline;
}
#atozList li a{
	display 				: block;
	float 					: left;
	width 					: 18px;
	height 					: 18px;
	margin-right 			: 2px;
	background-color 		: #0072c6;
	color					: #FFFFFF;
	padding 				: 3px;
	text-decoration 		: none;
	text-align 				: center;
}
#atozList li a:hover{
	background-color		: #BACFF8;
	color 					: #003366;
	text-decoration 		: none;
}


/*#####################
### HOMEPAGE OFFERS ###
#####################*/ 


#homeOffer {
	position				: absolute;
	width					: 63px;
	height					: 63px;
	margin					: 47px 0px 0px 73px;
	padding					: 3px;
}


*html #homeOffer {
	margin					: -86px 0px 0px 70px;
	position				: relative
}


#homeOffer1 {
	position				: absolute;
	width					: 63px;
	height					: 63px;
	margin					: 217px 0px 0px 364px;
	padding					: 3px;
}


*html #homeOffer1 {
	margin					: 80px 0px 0px 370px;
	position				: absolute;
}




/*##############################
### HOMEAGE FEATURED PRODUCT ###
##############################*/ 

#featuredProduct{
	display					: block;
	width					: 430px;
	height					: 140px;
	/*background-color		: #D3DBED;
	background-color		: #FFFFB3;*/
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #CC0000;

}

*html #featuredProduct{
	width					: 440px;
	height					: auto;
}

.featuredHeader{
	display					: block;
	height					: 25px;
	background-color		: #CC0000;
	border-bottom			: 1px solid #6C0000;
}

.featuredHeader p{
	font-size			 	: 85%;
	line-height				: 2.2em;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 5px;
	text-transform			: uppercase;	
	color					: #FFF;
	font-weight				: bold;

}

h6{
	font-size			 	: 140%;
	line-height				: 1.2em;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 0px 5px;
	color					: #006699;
	
}

.featuredContent p{
	font-size			 	: 85%;
	line-height				: 1.4em;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 5px;
	color					: #006699;
}

.featuredImg{
	border					: 1px solid #999;
	float					: right;
	margin					: 5px 5px 5px 5px;
	padding					: 0px 0px 0px 0px;
}

.featuredImg1{
	float					: right;
	margin					: 5px 5px 5px 15px;
	padding					: 0px 0px 0px 0px;
}

.backTop a{
	font-size				: 70%;
	color					: #AAA;
	float					: right;
	margin					: -20px 0px 0px 0px;
	text-decoration			: none;
}

.backTop a:hover{
	font-size				: 70%;
	color					: #333;
	float					: right;
	margin					: -20px 0px 0px 0px;
	text-decoration			: underline;
}


/*####################
### CALL BACK LINK ###
####################*/ 


#callBackBox, #helpBox{
	display 				: block;
	clear					: both;
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

*html #callBackBox, #helpBox{
	margin 					: 0px 0px 0px 0px;
}


ul#callBackLink, ul#helpLink{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	height					: 40px;
}


ul#callBackLink li, ul#helpLink li{
	display 				: inline;
}


ul#callBackLink li a, ul#helpLink li a{
	float 					: left;
	display					: block;
	width					: auto;
	height					: 24px;
	padding					: 3px 25px 3px 3px;
	margin					: 0px 0px 0px 0px;
	border					: 1px solid #CCC;
	font-size 				: 13px;
	line-height				: 1.8em;
	color					: #006699;
	background-image		: url(../images/info1.gif);
	background-position		: right;
	background-repeat		: no-repeat;
	text-decoration			: none;
	
}

ul#helpLink li a{
	background-image		: url(../images/info2.gif);
	
}

#callBackLink li a:hover, #helpLink li a:hover{
	background-color		: #DDD;
	border					: 1px solid #BBB;
}




/*####################
### CALL BACK LINK ###
####################*/ 



.prodTbl{
	width					: 580px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	font-size				: 90%;
}

.prodTitle{
	vertical-align			: top;
	background-color		: #23318A;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;

}
.prodName{
	padding					: 0px 0px 0px 50px;
	margin					: 0px 0px 0px 0px;
	line-height				: 2.8em;
	display					: block;
	height					: 40px;
	font-size				: 110%;
	text-align				: left;
	color					: #FFFFFF;
	font-weight				: bold;
	text-transform			: uppercase;
	background-image		: url(../images/prices/diagonal.gif);
	background-repeat		: no-repeat;
	background-position		: left;
}

.prodHdr{
	vertical-align			: top;
	text-align				: center;
	background-color		: #5C5DA3;
	color					: #FFFFFF;
	font-weight				: bold;
	line-height				: 2.0em;
	height					: 25px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
}


.prodContent{
	vertical-align			: top;
	text-align				: center;
	background-color		: #DEDEEE;
	line-height				: 2.0em;
	height					: 25px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
}


/*#######################
### FIS SERVICE IMAGE ###
######################*/ 

.fixServiceImg{
	border					: none;
	padding					: 0px 20px 0px 0px;
	margin					: 0px 0px 0px 0px;
	float					: left;
}




/*#############################
### IFRAME FLV MOVIE HOLDER ###
#############################*/ 

#iframeFLV{
	border					: block;
	padding					: 0px 0px 0px 0px !important;
	margin					: 0px 0px 0px 0px !important;
	height					: 330px;
	width					: 378px
}




/*##########################
### SPECIAL OFFERS BOXES ###
##########################*/ 

.specialOffers, .specialOffersWide
{
	margin				: 0px 8px 8px 0px;
	padding				: 0px 0px 0px 0px;
	display				: block;
	float				: left;
	width				: 184px;
	height				: auto;
	text-align			: center;
}
.specialOffersWide
{
	margin				: 0px 8px 8px 90px;
	width				: 375px;
}
.specialOffers a, .specialOffersWide a
{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	display				: block;
	color				: #0072C6;
	font-weight			: bold;
	text-decoration		: none;
	background-color	: #F5E617;
}

.specialOffers a:hover, .specialOffersWide a:hover
{
	background-color	: #0072C6;
	color				: #F5E617;
}
.specialOffers h1, .specialOffersWide h1
{
	margin				: 0px 0px 0px 0px;
	padding				: 5px 0px 5px 0px;
	font-size			: 16px;	
	line-height			: 1.2em;	
}
.specialOffers p, .specialOffersWide p
{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 2px 0px;
	font-size			: 12px;		
}
.specialOffers span, .specialOffersWide span
{
	text-decoration		: line-through;
}	
.specialOffers img, .specialOffersWide img
{
	border				: 0px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 2px 0px;
}
	
	

