/* CSS Document */
/*********************************************

lightblue bg		E9ECF5

body text			505050

leftnav
	inactive		000000
	rollover		000000
	active			000000

	
*********************************************/

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;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img, abbr, acronym { 
	border: none;
}

body {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	color: #505050;
	/*font-size: x-small;*/
	font-size: 70.5%;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
}

td {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	/*font-size: 70.5%;*/
}

#container td {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 70.5%;
}

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;
	}

/*====================================================================================
	<html> properties
=====================================================================================*/

h1,h2,h3,h4,h5,h6{
	color: #2E406B;
	font-size:100%;
	font-weight:normal;
}

img {
	border: none;
}

h1 {
	font-size: 2.2em;
	/*font-family: "HelveticaNeue Condensed", Arial, Verdana, sans-serif;*/
	font-weight: bold;
	/*margin: 0 0 10px 0;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #2E406B;
}

.h2 {
	font-size: 1.8em;
	margin-top: 1.5em;
	margin: 0 0 5px 0;
	color: #2E406B;
	line-height: 1.2em;
}

.h3 {
	font-size: 1.5em;
	margin-top: 1.5em;
	margin: 0 0 5px 0;
	color: #2E406B;
	font-weight: bold
}

.h4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #2E406B;
}

.h5 {
	font-family: Arial, Verdana, sans-serif; 
	display: block;  
	height:21px;
	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 {
	color: #505050;
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

strong {
	font-weight: bold;
}

blockquote {
	background-color:#FBFBF6;
	width: 248px;
	font-weight:normal;
	border: 1px solid #DCDCDC;
}
blockquote {
	padding:8px;
}

span.alert {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.5em;
}

.required {
	color: #FF0000;
	font-weight: normal;
}


/*====================================================================================
	brand bar section
=====================================================================================*/

#brandbar {
	height: 81px; 
	width: 733px; 
	background-color: #ffffff; 
	color: #6C84A7;
	overflow: auto;
	padding: 0px 15px; 
}

#brandbarTop {
	display: none;
	height: 17px; 
	background-color: transparent;
	text-align: left;
	overflow: none;
	padding: 1px 0px; 
}

	.brandbarTopLeft { width: 100px; text-align: left; float: left; overflow: none;}
	.brandbarLanguage { width: 100px; text-align: right; float: right; padding: 0px 0px; overflow: none;}
	
	#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;
	display: none;
}
	#brandbarRight_Top{ font-size: 70%; color: #275E2B; text-align: right; float: right; height: px; padding: 1px 7px 2px 7px; margin: 4px 3px 0  0; background-color: #C8D09A; border-left: 1px solid #B1B888; border-right: 1px solid #B1B888; border-bottom: 1px solid #B1B888;}
	#brandbarRight_Bottom{ width: 150px; font-size: 80%; color: #000000; font-weight:normal; text-align: right; float: right; height: px; padding: 3px 7px 2px 7px; margin: 10px 0 0 0;}


#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 */
}

#contentContainer {
	padding: 15px 0;
	margin:0;
	width: 733px;
	text-align: left;
}
		
	/*===================================================================================
	three column template*/	
		
		#contentContainer.column {
			position: relative;
			float: left;              /*IE only */
			padding-bottom: 1001em;   /*   X + padding-bottom */
			margin-bottom: -1000em;   /*  X */
		}
		
		#center {
			padding: 0px 7px 0px 7px;
			float: left; 			/*IE only */
			width: 348px;
			background: #FFFFFF;
			text-align: left;
		}
		
		#left {
			width: 145px;             /* LC width */
			float: left;			  /*IE only */
			padding: 0;               /* LC padding */
			background: #FFFFFF;
			text-align: left;
		}
		
		#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;
		}
		
		#rightContainer {
			padding-left: 5px;
			padding-right: 5px; 
		}
		
	/*===================================================================================
	two column template*/	
	
		#rightWide {
			padding: 0 0 0 20px;
			width: 500px;
			background: transparent;
		}
		
		#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;
		}
	
/*====================================================================================
	<ul> list section
=====================================================================================*/

	ul#csf_left_nav li {
		margin-left: 0;
		padding-left: 0;
	}
	
	ul#csf_left_nav {
		margin-left: 0;
		padding-left: 0;
	} 
	
	#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
}

	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;
	}

	#content {
		margin-top: 1em;
		margin: 1em;
		width: auto;
		padding: 5px;
	}
	
	ul#content {
	}
	
	ul#content li {
		padding-top: 0px;
		padding-bottom: 5px;
	}
	
	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;
	}
	
	#news {
		margin-left: -1.3em;
	}
	
	ul#news  {
		list-style-type: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: 0;
	}
	
	ul#news li  {
		margin-left: 0;
		margin-top: -4px;
		padding-top: -10em;
	}

	
	ul#news li.date {
		font-size: 1.1em;
		font-weight: bold;
		width:auto;
		margin-top: 0;
		padding-top: 10px;
		padding-bottom: -1em;
		
	}
	
	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 {
		align: left;
		width: ;
		height: ;
		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: 733px; 
			height: 20px;
			z-index: 10; 
			/*border-top: 5px solid #FFFFFF;
			margin-top: 6px; 
			border-bottom: 5px solid #FFFFFF;*/ 
			background-color: #837A61;
			color: #FFFFFF;
			padding: 8px 15px 2px 15px; /* choose a value - it won't mess up anything else! */
            }
	#footerContainerContentLeft {
			color: #ffffff; 
			float: left;
			background: transparent; 
			padding: 0;
			position: relative; 
			}
	#footerContainerContentRight {
			color: #ffffff; 
			float: right; 
			background: transparent; 
			padding: 0;
			position: relative; 
			}
			
	#footerContainer a:link, #footerContainer a:visited, #footerContainer a:active  {
	  color: #FFFFFF;
	  text-decoration: underline;
	}
	
	 #footerContainer a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
	}
	
	#footerLise {
			width: 723px; 
			height: 20px;
			z-index: 10; 
			margin-top: 6px; 
			border: 5px solid #FFFFFF;
			background-color: #837A61;
			color: #FFFFFF;
			padding: 8px 15px 2px 15px; /* choose a value - it won't mess up anything else! */
            }
	#footerLiseContentLeft {
			color: #ffffff; 
			float: left;
			background: transparent; 
			padding: 0;
			position: relative; 
			}
	#footerLiseContentRight {
			color: #ffffff; 
			float: right; 
			background: transparent; 
			padding: 0;
			position: relative; 
			}
			
	#footerLise a:link, #footerLise a:visited, #footerLise a:active  {
	  color: #FFFFFF;
	  text-decoration: underline;
	}
	
	 #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: ;}
input.blue			{background-color: #2e406b;  color: #ffffff;  cursor: pointer;  vertical-align: middle;  width: 24px; height: 22px;}
input.header		{vertical-align: middle;}
input.submit		{background-color: #2e406b;  color: #ffffff;  cursor: pointer;  vertical-align: middle;  width:; 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;
		}

	.hide{
	display: none;
	}
	
	.show{
	display: block;
	}
	
#infoBox {background-color:#FFFFFF;
		padding:4px;
		border:2px solid #D1D1D1}
#imageWrapper {margin-top:10px; text-align:center;}


#levelActive {		
		padding: -10px 0 7px 0px; 
		margin:0px 0px 0px -15px;
		height:10px;
		}

#levelActive[id] {margin:-5px 0px 0px 0px;padding: 0px 0 7px 0px; }

