/*  DKB 20090706 @charset "UTF-8"; */
/* style.css */

/* ## TYPOGRAPHY #############   */

body { font: 10px/12px Arial, Helvetica, sans-serif; color:#666;} /* set default font style */

h1 {font-size: 14px;}
h2 {font-size: 12px;}
h3 {font-size: 11px;}
h4, h5 {font-size: 10px;}
h6 {font-size: 16px;}

p, li {	font: 10px/12px Arial, Helvetica, sans-serif; color:#666666 }


a:link, a:visited { color:#0066cc; text-decoration:underline; }
a:hover, a:active { color:#0066cc; text-decoration:none; }

/* ## NAVIGATION #####################   */

#nav {
	width:751px;
	height:28px;
	margin-left:175px;
}

#nav li {float:left; }

/* main nav static states */
#nav li, #nav li a {display:block; height:28px; text-indent:-9999px; }
#nav li#nav-brands { width:82px; background:url(../images/nav_brands.gif) no-repeat; }
#nav li#nav-products { width:97px; background:url(../images/nav_products.gif) no-repeat; }
#nav li#nav-cap { width:112px; background:url(../images/nav_cap.gif) no-repeat; }
#nav li#nav-company { width:98px; background:url(../images/nav_company.gif) no-repeat; }
#nav li#nav-resources { width:104px; background:url(../images/nav_resources.gif) no-repeat; }
#nav li#nav-contact { width:107px; background:url(../images/nav_contact.gif) no-repeat; }

/* main nav hover states */
#nav li#nav-brands:hover, #nav li#nav-products:hover, #nav li#nav-cap:hover, #nav li#nav-company:hover, #nav li#nav-resources:hover, #nav li#nav-contact:hover  {background-position:0 -28px; }

/* set active nav tab to active state */
.pg-brands #nav li#nav-brands {background-position: 0 -28px; }

/* suckerfish dropdowns */
#nav li ul { 
	position: absolute;
	width: 533px;
	left: -999em; 
	z-index:2000;
	background: url(../images/subnav_bg.gif) top right no-repeat;
	color:#fff;
}

#nav li ul li {display:block; float:left; height:20px; padding:0; margin:0;}

#nav li ul a {
	width:auto;
	text-indent:0;
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	text-decoration:none; 
	color:#fff;
	margin:4px;
	}

#nav li ul a:hover {color:#CCC;}

#nav li ul.brands-dropdown { width: 425px; }
#nav li ul.products-dropdown { width: 595px;}
#nav li ul.cap-dropdown { width: 442px; }

#nav li:hover ul.brands-dropdown, #nav li.sfhover ul.brands-dropdown { left: 172px;}
#nav li:hover ul.products-dropdown, #nav li.sfhover ul.products-dropdown { left: 255px;}
#nav li:hover ul, #nav li.sfhover ul { left: 343px;}

#nav li li.first {background:url(../images/subnav_first_bg.gif) 0 0 no-repeat;}
#nav li li.firstCompany {background:url(../images/subnav_first_bg_co.gif) 0 0 no-repeat;}
#nav li li.firstCompany1 {background:url(../images/subnav_first_bg_co1.gif) 0 0 no-repeat;}
#nav li li.firstCompany2 {background:url(../images/subnav_first_bg_co2.gif) 0 0 no-repeat;}
#nav li li.firstResource {background:url(../images/subnav_first_bg_rs.gif) 0 0 no-repeat;}
#nav li li.firstResource1 {background:url(../images/subnav_first_bg_rs1.gif) 0 0 no-repeat;}
#nav li li.firstResource2 {background:url(../images/subnav_first_bg_rs2.gif) 0 0 no-repeat;}
#nav li li.firstCT {background:url(../images/subnav_first_bg_ct.gif) 0 0 no-repeat;}
#nav li li.firstCT1 {background:url(../images/subnav_first_bg_ct1.gif) 0 0 no-repeat;}
#nav li li.firstCT2 {background:url(../images/subnav_first_bg_ct2.gif) 0 0 no-repeat;}
#nav li li.first a { padding-left:10px;}
#nav li li.firstCompany a { padding-left:10px;}
#nav li li.firstCompany1 a { padding-left:10px;}
#nav li li.firstCompany2 a { padding-left:10px;}
#nav li li.firstResource a { padding-left:10px;}
#nav li li.firstResource1 a { padding-left:10px;}
#nav li li.firstResource2 a { padding-left:10px;}
#nav li li.firstCT a { padding-left:10px;}
#nav li li.firstCT1 a { padding-left:10px;}
#nav li li.firstCT2 a { padding-left:10px;}
#nav li li.last { padding-right:10px;}
#nav li li.last a { padding-right:10px;}

.topnav
        {
        }


/* ## BASIC PAGE STRUCTURE #############   */

body, html { 
	text-align:center;  /* IE hack to center the page */
	background-color:#b3b3b3;
}

#pg-wrap {
	width:980px;
	height:459px;
	margin: 100px auto;
	text-align:left; /* undo the IE hack for other browsers */
	background:#b3b3b3 url(../images/pg_bg_mainpage.gif) no-repeat;
	position:relative;}

#est-pg-wrap {
	width:980px;
	height:1450px;
	margin: 100px auto;
	text-align:left; /* undo the IE hack for other browsers */
	background:#b3b3b3 url(../images/pg_est_bg.gif) no-repeat;
	position:relative;
	font: 10px/12px Arial, Helvetica, sans-serif; color: Black;
	top: 3px;
	left: 31px;
}

#pg {
	width:950px;
	height:426px;
	position:absolute;
	top:12px;
	left:15px;}
#est_pg {
	width:950px;
	height:1450px;
	position:absolute;
	top:12px;
	left:15px;}
#est_main {
	width:100%;
	height:1450px;
	position:relative;}

#main {
	width:100%;
	height:398px;
	position:relative;
	top: 0px;
	left: 0px;
}

.leftcol {
	width:169px;
	height:398px;
	position:absolute;
	left:2px;
	top:-1px;
}

.midcol {
	width:517px;
	height:398px;
	position:absolute;
	left:185px;
	top:0;
	padding-top:25px;}

.midcol_paper {
	width:517px;
	height:398px;
	position:absolute;
	left:185px;
	top:0;
	padding-top:0px;}


.prodmidcol {
	width:517px;
	height:400px;
	position:absolute;
	left:173px;
	top:0;
	padding-top:0px;
}

.loginmidcol {
	width:533px;
	height:398px;
	position:absolute;
	left:172px;
	top:0;
	padding-top:0px;
	background-color:#FFFBFF;}


.rtcol {
	width:247px;
	height:398px;
	position:absolute;
	left:696px;
	top:0;
}


.rtcol_prepress {
	width:247px;
	height:395px;
	position:absolute;
	left:696px;
	top:0;
}

.rtcol_RollInv {
	width:230px;
	height:400px;
	position:absolute;
	left:700px;
	top:0;
}

.contact_rtcol {
	width:275px;
	height:398px;
	position:absolute;
	left:694px;
	top:0;}	
	
.rtcol_MainSheet {
	width:230px;
	height:400px;
	position:absolute;
	left:700px;
	top:0;
}
	
.contact_midcol	{
	width:533px;
	height:398px;
	position:absolute;
	left:172px;
	top:0;
	padding-top:0px;}
	
.narrow_midcol {
	width:279px;
	height:398px;
	position:absolute;
	left:172px;
	top:0;
	padding-top:0;
	right: 499px;
}

.wide_rtcol {
	width: 450px;
	height:398px;
	position:absolute;
	left:500px;
	top:0;
}

.wide_rtcol_main {
	width: 469px;
	height:398px;
	position:absolute;
	left:481px;
	top:0;
	font: 14px/16px Arial, Helvetica, sans-serif; color: #888888;
}
	
.intro_title {color: #808080;
             height:16px;
             width:399px;
}

.intro_txt {color: #808080;
             height:12px;
}

#footer {
	width:930px;
	position:absolute; 
	bottom:0px; 
	left:30px;
	height: 17px;
}
	
#footer p {color:#fff;
	height: 25px;
	font: 12px/10px Arial, Helvetica, sans-serif;
	margin-top: 3px;
}	

#logo {
	position:absolute; 
	left:25px; 
	top:133px; 
	padding-left:10px;
	width: 106px;
	text-align: center;
	height: 91px;
}

#sample {
	position:absolute; 
	left:25px; 
	top:360px; 
	padding-left:10px;
	text-align: center;
	height: 22px;
}	

#salessheet {
	position:absolute; 
	left:10px; 
	top:360px; 
	padding-left:5px;
	text-align: center;
	height: 22px;
}	

#nav li li.last { padding-right:10px;}


/* ## BUTTONS AND MISC STYLES #####################   */

/* btns */
.btm_btns {margin-left:30px; }
.btm_btns img {margin-right:15px;
	}

a#btn_login { position:absolute; top:-20px; 
right:35px;
	display:block;
	width:119px;
	height:20px;
	background:url(../images/btn_clientlogin.gif) no-repeat;
	text-indent:-9999px;
}

a#btn_login:hover {background-position:0 -20px; }

a#btn_logout { position:absolute; top:-12px; right:35px;
	display:block;
	width:119px;
	height:20px;
	background:url(../images/btn_clientlogin.gif) no-repeat;
	text-indent:-9999px;
}

a#btn_login:hover {background-position:0 -20px; }

/* misc styles */
.floatleft {float:left}
.floatright {float:right}


/* offsetting main content on pages with a table extending to edges */
img.capabilites {padding-left:0px;
	width: 530px;
	height: 398px;
}

img.hdr {padding-left:25px;
}

img.h1 {padding-left:25px; margin:6px 0 0 0; }
img.h6 {padding-left:25px; margin:6px 0 0 0; }

.midcol p {padding: 0 25px;}
.intro_text p {color:#999;}


/* ## TABLE STYLES #####################   */

table.specs_table {
	margin: 10px 0 5px 0;
	border-collapse:collapse;
	width: 97%;
}

table.specs_table td {
	padding: 3px 25px 3px 0;
	vertical-align:top;
	border-top: 1px solid #666;
}

table.specs_table th {
	width:170px;
 	padding: 3px 0 3px 28px;
	vertical-align:top;
	border-top: 1px solid #666;
}

table.specs_table_header {
	margin: 10px 0 5px 0;
	border-collapse:collapse;
}

table.specs_table_header td {
	padding: 3px 25px 3px 0;
	vertical-align:top;
}

table.specs_table_header th {
	width:170px;
 	padding: 3px 0 3px 28px;
	vertical-align:top;
}

table.product_table {
	margin: 2px 0 2px 0;
	border-collapse:collapse;
	width:100%
}

table.product_table td {
	padding: 1px 0px 1px 0;
	
}

table.product_table th 
{
	width: 75px;
 	padding: 1px 0 1px 0px;
	vertical-align:middle;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	text-align: center;
}

td.classOverUnder 
{text-align:right}