/* Global TAG Selectors */

A:visited  {color: #C80E08; text-decoration: none; font-weight:bold}
A:link  {color: #C80E08; text-decoration: none; font-weight:bold}
A:active  {color: #C80E08; text-decoration: none; font-weight:bold}
A:hover   {color: #C80E08; text-decoration: none; font-weight:bold}

.NEEDED {background-color: #F0F !important; border: 2px solid #FOF !important;}
ul.tempfix {margin: 0;}
ul.tempfix li {margin: 0 0 6px 0;
font-size: 12px;

}

html, body {
	background-color:#000000;
	margin:0px;
	}

body, html, td, th, span.plain {
	color:#333;
	font-size:12px;
	font-family:arial,sans-serif;
	}

.largetext {font-size: 12px}

form {
	margin:0px;
	}

form, input, select, textarea {
	color:#333;
	font-size:11px;
	font-family:arial,sans-serif;
	}

strong { /* redundancy for Netscape 4. */
	font-weight:bold;
	font-family:arial,sans-serif;
	}

p {
	color:#333; /* redundancy for Netscape 4. */
	font:normal 11px arial,sans-serif; /* redundancy for Netscape 4. */
	margin-left:1px;
	margin-top:4px;
	margin-bottom:7px;
	line-height: 1.5em;
	}

hr {
	height:1px;
	/* removed for Opera. The margins and padding are ignored by other browsers anyway. */
	/*
	margin:0px;
	padding:0px;
	*/
	border-style:none; /* for Netscape6 and Mozilla */
	color:#ccc;
	background-color:#ccc;
	}

a {
	color:#333;
	}

a:hover, p a:hover, td a:hover {
	text-decoration:underline;
	}

a:active {
	color:#000;
	}
	
/* next few lines to cover any markup that another developer may type in (covers most any markup for Netscape 4) */

h1, h2, h3, h4, h5, h6, p, div, strong, em, b, i, small, big, strike, sub, sup, u, abbr, acronym, form, label, dir, dl, dt, dd, ol, ul, li, table, caption, tr, th, td, address, blockquote, q, span, a {
	color:#333;
	font-family:arial,sans-serif;
	}

	

ol.HelpAlpha1
	{
	list-style-type:lower-alpha;
	margin-left:20px;
	}

ol.HelpNum1
	{
	margin-left:30px;
	margin-top:6px;
	margin-bottom:8px;
	border-bottom:0px;
	padding-bottom:0px;
	}

li.HelpLegal2
	{
	margin-top:6px;
	margin-bottom:6px;
	border-bottom:0px;
	padding-bottom:0px;
	}

	
ul.HelpIndent1		
	{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	border-bottom:0px;
	padding-bottom:0px;
	}

	

ul.PR1
	{
	list-style-image:url(images/listbullet2.gif) ;
	text-indent:-1px;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:8px;
	}

	

td.rightcol p.ad { 
	margin-left:0;
	margin-top:0;
	margin-right:0;
	padding-bottom:40px;
}  

/* ID Selectors */

#spotlightHome p.arrowButton {
	margin-left:20px;
	}

td#myArea {
	background-color:#fff;
	}

#myArea p {
	margin:0px 10px 10px 10px;
	}

#myArea p.arrowList {
	margin:0px 10px 5px 24px;
	}

#topnav .international a {
	color:#fff;
	}

#home td.spotlight {
	background-color:#eaf2ff;
	border:solid 1px #ccc;
	}

#progress p, .completed p {
	margin-top:3px;
	margin-bottom:3px;
	}

/* CLASS Selectors */

.spacer10 { display: block; height: 10px; width: 10px; margin: 0; padding: 0; font-size: 2px; line-height: 8px; }

.topbar a.topbar {
	color:#fff;
	font:bold 11px arial,sans-serif;
}

a:hover.international, a:hover.topbar {
	text-decoration:underline;
}

/*the tags below support adding Location to masthead*/

span.whiteSub {
color:#fff;
font-weight:bold;
}

a.whiteSub, a:active.whiteSub {
	text-decoration:underline;
	color:#fff;
	font-size:10px;
}  

a:hover.whiteSub {
	text-decoration:none;
	color:#fff;
	font-size:10px;
} 

/*the tags above support adding Location to masthead*/

tr.international td, tr.topbar td, .topbar strong {
	background-color:#f06;
	color:#fff;
}

table.defaultContainer {
	background-color:#fff;
	border:solid 1px #ccc;
}

table.spotlightContainer {
	background-color:#eaf2ff;
	border:solid 1px #ccc;
}

table.focusContainer {
	background-color:#FDFBCA;
	border:solid 1px #ccc;
}

.notlightColor, .data td.notlightColor { 
background-color:#F2F2F2; 
text: #000; 
}

.spotlightContainerContent {
 }

.spotlightColor, .spotlightContainerContent, .data td.spotlightColor { 
background-color:#eaf2ff; text: #000; 
}

/*/*/
.promoHeader { 
background-color:#ddd; text: #000; padding: 4px;
font:bold 11px arial,sans-serif;
}

.containerContent, .spotlightContainerContent { padding: 4px; }

/* end hide from nn4 */

table.focusContainer .containerHeader { 
padding-bottom: 3px; 
background-color: #ff0066; 
}						  

table.defaultContainer .containerHeaderSml { 
padding-bottom: 2px; 
background-color: #ff0066; 
}

table.contactBox { 
	background-color:#fefeeb;
	border:solid 1px #ccc;
	} 

table.defaultBorderBox {
	border:solid 1px #ccc;
	}

table.messageBox {
	border:solid 1px #ccc;
	}

table.messageBox tr.hdr td {
	background-color:#DEDEDE;
    padding: 2px; 
    border-bottom:solid 1px #ccc; 
}

table.summaryBox {
	border:solid 1px #ccc;
	background-color:#f2f2f2;
}

table.borderBox {
	background-color:#eaf2ff;
	border:solid 1px #ccc;
	}

table.myForm {
	background-color:#f2f2f2;
	border:solid 1px #999;
	white-space:nowrap;
	}

table.spotlightForm {
	background-color:#ccc;
	border-style:none;
	}

table.spotlightForm th, table.spotlightForm td {
	background-color:#fefeeb;
	border-style:none;
	}

img.ad, img.teaser, img.leftcol, img.bordered {
	color:#ccc;
	border-color:#ccc;
	}

.right {
	float:right;
	}

.left {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;


	}

.clear {
	clear:both;
	}

.warning {
	color:#f00;
	}

.required {
	color:#f06;
	}

a.plain { /* plain text links as in comp */
	color:#333;
	text-decoration:none;
	}

a.plain:hover {
	text-decoration:underline;
	}

img.inline, input.inline, select.inline { /* drops inline image below text baseline, no ns4 */
	position:relative;
	top:2px;
	}

p.question img.inline {
	top:2px;
	}

strong.section, strong.header {
	margin-bottom:0px;
	padding-bottom:0px;
	}

strong.header {
	font-size:14px;
	}

.subtext, p.subtext, span.subtext {
	font-size:10px;
	}

.data {
	background-color:#ccc;
	}

.data th {
	font-weight:normal;
	/* text-align:left; */
	background-color:#eee;
    padding: 4px;
	}

.data th.thead {
	font-weight:bold;
    padding-top: 3px; padding-bottom: 3px;
	background-color:#dedede;
	}

.data th.primaryThead {
	font-weight:bold;
    padding-top: 3px; padding-bottom: 3px;
	background-color:#ccc;
	}

table.data, table.data td, table.data th {
	border-style:none;
	}

.data td, .data th.plain, table.spotlight td.plain {
	background-color:#fff;
	}

.main a, .footer a {
	color:#333;
	}

tr.sidekick {
	background-color:#D4E9FA;
	}

tr.sidekick02 {
	background-color:#FDEED7;
	}

td.rightnav p {
	margin:10px;
	}

td.rightnav {
	background-color:#f2f2f2;
	}

td.border, tr.border td, tr.nav td.border {
	background-color:#999;
	}

td.border2, tr.border2 td {
	background-color:#ccc;
	}

hr.border, hr.border2, hr.divider { /* Design changed from original mockup so these classes are now duplicate colors when used on HR */
	color:#ccc;
	background-color:#ccc;
	}
	
/* used to seperate content blocks - assign no more properties for nn4 */
/*/*/

hr.divider {
	display: block; 
	position:relative;
	top:-4px;
	margin: 4px 0 4px 0;
	clear: both;
} 
/* end hide from nn4 */
/* hr.border used only immediately after a section header - assign no more properties for nn4 */
/*/*/

hr.border { 
	display: block; 
	position: relative; 
	top:-4px;
	margin: 0;
	clear: both;
} /* end hide from nn4 */

/* commented backslash hack - hide from macIE5  \*/
hr.divider { 
	margin: 0;
} /* end hide from macIE5 */

/* for macIE 5 */
html>body hr.border { margin-top: -2px; } 

/* For Gecko-based browsers, and Opera - hide from macIE \*/
html>body hr.divider { position: static; top: 0; margin: 0px 0 6px 0; } 
html>body hr.border { position: static; top: 0; margin: 3px 0 6px 0; } 
/* end hide from macIE5 */

.title, .price, .highlight {
	color:#f06;
	}  

.priceBold {
	color:#f06;	
	font-weight:bold;
	}	

.titleMag, {
	color:#f06;
	font-weight:bold;
	}

.titlerow, td.titlerow, tr.titlerow td {
	background-color:#f06;
	}

table.spotlight {
	background-color:#ccc;
	}

table.spotlight td, table.spotlight td, td.spotlight td, tr.spotlight, tr.spotlight td, .data tr.spotlight td, tr.spotlight th, td.spotlight, .data td.spotlight, th.spotlight, .data th.spotlight { /* all this redundancy for Netscape 4 */
	background-color:#eaf2ff;
	}

td.content p, table.spotlight td.plain p { /* content class redundant for Netscape 4 */
	margin:7px 10px 7px 10px;
	}

p.arrowButton, .spotlight p.arrowButton, p.question {
	margin-left:20px;
	text-indent:-20px;
	}

p.arrowButton img.inline {
	top:1px;
	}

table.spotlight p.arrowButton, td.content p.arrowButton {
	margin-left:29px;
	}

div.list, div.numberedList {
	margin:0px 0px 0px 5px;
	}

div.arrowList {
	margin:0px;
	}
	
div.arrowlist {
	margin:0px;
	}

div.numberedList p, div.numberedList div, p.numberedList {
	margin:1px 5px 2px 16px;
	text-indent:-16px;
	}

div.list p, p.list {
	margin:1px 5px 3px 9px;
	text-indent:-9px;
	}

div.sublist {
	margin:1px 5px 3px 12px;
	text-indent:-9px;
	}

div.arrowList p, div.arrowList div, p.arrowList {
	margin:1px 5px 2px 14px;
	text-indent:-14px;
	}

div.arrowList a, p.arrowList a, p.arrowButton a {
	text-decoration:none;
	}

div.arrowList a:hover, p.arrowList a:hover, p.arrowButton a:hover {
	text-decoration:underline;
	}
	
/* duplicates for mac/unix: case sensitive*/
	
div.arrowlist p, div.arrowlist div, p.arrowlist {
	margin:1px 5px 2px 14px;
	text-indent:-14px;
	}

div.arrowlist a, p.arrowlist a, p.arrowbutton a {
	text-decoration:none;
	}

div.arrowlist a:hover, p.arrowlist a:hover, p.arrowbutton a:hover {
	text-decoration:underline;
	}	

span.spcr {
	font-size:2px; /* this span fixes Mac/IE5 bug on hanging indents. view css classes documentation in styleguide */
	}

input.textbox {
	width:162px;
	}

select.date, select.halfWidth, input.zip {
	width:81px;
	}

select.address {
	width:220px;
	}

textarea {
	width:324px;
	}

.myForm textarea {
	width:250px;
	}

.shorthand code {
	font:bold 11px "courier new",monspace;
	}

.alertList p, p.alertMsg {
	margin:1px 5px 2px 18px;
	text-indent:-18px;
	}

.alertList p strong, .alertMsg strong { font-size: 12px; }

/*/*/

.alertList p strong, .alertMsg strong { font-size: 11px; }

/* end hide from nn4 hack */

/* START: Progress Indicator */

.completed, .progressSummary,
.data td.subyellow {
	background-color:#fefeeb;
	}

.progressSummary p {
	margin-left:10px;
	margin-right:10px;
	}

table.progress {
	background-color:#dedede;
	} 

table.progressWinterSage {
	background-color:#ffe3ee;
	}

table#progress p, #progress p, td.rightnav p.plain {
	margin:3px 10px 3px 10px;
	}

#progress p.arrowList, td.rightnav p.arrowList {
	margin-left:24px;
	}

table#progress p.step, td.rightnav p.step {
	margin:3px 10px 3px 51px;
	text-indent:-41px;
	}

table.progress th {
	color:#fff;
	background-color:#f06;
	}  	

table.progressWinter th {
	color:#fff;
	background-color:#f06;
	}

#progress th p, p.progress, td.rightnav p.progress {
	font-weight:bold;
	margin:3px 10px 3px 10px;
	color:#fff;
	}

td.sidebarNav {
	background-color:#fff;
	}

td.sidebarNav p {
	margin:3px 10px 3px 10px;
}

/* END: Progress Indicator */

/* Tabs */    

    /* common properties for all tab states */

	TD.tabOn A, TD.tab A { 
        text-decoration: none;
    }

	TD.tabOn A:hover, TD.tab A:hover { 
        text-decoration: underline;
    }

	TD.tabOn, TD.tab  { 
        width: auto; height: 21px; 
        cursor: pointer; cursor: hand; 
        padding: 1px; /* for nn4 */
    }

	TD.notab  { 
        height: 21px; 
        padding: 2px 5px 0 0;
    }

	/* the active state, distinguished in the html by the tabOn class in the tab's containing table */

	TD.tabOn  { 
        background-color: #FFFEEC;
    }

	TD.tab { 
        background-color: #ccc;
    } 

    /* hide all the real box properties from nn4. */

    /*/*/

	TD.tab  { 
        background-image: url(images/tabOffBg.gif); 
        border-left: solid 1px #999;
        border-right: solid 1px #999;
        padding: 4px 12px 0 12px;
        }

	TD.tabOn  { 
        background-image: url(images/tabOnBg.gif); 
        border-left: solid 1px #999;
        border-right: solid 1px #999;
        padding: 4px 12px 0 12px;
        }

	TD.notab  { 
        background-image: url(images/emptyTabBg.gif); 
        padding: 2px 5px 0 0;
    }

    /* end hide from nn4. */

    TD.tabTray { 	
        background-color: #FFFEEC;
        border-bottom: 1px solid #999999;
    }

	/* 	end tab stylesheet */
/* end Tabs */    

/* START: T-Zone and Play Zone tables */

table.tz {
	border-style:none;
	background-color:#ccc;
	}

.tz th.tz, .tz td.tz, .tz td {
	border-style:none;
	}

.tz th.tz {
	background-color:#fefeeb;
	}

td.tz p {
	padding-left:5px;
	margin-right:5px; /* ns4 fix */
	}

.tz td {
	background-color:#fff;
	}

.pz {
	border:solid 1px #ccc;
	}

.pz th p, .tz th p {
	margin-left:5px;
	}

.pz td.spotlight {
	background-color:#eaf2ff;
	}

td.pzTab {
	background-color:#eaf2ff;
	}

p.pzList {
	margin:0px 5px 3px 23px;
	text-indent:-24px;
	}

.tz table.pz {
	border-style:none !important;
	}

.tz .pz .border2 {
	background-color:#ccc;
	}

/* END: Play Zone table */
/* START: .submitLink */

input.submitLink {
	color:#333;
	background-color:transparent;
	border-style:none;
	margin:0px;
	padding:0px 0px 3px 0px;
	cursor:hand;
	}

input.submitLink:hover {
	text-decoration:underline;
	color:#000;
	}

/* \ hide next rule from MacIE5 if .className only */

.submitLink {
	padding-bottom:0px !important;
	}

input.submitLink/* hide from IE 5.0 */ {
	padding-bottom:3px !important;
	}

input[class="submitLink"] { /* hide from IE */
	cursor:pointer;
	}

/* END: .submitLink */

/* START: tabled form elements */

input.quantity {
	width:25px;
	height:20px;
	margin:5px 0px 5px 0px;
	}

input.cartButton, input.sortButton {
	border-style:none;
	background-color:transparent;
	text-decoration:underline;
	padding:0px;
	margin:0px;
	cursor:hand;
	}

input[class="cartButton"], input[class="sortButton"] {
	cursor:pointer;
	}

/* END: myCart form elements */

/* START: Promotions styles */

td#promoTitlePink {
	background:#fff url("/images/promotions/title_row_pink.gif") top left repeat;
	}

td#promoTitleBlue {
	background:#fff url("/images/promotions/title_row_blue.gif") top left repeat;
	}

td#promoTitleGreen {
	background:#fff url("/images/promotions/title_row_green.gif") top left repeat;
	}

td#promoTitleTzone {

	background:#fff url("/images/promotions/title_row_tzone.gif") top left repeat;

	}

/* END: Promotions styles */

/* CSS2 Selectors */

/* fix for Netscape 4 bold 'strong' section headers */

strong.section {
font-size:11px;
}

/* \ hide this one from MacIE5 */

strong.section {
font-size:12px;
}

/*3-31 refresh classes */

table.zactionContainer {
	background-color:#fdfbca;
	border:solid 1px #ccc;
}

         .header  {
         	font-family : Arial;
         	font-size : 15px;
         	font-style : normal;
         	font-weight : bold;
         	}

.zpinktitle {
	color:#FF0066;
	font-size:14px;
	font-family:arial,sans-serif;
	}

table.zcontactBox { 
	background-color:#FDFBCA;
	border:solid 1px #FDFBCA;
	} 
	
.zdash {margin-top: 5px; margin-bottom: 5px;}

.zgreylines {background-color:#dddddd;} /* grey */

.zmargin {background-color:#000000;} 

/*3-31 refresh classes */



@media all {
	strong.section {
		font-size:11px;
		}
	}



/* fix for Netscape 4 form top-margin */

form {
	display:inline;
	}

@media all {
	form {
		display:block;
		}
	}

.leftNavSelected {
 background-color:#fefeeb;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin-right: 0;
} 

.markdown{
text-decoration: line-through;
}

.rebateLink{
font-size: 10px;
}

table.cart {
	border-style:none;
	}
.cart th {
	font-weight:normal;
	background-color:#dedede;
	padding:2px 7px 2px 7px;
	}
.cart td, .cart th.plain {
	background-color:#fff;
	border-style:none;
	padding:2px 7px 2px 7px;
	}
table.cart th.total {
	background-color:#ffc;
	border-right-style:solid;
	}
table.cart td.total {
	background-color:#fefeeb;
	border-right-style:solid;
	}
.cart th, td.total, tr.cartBody td, td#monthTotal {
	border:solid 1px #999;
	}
tr.cartBody td {
	border-top-style:none;
	border-right-style:none;
	}
td#monthTotal, td#dayTotal {
	border-left-style:none;
	}
tr.cartHead th {
	border-right-style:none;
	}
tr.cartFoot th {
	border-top-style:none;
	border-right-style:none;
	}
table.details, table.details td, table.details th {
	border-style:none;
	}
.printLink
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    CURSOR: hand;
    COLOR: #333;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none
}
BUTTON.printLink
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    CURSOR: hand;
    COLOR: #333;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM-STYLE: none
}
.togglebox
	{
		position: relative;
		padding:2px;
		top:0px;
		left:0px;
		Margin-bottom:0px;
		font-family:arial;
		weight:bold;
		font-size:13px;
		display:block;		
	}
	
.magenta {
color:#f06;
}

a.magenta,a:active.magenta {
color:#f06;
text-decoration:underline;
}

a:hover.magenta {
	text-decoration:underline;
	}
	
.NoPadding {
	padding:0px;
}
.leftbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}