@import url('yui-reset.css');
body {
	height:100%;
	min-height:100%;
	background:url(../img/bg_tile.gif) repeat;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}
strong{
	font-weight:bold;
}
a{
	text-decoration:none;
	color:#666;
	font-size:12px;
}
a:hover{
	color: #000;
	text-decoration:underline;
}
h1{
	margin:20px 0;
	font-size:16px;
	font-weight:bold;
}
h2{
	margin:20px 0;
	font-size:14px;
	font-weight:bold;
	color: #666;
}
th{
	font-weight:bold;
}
table.padded td{
	padding:3px;
}
tr.grey td{
	background:#ececec;
}

div#pgDepth{
	width:1003px;
	text-align:left;
	margin: 0px auto;
	height:100%;
	min-height:100%;
	height:auto !important;
	background: url(../img/bg_page_depth.gif) repeat-y;
}
div#pgCont{
/*	background: #0C0;*/
	padding:15px 20px 15px 30px;
	height:100%;
	min-height:100%;
}
div#pgTop{
	font-size:14px;
	height:110px;
}
div#pgTop .left{
	float:left;
}
div#pgTop .right{
	margin-left:700px;
}
div#pgTopNav{
	width:953px;
	height:30px;
	text-align:left;
	z-index:999;
}
div#pgTopTV{
	width:953px;
	height:377px;
	z-index:0;
}
div#pgScroller{

	height:50px;
	width:953px;
}

div#pgScroller div#line{
	float:left;
	background: #333;
	width:650px;
	margin-top:15px;
	height:20px;
	color:#FFF;
}
div#pgBoxes{
	width:953px;
	height:260px;
}
div#pgBoxes .box{
	background:url(../img/boxlink_bg.jpg) repeat-y;
	float:left;
	width:238px;
	height:256px;
}
div#pgBoxes .box div.boximg{
	margin:1px 0px 1px 1px;
	background:#FFF;
	height:231px;
}
div#pgBoxes .box div.boximg img{
	position:absolute;
}
div#pgBoxes .box div.boxlink a{
	color:#FFF;
	padding:3px 10px;
}
div#pgBoxes .box div.boxlink a.redbg{
	background: #F00;
}
div#pgBoxes .box div.boxlink a.greenbg{
	background: #090;
}
div#pgBoxes .box div.boxlink a.yellowbg{
	background: #FC0;
}




div#pgBoxes .boxlast{
	background: #ccc;
	float:left;
	width:239px;
	height:256px;
}
div#pgBoxes .boxlast div{
	margin:1px;
	background:#FFF;
	height:254px;
}

/* Perks Ticker */
div#scrollTitle{
	margin:0;
	padding: 0px 5px;
	font-size: 12px;
	color:#FFF;
	float:left;
	width:80px;
	display: inline;
	height:1px;
}
#PerksTicker{
	width:570px;
	
	margin:1px 0px 0px 80px;
}
#vert {
	width: 570px;
	display: block;
	overflow: hidden;
	position: relative;
	font-size:13px;
}
.topnav a{
	color:#FFF;
}
/* --------------- */
/* Ticker Vertical */
#vertTicker {
	width: 570px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#vertTicker li {
	width: 570px;
	color: #fff;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 2px 10px;
	float: left;
	display: inline;
}
#vertTicker li .NewsTitle{
	display: block;
	color: #fff;
	font-size: 12px;
	margin-bottom:6px;
}
#vertTicker li .NewsTitle a:link,
#vertTicker li .NewsTitle a:Visited {
	display: block;
	color: #fff;
	text-decoration:none;
}
#vertTicker li .NewsTitle a:hover {
	text-decoration:none;
	color: #CCC;
}


/* SUB PAGES */
div#pgSideMenu{
	float:left;
	width:180px;
	background:	#0F0;
}
div#pgHeader{
	margin-left:180px;
	width:773px;
	clear:both;
}

/* Side Nav */
#sideNav {
	float:left;
	width:180px;
	position:absolute;
}
#sideNavMenu {
	margin-left:-42px;
	color:#FFF;
	position:absolute;
	width:180px;
	z-index:1;
}
ul.outer li{
	padding-top:7px;
	margin-top:5px;
	font-size:12px;
	height:23px;
	background: #0C0;
	width:222px;
}
ul.outer li.blue{
	background: url(../img/tb_blue.gif) no-repeat;	
}
ul.outer li.green{
	background: url(../img/tb_green.gif) no-repeat;	
}
ul.outer li.yellow{
	background: url(../img/tb_yellow.gif) no-repeat;	
}
ul.outer li.pink{
	background: url(../img/tb_pink.gif) no-repeat;	
}
ul.outer li.purple{
	background: url(../img/tb_purple.gif) no-repeat;	
}

ul.outer li.selected{
	background: url(../img/tbsel.gif) no-repeat;
	width:222px;
}
ul.outer li a{
	margin-left:40px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	display:block;	
}
ul.outer li a:hover{
	text-decoration:none;
	color:#F00;
}

ul.outer a.selected{
	color:#FFF;
}
ul.outer a.selected:hover{
	color:#FFF;
}
ul.inner{
	margin:0;
	padding-top:10px;
	display:block;
}
ul.inner li{
	background: url(../img/tbcircle.gif) 40px 0px no-repeat;
	font-size:12px;
	padding:0;
	margin:0;
	min-height:30px;
	display:block;
}
ul.inner li a{
	display:block;
	padding-left:60px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
ul.inner li a:hover, ul.inner li a.selected{
	color:#e71b2e;
	text-decoration: none;
}



/* Headers */
div#breadcrumb{
	background:#f0f0f0;
	font-size: 12px;
	padding:10px;
}
div#catHead{
	background: #CCC;
}
div#prodHead{
}
div#floatBtn{
	margin:0px;
	position:absolute;
	float:left;
}
div#videoPlayer{
}
#ui-dialog-title-videoPlayer{
	line-height:0px;
	font-size:0px;
}
div#floatContent .float-close{
	right:-25px;
	top:0px;
	z-index:9999;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:25px;
}
div#floatForm{
	background: #f0f0f0;
	position:absolute;
	float:left;
	text-align:left;
	width:300px;
	z-index:999;
}

div#topList{
	width:622px;
	margin:0px auto;
}
div#topList .bar{
	margin-top:20px;
}
div#topList .pic .title{
	padding-top:45px;
	color: #666;
	font-size:16px;
	font-weight:bold;
	border-right:1px solid #CCC;
}
div#topList .pic img{
	border:1px solid #CCC;
}
div#topList .pic{
	margin:5px 5px 0px 0px;
	float:left;
	border:0px solid #CCC;
	min-height:160px;
	
	width:118px;
	color:#000;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
}
div#topList .caption{
	padding:3px;
	font-size:12px;
	color:#000;
	text-decoration:none;
}
div#mainContent{
	margin-left:180px;
	font-size: 12px;
	color:#000;
}
div#mainContent p{
	margin:10px auto;
}


/* Product Items */
.prodItem{
	margin-top:20px;
	margin-bottom:20px;
	color:#000;
}
.prodItem h1{
	font-size:16px;
	font-weight:bold;
}
.prodItem ul{
	color: #666;
}
.prodItem p{
	padding:5px 0;
	line-height:18px;
	margin-bottom:5px;
}
.prodItem ul li strong{
	color:#000;
}
.prodItem .img {
	float:left;
	width:320px;
	height:320px;
}
.prodItem .img img{
	position: absolute; 
}
.prodItem .info{
	float:right;
	width:433px;
	margin:0 auto;
}
.prodItem .sub{
	float:left;
	margin-left:20px;
	
}
.prodItem .sub a{
	color:#060;
}
.prodItem .sub .color{
	color:#666;
	display:block;
	height:45px;
	
}
.prodItem .sub .color a{
	float:left;
	margin-right:3px;
	border:1px solid #ccc;
}
.prodItem .sub .thumb{
	color:#666;
}
.prodItem .sub .thumb a{
	margin-right:5px;
	float:left;
	border:1px solid #ccc;
}
.prodItem .sub .thumb a:hover, .prodItem .sub .thumb a.selected{
}
.backtotop{
	float:right;
	display:block;
	width:100%;
	text-align:right;
	margin-bottom:20px;
	text-decoration:none;
}
/* Where to buy */
.channelTitle{
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#333;
	border-bottom:1px solid #CCC;
	width:703px;
	padding:5px;
	margin:5px auto;
}
div#mainContent .col{
	width:386px;
	float:left;
	margin:0 auto;
	height:200px;
}
.address{
	float:right;
	width:195px;
}

img.address{
	float:left;
	width:190px;
}
.address span{
	margin:3px 10px;
	display:block;	
}

fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;  
}  
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;  
}  
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;  
}  
fieldset li {  
padding-bottom: 1em;  
}  
fieldset.submit {  
border-style: none;  
}
label {    
float: left;    
width: 10em;    
margin-right: 1em;  
}
fieldset.radio{
	margin:0;
	padding:0;
}
fieldset.radio label{
	float: none;
	margin-left:3px;
}
fieldset.radio legend{
	margin-bottom:10px;
}
fieldset.block label{
	float: none;
	display:block;	
	margin-left:3px;
	width:100%;
	margin:3px 0px;
	color: #666;
}
fieldset.labelline label{
	border-bottom:1px solid #ccc;
}
.inline{
	display: inline;
}
.error-message{
	color:#F00;
	font-size:10px;
}
.flash-error{
	color:#F00;
	font-size:14px;
}
.success{
	color: #093;
}

#SearchIndexAddForm label{
	color:#666;
	font-size:11px;
	width:180px;
}
/* Perks */
.marginCont{
	width:600px;
	margin:0 auto;
}
.giftBox{
	width:140px;
	float:left;
	margin-top:8px;
	margin-right:8px;
}
.giftBox img{
	border:1px solid #ccc;
}
.giftBox div{
	text-align:center;
}
.filterGift{
	height:40px;
	width:100%;
}
.filterGift label {    
float: left;    
width: 60px;    
margin-right: 0px;  
}
/* GIFT ITEM */
.giftItemLeft{
	width:379px; float:left; border-right:1px solid #CCC;
}
.giftItemLeft img{
	border:1px solid #ccc;float:left;
}
.giftContent{
	float:right; width:210px; margin:0 10px;
}
.giftContent h2{
	color:#F00;
	font-size:14px;
}
.giftItemRightTop{
	text-align:center;
	width:220px; float:left; margin-bottom:40px;
}
.giftItemRightBottom{
	text-align:center;
	width:220px; float:right;
	margin-bottom:40px;
}
.pointlabel{
	font-size:11px;
	color: #666;
}
.giftTNC{
	font-size:10px;
	color:#999;
}




.red{
	color:#F00;
}

/* OVERLAY */
/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../img/white.png);
	color: #333;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:441px;
	overflow-y:auto;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:340px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#laid{
	font-size:14px;
}
#laid p{
	margin:10px auto;
}
#laid label {
	float: left;
	width: 100px;
	margin-right: 10px;
}

/* -------------------TABS ---------------- */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


/* -------------------TABS ---------------- */

/* PROFILE columns */
.profileColLeft{
	position:absolute;
	width:300px;
	float:left;
	border-right: 1px solid #f0f0f0;
}
.profileColRight{
	position:absolute;
	width:280px;
	float:right;
	margin-left:320px;
	
}
.orange{
	color:#F60;
}
.bigpoints{
	font-size:48px;
	font-weight:bold;
}
#flash-message{
	
	color:#000;
	margin-top:300px;
	text-align:center;
	width:1003px;
	vertical-align:middle;
	position:fixed;
	padding:10px;
	font-weight:bold;	
	
}
* html #pgDepth .IEbox { /*Fixed Positioning in IE6*/
	position: absolute;
}
.footer{
	margin-left:30px;
	margin-right:30px;
	padding-bottom:10px;
	color: #666;
	font-size:12px;
	bottom:0;
}
.bottomSpace{
	height:430px;
}
.search-button { 
	outline: 0; 
	margin:1px 4px 0 0; 
	padding: 0px 0px 3px 0px; 
	text-decoration:none !important; 
	cursor:pointer; 
	text-align: center; 
	zoom: 1; 
}
.fg-button { 
	outline: 0; 
	margin:0 4px 0 0; 
	padding: 3px 3px; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1; 
}
.tn-button { 
	outline: 0; 
	margin:3px 0px 3px 0; 
	padding: 4px 3px; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1; 
}

#dialog {
	font-size:12px;
}
#ui-dialog-title-dialog{
	font-size:12px;
}
#GiftAddForm label{
		float: none;
	margin-left:3px;
}
.jsShow{
	display:inline;
	font-weight:bold;
	color: #F00;
}
.promo-bg{
	height:320px;
	font-size:14px;
}
.txt-right{
	margin-left:400px;
}
.txt-left{
	width:373px;
}
.promo-bg h1{
	font-size:22px;
}
.promo-bg h4{
	font-size:18px;
	font-weight:bold;
}
.promo-bg .foot{
	font-size:12px;
	color:#666;
}
.promo-bg em{
	font-weight:bold;
	color:#F00;
}


/* THIN TABLE*/
table.thin {/* thin table */
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	border-collapse: collapse;
	background-color: #ffffff;
	
}
table.thin th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: #666666 #666666 #666666 #666666;
	background-color: #666666;
	color:#cccccc;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
table.thin td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	background-color: #ffffff;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
} 

.pricenote{
	float:left;
	font-size:9px;
	color:#999;
}