/* CSS Document */

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

html {height:100%;}

body {
	font: 12px Arial, Helvetica, Geneva, Verdana, sans-serif;
	color: #000;
	min-height:100%;
	background-image: url(../images/background%20(2)
.jpg);
	background-color: #000000;
	background-repeat: repeat;
	}
	
form, input, select {
	font-size: 12px;
	padding:0px;
	margin:0px;
	}
p{ margin: 0px 0px 10px 0px; }
a img, a:link img {border: 0px;} 

img {margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 { margin: 0px; padding:0px;}
h1 {
	font-weight: bold;
	font-size: 22px;
	line-height:23px;
	color: #000;
	}
h2 {
	font-size: 18px;
	color: #000;
	margin: 0px;
	}
h3 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	}
h4 {
	font-weight: bold;
	font-size: 13px;
	line-height:13px;
	color: #000;
	}
h5 {
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	}
h6 {
	padding-top: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	}

.callouttxt table{
	color:#000;
	background: #FFF;
	border: 1px solid #999999;
	font-size:10px;
}

.tableborder td{
	color:#000;
	background: #FFF;
	border: 1px solid #999999;
	font-size:10px;
}

li.orange{color:#f5821f;}
li.orange a, li.orange a:link, li.orange a:visited, li.orange a:active{color:#f5821f;}
li.orange a:hover{color:#f5821f;}


/***********************************************/
/*          DIV-specific HTML Styles           */
/***********************************************/


/***********************************************/
/*         Class-specific HTML Styles          */
/***********************************************/



body.bg14 {
	background-color: #010603;
	background-repeat: no-repeat;
	background-position: center top;
}



/***********************************************/
/*                Link Styles                  */
/***********************************************/
a, a:link, a:visited, a:active {
	text-decoration: none;
	color:#FFFFFF;
	}
a:hover {
	text-decoration: underline;
	color:#FFCC00;
	}
	
a.white, a.white:link, a.white:visited, a.white:active {
	text-decoration: none;
	color:#FFF;
	}
a.white:hover {
	text-decoration: underline;
	color:#FFF;
	}
a.orange, a.orange:link, a.orange:visited, a.orange:active {
	text-decoration: none;
	color:#f89723;
	}
a.orange:hover {
	text-decoration: underline;
	color:#f89723;
	}
a.green, a.green:link, a.green:visited, a.green:active {
	text-decoration: none;
	color:#006600;
	}
a.green:hover {
	color:#006600;
	}
	
a.csorange, a.csorange:link, a.csorange:visited, a.csorange:active {
	text-decoration: none;
	color:#f5821f;
	font-weight:bold;
	}
a.csorange:hover {
	text-decoration: underline;
	color:#f5821f;
	font-weight:bold;
	}


/***********************************************/
/*           Link Styles with Classes          */
/***********************************************/
.white a, .white a:link, .white a:visited, .white a:active {
	text-decoration: none;
	color:#FFF;
	}
.white a:hover {
	text-decoration: underline;
	color: #FFFFCC;
	}
.white #toplinks { color:#FFF; }

.tableheaders a, .tableheaders a:link, .tableheaders a:visited, .tableheaders a:active {
	text-decoration: none;
	color:#FFF;	
}
.tableheaders a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}

/***********************************************/
/*          Div-specific Link Styles           */
/***********************************************/
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active, #printsendbtn a, #printsendbtn a:link, #printsendbtn a:visited, #printsendbtn a:active {
	text-decoration: none;
	color: #333;
	padding: 0px 2px;
	}
#breadcrumbs a:hover, #printsendbtn a:hover {
	text-decoration: none;
	color: #000;
	background: #FFF; 
	}
		
#featuresinfo a, #featuresinfo a:link, #featuresinfo2 a, #featuresinfo2 a:link {
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-color: #fbe3ca;
	padding-right:16px;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #999999;	
}

#featuresinfo a.expand, #featuresinfo2 a.expand {	
	background: url(../images/products/compound/gray-arrow.gif) center right no-repeat;
	display:block;

}
#featuresinfo a.expand:hover, #featuresinfo2 a.expand:hover {
	background: #fbe3ca url(../images/products/compound/orange-arrow.gif) center right no-repeat;
	display:block;
}
#featuresinfo a.activeftr, #featuresinfo2 a.activeftr {
	background: #fbe3ca url(../images/products/compound/orange-arrow.gif) center right no-repeat;
	display:block;
}
#featuresinfo li.item, #featuresinfo2 li.item {
	padding-right:16px;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #999999;	
}
#featuresinfo li.box, #featuresinfo2 li.box {
	background: #000000;
	display:block;
}	

/***********************************************/
/*             General CSS Classes             */
/***********************************************/
.small { font-size: 9px; }
.large { font-size: 14px; }
.black { color: #000; }
.red { color: red; }
.darkgray { color:#333333; }
.gray { color:#666; }
.white { color: #FFF; }
.green {color:#006600;}
.orange { color: #f89723 }
.burntorange { color: #b43c06; }
.smallplain { font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.lightgreen {background:#99CC99;}
.lightorange {background:#fbe3ca;}
.darktanbg {background:#e4dbc2;}
.blackbg { background: #000; }
.redbg { background: red; }
.graybg { background:#666; }
.darkgraybg { background:#333; }

.nobreak {white-space:nowrap;}/*nowrap is outdated verbage in tables. Use this class instead. */

.textcenter { text-align: center; }
.textalignmid { vertical-align: middle; }
.hide { display: none; }
.printonly { display: none; }
.screenonly { display: block; }
.border { border: 1px solid #000 }
.bordertop { border-top: 1px solid #000 }
.borderbottom { border-bottom: 1px solid #000 }
.borderleft { border-left: 1px solid #000 }
.bank { font-family:Bank Gothic, BankGothic, Arial, Helvetica, Geneva, Verdana, sans-serif; }
.alertmessages, .successmessages {
	display: block;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	background: #CE0F40;
	}
.successmessages {
	background: #006600;
	}
.clearall { clear: both; }
.rule {
	/* <hr> styles are inconsistent across browsers, try to use this class instead */
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #999;
	margin: 0px; /*centers for others*/
	padding: 0px;
}
.whiterule {
	/* <hr> styles are inconsistent across browsers, try to use this class instead */
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #FFF;
	padding:0px 0px 0px 0px;
}
.noborder { border:0px; }
.leftcol, .rightcol { width: 48%; }
.leftcol, .left { float:left; }
.rightcol, .right { float:right; }



.featurecallout {
	color:#FFFFFF;
	background:#000;
	height:248px;
	width:285px;
	top:150px;
	left:200px;
	position:absolute;
	z-index:8000;
	display:none;
}
.calloutpic {
	background:#FFF;
	display:block;
	height:154px;
	padding:0px;
	margin:-3px 0px 0px 0px;
}
.callouttxt {
	color:#FFFFFF;
	background:#000;
	display:block;
	padding:12px;
	height:60px;
	overflow:auto;
}
.bigcalloutpic {
	background:#FFF;
	display:block;
	height:200px;
	padding:0px;
	margin:-3px 0px 0px 0px;
}
.smallcallouttxt {
	color:#FFFFFF;
	background:#000;
	display:block;
	padding:10px 0px 0px 0px;
	height:28px;
	overflow:hidden;
}
.news{
	color:#333;
}	
.headers{
	color:#000;
	font-weight:bold;
	font-size:14px;
}
.primoslogo{ 
	position:absolute;
	bottom:10px; 
	left:180px;
}
.noresults{ 
	color: #CE0F40;
	border: solid 1px #CE0F40;
	background:#FFF;
	font-size: 13px;
	line-height: 35px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	width:760px;
	height:73px;
	padding:30px;
}
.errorbox{
	color: #CE0F40;
	border: solid 1px #CE0F40;
	background:#FFF;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	width:760px;
	padding:30px;
}
.directivenotebox{
	border: solid 1px #CE0F40;
	background-color: #f1d8d1;
	padding: 10px;	
}
.specialnotebox{
	border: solid 1px green;
	background-color: #e4dbc2;
	padding: 10px;	
}
.tableheaders{
	background-color: #006600;
	color: #FFF;
	font-weight: bold;
}
.right{ float: right; }
.left{ float: left; }


/***********************************************/
/*           DIV-specific CSS Classes          */
/***********************************************/


/***********************************************/
/*           CSS Positioning Elements          */
/***********************************************/
html, body, #container {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	}
	
#pagefix {
	min-width:861px; /* also fixes mz1 scroll error */
	}

#container {
	width: 861px; /* optimized for 1024x768 resolution (960 - 30px margin to show background image) */
	margin: 0px auto;
	background-repeat: no-repeat;
	background-image: url(../images/big_bac.jpg);
	border: thin solid #FF0000;
	background-color: transparent;
}
#content {
	/* force all content under navigation */
	position: relative;
	text-align:left;
	z-index:1;
	clear:both;
	padding:0px;
	margin-top:4px;
	width:100%;/* needed for IE6 to display features and popouts */
}
#masthead {
	height: 200px;
}
#mastlogo {
	float: left;
	width: 240px;
	margin-left: 10px;
}
#toplinks {
	color:#FFFFFF;
	float:left;
	width:600px;
	text-align:right;
	font-size:10px;
	padding-top:8px;
}
#breadcrumbs, #breadcrumbs.blank, #printsendbtn {
	background: url(../images/global/breadcrumbback.png) repeat;
	color: #000;
	font-size:9px;
	text-align: left;
	padding: 1px 4px;
	display: inline;
	float:left;
	width: auto;
	margin:2px 0px 4px 0px;
}
#breadcrumbs.blank {
	background: none;
}
#printsendbtn{
	float:right;
}

#homebottom {
	margin-top:5px;
	width:860px;
	clear:both;
	vertical-align:bottom;
}
#footer {
	color: #CC9966;
	height: 30px;
	font-size:10px;
	clear:both;
	padding:20px 0px 0px 10px;
	
}

#footer .dbd{float:left; color:#8f6c42;}

#footer .dbd, #footer.dbd a, #footer .dbd a:link, #footer .dbd a:visited, #footer .dbd a:active{
	color: #a07a51;}
	
	#footer .dbd a:hover{
	color: #d5a76d;}
	
	

#footer .center{padding-left:150px; float:left;}
.black #footer {
	color:#000;
}

.black #footer .dbd, .black #footer .dbd a, .black #footer .dbd a:link, .black #footer .dbd a:visited, .black #footer .dbd a:active{
	color:#666;
}


.black #footer .dbd a:hover{
	color:#333;
}



#specmarker, #specmarker2 {
	position: absolute;
	top:45px;
	height:112px;
	width:8px;
	display:none;
	overflow:hidden;
}
#specmarker2 {
	top:75px;
}
#featuremarker, #featuremarker2 {
	position: absolute;
	top:65px;
	height:91px;
	width:8px;
	display:none;
	overflow:hidden;
}
#featuremarker2 {
	top:95px;
	height:112px;
}

#infocontainer, #infocontainer2 {
	position: absolute;
	left:10px;
	top:156px;
	width:190px;
	height:260px;
	display:none;
}
#infocontainer2 {
	top:156px;
	height:230px;
}
#specinfo, #specinfo2{
	margin:0px;
	background: #FFF;
	height:235px;
	overflow:auto;
	list-style: none;
	padding:0px 10px 10px 10px;
	display:none;
}
#specinfo2{
	height:235px;
}

#featuresinfo, #featuresinfo2 {
	margin:0px;
	background: #FFF;
	height:245px;
	overflow:auto;
	list-style: none;
	padding:0px 5px 0px 5px;
	display:none;
}
#featuresinfo2 {
	height:245px;
}

#featuresinfo li, #featuresinfo2 li {
	color:#000;
	text-align:center;
	font-size: 11px;
	background:none;
	margin:0px;
	
}
#specinfo li, #specinfo2 li {
	color:#000;
	text-align:center;
	font-size: 11px;
	background:none;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #999999;	
	margin:0px;
	
}
#specinfo li.noborder, #specinfo2 li.noborder {
	border-bottom:none;
}

#featuresinfo li.noborder, #featuresinfo2 li.noborder {
	border-bottom:none;
}

#buttons {
	margin-left:5px;
	width:170px;
}




#transparency {
	filter:alpha(opacity=80);
	transparency:0.8;
	opacity:0.8;
	background: #666666;
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	position:fixed;
	display:none;
	z-index:9000;
}





#data {
	background:#f5efe2;
	border: 1px solid #999;
	color:#000;
	height:auto;
	width:820px;
	padding:20px;
}
#csleft {
	width:343px;
	float:left;
}
#csleft.text {
	padding:20px;
	width:303px;
}

#compare{
	margin:20px;
	width:auto;
	height:auto;
}
#compare table td{
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:12px;
	text-align:center;
}
#compare td.noborder{
	border-left:none;
	border-bottom: 1px solid #999999;
}
#csright {
	background:#f5efe2;
	border-left: 1px solid #999;
	color:#000;
	width:477px;
	padding:20px;
	float:left;
}
#csdata {
	border: 1px solid #999;
	width:860px;
	padding:0px;
}



/* +++++++++++++++++++++++++++++ */
.devnote {
	font-weight: bold;
	color: #FF0066;
	background: #FFCCFF;
}

body.todo {
	background: #000;
}

#todo {
	display: block;
	height: 300px;
	padding:30px;
	background-color: #e4dbc2;
	border: 1px solid #FFF;
}
#home-flash {
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding: 0;

}

#flash-content {
	width: 855px;
	height: 210px;
	padding: 0;
	float: none;
	margin: 0;
}

#home-flash-text {
	height: 210px;
	width: 400px;
	float: left;
}




/* +++++++++++++++++++++++++++++ */




#spacer-bg {
	background: url(/images/layout/spacer-bg.gif) top center no-repeat;
	height: 14px;
}

#marketing-container #mc-top {
	background: url(/images/layout/top-corners-sub-long.gif) no-repeat bottom center;
	height: 20px;	
}

#marketing-container #mc-content {
	width: 924px;
	background: url(/images/layout/middle-sub.gif) repeat-y top center;
	padding: 0 15px;
}

*>#marketing-container #mc-content {
	width: 895px;
}

#marketing-container #mc-bottom {	
	background: url(/images/layout/bottom-corners-sub.gif) no-repeat bottom center;
	width: 925px;
	height: 25px;
	margin: 0;
	display: block;
}


#promotion {
	padding-top: 20px;
}


#content-wrapper {
	background: url(/images/layout/blue-tile.gif) repeat;
	width: 861px;
	margin: 0;
	padding: 0;
}




#content {
	padding:0;
}


h1 {
	color: white;
	padding: 60px 20px 0 600px;
	font-size: 1.5em;
	text-align: right;
	text-transform: uppercase;
	
}
h2 {
	color: #FFFF66;
	margin: 5px 0 10px 0;
	font-size: 2em;
	line-height: 1.1em;
}

#column-2 h3 {
	color: #FFFFFF;
	margin: 5px 0 10px 0;
}

h3 {
	color: #FFFF66;
	margin: 5px 0;
	font-size: 1.5em;
}

h4 {
	margin: 15px 0 5px 0;
	color: #666666;
	font-size: 1.3em;
}

.info-separater {
	border-top: solid 1px #6486a0;
	padding: 5px 0;
}


.fake-hr {
	height: 1px;
	background-color: #555;
	display: none;
}

hr { 
	height: 0px; 
	border: 1px solid #555; 
	border-width: 1px 0px 0px 0px; 
	margin: .5em 0em .5em 0em; 
	}
	
	
.top-marg {
	margin-top: 10px;
}


#info {
	float: left;
	width: 861px;
	background-position: right;
	background-image: url(../images/bg_vert.png);
	background-repeat: repeat;
}

#info #column-1 {
	float: left;
	padding: 25px;
	width: 500px;
}

#info #column-2 {
	float: right;
	width: 160px;
	padding: 10px;
	background-color: #000000;
}

#info #column-2 ul {
	list-style: disc;
	color: #333333; 
	padding: 0 15px !important;
}

#info #column-2 li{
	list-style: disc;
	color: #333333; 
}

#info #column-2 p{
	color: #FFFFFF; 
}

#info #column-2 a {
	color: #CCCCCC;
	text-decoration: none;
}

#info #column-2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#info #column-2 .column-divider {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #6486a0;
}


#footer {
	width: 861px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	display: inline;
	padding: 0 10px;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color:#FFCC00;
}


#buttons {
	margin: 0 0 0 -5px;
	width: 902px;
	height: 60px;
}

#buttons a {
	margin: 0px;
}
.selected {
	background-position:right top !important;
}
#art-work {
	float: left;
	width: 180px;
}

#art-work img{
	float: left;
}


#info {
	width: 681px !important;
}

#info-wrapper {
	background: #215278;
	border-bottom: 1px solid #ffffff;
}


#info #column-1 {
	width: 440px !important;
}


#buttons {
	margin: 0px !important;
	height: 90px;
}


#buttons a {
	margin: 0px 5px !important;
	padding: 0px !important;
	height: 0px;
}


#buttons img {
	padding: 0px;
	margin: 0px;
}
#info #column-1 p {

	color: #FFFFFF;
}
#info #column-1 li {

	list-style: disc;
	color: #FFFFFF;
}