/* ============================================================
 *
 *  scmaster.css
 *
 *  Master CSS file for 3.0, containing basic definitions and
 *  styles common to all themes.  Of course, any and all of
 *  these can be overridden in a theme or theme family.
 *
 * =============================================================
 */

/* -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */

HTML, BODY {
	margin				: 0;
	padding				: 0;
	font-family			: arial, sans-serif;
	font-size			: 100%;
	text-align			: center;
	height				: 100%;
}

TD, TEXTAREA, INPUT {
	font-family			: arial, sans-serif;
	font-size			: small;
}

IMG {
	border				: 0;
}

A {
	font-weight			: bold;
	color				: blue;
	text-decoration		: none;
}

A:hover {
	text-decoration		: underline;
}

/**********************
 * MISCELLANEOUS
 *********************
 */

#divBrandingLogo {
text-align:center;
margin:20px auto 0 auto;
}

/**********************
Inline images
***********************/

.scImageInlineLeft{float:left;margin:0 15px 10px 0;border:solid white 5px;}
.scImageInlineRight{float:right;margin:0 0 15px 10px;border:solid white 5px;}

/*Shoutout */
#divColumn99 #scShoutoutWidget{font-family:"Trebuchet MS" /*!important*/;float:left;margin:40px 8px 20px 8px;padding-bottom:16px;background:#fff; 
border:solid 5px #e5e3e3;}
#divColumn99 #scShoutoutWidget h1{color:#999;background:#eaeaea;text-align:center;border-bottom:solid 5px #e5e3e3;margin:0/*!important*/;padding:12px;font-family:"Trebuchet MS";font-size:30px;}
#divColumn99 #scShoutoutWidget h2, #divColumn99 .scShoutoutWidget h3, #divColumn99 .scShoutoutWidget p, #divColumn99 .scShoutoutWidget h4 
{padding:6px 20px;font-size:140%} 
#divColumn99 #scShoutoutWidget h3{margin:0 0 4px 0;}
#divColumn99 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}

#divColumn2 #scShoutoutWidget{margin:8px;padding:8px;background:#fff}
#divColumn2 #scShoutoutWidget p {color:#666;margin:0 0 0 0;}


#divPartnerLogo{margin:auto;text-align:center;width:100%;}

#scPaymentOptionsWidget ul{margin:12px 0 0 0;padding: 0;list-style-type: none;text-align: center;}
#scPaymentOptionsWidget ul li {display: inline;}
#scPaymentOptionsWidget ul li a {text-decoration: none;padding: .2em 1em; color: #fff; background-color: #036;}
#scPaymentOptionsWidget ul li a:hover {color: #fff;background-color: #369;}

/* Breadcrumbs */
ul.scBreadcrumbs li{float:left;line-height:auto}

#scBraceletBuilder{clear:both; width:910px;height:698px;padding:0;margin:auto;z-index:0;position:static;}

.scFlashWidget, .headerPhotoWidget, .photoWidgetImg {}

/*------------------------------*/
/* Nested lists for the sidebar
/* The following code will hide all nested lists except for the selectedParent
/*-------------------------------*/

#divLeftSideNav ul ul{display:none;}
#divLeftSideNav ul li.selected ul {display:block;} 
#divLeftSideNav ul li.selectedParent ul{display:block;} 

/*------------------------------*/
/* News abstract cleanup
/* 
/*-------------------------------*/

.scNewsWidget dd.scAbstract{}
.scNewsWidget dd.scAbstract p
{margin:0!important ;padding:0!important;font-weight:normal;}

/*-------------------------------------------------------------------------------------------*/
/* Everything above here was pasted from scMaster.css when we detached the private themes
/* from scmaster.css This was the quickest way to keep older themes intact rather than a full cleanup
/*-------------------------------------------------------------------------------------------*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align:left;
}

body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* 
	tables still need 'cellspacing="0"' in the markup 
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

a:link, a:visited, a:hover {text-decoration:none;font-weight:normal}

/* Rebuild */
p {margin:0px 0 18px 0;line-height:20px}
h1 {font-size:200%;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}


/* Common items */
.left{float:left}
.right{float:right}
.clear{clear:both}

/* ------------------------------- End of my master reset which we may put back into common files ------------------ */

ul{font-size:90%;list-style-type:none;}
.clear{clear:both}

body{text-align:left;font-family:arial;}
h1,h2,h3,h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

#divPage {
	width				: 950px;
	margin				: auto;
	padding				: 20px;
}

#divSectionLogo {
	float				: left;
	width				: 360px;
	margin				: 5px 0 0 0;
}
#divSectionHeader { 
	width				: 600px;
	height				: 200px;
	margin-top			: 10px;
	margin-bottom		: 30px;
}

#tagline{float:left;}
#divRegionMiddle {
	margin-top			: 6px;
	padding-bottom		: 20px
}
#divColumn1{width:155px;float:left; padding-top:4px;}
#divColumn99{width:600px;padding:0 20px 0 20px;float:left;}
*html #divColumn99{width:600px;padding:0 0px 0 15px;float:left;}
#divColumn2{width:146px;float:right;}

/**************************
Detail page
**************************/

/* Top Secondary Nav */
#divSectionTopSecondaryNav {
	text-align			: right;
	display				: block;
	position			: relative;
	margin-bottom		: 4px;
}

#divSectionTopSecondaryNav {
	text-align			: right;
}

#divSectionTopSecondaryNav A {
}

#divSectionTopSecondaryNav UL {
	margin				: auto;
	display				: inline;
	padding				: 0;
	white-space			: nowrap;
}

#divSectionTopSecondaryNav UL LI {
	display				: inline;
	list-style-type		: none;
	font-family			: verdana, sans-serif;
	font-size			: 90%;
	padding				: 3px 5px 3px 9px;
}

#divSectionTopSecondaryNav UL LI.selected {
}

#divSectionTopSecondaryNav UL LI:first-child,
#divSectionTopSecondaryNav UL LI.navFirstItem
{
	background-image	: none;
}

#divSectionTopSecondaryNav UL.menuLevel1 {
	display				: none;
}


#divSectionTopNav ul {
	float				: left;
	width				: 950px;
	list-style			: none;
	background			: #EF212E;
	font-weight			: bold;
	font-size			: 80%;
	background			: #b81826 url(redbar.gif) no-repeat;
	padding-left		: 0px;
	margin				: 12px 0;
}

/*Top level list items*/
#divSectionTopNav ul li{
	position: relative;
	display: inline;
	float: left;
	padding-left:16px;
}

/*Top level menu link items style*/
#divSectionTopNav ul li a:link,#divSectionTopNav ul li a:visited{
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 8px;
	color: #FFFFFF;
	background:none;
	text-transform:uppercase;
	font-family:"Trebuchet MS";
	font-weight:bold;
}



/**************************
Detail page
**************************/

.photos img {float:left;margin-right:0px} 
.breadcrumb{font-size:80%;letter-spacing:.01em;}

/**************************
divRegionMiddle body
**************************/

#divColumn99 ul {margin:0 50px 22px 40px;padding-right:22px;color: #666}
#divColumn99 ul li {font-size:95%;margin-bottom:8px;background: url(arrow.jpg) no-repeat left 4px ; padding-left:16px;line-height:18px;text-align:justify}

.photo {float:left;width:181px; height:181px; background: url(photo-shadow.jpg) no-repeat bottom right;}
.photo img {padding:10px;border:solid 1px #ccc;}
#divColumn99 h2 {font-size:140%;margin-bottom:12px;}
#divColumn99 .description ul  {margin:0;}
#divColumn99 .description ul li  {padding-bottom:6px;}

#divColumn99 .description ul li a:visited{padding:0;background:none;display:inline;}
.description {width:410px;float:right;min-height:190px;} *html .description {height:190px;}

.description .more{margin-bottom:60px}
a.more {font-weight:bold;text-decoration:none;background:url(arrow.jpg) no-repeat right; padding-right:10px}
a:hover.more {background:url(arrow-black.gif) no-repeat right;}

#divSectionHeader img {border:solid 1px #ccc; padding:6px;margin-bottom:16px;float:left;}

/**************************
Left column
**************************/

#divColumn1 ul{font-size:90%;list-style-type:none;margin-bottom:12px;}
#divColumn1 li{text-align:left;font-family:"Arial Narrow", Arial;text-transform:uppercase;font-weight:bold;letter-spacing:0.01em;border-bottom:dotted 1px #C0C0C0}

#divColumn1 li a:link,#divColumn1 li a:visited{padding:8px 10px 8px 12px;display:block;}
#divColumn2 {font-size:90%}

.sidebarNavTitle {padding:8px 0 8px 12px; font-size:110%;}


/* -------------------------------
 *  Shopping cart
 * -------------------------------
 */
 
#divShoppingCartWidget {background:#F0F0F0;
}

#divShoppingCartWidget DIV.cartTitle {
display:block;color:#fff;background:#d41c2c url(leftcolheader.gif) top left no-repeat; padding:8px 0 8px 12px; font-size:110%;margin:0;);
}

#divShoppingCartWidget DIV.cartItems {
	line-height:16px;
	padding:12px;
	font-size:80%;
}

#divShoppingCartWidget DIV.cartItems A {
	display:block;
	font-weight:normal;
	background: url(cart.gif) no-repeat top right; padding-right:20px;
}

/**************************
SUBSCRIPTION
**************************/

/*
#subscribe{width:150px; height:200px; background:url(subscribe.jpg);margin:12px auto;font-weight:bold;position:relative;}
#subscribe a{position:absolute;bottom:16px;left:22px;color:#fff}
*/
/* edited by JF without JB's assistance, so may need review */
#subscribe{width:150px; height:200px; margin: 12px 0px 12px 0px; position:relative;}

/**************************
Right column
**************************/
#shows{width:142px;border:solid 2px #E5E5E5;border-top:solid 1px #F0F0F0; margin-bottom:12px}
.toolsStyleList{width:143px;border:solid 2px #E5E5E5;border-top:none;margin-bottom:12px}
#divPageToolsWidget {border-top: border:solid 2px #E5E5E5;}


.pageToolsWidgetTitle{color:#fff;background:#d41c2c url(rightcolheader.gif) top left no-repeat; padding:10px; font-size:110%;font-weight:bold}
#divPageToolsWidget ul{padding:10px 0 10px 10px;}
#divPageToolsWidget ul li{margin-bottom:8px;}
#divPageToolsWidget a:link,#divPageToolsWidget a:visited {color:#D61D2D;} 
a:link.print, a:visited.print{background: url(print-icon.jpg) no-repeat top left; padding-left:22px}
a:link.email, a:visited.email {background: url(email-icon.jpg) no-repeat left 2px; padding-left:22px;}

.featureImage {}
#featureImageBanner { float:right; width:468px; height:60px; margin:10px 0px; }
#featureImageButton , #featureImageSkyscraper {text-align:center}
#featureImageButton img { margin:4px auto; }
dl {margin:10px;}

.scEventsWidget dl{width:122px;padding:170px 10px 10px 10px;border:solid 2px #E5E5E5;border-top:solid 1px #F0F0F0; margin:0 0 10px 0}
#divColumn2 h2, .scEventsWidget h2{padding:10px; font-size:110%; background:#d41c2c url(rightcolheader.gif) top left no-repeat;
padding:10px;color:#fff}
.scEventsWidget h2 a {color:#fff;font-weight:bold}

dt {font-size:110%;margin-bottom:3px;}
dt a{font-weight:bold;padding-bottom:4px;}
dd {margin-bottom:15px;line-height:18px;}
dd a:link, dd a:visited{color:#666; border-bottom:1px dotted #ccc}
dd a:hover{color:#000}

/**************************
Footer
**************************/

/* Bottom Tertiary Nav Menu */

#divRegionBottom{clear:both;width:950px;height:24px;margin:22px auto 0 auto;text-align:center;font-weight:bold;font-size:90%;font-family:'Trebuchet MS';padding-top:6px;}

#divSectionBottomNav{float:left;width:400px;}

#divRegionBottomInner ul {margin-left:12px;}
#divRegionBottomInner ul li {float:left;padding-left:8px}

#divSectionCopyright{float:right;width:200p;margin-right:12px;}

#divRegionBottomInner a:hover{font-weight:bold}

#divBrandingLogo {
	text-align			: center;
	margin-top			: 20px;
}


/**************************
Tables
**************************/

TABLE.contentTable{
line-height:16px;
margin-bottom:12px;
}

TABLE.contentTable th {
	font-size:100%;
	padding:12px;
	font-weight:bold;
	text-align:left;
	line-height:130%;
}

TABLE.contentTable td { 
	padding:8px 4px 8px 12px; 
	border-top:none;
	vertical-align:top;
	font-size:90%;
}


/*Shoutout */
#scShoutoutWidget{width:600px;font-family:"Trebuchet MS" /*!important*/;float:left;margin:0px;padding-bottom:16px;background:#f0f0f0 !important; 
border:none !important}
#divColumn99 #scShoutoutWidget h1{color:#fff;background:#d51c2c url(shoutoutHeader.gif) no-repeat left top ;text-align:center;border:none;margin:0/*!important*/;padding:12px;font-family:"Trebuchet MS";font-size:30px;}
#divColumn99 #scShoutoutWidget h2, #divColumn99 .scShoutoutWidget h3, #divColumn99 .scShoutoutWidget p, #divColumn99 .scShoutoutWidget h4 
{padding:6px 20px;font-size:140%} 
#divColumn99 #scShoutoutWidget h3{margin:0 0 4px 0;}
#divColumn99 #scShoutoutWidget p {color:#666;padding-top:12px;margin:0 0 0 0;font-size:18px;}

/**************************
form
**************************/
form.scForm, form.emailForm{float:left; padding:12px;margin:0 auto 20px auto;font-family:tahoma;font-size:13px;width:97% }
fieldset {margin:8px 0;}
label {float:left;width:30%;margin:2px 0 0px 0;line-height:24px;padding:0 0 0 5px;display:block;margin-left:0px;} /* left labels */
input.textField, input.fieldText{float:right;width:60%;display:block;height:20px;margin:2px 0;padding:4px 0 0 4px;} /* right boxes */

form.scForm select, form.emailForm select{float:right;display:block; width:61%;height:24px;}
form.scForm h3 { margin: 20px 0px 10px 0px; }

label.message{width:97.5%;} /*Message area*/
textarea {clear:both; font-family:Tahoma;width:95%;font-size:14px;padding:12px;margin-bottom:10px;line-height:20px;} /*Message area*/

input.submit {clear:both;background: url(submit.gif) no-repeat left top;width:145px;margin:12px -4px 0 0px;border:none;
font-weight:bold;font-style:italic;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;font-size:16px;display:inline; 
padding:6px 0px 8px 2px; height:39px;
}

ul#scProductMediaButtons {margin:0!important ;}


#scSocialWidget li {width:50px;}

/*Feature photo caption*/
.logoPhotoWidget h4 {display:none;}
.headerPhotoWidget h4 {display:none;}
.featurePhotoWidget h4 {display:none;}
