/* Global TAG Selectors */

html, body {
	background-color:#fff;
	margin:0px;
	}
body, html, td, th, span.plain {
	color:#333;
	font-size:11px;
	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:#333; /* redundancy for Netscape 4. */
	font:normal 11px arial,sans-serif; /* redundancy for Netscape 4. */
	margin-left:1px;
	margin-top:4px;
	margin-bottom:7px;
	}
p.printfriendly {
	color:#333; /* redundancy for Netscape 4. */
	font:normal 14px arial,sans-serif; /* redundancy for Netscape 4. */
	margin-left:1px;
	margin-top:4px;
	margin-bottom:7px;
	}
hr {
	height:1px;
	margin:0; padding:0;
	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;
	}

/* ID Selectors */
#spotlightHome p.arrowButton {
	margin-left:20px;
	}
td.sidebarNav {
	background-color:#fff;
	}
#myArea p {
	margin:0px 10px 10px 10px;
	}
#myArea p.arrowList {
	margin:0px 10px 5px 24px;
	}
#topnav .topnavstrip a {
	color:#fff !important;
	}
#progress p, .completed p {
	margin-top:3px;
	margin-bottom:3px;
	}

/* CLASS Selectors */
table.contactBox {
	background-color:#fefeeb;
	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;
	}
.adContainer { margin: 0 0 12px 0; } 

.right {
	float:right;
	}
.left {
	float:left;
	}
.clear {
	clear:both;
	}
.warning {
	color:#f00;
	}
.required {
	color:#ed008c;
	}
a.plain { /* plain text links as in comp */
	color:#333;
	text-decoration:none;
	}
a.plain:hover {
	text-decoration:underline;
	}
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;
	}
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;
} /* clear nn4 hack */
/* hr.border used only immediately after a section header */
hr.border { 
	display: block; 
	position: relative; 
	top:-4px;
}

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

/* For Gecko-based browsers, and Opera */
html>body hr.divider { position: static; top: 0; margin: 0px 0 6px 0; } 

.title {
	color:#E20074;
	}
.price, .highlight {
	color:#ed008c;
	}
.titleMag, {
	color:#ed008c;
	font-weight:bold;
	}

.titlerow, td.titlerow, tr.titlerow td {
	background-color:#ed008c;
	}
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;
	}
th p.question, td p.question { margin-top: 0; }
p.arrowButton, .spotlight p.arrowButton, p.question {
	margin-left:10px;
	text-indent:-2px;
	}
p.arrowButton img.inline {
	top:1px;
	}
table.spotlight p.arrowButton, td.content p.arrowButton {
	margin-left:29px;
	}
div.list {
	margin:0 0 4px 5px;
	}
div.numberedList {
	margin:0 0 4px 0;
	}
div.arrowList {
	margin: 0 0 6px 0;
	}
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.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;
	}
.errorList p, p.errorMsg {
	margin:1px 5px 2px 18px;
	text-indent:-18px;
	}
.errorList p strong, .errorMsg strong { font-size: 12px; }
/*/*/
.errorList p strong, .errorMsg strong { font-size: 11px; }
/* end hide from nn4 hack */
span.spcr {
	font-size:2px; /* this span fixes Mac/IE5 bug on hanging indents. view css classes documentation in styleguide */
	}
input.textbox {
	width:162px;
	}
.main select { /* we may want to add another class or a more specific selector, later */
	width:162px;
	/* removed - causes bug with multiple selects in IE5 */
	/*height:17px;*/
	}
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;
	}

/* START: Progress Indicator */
.completed, .progressSummary {
	background-color:#fefeeb;
	}
.progressSummary p {
	margin-left:10px;
	margin-right:10px;
	}
table.progress {
	background-color:#dedede;
	border-width: 1px 0 2px 0; 
	border-style: solid;
	border-color: #999;

	}
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:#ed008c;
	}
#progress th p, p.progress, td.rightnav p.progress {
	font-weight:bold;
	margin:3px 10px 3px 10px;
	color:#fff;
	}

/* END: Progress Indicator */

/* 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 */

/* fix for Netscape 4 bold 'strong' section headers */
strong.section {font-size:12px;}
/* \ 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;
}

/* BEGIN 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. */
/* THIS WAS REMOVED AND EMBEDDED INTO THE JSP's 
SO THAT THE URL's ARE RELATIVE TO THE WEBAPP CONTEXT
	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 */