/* Global TAG Selectors */

html, body {
	background-color:#FFFFFF;
	margin:0px;
	}
body, html, td, th, span.plain {
	color:#000000;
	font-size:12px;
	font-family:arial,sans-serif;
	}
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:#000000; /* redundancy for Netscape 4. */
	font:normal 12px arial,sans-serif; /* redundancy for Netscape 4. */
	margin-left:1px;
	margin-top:4px;
	margin-bottom:7px;
	}
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:#0000FF;
	}
a:hover, p a:hover, td a:hover {
	text-decoration:underline;
	}
a:active {
	color:#0000FF;
	}
a:visited {
	color:#AA472B;
	}
h1 {
	color:#0000FF;	
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}	

h2 {
	margin-bottom: 10px;
	color:#0000FF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
}

/* next few lines to cover any markup that another developer may type in (covers most any markup for Netscape 4) */

h3 {
	color:#FF0000;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
}

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, table, caption, tr, th, td, address, blockquote, q, span, a {
	font-family:arial,sans-serif;
	vertical-align: top;
    }
li {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}	
.welcome {
	color:#FF0000;	
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}	

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;
}

/*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:#9F0100;
	text: #000;
	padding: 4px;
	font:bold 14px arial,sans-serif;
	color: #FFFFFF;
}

.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.borderright {
	background-color:#eaf2ff;
	border-right-color: #0033CC;
	border-right-style: solid;
	border-right-width: 1px;
	}

table.myForm {
	background-color:#f2f2f2;
	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 {

	color:#ccc;

	border-color:#ccc;

	}
img.bordered {
	color:#ccc;
	border-color:#ccc;
	text-align: center;
	}

.right {

	float:right;

	}

.left {

	float:left;

	}

.clear {

	clear:both;

	}

.warning {

	color:#f00;

	}

.required {

	color:#f06;

	}

a.plain {
	color:#0000FF;
	text-decoration:underline;
	font-weight: bold;

	}

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

img.inline, input.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:#f2f2f2;

    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:#CAD7F7;

	}

    

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 {

	color:#333;

	}

.footer a {

	color:#FFFFFF;

	}

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;

	}	

.subheadcentre {
	color:#9F0100;
	font-weight:bold;
	text-align: center;
	font-size: 14px;

	}	

.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.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:5px;
	list-style-type: disc;

	}

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;

	}

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 {
	width: 98px;
	height: 31px;
    margin-left: 10px;
    padding-left: 10px;
    padding-top:5px;
/*
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	COLOR: #FFFFFF;
	background-image: url(images/blue_up.jpg);
	background-repeat: no-repeat;
	background-color: #333399;
*/
	vertical-align: middle;
}
TD.sidebarnav A {
/*	COLOR: #FFFFFF;
	text-decoration: none;
	text-align: center;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333399;
*/
}
TD.sidebarnav A:hover {
/*	text-decoration: underline;
	color: #94D7E2; 
	background-color: #333399;
*/
}
TD.sidebarnav A:visited {
/*	color: #FF8080; 
	background-color: #333399;
*/
}

/* 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(file:///C|/Documents%20and%20Settings/Dotdev.LIS/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/KTUNG9A7/%22/images/promotions/title_row_pink.gif%22) top left repeat;

	}

td#promoTitleBlue {

	background:#fff url(file:///C|/Documents%20and%20Settings/Dotdev.LIS/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/KTUNG9A7/%22/images/promotions/title_row_blue.gif%22) top left repeat;

	}

td#promoTitleGreen {

	background:#fff url(file:///C|/Documents%20and%20Settings/Dotdev.LIS/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/KTUNG9A7/%22/images/promotions/title_row_green.gif%22) top left repeat;

	}

td#promoTitleTzone {

	background:#fff url(file:///C|/Documents%20and%20Settings/Dotdev.LIS/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/KTUNG9A7/%22/images/promotions/title_row_tzone.gif%22) 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;}

@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;
		font-size:12px;
		display:block;		
	}
.leftmenu {
	color: #FF0066;
}
.leftp {
	color: #FF0066;
	margin-left: 10px;
}
.rightp {
	text-align: right;
	vertical-align: top;
}