/* Start of CMSMS style sheet 'Layput: October21' */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body { font: 10px/16px Lucida,"Lucida Grande","Lucida Sans", "Lucida Sans Unicode",Arial, Verdana, sans-serif; background-color: #E2E5DA; color: #333; }

a:link,a:hover,a:visited {text-decoration:none;}

/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}

/* STRUCTURE */
#maincontainer{
background:#FFF;
width: 920px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #010101;
height: 25px; /*Height of top section*/
}

div#topsection .innertube {
margin: 0px; 
padding:0;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding:0;
}


#headersection {
background: #FFFFFF;
margin: 0;
padding:0;
}

div#headersection .innertube {
height:155px;
margin: 3px 5px 0 5px; 
padding:0;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn {
margin: 0 173px 0 173px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}



#contentcolumn_wide  {
margin: 0 0 0 173px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn p, #contentcolumn_wide p {
 font: 10px/16px Lucida,"Lucida Grande","Lucida Sans", "Lucida Sans Unicode",Arial, Verdana, sans-serif;  color: #333; }
 
#contentcolumn h1, #contentcolumn_wide h1 {
 font: 14px/16px Lucida,"Lucida Grande","Lucida Sans", "Lucida Sans Unicode",Arial, Verdana, sans-serif;  color: #333; }

div#contentcolumn_wide .innertube3 {
background: #EAEAEA;
margin: 0px 5px 5px 5px; 
}


div#contentcolumn_wide .innertube1,#contentcolumn .innertube1{
background-image: url('uploads/images/graphics/msm_g_bot.jpg');
background-position:top left;
background-repeat:no-repeat;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#contentcolumn .innertube2{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#contentcolumn .innertube3{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



#leftcolumn{

padding:0;
float: left;
width: 173px; /*Width of left column in pixel*/
margin-left: -920px; /*Set margin to that of -(MainContainerWidth)*/
}

div#leftcolumn .innertube {
padding:0;
background: #B5C998;
margin: 0px 5px 5px 5px; 
}

div#leftcolumn .innertube2 {
padding:0;
background: lightblue;
margin: 0px 5px 5px 5px; 
}


#rightcolumn{
float: left;
width: 173px; /*Width of right column*/
margin-left: -173px; /*Set left margin to -(RightColumnWidth)*/
background: #FFF;
}

div#rightcolumn .innertube2 {
background: #EAEAEA;
margin: 0px 5px 5px 5px; 
}

#footer_above{
font-size:10px;
clear: left;
width: 100%;
background: #FFFFFF;
color:				#766; /*#007dc3; #7F0037;*/
text-align: right;
padding: 4px 0;
}


#footer{
font-size:10px;
clear: left;
width: 100%;
background: #e2e5da;
color:				#766; /*#007dc3; #7F0037;*/
text-align: right;
padding: 4px 0;
}

#footer a, #footer_above a {
color:				#766; /*#007dc3; #7F0037;*/
}



#headersection h1 {
font-style:italic;
font-size:11px;
line-height:16px;
font-weight: bold;
color: #812228;
text-align:right;
margin:0;
padding:0;
}

#headersection form {}
		
		#headersection fieldset {}
		
		#headersection legend {padding: 24px 0 0 0;color:white; font-weight: bold;font-size:12px;}
		
		#headersection label {}
		
		#headersection input {}
		
		#headersection input.text {
			
			background: white url('uploads/images/graphics/text_input_bg.png') repeat-x;
			
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
		}
		
		#headersection input.submit {}
		
		#headersection .search {
			background: transparent url('uploads/images/graphics/bluecloud.png') no-repeat bottom center ;
			height: 117px;
			width: 315px;
			position: relative;
			left: 6px;
		}
		
			.search fieldset {
				padding: 0 0 0 82px;
				text-align: left;
			}
			
			.search label {display: none;}
		
			.search input.text {
				
				width: 140px;
			}
		
			.search input.submit {
				border: 0;
				background: transparent url('uploads/images/graphics/finger.png') no-repeat ;
				display: block;
				height: 35px;
				width: 27px;
				text-indent: -999em;

				position: absolute;
				top: 62px;
				right: 90px;
				cursor: pointer;

font-size: 0px;
display:block;
line-height: 0px;
			}

#menu {
width: 100%;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}


#menu a, #menu h2 {
font-weight : bold;
font-size:11px;
line-height:16px;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #b5c998;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #b5c998;
text-decoration: none;
}

#menu a:hover {
color: #000;
background: #c8a299;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* SIGN UP FORM */




div#rightcolumn .innertube1 {
background: #EAEAEA;
margin: 0px 5px 5px 5px; 
}


#mailing_list {

	text-align:			left;
	background-color:	#C6BFC0;
	padding: 0px 5px 5px 5px;
}



#mailing_list_form #email {
	width:				123px;
}

#mailing_list {font-size: 10pt;}



#mailing_list h2 {
	font-size:			10pt;
	font-weight:		bold;
	margin-bottom:		0.2em;
	margin-top:			0px;
	margin-bottom:		0.5em;
	color:				#c41230;/*#ec008c;*/
}
#mailing_list p {
color:				#000;
	margin-top:			0em;
	margin-bottom:		0.7em;
	font-weight:		normal;
}


.image_right {
	float:				right;
	margin:				15px;
	margin-right:		0px;
	margin-bottom:		0px;
}

.image_left {
	float:				left;
	margin:				15px;
	margin-left:		0px;
	margin-bottom:		0px;
}

.image_right 
,.image_left
{
	margin-top:			0px;
}







/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
#productheader h1 a, #productheader h2 a, 
#productheader a.buynow, #productheader a.ordernow, #productheader a.joinnow, #productheader a.preorder, 
#productheader a.freetrial, #productheader a.downloadnow, #productheader a.upgradenow { behavior: url(/global/scripts/lib/iepngfix.htc); }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#omniture, #top { position: absolute; top: 0; }
#container { width: 554px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }


/* DISPLAY ELEMENTS */

strong
{
  font-weight: bold;
}

.line {
background-image: url('uploads/images/graphics/line.png');
background-position:top left;
background-repeat:no-repeat;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

table.vertical_gradient tr
,div.article
{
  background-image:  url('uploads/images/graphics/divider.png');
  background-repeat:repeat-x;
  margin-top: 50px;
}

table.vertical_gradient td
,div.article
{
  vertical-align: top; padding-top:60px;
}

h1
{
  font-size: 200%;
  font-weight: bold;
  margin-top: 10px;
}

h2 
{
  font-weight:bold;
  font-size:150%;
  line-height: 20pt;
  margin-bottom: 10px;
}

td a
{
  margin-bottom: 10px;
}

.date
{
  color:  #9d8b59;
  font-family: georgia;
  font-variant: small-caps;
  font-size: 12pt;
}

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colee, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; padding:0;margin:0;}

.grid2col .column { width: 49%; padding:0;margin:0;}
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colb .column.first { width: 574px; padding:0;margin:0;}
.grid2colb .column.last { width: 315px; padding:0;margin:0;}

.grid2colee .column.first { width: 569px }
.grid2colee .column.last { width: 173px; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }




.last { margin-bottom: 0; }


/* TYPE */

#breadcrumbs {
font-size:10px;
clear: left;
width: 100%;
color:	#000766;
text-align: left;
padding: 4px 0;}

#breadcrumbs a:link,#breadcrumbs a:hover,#breadcrumbs a:visited {
color:	#000766;}



/* End of 'Layput: October21' */