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


/*================================= Default Tags =================================*/

html, body{
	height:100%;
}

html, body, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, font, img, ins, kbd, q, s, b, u, i, caption, tbody, tfoot, thead, tr, th, td{
	font-size:11px;
	letter-spacing:0px;
}

h1{
	font-size:22px;
	font-weight:normal;
	height:25px;
	letter-spacing:1px;
	text-transform:uppercase;
}

	h1 span{
		font-size:12px;
		font-weight:normal;
		letter-spacing:1px;
		text-transform:uppercase;
	}

h2{
	font-size:22px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

h3{
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

h4{
	
}

a{
	font-weight:bold;
	text-decoration:none;
}

	a:hover{
		text-decoration:underline;
	}

textarea{
	border:none;
	font-family:Arial;
	font-size:11px;
	height:93px;
	margin:0px;
	resize:none;
	padding:4px 5px 3px 5px;
	width:236px;
}
	
textarea:hover, textarea:focus{
	background-position:left bottom;
}
	
select{
	border:none;
	height:20px;
}

	select:hover, select:focus{
		background-position:left bottom;
	}

/*================================= Default Classes =================================*/	

																																		/*------------------ hr ------------------*/

hr.dotted{
	background:transparent url(../img/bg/hrBack.gif) repeat-x;
	border:none;
	height:1px;
}

																																		/*------------------ clear ------------------*/

.clear{
	clear:both;
}

																																		/*------------------ forms ------------------*/

input.cta{
	background-image:url(../img/btn/cta98.gif);
	background-position:left top;
	border:none;
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	font-size:9px;
	font-weight:normal;
	height:28px;
	margin:15px 0 0 0;
	overflow:hidden;
	padding:0 0 5px 0;
	text-transform:uppercase;
	letter-spacing:0.1em;
	width:98px;
	z-index:5;
}
	
	input.cta:hover{
		background-position:left bottom;
	}

	input.cta.long{
		background-image:url(../img/btn/cta130.gif);
		width:130px;
	}
	
	#container #content form .box{
		line-height:14px;
	}
	
		#container #content form .box.radio{
			line-height:19px;
		}
		
		#container #content form .box span{
			display:inline-block;
		}
		
		#container #content form .box input{
			float:left;
		}
	
	#container #content input.text{
		border:none;
		font-size:11px;
		height:13px;
		margin:0px;
		padding:4px 5px 3px 5px;
		width:240px;
	}
	
	#container #content input.text.medium{
		width:148px;
	}
	
	#container #content input.text.small{
		width:48px;
	}
	
		#container #content input:hover,
		#container #content input:focus{
			background-position:left bottom;
		}

																																		/*------------------ a ------------------*/

a.cta{
	background-image:url(../img/btn/cta98.gif);
	background-position:left bottom;
	display:inline-block;
	font-size:9px;
	font-weight:normal;
	height:28px;
	margin-top:15px;
	overflow:hidden;
	padding:0;
	position:relative;
	text-transform:uppercase;
	width:98px;
}
	a.cta:hover{
		text-decoration:none;
	}
	
	a.cta span.text{
		color:#FFF;
		display:block;
		/*height:18px;*/
		margin:10px 0 0 0;
		padding:0;
		position:absolute;
		text-align:center;
		text-transform:uppercase;
		width:98px;
		z-index:5;
	}
		a.cta:hover span.text{
			text-decoration:none;
		}
		
	a.cta span.altBg{
		background-image:url(../img/btn/cta98.gif);
		background-position:left top;
		display:block;
		height:28px;
		left:0;
		position:absolute;
		width:98px;
		top:0;
		z-index:2;
	}
		a.cta:hover span.altBg{
			display:none;
		}
		
	a.cta.long{
		background-image:url(../img/btn/cta130.gif);
		width:130px;
	}
		
		a.cta.long span.text{
			width:130px;
		}
			
		a.cta.long span.altBg{
			background-image:url(../img/btn/cta130.gif);
			width:130px;
		}
		
	a.cta.short{
		background:url(../img/btn/cta74.gif) no-repeat 0 -28px;
		width:74px;
	}
		
	a.cta.short span.text{
		width:74px;
	}
	
	a.cta.short span.altBg{
		background:url(../img/btn/cta74.gif) no-repeat 0 0;
		width:74px;
	}
	
	a.cta.right{
		float:right;
	}

/*================================= Container =================================*/

#container{
	margin:0px auto;
	position:relative;
	z-index:0;
	width:956px;
}

																																		/*------------------ tables - general ------------------*/

	#container #content table{
		float:left;
		margin-top:20px;
		text-align:center;
		width:890px;
	}
		
		#container #content table tr td{
			padding:5px 0 5px 0;
			width:110px;
		}
	
			#container #content table tr td img{
				float:left;
				margin-right:10px;
			}
		
			#container #content table tr.secondRow td,
			#container #content table tr.secondRow th{
				padding-top:20px;
			}
		
			#container #content table tr.lastRow td,
			#container #content table tr.lastRow th{
				padding-bottom:20px;
			}
			
				#container #content table tr.lastRow.personalDet td,
				#container #content table tr.lastRow.personalDet th{
					padding-bottom:20px;
				}
			
			#container #content table tr.paddingBottom td{
				 padding-bottom:20px;
			}
			
		#container #content table tr th{
			font-weight:bold;
			padding:10px 0px;
			text-transform:uppercase;
			width:110px;
		}
			
			#container #content table tr td.firstCell,
			#container #content table tr th.firstCell{
				text-align:left;
				width:220px;
			}
			
				#container #content table tr td.firstCell p{
					margin-top:10px;
				}
			
			#container #content table tr td.alignTop{
				vertical-align:top;
			}
		
		#container #content td.alignRight{
			text-align:right;
		}
			
		#container #content table tr.small td{
			font-size:9px;
			padding:0 0 5px 0;
		}
			#container #content table tr.small td input{
				display:inline-block;
				margin-top:0;
			}
	
		#container #content a.underline{
			font-weight:100;
			text-decoration:underline;
		}
			#container #content a.underline:hover{
				text-decoration:underline;
			}
	
	#container #content .uppercase{
		text-transform:uppercase;
	}
	
	#container #content .small{
		font-size:9px;
	}

																																		/*------------------ table class 2 ------------------*/
	
	#container #content table.tableClass2{
		margin-bottom:20px;
		text-align:left;
		width:400px;
	}
	
		#container #content table.tableClass2 tr td,
		#container #content table.tableClass2 tr th{
			text-align:left;
			width:auto;
		}
	
	#container #content table.tableClass2.right{
		float:right;
	}
		
			#container #content table.tableClass2 tr td.firstCell{
				text-transform:uppercase;
			}
	
	#container #content table.marginBottom{
		margin-bottom:20px;
	}

	#container #content .imgGuideHolder{
		margin:31px 0px 30px 0px;
	}

		#container #content .imgGuideHolder img{
			margin-right:50px;
		}

																																		/*------------------ referFriend ------------------*/
	
	#container #content table.referFriend{
		margin:0px 0px 20px 0px;
		text-align:left;
		width:500px;
	}
	
		#container #content table.referFriend tr td,
		#container #content table.referFriend tr th{
			vertical-align:top;
			text-align:left;
		}
			
			#container #content table.referFriend tr td .titleCell{
				margin:3px 0px 0px 3px;
			}
			
			#container #content table.referFriend tr td .inputCell{
				
			}
			
			#container #content table.referFriend tr td{
				width:96px;
			}
			
			#container #content table.referFriend tr td input{
				margin-bottom:3px;
			}
			
			#container #content table.referFriend tr td .errorDrop{
				color:#C10000;
				font-style:italic;
			}
	
	#container #content table.marginBottom{
		margin-bottom:20px;
	}

	#container #content .imgGuideHolder{
		margin:31px 0px 30px 0px;
	}

		#container #content .imgGuideHolder img{
			margin-right:50px;
		}

/*================================= Header =================================*/

#container #header{
	
}

																																		/*------------------ Main Nav ------------------*/

	#container #header #mainNav{
		display:block;
		height:110px;
		margin:0px 0px 0px 1px;
		padding:0px 6px;
		position:absolute;
		width:944px;
		z-index:10;
	}
	
		#container #header #mainNav a{
			font-size:10px;
			font-weight:normal;
			text-decoration:none;
			text-transform:uppercase;
			letter-spacing:1px;
		}
	
		#container #header #mainNav a.logo{
			float:left;
			margin-left:5px;
			text-align:center;
			width:140px;
		}
		
		#container #header #mainNav ul.catLinks{
			float:left;
			margin:51px 0px 0px 60px;
		}
		
		#container #header #mainNav ul.catLinks.right{
			float:right;
			margin-right:15px;
		}
		
			#container #header #mainNav ul.catLinks li{
				display:block;
				float:left;
				padding:0px 0px 0px 3px;
			}
			
				#container #header #mainNav ul.catLinks li a{
					display:inline-block;
					font-weight:normal;
					padding:19px 10px 5px 10px;
				}
				
				#container #header #mainNav ul.catLinks li a:hover{
					
				}
				
				#container #header #mainNav ul.catLinks li a.small{
					font-size:9px;
					
					padding-top:20px;
				}
			
				#container #header #mainNav ul.catLinks img.linkDivider{
					margin-top:3px;
					vertical-align:top;
				}
			
			
			
																																		/*------------------ Right Nav ------------------*/
			
		#container #header #mainNav .rightNav{
			float:right;
			font-size:9px;
			margin:-55px 25px 0px 0px;
			text-align:right;
		}
			
			#container #header #mainNav .rightNav a{
				font-size:9px;
				font-weight:normal;
				margin:0px;
				padding:3px 5px;
			}
			
			#container #header #mainNav .rightNav .searchBar{
				float:right;
			}
			
				#container #header #mainNav .rightNav .searchBar input{
					background:url(../img/form/searchBar.gif) left top no-repeat;
					border:none;
					float:right;
					font-size:11px;
					margin:0px;
				}
				
				#container #header #mainNav .rightNav .searchBar input.searchField{
					padding:4px 5px 3px 5px;
					height:13px;
					width:165px;
				}
				
				#container #header #mainNav .rightNav .searchBar input.searchButt{
					background-position:right top;
					cursor:pointer;
					height:20px;
					width:20px;
				}
				
					#container #header #mainNav .rightNav .searchBar input:hover, #container #header #mainNav .rightNav .searchBar input:focus{
						background-position:left bottom;
					}
					
					#container #header #mainNav .rightNav .searchBar input.searchButt:hover, #container #header #mainNav .rightNav .searchBar input.searchButt:active, #container #header #mainNav .rightNav .searchBar input.searchButt:focus{
						background-position:right bottom;
					}
			
		#container #header #mainNav .rightNav .search{
			margin-bottom:19px;
			width:240px;
		}
			
			#container #header #mainNav .rightNav .search a{
				float:left;
				font-size:8px;
				margin:4px 10px 0px 10px;
			}
		
																																		/*------------------ Banner ------------------*/

	#rangeWrapper{
		height:525px;
		margin:0px;
		position:absolute;
		width:100%;
		z-index:0;
	}
	
		#rangeWrapper.imgHolder{
			background-repeat:no-repeat;
			background-position:center top;
		}
	
		#rangeWrapper.imgHolder #container #header .contentHeight{
			margin:0px;
			position:relative;
			height:525px;
			z-index:1;
		}
	
			#rangeWrapper.imgHolder.short #container #header .contentHeight{
				height:325px;
			}
	
	/*
	#rangeWrapper{
		height:525px;
		margin:0px;
		position:relative;
		overflow:auto;
		z-index:0;
	}
*/

	#rangeWrapper.short{
		height:300px;
	}
	
		#rangeWrapper .bgFaderWrapper{
			height:525px;
			position:absolute;
			width:100%;
		}
	
			#rangeWrapper .bgFaderWrapper .bgFader{
				background-position:center;
				background-repeat:no-repeat;
				height:525px;
				overflow:hidden;
				position:absolute;
				width:0px;
			}
		
		#container #header .contentHeight div.bannerCTA{
			display:inline-block;
			left:15px;
			/*height:146px;*/
			height:176px;
			margin-left:-100px;
			padding:50px 0px 0px 125px;
			position:relative;
			top:139px;
			width:400px;
		}
			
			#container #header .contentHeight div.bannerCTA h1{
				font-size:42px;
				font-weight:100;
				margin-bottom:20px;
			}
			
			#container #header .contentHeight div.bannerCTA h2{
				font-size:18px;
				font-weight:100;
				margin-bottom:5px;
			}
			
			#container #header .contentHeight div.bannerCTA a{
				display:block;
				float:left;
				font-weight:100;
				height:13px;
				padding:4px 0px 0px 22px;
				text-transform:uppercase;
			}
		
																																		/*------------------ Range Nav ------------------*/
		
	#container #header #rangeNav{
		height:33px;
		margin:-172px 0px 0px 1px;
		padding:23px 0px 0px 34px;
		position:relative;
		z-index:1;	
	}
	
	#container #header #rangeNav.nav{
		height:65px;
		padding-top:17px;
	}
	
		#container #header #rangeNav h1{
			padding-bottom:8px;
		}
		
			#container #header #rangeNav ul{
				
			}
		
				#container #header #rangeNav ul li{
					display:block;
					float:left;
					margin-right:6px;
				}
				
					#container #header #rangeNav ul li:last-child{
						margin-right:0px;
					}
			
					#container #header #rangeNav ul li a.rangeButton{
						display:block;
						height:23px;
						font-weight:normal;
						letter-spacing:0.5px;
						height:33px;
						font-size:11px;
						position:relative;
						text-transform:uppercase;
						width:143px;
					}
					
						#container #header #rangeNav ul li a.rangeButton:hover{
							text-decoration:none;
						}
						
						#container #header #rangeNav ul li a.rangeButton span.text{
							display:block;
							/*height:70px;*/
							padding:6px;
							position:absolute;
							z-index:5;
						}
						
						#container #header #rangeNav ul li a.rangeButton span.altBg{
							display:block;
							width:143px;
							height:99px;
							position:absolute;
							z-index:4;
						}
						
							#container #header #rangeNav ul li a.rangeButton:hover span.altBg{
								display:none;
							}
		
		
/*================================= Content =================================*/

																																		/*------------------ WYSIWYG ------------------*/
	
		#container #content.wysiwyg h2{
			font-size:18px;
			margin-top:30px;
		}
		
		#container #content.wysiwyg h3{
			font-size:16px;
			margin-top:20px;
		}
		
		#container #content.wysiwyg h4{
			font-size:14px;
			font-weight:100;
			margin-top:10px;
		}
		
		#container #content.wysiwyg p{
			letter-spacing:1px;
			line-height:16px;
			margin:10px 0px 20px 0px;
		}
		
		#container #content.wysiwyg ul{
			padding-left:15px;
			margin:10px 0px;
		}
		
		#container #content.wysiwyg ul li{
			letter-spacing:1px;
			list-style-type:disc;
		}
		
		#container #content img.right{
			 float:right;
			 margin:10px 0px 10px 20px;
		}
		
		#container #content.wysiwyg input.left{
			margin-left:0;
			padding-left:0;
		}
		
		#container #content.wysiwyg table.billingInfo{
			margin-top:15px;
		}
		
#container #content{
	padding:15px 35px 15px 35px;
	position:relative;
	z-index:8;
}
	
	#container #content h2{
		margin-bottom:20px;
	}
	
	#container #content p{
		margin:20px 10px 20px 10px;
	}
	
	#container #content ul.lifestyleLinkHolder{
		margin:10px -3px 10px -3px;
		padding:0;
	}
	
		#container #content ul.lifestyleLinkHolder li{
			display:inline-block;
			margin-right:6px;
		}
	
			#container #content ul.lifestyleLinkHolder li:last-child{
				margin-right:0px;
			}
		
			#container #content ul.lifestyleLinkHolder li a{
				background-position:left bottom;
				display:inline-block;
				font-size:9px;
				font-weight:normal;
				height:135px;
				overflow:hidden;
				padding:0 14px 0px 14px;
				position:relative;
				text-transform:uppercase;
				width:188px;
			}
			
				#container #content ul.lifestyleLinkHolder li a:hover{
					text-decoration:none;
				}
				
		#container #content ul.lifestyleLinkHolder li a span.text{
			display:block;
			font-size:11px;
			margin:105px 0 0 11px;
			padding:0px 12px 4px 0;
			position:absolute;
			text-transform:uppercase;
			width:116px;
			z-index:5;
		}
		
		#container #content ul.lifestyleLinkHolder li a span.altBg{
			background-position:left top;	
			display:block;
			height:135px;
			left:0;
			position:absolute;
			width:216px;
			top:0;
			z-index:2;
		}
			#container #content ul.lifestyleLinkHolder li a:hover span.altBg{
				display:none;
			}
			
			
		
	#container #content a.backButt{
		font-size:11px;
		font-weight:normal;
		letter-spacing:0px;
		margin:0px 0px 0px -5px;
		padding:2px 5px 2px 13px;
	}
	
		#container #content a.backButt:hover{
			text-decoration:none;
		}
	
	#container #content ul.catMenu{
		height:18px;
		margin:10px -5px 0px -5px;
	}
	
		#container #content ul.catMenu li{
			float:left;
		}
		
			#container #content ul.catMenu li a{
				float:left;
				font-size:9px;
				font-weight:normal;
				letter-spacing:1px;
				padding:5px 12px 4px 12px;
				text-transform:uppercase;
				cursor: default;
			}
			
				#container #content ul.catMenu li a:hover{
					text-decoration:none;
				}
				
				#container #content ul.catMenu li span.end{
					float:right;
					height:18px;
					width:10px;
				}

																																		/*------------------ SEARCH ------------------*/
		
		#container #content.search ul{
			padding-left:0px;
		}
		
			#container #content.search ul li{
				list-style:none;
				margin-bottom:15px;
				padding:0px 0px 15px 0px;
			}
		
			#container #content.search ul.searchPagination{
				display:block;
				text-align:right;
				width:100%;
			}
		
			#container #content.search ul.searchPagination li{
				display:inline;
				margin:0px 3px 0px 0px;
				padding:0px;
			}
				
				#container #content.search ul.searchPagination li a{
					font-weight:100;
				}
				
				#container #content.search ul.searchPagination li a.current{
					font-weight:bold;
					text-decoration:underline;
				}
				
				#container #content.search ul li p{
					margin-bottom:5px;
					margin-top:5px;
				}
			
			#container #content.search ul.searchPagination.top{
				padding-bottom:15px;
			}

																																		/*------------------ SEARCH | not found ------------------*/
			
		#container #content .searchNotFound{
			margin:20px 0px 0px 0px;
		}
		
			#container #content .searchNotFound p{
				margin:20px 0px 10px 0px;
				padding:0px;
			}
			
			#container #content .searchNotFound ul{
				margin-top:0px;
				padding:0px;
			}
			
				#container #content .searchNotFound ul.comingSoonLinks li{
					border:none;
					display:inline;
					margin-right:20px;
				}
				
					#container #content .searchNotFound ul.comingSoonLinks li a{
						font-size:11px;
						font-weight:normal;
						padding-left:10px;
						text-transform:capitalize;
					}
				
					#container #content .searchNotFound ul.comingSoonLinks li a:hover{
						text-decoration:none;
					}

																																		/*------------------ Prod Scroller ------------------*/
				
	#container #content a.prevBtn{
		background:url(../img/prodView/arrowsBig.png) left top no-repeat;
		display:none;
		position:absolute;
		top:150px;
		left:20px;
		width:60px;
		height:280px;
		text-indent:-9999px;
		z-index:1;
	}
		
		#container #content a.prevBtn:hover{
			background-position:left -280px;
		}
	
	#container #content a.nextBtn{
		background:url(../img/prodView/arrowsBig.png) left -560px no-repeat;
		display:none;
		position:absolute;
		top:150px;
		right:20px;
		width:60px;
		height:280px;
		text-indent:-9999px;
		z-index:1;
	}
		
		#container #content  a.nextBtn:hover{
			background-position:left -840px;
		}
	
	#container #content .prodHolder{
		display:block;
		height:350px;
		margin:30px 0px;
		overflow-x:auto;
		overflow-y:hidden;
		/*width:880px;*/
		width:880px;
	}
	
		#container #content .prodHolder .prodScroller{
			width:1546px;
			
		}
	
			#container #content .prodHolder .prodScroller .prodItem{
				float:left;
				text-align:center;
				/*width:220px;*/
				width:200px;
			}
			
				#container #content .prodHolder .prodScroller .prodItem:last-child{
					border:none;
				}
				
					#container #content .prodHolder .prodScroller .prodItem a{
						
					}
				
						#container #content .prodHolder .prodScroller .prodItem a img.prod{
							margin:10px 0px;
						}
						
						#container #content .prodHolder .prodScroller .prodItem a span.onSpecialProduct,
						#container #content .prodHolder .prodScroller .prodItem a span.newProduct{
							background:url(../img/prodView/specialBanner.png) no-repeat;
							display:block;
							margin:-143px auto 0px auto;
							height:25px;
							overflow:hidden;
							position:relative;
							text-indent:-9999px;
							width:180px;
						}
						
						#container #content .prodHolder .prodScroller .prodItem a span.newProduct{
							background:url(../img/prodView/newBanner.png) no-repeat;
						}
					
					#container #content .prodHolder .prodScroller .prodItem p{
						line-height:8px;
						margin-bottom:5px;	
						text-transform:uppercase;
					}
					
					#container #content .prodHolder .prodScroller .prodItem .price{
						font-weight:bold;
					}
					
					#container #content .prodHolder .prodScroller .prodItem .prodInfo{
						display:inline-block;
						margin-left:0px;
						width:100%;
						filter:alpha(opacity=0);
						-moz-opacity:0;
						-khtml-opacity:0;
						opacity:0;
					}
						
						#container #content .prodHolder .prodScroller .prodItem:hover .prodInfo{
							filter:alpha(opacity=100);
							-moz-opacity:1;
							-khtml-opacity:1;
							opacity:1;
						}
						
						#container #content .prodHolder .prodScroller .prodItem .prodInfo.colorOptions{
							
						}

/*================================= Login Page Layout =================================*/
																															
	#container #content #login{
		
	}
	
		#container #content #login input{
			border:none;
			display:block;
			font-size:11px;
			height:13px;
			margin:5px 0 5px 0;
			padding:4px 5px 3px 5px;
			width:240px;
		}
		
			#container #content #login input.cta{
				height:28px;
				margin-top:20px;
				padding-top:2px;
				width:98px;
			}
			
			#container #content #login #forgotPwDiv p{
				margin-left:0px;
			}
			

/*================================= Contact Page Layout =================================*/


#container #content .infoContainer{
	
}


																																		/*------------------ Contact Page Left ------------------*/

#container #content .infoContainer .contactInfo {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0 0 5px 0;
	width:392px;
}

	#container #content .infoContainer .contactInfo h3.subHead{
		font-weight:bolder;
		margin:0px;
		padding:3px 0;
		text-transform:uppercase;
	}

	#container #content .infoContainer .contactInfo .locationSelect{
		margin:0px 0px 10px 0px;
		text-align:left;
	}
	
	#container #content .infoContainer .contactInfo table.tableClass2{
		margin-top:0px;
	}
	
	#container #content .infoContainer .contactInfo table.nearestStores tr td{
		line-height:14px;
	}
	
	#container #content .infoContainer .contactInfo .storeLocate{
		text-align:left;
	}
	
		#container #content .infoContainer .contactInfo p{
			line-height:14px;
			padding:0;
			margin-left:0;
		}
			
			#container #content .infoContainer .contactInfo a.storeFind span.text{
				margin-top:7px;
			}
																																			
																																			/*------------------ Contact Page Map ------------------*/
																														
		#container #content .infoContainer .contactMap{
			background-position:center;
			background-repeat:no-repeat;
			float:right;
			margin:0px 0 3px 0;
			padding-top:0px;
			text-align:right;
			width:490px;
		}
		
		#container #content .infoContainer .mapOptions{
			font-size:small;
			margin-top:3px;
			text-align:right;
		}
			
			#container #content .infoContainer .mapOptions a{
				text-decoration:none;
			}
			
			#container #content .infoContainer .mapIcon{
				padding:0 3px;
				vertical-align:middle;
			}
	

/*================================= Cart Page Layout =================================*/
																																				/*------------------ Cart General classes ------------------*/

#container #content #cart{
	padding-bottom:20px;
}
	#container #content #cart ul.catMenu{
		margin:20px 0 20px 0;
	}

	#container #content #cart img.right{
		float:right;
	}

	#container #content #cart .clear{
		clear:both; width:100%; height:10px;
	}
	
																																				/*------------------ Table shoppingCart ------------------*/

	
	#container #content table.shoppingCart tr td{
		padding:10px 0 10px 0;
	}
	
	#container #content div.checkout{
		float:right;
		margin:10px 20px 0 0;
	}
	
		#container #content div.checkout a.checkoutBtn{
			float:right;
		}

																																				/*------------------ Table billingInfo ------------------*/

	#container #content div.billingInfoImg{
		float:right;
		margin-top:20px;
		height:409px;
		width:474px;
	}
			
																																				/*------------------ Table payment ------------------*/
		
		#container #content table.payment{
			width:247px;
		}
		
			#container #content table.payment tr td,
			#container #content table.payment tr th{
				text-align:left;
			}
			
			#container #content form table.payment tr.small td{
				font-size:9px;
				padding:0 0 5px 0;
			}
			
			#container #content form table.payment tr td.expiryDates{
				padding-bottom:15px;
			}
			
				#container #content form table.payment tr td.expiryDates select#expiryDateMonth{
					margin-left:10px;
				}

																																				/*------------------ Table orderSummary ------------------*/

		#container #content table.orderSummary{
			float:right;
			margin-bottom:20px;
			width:550px;
		}
			
			#container #content table.orderSummary tr td,
			#container #content table.orderSummary tr th{
				text-align:left;
				vertical-align:top;
				width:138px;
			}
			
			#container #content table.orderSummary tr.secondRow td{
				font-weight:bold;
				padding-bottom:8px;
				text-transform:uppercase;
			}
			
			#container #content table.orderSummary tr td.nothing{
				width:38px;
			}
			
			#container #content table.orderSummary tr td.extra{
				width:238px;
			}

																																				/*------------------ Table mini (mini cart) ------------------*/

		#container #content table.mini{
			float:right;
			width:550px;
		}
			
			#container #content table.mini tr td{
				padding:10px 0 10px 0;
			}
			
				#container #content table.mini tr td.firstCell p{
					margin-top:5px;
				}
			
			#container #content table.mini tr th{
				width:110px;
			}

		#container #content table.mini.left{ 
			float:left;
			width:560px;
		}

		
			#container #content table.mini.left tr td{ 
					vertical-align:middle;
				}



		#container #content img.right.deliveryImg{ 
			padding-top:9px;
		}

																																					/*------------------ Table priceTotal ------------------*/
																																										
		
		#container #content table.priceTotal{
			float:right;
			margin-top:-20px;
			width:250px;
		}
		
			#container #content table.priceTotal tr td{
				padding:2px 0 2px 0;
				width:110px;
			}
					#container #content table.priceTotal tr td.uppercase{
						font-weight:bold;
					}
		
			#container #content table.priceTotal tr td.firstCell{
				text-align:right;
				width:450px;
			}
																																				/*------------------ Table Reciept ------------------*/
																																										
		
		#container #content div.recieptImg{
			float:right;
			margin-top:55px;
			height:409px;
			width:474px;
		}
		
		#container #content table.reciept{
			float:left;
			margin-top:-10px;
			width:400px;
		}
		
			#container #content table.reciept tr td.recieptTd{
				line-height:18px;
				padding-top:38px;
				text-align:left;
			}

		
			#container #content table.reciept tr td.recieptTd a#policy{
				font-size:10px;
				text-align:left;
				text-decoration:underline;
			}
			
			#container #content table.reciept a.cta.long.trackingOrderButton{
				float:left;
			}
					

/*================================= Feature Coming Soon Page =================================*/
			
		#container #content .textContent{
			margin:190px 0px 0px 45px;
			width:415px;
		}	
			
		#container #content .textContent.referal{
			margin:140px 0px 0px 45px;
		}
		
			#container #content .textContent ul.comingSoonLinks{
				margin-top:10px;
				padding:0px;
			}
			
				#container #content .textContent ul.comingSoonLinks li{
					display:inline;
					margin-right:20px;
				}
				
					#container #content .textContent ul.comingSoonLinks li a{
						font-size:11px;
						font-weight:normal;
						padding-left:10px;
						text-transform:capitalize;
					}
				
					#container #content .textContent ul.comingSoonLinks li a:hover{
						text-decoration:none;
					}
		

/*================================= Product Deliveries Page Layout =================================*/


#container #content .wysiwyg{
	
}

	#container #content .wysiwyg .productDeliveries{
		
	}


																																		/*------------------ Contact Page Left ------------------*/

#container #content .wysiwyg .productDeliveries .tableClass2{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0 0 5px 0;
	width:392px;
}
		
/*================================= Footer =================================*/

	#footer{
		padding:20px 28px;
		width:900px;
		position:relative;
		z-index:5;
	}
						
						
																																				/*------------------ Additional Links ------------------*/
						
		#container #footer .addLinks{
		}
		
			#container #footer .addLinks a{
				float:left;
				height:81px;
				margin:0px 13px 18px 4px;
				position:relative;
				width:286px;
			}
			
				#container #footer .addLinks a:last-child{
					margin-right:0px;
				}
			
			#container #footer .addLinks a:hover{
				background-position:left bottom;
				text-decoration:none;
			}
			
			#container #footer .addLinks a span.text{
				display:block;
				float:none;
				font-size:9px;
				font-weight:normal;
				margin-top:67px;
				padding:0px 12px 4px 20px;
				position:absolute;
				text-transform:uppercase;
				width:262px;
				z-index:5;
			}
			
			#container #footer .addLinks a span.altBg{
				display:block;
				height:81px;
				position:absolute;
				width:286px;
				z-index:2;
			}
			
			#container #content .addLinks a:last-child{
				margin:0px;
			}
						
						
																																				/*------------------ Site Map ------------------*/
	
		#footer .siteMap{
			padding:7px 25px;
			width:850px;
		}
		
		#footer .siteMap h3{
			font-size:9px;
		}
		
		#footer .siteMap .linksHolder dl{
			float:left;
			margin:30px 12px 0px 0px;
			width:110px;
		}
		
			#footer .siteMap .linksHolder dl:last-child{
				margin:30px 0px 0px 0px;
				padding:0px;
			}			
			
			#footer .linksHolder .siteMap dl dt{
				
			}
		
				#footer .siteMap .linksHolder dl dt a{
					font-size:11px;
					font-weight:bold;
					letter-spacing:1px;
				}
			
			#footer .siteMap .linksHolder dl dd{
				margin-top:10px;
				padding-left:10px;
			}
			
				#footer .siteMap .linksHolder dl dd a{
					font-size:11px;
					font-weight:normal;
					margin-left:-10px;
					padding-left:10px;
					text-transform:capitalize;
				}
				
					#footer .siteMap .linksHolder dl dd a:hover{
						text-decoration:none;
					}
		
		#footer .siteMapEnd{
			height:25px;
			width:900px;
		}
		
		#footer ul.bottLinks{
			font-size:10px;
			margin-top:10px;
			text-align:center;
		}
		
			#footer ul.bottLinks li{
				display:inline;
				margin-right:10px;
			}
			
				#footer ul.bottLinks li a{
					font-size:10px;
					font-weight:normal;
				}
				
					#footer ul.bottLinks li a:hover{
						text-decoration:underline;
					}
					
					#footer ul.bottLinks li img.flag{
						margin:0px 5px -4px 0px;
					}
						
					
																																				/*------------------ Bottom Links ------------------*/
		
	#countryForm{
		display:inline-block;
	}
	
		#countryForm select#selectCountry{
			display:none;
		}


/*================================= Products Blanket Overlay =================================*/

	#blanket{
		background:url(../img/bg/bgWrapper.png);
		height:0px;
		overflow:hidden;
		position:absolute;
		top:0;
		width:0px;
	}

		#blanket .productWrapper{
			background-color:#fff;
			min-height:550px;
			margin:360px auto;
			overflow:hidden;
			position:relative;
			width:940px;
		}
		
			#blanket .productWrapper p{
				font-family:Arial, Helvetica, sans-serif;
			}
			
			#blanket .productWrapper a{
				text-decoration:none;
			}
				#blanket .productWrapper a:hover{
					text-decoration:none;
				}
			
			#blanket .productWrapper select{
				display:block;
				margin:11px 0px;
				padding-left:3px;
				padding-bottom:3px;
				padding-top:3px;
				height:20px;
			}
				#blanket .productWrapper select option{
					
				}
			
			#blanket .productWrapper li{
				font-family:Arial, Helvetica, sans-serif;
				line-height:25px;
			}
			
			#blanket .productWrapper hr{
				border:none;
			}
			
			#blanket .productWrapper a.closeBtn{
				background:url(../img/prodView/close.gif) right top no-repeat;
				display:block;
				height:19px;
				position:absolute;
				right:0;
				text-indent:-9999px;
				top:0;
				width:94px;
			}
			
			#blanket .productWrapper a.closeBtn.back{
				background:url(../img/prodView/back.gif) right top no-repeat;
				display:none;
			}
				
				#blanket .productWrapper a.closeBtn:hover{
					background-position:right bottom;
				}
			
			#blanket .productWrapper a.back.normalText{
				background:none;
			}
			
			#blanket .productWrapper a.prevBtn{
				background:url(../img/prodView/arrowLeft.gif) top left no-repeat;
				display:block;
				position:absolute;
				top:50%;
				left:20px;
				margin-top:-32px;
				width:30px;
				height:42px;
				text-indent:-9999px;
			}
				
				#blanket .productWrapper a.prevBtn:hover{
					background-position:bottom left;
				}
			
			#blanket .productWrapper a.nextBtn{
				background:url(../img/prodView/arrowRight.gif) top right no-repeat;
				display:block;
				position:absolute;
				top:50%;
				right:20px;
				margin-top:-32px;
				width:30px;
				height:42px;
				text-indent:-9999px;
			}
				
				#blanket .productWrapper a.nextBtn:hover{
					background-position:bottom right;
				}
			
			#blanket .productWrapper .extraInfo{
				background-color:#FFF;
				display:none;
				height:100%;
				position:absolute;
				top:0px;
				width:100%;
			}	
			
			#blanket .imageLoad{
				position:absolute;
				top:45%;
				left:458px;
				width:24px;
			}
				
																																				/*------------------ Featured Item (Left) ------------------*/
																																				
			#blanket .productWrapper .productContent{
				padding:50px 50px 30px 50px;
				width:840px;
			}
			
			#blanket .productWrapper .productContent .imgHolder{
				float:left;
				height:324px;
				position:relative;
				text-align:center;
				width:305px;
			}
				
				#blanket .productWrapper .productContent .imgHolder a.click{
					border:1px solid #999;
				}
				
					#blanket .productWrapper .productContent .imgHolder a img{
						
					}
			
				#blanket .productWrapper .productContent .imgHolder a.colorOptions{
					background:#FFF -90px -60px no-repeat;
					border:#E9E9E9 1px solid;
					display:inline-block;
					height:20px;
					margin:2px 2px 2px 2px;
					overflow:hidden;
					text-align:center;
					width:20px;
				}
					#blanket .productWrapper .productContent .imgHolder a.colorOptions:hover{
						border:#CCC 1px solid;
					}
				
				#blanket .productWrapper .productContent .imgHolder .zoomInstructions{
					background-color:#CCC;
					color:#FFF;
					display:none;
					left:8px;
					padding:5px;
					position:absolute;
					top:0px;
					filter:alpha(opacity=50);
					-moz-opacity:0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
				}
					
					#blanket .productWrapper .productContent .imgHolder .zoomInstructions.hover{
						background-color:#000;
					}
				
																																					/*------------------ Item Info(Right) ------------------*/
			
			#blanket .productWrapper .productContent .contentHolder{
				margin-top:0px;
				float:right;
				width:511px;
			}
			
				#blanket .productWrapper .productContent .contentHolder span.extraProductInfo{
					background-color:#CCC;
					color:#FFF;
					display:inline-block;
					letter-spacing:2px;
					padding:5px 10px;
					
					margin-bottom:15px;
					text-transform:uppercase;
				}
			
				#blanket .productWrapper .productContent .contentHolder h1{
					font-size:28px;
					font-weight:normal;
				}
			
					#blanket .productWrapper .productContent .contentHolder h1 span{
						font-size:20px;
					}
			
				#blanket .productWrapper .productContent .contentHolder p{
					line-height:18px;
					padding:15px 0px;
					margin:15px 0px;
				}
				
				#blanket .productWrapper .productContent .contentHolder ul li a#fbShare{
					margin:0px 10px 0px 5px;
					padding:0px;
				}
				
					#blanket .productWrapper .productContent .contentHolder ul li a#fbShare img{
						margin-top:-3px;
						vertical-align:middle;
					}
				
				#blanket .productWrapper .productContent .contentHolder ul li a#twitterShare{
					background:none;
					margin:0px 10px 0px 0px;
					padding:0px;
				}
				
					#blanket .productWrapper .productContent .contentHolder ul li a#twitterShare img{
						margin-top:-3px;
						vertical-align:middle;
					}
			
			#blanket .productWrapper .productContent .contentHolder .cartDetails{
				margin:15px 0px;
			}
				
				#blanket .productWrapper .productContent .contentHolder .cartDetails a.addToCart{
					background-position:left bottom;
					display:block;
					float:left;
					height:32px;
					margin:0px 15px 0px -15px;
					position:relative;
					text-indent:-50000px;
					width:151px;
				}
				
					#blanket .productWrapper .productContent .contentHolder .cartDetails a.addToCart span.altBg{
						background-position:left top;
						display:block;
						height:32px;
						position:absolute;
						top:0;
						width:151px;
					}
				
					#blanket .productWrapper .productContent .contentHolder .cartDetails a.addToCart:hover span.altBg{
						display:none;
					}
				
				#blanket .productWrapper .productContent .contentHolder .cartDetails h3{
					padding:4px 0px 4px 20px;
					margin:4px 10px;
					float:left;
					font-size:16px;
					font-weight:normal;
				}
				
				#blanket .productWrapper .productContent .contentHolder .cartDetails .hiddenWrapper{
					height:20px;
					margin:10px 0px -15px -10px;
				}
				
					#blanket .productWrapper .productContent .contentHolder .cartDetails .hiddenWrapper .hiddenError,
					#blanket .productWrapper .productContent .contentHolder .cartDetails .hiddenWrapper .hiddenSuccess{
						display:none;
						font-size:12px;
						margin:0px 0px 0px 10px;
						text-transform:uppercase;
					}
			
																																					/*------------------ Thumbnails(Bottom) ------------------*/
																																					
			#blanket .productWrapper .productContent .thumbsContainer{
				margin-top:0px;
			}
				
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper{
					float:left;
					width:405px;
				}
					
					#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper.left{
						margin-right:20px;
						
					}
					
					#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper.right{
						
					}
			
				/*
#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper:first-child{
					margin-right:25px;
					padding-right:25px;
				}
*/
			
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper a{
					display:block;
					float:left;
					margin:0px 8px;
					text-align:center;
					width:80px;
				}
				
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper.left a{
					margin-right:15px
				}
				
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper.right a{
					margin-left:15px
				}
				
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper p{
					margin:10px 0px 15px 0px;
					text-transform:uppercase;
				}
				
				#blanket .productWrapper .productContent .thumbsContainer .thumbSubWrapper .divider{
					float:left;
					margin:0px 10px;
					vertical-align:middle;
				}							
					
/*================================= ColorBox =================================*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background-image:none;}

#colorbox{background:transparent;}
    #cboxContent{background:transparent; margin-top:0px;}
        #cboxLoadedContent{background:#FFF; padding:0px; width:940px;}
        #cboxTitle{background:transparent; position:absolute; top:-25px; left:80px;} /* HIDDEN */
        #cboxCurrent{background:transparent; display:none; position:absolute; top:-25px; right:110px;} /* HIDDEN */
        #cboxSlideshow{background:transparent; position:absolute; top:-20px; right:90px;}
        #cboxPrevious{position:absolute; top:50%; left:20px; margin-top:-32px; width:30px; height:42px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:20px; margin-top:-32px; width:30px; height:42px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:transparent; background:none;}
        #cboxClose{position:absolute; top:0px; right:0px; display:none; width:94px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:right bottom; display:none;}