/* ============================================================
 *
 *  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:20px 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
/*-------------------------------------------------------------------------------------------*/



/**************************
Some common items
**************************/
.left{float:left}
.right{float:right}
.clear{clear:both}
ul{font-size:90%;list-style-type:none;}
.clear{clear:both}
dl{margin:10px;}
dt {font-size:95%;margin-bottom:3px;}
dt a{font-weight:bold;padding-bottom:4px;}
dd {margin-bottom:15px;line-height:18px;font-size:80%;}
blockquote{padding:25px 0 0 0px;font-style:oblique; font-size:13px;}
blockquote p{padding-bottom:15px;}
cite{margin-bottom:12px;}


/**************************
Main typography
**************************/
body{text-align:left;font-family:Arial;font-size:16px}
h1,h2,h3,h4 {font-family:"Trebuchet MS";}
p {margin:0px 0 18px 0;line-height:20px}
h1 {font-size:160%;margin:16px 0;padding:8px 0 8px 42px}
h2 {font-size:140%;line-height:140%;}
h3 {font-size:120%;line-height:120%; margin-bottom:8px}
h4 {font-size:100%;line-height:100%}
h5 {font-size:90%;line-height:100%}
h6 {font-size:80%;line-height:100%}

#divColumn99, #divColumn2 {font-size:90%;position:relative;}

/**************************
 Main layout items
**************************/
#divPage{width:960px;padding:0px;margin:auto;}
#divRegionMiddle{float:left;width:100%;padding-bottom:42px;}
#divColumn1{float:left;padding:0 20px 0 20px; }
#divColumn99{margin:0 30px;float:left;} *html #divColumn99{margin:0  0 0 30px;float:left;}
#divColumn2{float:right;} 

/**************************
 Header & Nav containers
**************************/
#divRegionTop{float:left;width:100%;position:relative;} /* Contains Logo, header & the 2 navs */
#divSectionLogo {float:left;margin-bottom:12px;}
#divSectionHeader {width:430px;padding:5px;}
object#divSectionHeader {width:430px;height:192px;padding:0 !important;}
#divSectionTopNav {} /* Container for both navs */
#divHeaderTitle {font-family:"Trebuchet MS";font-size:216%;font-style:oblique}

/**************************
 Main nav
**************************/
ul.primaryNav {float:left;width:980px;list-style:none;font-size: 85%;}
ul.primaryNav li{width:14%;display:block;float:left;font-weight:bold;letter-spacing:.05em;}
ul.primaryNav li.navLastItem{padding-right:1px}
ul.primaryNav li a:link,ul.primaryNav li a:visited{display:block;text-decoration:none;text-align:center;padding:12px 0;font-weight:bold;}
ul.primaryNav li a:hover, ul.primaryNav li a.selectedParent{}

/**************************
 Secondary nav (Feature menu)
**************************/
ul.secondaryNav {width:195px;height:100px;float:right;list-style:none;font-size:14px;text-transform: capitalize;letter-spacing:12px;padding:10px 0 0 174px; }
ul.secondaryNav li{text-align:left;letter-spacing:1px;line-height:18px;}
ul.secondaryNav li a:link,ul.secondaryNav li a:visited{font-weight:bold;text-decoration:none;text-align:center;padding:0 13px 0 0;}

/**************************
Side nav
**************************/
#divLeftSideNav{} 
.sidebarNavTitle {text-align:left;padding:6px 2px;font-size:110%;}
ul.sidebarNavMenu {font-size:80%;list-style-type:none;margin-bottom:20px; }
.sidebarNavMenu li{width:100%;letter-spacing:0.01em;font-weight:bold;font-family:"Trebuchet MS";text-align:left;margin-bottom:2px}
.sidebarNavMenu li a:link,.sidebarNavMenu li a:visited{display:inline-block;display:block;padding:8px 0px 7px 26px}
.sidebarNavMenu li a{display:inline-block;}
.sidebarNavMenu li a{display:block;}

/**************************
Column1 Special
**************************/

.special{font-family:arial;font-size:12px;padding-bottom:8px;margin:4px auto;}
.special h3{text-transform:uppercase;padding:8px 10px;}
.special h4, .special p{padding:0 12px; margin:0 auto}
.special h4 {font-size:14px;margin-bottom:4px;}
.special p {line-height:16px;margin-bottom:4px;}
.special a:link, .special a:visited {font-weight:bold;padding-right:12px}
#divColumn2 .special{}


/**************************
News
**************************/

.news{font-family:verdana;font-size:12px;padding-bottom:8px;margin:4px auto;}
.news h3{text-transform:uppercase;padding:8px 10px;font-size:16px;}
.news h4, .news p{padding:0 12px; margin:0 auto;}
.news h4 {font-size:14px;margin-bottom:4px;margin-top:14px;font-size:16px;}
.news p {line-height:16px;margin-bottom:4px;}
.news a:link, .news a:visited {font-weight:bold;padding-right:12px}
#divColumn2 .news{}

/**************************
 Main body
**************************/
#divColumn99 h2 {font-size:150%;margin-bottom:7px;}
#divColumn99 .left{float:left}
#divColumn99 .right{float:right}
#divColumn99 h2, #divColumn99 h3 {clear:both} /* This is just to clear any image based floats */
.highlight {font-family:Georgia;font-style:oblique;letter-spacing:0.1em;line-height:130%;text-align:justify;font-size:110%; padding:18px;}


	/* Lists */
	#divColumn99 ul {margin:0 50px 12px 20px;}	
	#divColumn99 ol {margin:0 50px 12px 30px;} 
	#divColumn99 ul li {padding-left:16px;line-height:18px;text-align:justify}
	#divColumn99 ol li {margin-bottom:8px;line-height:18px;text-align:justify}
	#divColumn99 ul li {padding-bottom:6px;display:block}

	/*images*/
	#divColumn99 img.left{margin:0 15px 10px 0}
	#divColumn99 img.right{margin:0 0 15px 10px}

/**************************
Tables
**************************/
table.contentTable{line-height:16px;width:100%;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%;}
td.first  {font-weight:bold}
/**************************
 Shopping Cart
**************************/
input.input {font-size:12px;width:170px; height:20px;padding:5px 0 0 12px;margin:4px 0}
input.submit {float:right;font-size:12px;width:61px; height:25px;padding:0 0 5px 0;clear:left;margin:0 8px 4px 0}
input.submit:hover {cursor:pointer}
#divShoppingCartWidget {margin-bottom:12px;clear:both;}
#divShoppingCartWidget DIV.cartTitle {padding:8px 0 6px 12px;font-size:100%;font-weight:bold}
#divShoppingCartWidget DIV.cartItems {line-height:16px;padding:12px;font-size:80%;}
#divShoppingCartWidget DIV.cartItems a {display:block;font-weight:normal;padding:10px 20px 10px 0;}

/**************************
Tools widget
**************************/
#divPageToolsWidget {font-weight:bold;padding-bottom:10px;}
.pageToolsWidgetTitle {text-transform:uppercase;padding:6px 10px 6px 14px;font-size:15px;font-weight:bold;display:none}
#divPageToolsWidget ul{margin-bottom:6px;font-family:Arial, Helvetica, sans-serif;padding-bottom:12px;}
#divPageToolsWidget ul li {font-size:90%;padding:6px 0 4px 12px;text-transform:uppercase;margin-left:20px;}
.print, .email, .subscribe {padding-left:24px;font-weight:bold;}
.arrow {padding-left:12px}

.featurePhotoWidget img{margin:auto;padding:4px;margin-bottom:4px;background:#fff}

/**************************
form
**************************/
.scForm table{line-height:16px;margin-bottom:12px;width:100%;}
.scForm table td {padding:8px 4px 8px 12px;border-top:none;vertical-align:top;font-size:12px; font-weight:bold}
.scForm{padding:20px;margin-bottom:20px;clear:both;font-family:tahoma}
.scForm td{margin-top:8px}

fieldset {padding:3px 0;}
fieldset small {font-size:11px;}
form.scForm h3 { margin: 20px 0px 0px 0px; }

label {float:left;width:40%;margin:12px 0 3px 0;line-height:16px;}
.fieldText, select {float:right;width:59%;margin:8px 0 3px 0;}
label textarea{float:left;width:100%;margin-right:-3px;}

textarea{width:100%;display:block;font-size:14px;padding:6px;margin-right:4px;font-family:tahoma, arial, sans-serif;}
input.submit {display:block;font-size:90%; font-weight:bold;margin:6px 0 0 0;width:160px; height:36px;padding:0px 0px 0px 2px}

a:link.button, a:visited.button {display:block;width:160px;font-weight:bold;height:25px;padding:9px 0 5px 16px;}
a:link.widebutton, a:visited.widebutton {display:block;width:260px;font-weight:bold;height:25px;padding:12px 0 5px 16px;}

p a:link.widebutton,p a:visited.widebutton {display:block;width:260px;font-weight:bold;height:25px;padding:9px 0 5px 16px;}

a:link.button-newsletter, a:visited.button-newsletter {display:block;width:164px;font-weight:bold;font-size:13px;letter-spacing:1px;
text-align:center;text-transform:uppercase;height:15px;padding:10px 0 12px 6px;margin:0 auto 4px auto;font-family:Verdana}
a:link.button-share, a:visited.button-share {display:block;width:164px;font-weight:bold;font-size:13px;letter-spacing:1px;
text-align:center;text-transform:uppercase;height:15px;padding:10px 0 12px 6px;margin:0 auto 4px auto;font-family:Verdana}
/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */

#divRegionBottom{position:relative;float:left;width:100%;height:88px;font-size:13px;font-weight:bold;}
	#divSectionBottomContent {position:absolute;top:40px;left:320px;width:340px;margin:30px auto 20px auto;font-size:15px;}
	.contentItem{line-height:17px;font-weight:bold;display:block}
	#divSectionBottomNav{position:absolute;top:36px;left:20px;width:48%;float:left;}
	#divSectionCopyright{position:absolute;top:36px;right:20px;width:48%;float:right;text-align:right;}
	#divBrandingLogo {clear:both;display:block;text-align:center;margin:auto;padding:20px 0;}

#divSectionBottomNav ul {margin:auto;width:100%;}
#divSectionBottomNav ul li{float:left;text-align:center;margin:0 6px}
#divSectionBottomNav a{}


/**************************
Non-typical elements
**************************/
ul#bigicons{
margin-bottom:20px;
padding-bottom:20px;
}

ul#bigicons li{
font-family:"Trebuchet MS";
font-size:16px;
line-height:46px;
font-weight:bold;margin-left:20px;
}
#bigicons a:link, #bigicons a:visited {padding:12px 0  12px 44px;}


/**************************
FROM OLD SITE
**************************/
#popupTactics {
	visibility			: hidden;
	display				: none;
	position			: absolute;
	z-index				: 100;
	top					: 380px;
	left				: 34px;
	width				: 600px;
	height				: 340px;
	border				: solid black 2px;
	background-color	: #EEEEEE;
	padding				: 20px;
}

#popupInstruments {
	visibility			: hidden;
	display				: none;
	position			: absolute;
	z-index				: 100;
	top					: 680px;
	left				: 34px;
	width				: 680px;
	height				: 400px;
	border				: solid black 2px;
	background-color	: #EEEEEE;
	padding				: 20px;
	overflow			: scroll;
}

table.tactics { 
	width				: 100%;
	empty-cells			: show;
	border-collapse		: collapse;
	border-spacing		: 0px;
	background-color	: #FFFFFF;
}
table.tactics td { 
	padding				: 3px 3px 3px 6px; 
	border				: solid 1px #EAEFE9; 
}
table.tactics td.right { 
	text-align			: right; 
} 
table.tactics tr.header		{ font-weight: bold; background-color: #365388; color: #FFFFFF; height: 20px; }
table.tactics tr.rowlight	{ background-color: #FFFFFF; }
table.tactics tr.rowdark	{ background-color: #DAE3D8; }


/**************************
TWITTER
**************************/

.homebox {
	padding				: 12px 12px 0px 12px;
	margin-bottom		: 16px;
}
.homebox#twitter {
	min-height:174px;
} /* homenews column */				
*html .homebox#twitter{height:177px;}
#twitterquote {
	margin:4px 0 6px 3px;
	padding-left:23px;
	line-height:16px;
	font-style:italic;
}
.follow {margin-top:30px} /*Twitter follow link */
.follow a:link, .follow a:visited{font-weight:bold} /*Twitter follow link */

.homebox#twitter blockquote	{ padding:5px 0 0 0px;font-style:oblique; font-size:13px; padding-left:23px;}
.homebox#twitter blockquote p { padding-bottom: 0px; }
.homebox#twitter h2 { padding-bottom: 18px; }


/**************************
BUY TABLE
**************************/

table.buy-table {
	width				: 100%;
	empty-cells			: show;
	border-collapse		: collapse;
	border-spacing		: 0px;
}

table.buy-table td { 
	padding				: 2px 2px 2px 4px; 
	border				: solid 1px #EAEFE9; 
}

table.buy-table td.col01 {
	width				: 13%;
	text-align			: center; 
}

table.buy-table td.col02 {
	width				: 60%;
}

table.buy-table td.col03 {
	width				: 12%;
	text-align			: center; 
}

table.buy-table td.col04 {
	width				: 15%;
	text-align			: center; 
}

table.buy-table tr.header	{ font-weight: bold; background-color: #365388; color: #FFFFFF; height: 20px; }
table.buy-table tr.rowlight	{ background-color: #FFFFFF; }
table.buy-table tr.rowdark	{ background-color: #DAE3D8; }


