/*********************************************

body text								505050
	
heading 6 grey							505050
pagetitle, heading2,3,4 blue			2E406B

a:link, a:visited						6C84A7
a:hover									6C84A7
								
*********************************************/

/*	---	HTML Styles	-------	*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td { 
	margin:0;
	padding:0;
}

body {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color: #505050;
	font-size: 70.5%;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

h1,h2,h3,h4,h5,h6{
	color: #2E406B;
	font-weight:normal;
}

h1 {
	font-size: 2.2em;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #2E406B;
}

h2 {
	font-size: 1.8em;
	margin-top: 1.5em;
	margin: 0 0 6px 0;
	color: #2E406B;
	line-height: 1.2em;
}

h3 {
	font-size: 1.5em;
	margin-top: 1.5em;
	margin: 0 0 6px 0;
	color: #2E406B;
	font-weight: bold
}

h4 {
	margin-top: 1.5em;
	margin: 0 0 6px 0;
	font-weight: bold;
	font-size: 1.2em;
	color: #2E406B;
}

h5 {
	display: block;  
	font-size:1.2em;
	font-weight: bold;
	letter-spacing:.03em;
	text-align: left;
	margin:0 0 12px 0; 
	padding:3px 4px 3px 6px; 
	color: #FFFFFF;
	background: #3A466A;
	background-image: url("../../../../../../../wcm/groups/public/@ss-assets/@csf/documents/image/bkgr_title_blue.jpg");
	top left repeat-x;
}

h6 {
	margin-top: 1.5em;
	margin: 0 0 6px 0;
	color: #505050;
	font-weight: bold;
	font-size: 1.2em;
}

a:link, a:visited, a:active {
	  color: #6C84A7;
	  text-decoration: underline;
	}
	
.textSmall a:link, .textSmall a:visited, .textSmall a:active {
	  color: #6C84A7;
	  text-decoration: underline;
	}
	
a:hover {
	  color: #6C84A7;
	  text-decoration: none;
	}
	
img {
	border: none;
}

span.text {
	color: #505050;
	font-size: 11px;
}

span.textSmall {
	font-size: .8em;
	line-height: 1.2em;
}

span.alert {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.0em;
}

/*span.imgLeft {
	align: left;
	float: left;
	padding:2px 10px 2px 0px;
	display:block;
}

span.imgRight {
	align: right;
	float: right;
	padding:2px 0px 2px 10px;
	display:block;
}*/

span.imgLeft img {
	float:left; 
	margin-top:2px;
	margin-right:14px; 
	margin-bottom:5px; 
	text-align:left;
}

span.imgRight img {
	float:right; 
	margin-top:2px;
	margin-left:14px; 
	margin-bottom:5px; 
	text-align:right; 
}

.strongLarge {
	font-weight: bold;
	font-size: 1.1em;
}

/*	---	Misc Styles	-------	*/

.required {
	color: #FF0000;
	font-weight: normal;
}

span.headingInlineBlue {
	font-size: 1.2em;
	font-weight: bold;	
	color: #2E406B;
}

span.headingInlineGrey {
	font-size: 1.2em;
	font-weight: bold;
	color: #505050;
}

fieldset,img, abbr, acronym { 
	border: none;
}

blockquote.contacts {
	background-color:#FBFBF6;
	width: 248px;
	font-weight:normal;
	border: 1px solid #DCDCDC;
	padding:8px;
	font-size: 1.5em;
}

.clear {clear:both;display:block;}
.clearSpan {display:none;}

/*====================================================================================
	brand bar section
=====================================================================================*/

#brandbar {
	height: 82px;  
	background-color: #ffffff; 
	background-image: url('../../../../../../../wcm/groups/public/@csf/documents/image/banner_background.gif'); 		
	background-repeat: repeat-x;
	color: #6C84A7;
	overflow: hidden;
	padding: 0px 15px 0px 1px; 
}

#brandbarTop {
	width: 750px;
	height: 18px; 
	background-color: transparent;
	text-align: left;
	overflow: hidden;
	padding: 1px 0px; 
}

#brandbarTop-google {
	height: 17px; 
	background-color: transparent;
	text-align: left;
	overflow: hidden;
	padding: 1px 0px; 
}

	.brandbarTopLeft { width: 108px; padding-left: 14px; text-align: left; float: left; overflow: hidden;}
	.brandbarLanguage {  width: 350px; text-align: right; float: right; padding: 0px; overflow: hidden; color:#000000}
	
	#brandbar a:link, #brandbar a:visited, #brandbar a:active{ color: #6C84A7; text-decoration: underline;}
	#brandbar a:hover { color: #6C84A7; text-decoration: none; }

#brandbarLeft {
	float: left;
	padding: 0px 0px; 
	width: 90px; 
}

#brandbarRight { 
	float: right; 
	width: 350px; 
	background: transparent;
}
	#brandbarRight_Top{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
	
	#brandbarRight_Bottom{ padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px;}

#brandphoto {
  height: 150px; 
  width: 733px; 
  background-color: #ffffff;
  margin: 0px 15px; 
}

	.brandphotoLeft { height: 150px; width: 562px; background-color: #ffffff; padding: 0; float: left; }
	.brandphotoRight { height: 150px; width: 171px; background-color: #ffffff; padding: 0; float: left; }


/*====================================================================================
	main content section
=====================================================================================*/

#container {
	width:763px; 
	background-color: #ffffff;
	border-bottom: 12px solid #FFFFFF;
	overflow: hidden;
	position: relative;  /* fix to 'IE7 10000px padding-bottom spill over footer' problem */
}

#containerSiteManager {
	width:1063px; 
	background-color: #ffffff;
	border-bottom: 12px solid #FFFFFF;
	overflow: hidden;
	position: relative;  /* fix to 'IE7 10000px padding-bottom spill over footer' problem */
}

#containerSiteManager td {
	font-size: 70.5%;
}

#contentContainer {
	padding: 15px 0;
	margin:0;
	width: 733px;
	text-align: left;
}

#sitemanagerGUIContainer td {
	font-size: 100%;
}
		
	/*===================================================================================
	three column template*/	
		
		#contentContainer .column {
			position: relative;
			float: left;              /*IE only */
			padding-bottom: 1001em;   /*   X + padding-bottom */
			margin-bottom: -1000em;    /*  X */
		}
		
		#center {
			padding: 0 0px;
			width: 368px;
			background: #FFFFFF;	/* FFFFFF */
			margin-left: 20px;
			margin-right: 20px;
			overflow: visible;
		} 
		
		#left {
			width: 155px;             /* LC width */
			padding: 0;               /* LC padding */
			background: #FFFFFF;
		}
		
		#right {
			float: left;
			width: 169px;                       /* RC width */
			padding-bottom: 20px;          /* RC padding */
			background: #E9ECF5;				/* E9ECF5 */
			position: relative; 
			background-image: url('../../../../../../../wcm/groups/public/@ss-assets/@csf/documents/image/right_column_gradient.jpg');
			background-repeat: no-repeat;
			background-position:  0px 0px ;
			border-left: 1px solid #D5DDC1;
			overflow: visible;
		}
		
		#rightContainer {
			padding-left: 10px;
			padding-right: 10px; 
		}
		
		#centerIframe {
		width: 368px;
		}
		
	/*===================================================================================
	two column template*/	
	
		#rightWide {
			padding: 0 0 0 0px;
			width: 558px;
			background: transparent;
			margin-left: 20px;
			overflow: visible;
		}
		
		#rightWide-container {
			padding: 0;
			width: 558px;
			background: transparent;
			overflow: auto;
		}
		
		#rightWide-left {
			padding: 0 10px 0 0;
			float: left;
			width: 266px;
			background: transparent;
		}
		
		#rightWide-right {
			padding: 0 0 0 10px;
			float: right;
			width: 266px;
			background: #FFFFFF;
		}
		
		#rightWideIframe {
			width: 558px;
		}
	
/*====================================================================================
	<ul> list section
=====================================================================================*/

	#links {
		width: 100%;
		margin-bottom: 0;
	}
	
	ul#links {
		list-style-type: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	ul#links li {
	  	padding-top: .3em;
	}

	#links tbody tr td {
		padding: 10px 0 10px 0px;
	}
	
	ul#rc {
		list-style-type: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	ul#rc li {
		display: block;
		padding: 2px;
		width:auto;
	}
	

ol {
	display: block;
	text-align:left;
	margin: 10px 0 10px 30px;
	padding: 0;
}

ol li {
	line-height: 1.3em;
	text-align:left;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.0em
}

	#content {
		margin-top: 1em;
		margin: 1em;
		width: auto;
		padding: 5px;
	}
	
	ul {
		display: block;
		text-align:left;
		margin: 10px 0 10px 25px;
		padding: 0;
	}
	
	ul li {
		line-height: 1.3em;
		text-align:left;
		margin: 0;
		padding: 0 0 5px 0;
	}
	
	ul li ul {
		display: block;
		text-align:left;
		margin: 5px 0 0 24px;
		padding: 0;
	}
	
	ul li ul li {
		line-height: 1.3em;
		text-align:left;
		margin: 0;
		padding: 0 0 5px 0;
	}
	
	ul#sub {
		list-style-type: none;
		list-style-position: outside;
		margin-left: 1.5em;
		width: auto;
		padding: 0;
	}
	
	ul#sub li {
		padding: 1px;
		margin-bottom: .3em;
	}
	
	ul#listColumn
	{
	  list-style-type: none;
	  width: 30em;  /* room for 3 columns */
	}
	ul#listColumn li
	{
	  padding-top: .3em;
	  float: left;
	}
	
	ul#list1Column
	{
	  list-style-type: none;
	}
	ul#list1Column li
	{
	  padding-top: .3em;
	  float: left;
	  width: 30em;  /* accommodate the widest item */
	}
	/* stop the floating after the list */
	br
	{
	  clear: left;
	}
	/* separate the list from what follows it */
	div.wrapper
	{
	  margin-bottom: 1em;
	  margin-top: 1em;
	}
	
	/* anchor styling */
	ul#listColumn li a
	{
	  display: block;
	  width: 7em;
	  text-decoration: underline;
	}
	ul#listColumn li a:hover
	{
	  text-decoration: none;
	 }
	 
#q-contain {
	
	padding: 5px;
	border-bottom: 1px solid #CCCFD7;
	margin-bottom: 1px;
	background-color: #E9ECF5;
	background-repeat: no-repeat;
	background-position:  right;
	}
	
#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	border: 0px solid #000;
	list-style: none;
	display: inline;
	}
	
		
#tabs ul li.here {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #CCCFD7;
	border-left: 1px solid #CCCFD7;
	border-right: 1px solid #CCCFD7;
	background-color: #FFFFFF;
	color:#A6AB57;
	font-weight: bold;
	list-style: none;
	display: inline;
	z-index: 10;
	}
	
ul#tabs li a
	{
	  display: block;
	  width: 7em;
	  text-decoration: underline;
	}
ul#tabs li a:hover
	{
	  text-decoration: none;
	 }
	
	
	/*===================================================================================
	featured product section*/
	
	div.featured {
		margin: 0px;
		text-align: left;
	}
	
	div.featured img {
		margin-right: 10px;
	}
		 

/*====================================================================================
	footer content section
=====================================================================================*/
	#footer {
	  clear: both;
	  text-align: left;
	  height: 20px;
	  background-color: #837A61; 
	  position: relative;
	  margin: 0; 
	  z-index: 10;
	  color: #FFFFFF;
	  padding: 8px 15px 2px 15px;
	}

		.footerLeft { text-align: left; float: left; background: transparent; position: relative; }
		.footerRight { text-align: right; float: right; background: transparent; position: relative; }
		
	#footer a:link, #footer a:visited, #footer a:active { color: #FFFFFF; text-decoration: underline; }
	#footer a:hover { color: #FFFFFF; text-decoration: none; }
	

	#footerContainer {
			width: 763px; 
			z-index: 10; 
			background-color: #837A61;
			color: #FFFFFF;
			padding-bottom: 10px;
            }
	#footerContainerContentLeft {
			color: #ffffff; 
			text-align: left;
			float: left;
			background: transparent; 
			padding: 0;
			position: relative;
			padding: 8px 15px 2px 15px; 
			width:381px;
			}
	#footerContainerContentRight {
			color: #ffffff; 
			float: right; 
			background: transparent; 
			padding: 0;
			position: relative;
			padding: 8px 15px 2px 15px; 
			}
			
	#footerContainer a:link, #footerContainer a:visited, #footerContainer a:active  {
	  color: #FFFFFF;
	  text-decoration: underline;
	}
	
	 #footerContainer a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	}
	
	 #footerContainer a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	}


* html #footer-wrapper {
  float: left;
  position: relative;
  z-index: 10;
  clear: both;   /* IE fix for footer jumping up when right column is short */
  width: 763px;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #ffffff;         /* Same as body background */
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
FORM PROPERTIES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

input				{font-size: 11px;}
input.blue			{background-color: #2e406b; color: #ffffff; cursor: pointer; vertical-align: middle; width: 24px; height: 22px;}
input.header		{vertical-align: middle; width: 100px;}
input.submit		{background-color: #2e406b; color: #ffffff; cursor: pointer; vertical-align: middle;  height: 22px; float: right;}	
	
	#search {
		margin-top: 5px;
	}
	
	#search tr td {
		width: ;
		margin: 0;
		padding: 2px 0px;
	}

	table#form{
		text-align:left;
		width: 368px;
		padding: 15px; 
		border: 1px solid #DCDCDC;
		background-color:#FBFBF6;
		}
	table#form td {
		vertical-align:top;
		padding: 2px; 
		}
	.formFieldsBGColor {
		background-color:#FFFFFF;
		border-top: 1px solid #89887E; border-left: 1px solid #999; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;
		}
	.fieldRequired {
		font-weight:normal;
		}

#infoBox {background-color:#FFFFFF;
		padding: 4px;
		border:2px solid #D1D1D1}
#imageWrapper {margin-top:10px; text-align:center;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
CUSTOM INCLUDES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

p.divider { 
width: 100%;
height: 1px;
background: url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_bkgr_divider.gif) repeat-x;
margin: 8px 0 8px 0px;
padding:0;
display:block;
}

/* callout */

table.callout {
text-align:left;
width:100%;
border:0px;
margin:0px 0 0px 0;
padding:0;
}
table.callout th {
font-size:1.4em;
font-weight:bold;
color:#888888;
margin:0;
padding: 0px 4px 10px 0px;
}
table.callout td {
vertical-align: top;
margin:0;
padding:0px 5px 5px 5px;
}
table.callout td.left {
width: 124px;
margin:0;
padding: 10px 0 10px 0;
}
table.callout td.bottom {
height:1px;
margin:10px 0 0 0;
padding: 0;
}

/* lists */

	ul.grey_arrows{
	display: block;
	}
	ul.grey_arrows li{
	list-style-image: url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_bullet_raquo.gif);
	line-height: 1.2em;
	vertical-align: bottom;
	}
	ul.blue_arrow_box_right{
	display: block;
	}
	ul.blue_arrow_box_right li{
	list-style-image: url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_bullet_arrowbox.gif); 
	line-height: 1.2em;
	vertical-align: bottom;
	}
	ul.blue_arrow_box_down{
	display: block;
	}
	ul.blue_arrow_box_down li{
	list-style-image: url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_bullet_arrowbox_down.gif);
	line-height: 1.2em;
	vertical-align: bottom;
	}
	ul.blue_square{
	display: block;
	}
	ul.blue_square li{
	list-style-image: url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_bullet_blue.gif);
	line-height: 1.2em;
	vertical-align: bottom; 
}


/* table blue data */

	table.data_blue {
		width: 100%;
		margin: 10px 0;
		padding:0;
	}

	table.data_blue tbody tr td {
		width: 33%;
		font-size: 8pt;
		padding: 4px 8px;
	}
	
	table.data_blue th {
		font-size: 8pt;
		background: #efefef;
		padding: 4px 8px;
	}
	
	table.data_blue tbody tr.selected td {
		background-color: #CCCCCC;
		padding: 8px 8px;
		background: #EBEBEB url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_tbox_title_bkgr_blue.jpg) top left repeat-x;
		color:#888888;
		font-weight: bold;
	}
		
	table.data_blue tbody tr.selected_blue td {
		padding: 8px 8px;
		color:#FFFFFF;
		background: #EBEBEB url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_tbox_title_bkgr_blue.jpg) top left repeat-x;
		background-color: #2E406B;
		font-weight: bold;
		border-left: 1px solid #FFFFFF;
	}
	
	table.data_blue tbody tr.selected_blue td a {
		color:#FFFFFF;
		font-weight: bold;
	}


/* table data */

	table.data {
		width: 100%;
		border: 1px solid #CCCCCC;
		margin: 10px 0;
		padding:0;
	}

	table.data tbody tr td {
		font-size: 8pt;
		padding: 4px 8px;
		border-left: 1px solid #CCCCCC;
	}
	
	table.data th {
		font-size: 8pt;
		background: #efefef;
		padding: 4px 8px;
		border-left: 1px solid #CCCCCC;
	}
	
	table.data tbody tr td.left_header, table.data tbody tr.selected td.left_header
	{
		font-size: 8pt;
		color:#888888;
		background: #efefef;
		padding: 4px 8px;
		border-left: 1px solid #CCCCCC;
		font-weight:bold;
	}
	
	table.data tbody tr.selected td {
		background-color: #CCCCCC;
		padding: 8px 8px;
		background: #EBEBEB url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_tbox_title_bkgr_grey.jpg) top left repeat-x;
		color:#888888;
		font-weight: bold;
		border-left: 1px solid #CCCCCC;
	}
	table.data tbody tr.selected_gray td {
		background-color: #CCCCCC;
		padding: 8px 8px;
		color:#888888;
		background: #EBEBEB url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_tbox_title_bkgr_grey.jpg) top left repeat-x;
		font-weight: bold;
		border-left: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}


/* table grey */

#contentContainer .grey_table {
	border-bottom:#EBEBEB solid 1px;
	border-left:#EBEBEB solid 1px;
	border-right:#EBEBEB solid 1px;
	background:#FFF url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_table_bkgr_gradient.gif) repeat-x 0% 100%;
	text-align:left;
}

#contentContainer .grey_table p {
	padding-left:10px;
	padding-bottom:5px;
}

#contentContainer .grey_table ul {
	padding-top:0px;
	padding-left:8px;
	margin-top:-3px;
}


/* photo left and right */

	#contentContainer table.inbody_photo_container_left { 
		width: 20px;
		float: left;
		margin: 12px 7px 0 0;
		padding: 0;
		color:#888888;
		}
		
	#contentContainer table.inbody_photo_container_right { 
		width: 20px;
		float: right;
		margin: 12px 0 0 10px;
		padding: 0;
		color:#888888;
		}
		
	#contentContainer td.inbody_photo_caption { 
		font-size: 0.8em;
		background: #E9E9E9;
		color:#888888;
		padding:3px 2px;
		}
		
	p.inbody_photo_caption {background: #E9E9E9;}
	
	h6.heading_grey_bkgr {width:auto;height:auto;font-size:1.0em;line-height:1.2em;letter-spacing:.03em;font-weight:bold; border: 1px solid #e5e5e5; margin:7px 0 5px 0; padding:5px 4px 5px 4px; display:block; color: #888888; background: #EBEBEB url(../../../../../../../wcm/groups/public/@ss-assets/documents/image/ccom_img_tbox_title_bkgr_grey.jpg) top left repeat-x;}
	
	.media_inc_container
	{
		text-align:center;
		padding:10px 0px 10px 0px;
	}
	
	.media_inc_container .videoBody
	{
		text-align:left;
		padding: 10px 0px 0px 0px;
	}