/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: master.css
* Description: master CSS file for the entire Dakota Bumper website
*
*********************************************************************************/


/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);
@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

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

html, body 
	{
	margin:5px 0px 10px 0px;
	padding:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:#e5e5f5;
	}

h1
	{
	margin:0px 0px 0.6em 0px;
	padding:7px 0px 2px 0px;
	font:2.8em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-bottom:2px solid #3A46B8;
	}
	
h2
	{
	margin:0px 0px 1.1em 0px;
	padding:0px 0px 2px 0px;
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-bottom:2px solid #3A46B8;
	}
	
h3
	{
	margin:0px 0px 1.3em 0px;
	padding:0px 0px 2px 0px;
	font:1.6em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-bottom:2px solid #3A46B8;
	}
	
h4
	{
	margin:0px 0px 1.5em 0px;
	padding:0px;
	font:1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
h5
	{
	margin:0px 0px 1.5em 0px;
	padding:0px;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
h6
	{
	margin:0px 0px 1.5em 0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}


/* Horizontal rules 
--------------------------------------------------------------------------------*/
	
hr
	{
	display:none;
	}

.hr
    {
    margin:0px 0px 1.5em 0px;
    border-top:1px dotted #404040;
    }
	

/* Links 
--------------------------------------------------------------------------------*/

a:link, a:visited
	{
	text-decoration:none;
	color:#3A46B8;
	border-bottom:1px dotted #3A46B8;
	}

a:hover 
	{
	color:#3A46B8;
	border-bottom:1px solid #3A46B8;
	}
	
a.active
	{
	color:#3A46B8;
	border-bottom:1px solid #3A46B8;
	}
	

/* Container 
--------------------------------------------------------------------------------*/

#container
    {
    margin:0px auto;
    width:894px;
    }


/* Header
--------------------------------------------------------------------------------*/

#header
    {
    float:left;
    width:894px;
    height:94px;
    background:url(/images/dakotabumper_headerbg.jpg) no-repeat;
    }
    
    #continueshopping
    {
		float:right;
		margin:60px 20px 20px 0px;
    }

#search
    {
    margin:8px 0px 0px 12px;
    height:34px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #search
    {
    margin:8px 0px -8px 12px;
    height:34px;
    }

#search form
    {
    margin:0px;
    padding:0px;
    }

#search input
    {
    margin:0px 5px 0px 0px;
    padding:1px;
    width:148px;
    border:1px solid #999999;
    }

#search button
    {
    height:20px;
    padding:0px 4px;
    font:1.1em Arial, Helvetica, sans-serif;
    }

#search02
    {
    float:right;
    margin:63px 8px 0px 12px;
    height:34px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #search02
    {
    float:right;
    margin:63px 8px -8px 12px;
    height:34px;
    }

#search02 form
    {
    margin:0px;
    padding:0px;
    }

#search02 input
    {
    margin:0px 5px 0px 0px;
    padding:1px;
    width:148px;
    border:1px solid #999999;
    }

#search02 button
    {
    height:20px;
    padding:0px 4px;
    font:1.1em Arial, Helvetica, sans-serif;
    }


/* Navigation
--------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:894px;
    height:25px;
    background:url(/images/dakotabumper_navbg.gif) no-repeat;
    }

#nav02
    {
    float:left;
    width:794px;
    height:60px;
    background:url(/images/fmedc_navbg.gif) no-repeat;
    }

#logout
	{
	margin:0px 0px 0px 615px;
	}

/* Main content background 
--------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:850px;
    padding:1.6em 20px 1.6em 24px;
    background:url(/images/dakotabumper_mainbg.gif) repeat-y;
    }


/* Banners
--------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:854px;
    padding:10px 21px 1.5em 19px;
    }

#banner img
    {
    margin:0px 0px 10px 0px;
    }

#subpage_logo
    {
    float:left;
    width:794px;
    height:74px;
    background:url(/images/fmedc_subpagelogobg.gif) no-repeat;
    }

#subpage_banner
    {
    width:420px;
    margin:0px 0px 1.5em 0px;
    }


/* Toppane 
--------------------------------------------------------------------------------*/

#toppane
    {
    float:left;
    padding:0px 0px 1.6em 0px;
    }

#toppane_leftcell
    {
    float:left;
    width:560px;
    height:310px;
    margin:0px 0px 0px 0px;
    }
    
/* star hack to correct discrepencies between IE7 and older versions */
* html #toppane_leftcell
    {
    float:left;
    width:560px;
    margin:0px 0px -180px 0px;
    }

#toppane_leftcell h1
    {
    margin:0px 0px 1.1em 0px;
	font:2.4em Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	border:none;
    }

#toppane_rightcell
    {
    float:left;
    width:256px;
    height:182px;
    }

/* Sidepanes 
--------------------------------------------------------------------------------*/

#sidepane-left
    {
    float:left;
    width:185px;
    padding:0px;
    border:1px solid #3A46B8;
    }
    
#sub-sidepane-left
    {
    float:left;
    width:185px;
    padding:0px;
    border:1px solid #3A46B8;
    }

#sidepane-left h4
    {
    margin:0px 0px 0.6em 0px;
    padding:4px 6px;
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
    text-transform:none;
    color:#ffffff;
    background:#3A46B8;
    }
    
#sub-sidepane-left h4
    {
    margin:0px 0px 0.6em 0px;
    padding:4px 6px;
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
    text-transform:none;
    color:#ffffff;
    background:#3A46B8;
    }

#sidepane-left p
    {
    margin:0px 1em;
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }
    
#sub-sidepane-left p
    {
    margin:0px 1em;
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }

#sidepane-right
    {
    float:left;
    width:232px;
    padding:8px 0px 0px 1.6em;
    border-left:1px dotted #3A46B8;
    }

#sidepane-right p
    {
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }
 
#sub-sidepane-right
    {
    float:right;
    width:160px;
    padding:8px 0px 0px 1.6em;
    border-left:1px dotted #3A46B8;
    line-height:1.6em;
    color:#404040;
    font: Verdana, Arial, Helvetica, sans-serif;
    }

#sub-sidepane-right p
    {
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }


/* Content
--------------------------------------------------------------------------------*/

#sub
    {
    float:left;
    padding:0px 0px 0px 15px;
    width:425px;
    font:.9em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }

#sub-form
    {
    float:left;
    padding:0px 0px 0px 0px;
    width:100%;
	margin:0px;
	text-align:right;
    }
    
#lefttext
    {
	text-align:left;
	margin:0px 0px 0px 74px;
    }
    
#lefttext1
    {
	text-align:left;
	margin:0px 0px 0px 74px;
    }
    
#lefttext2
    {
	text-align:left;
	margin:0px 0px 0px 58px;
    }

#content
    {
    float:left;
    width:383px;
    margin:0px -1px;
    padding:0px 1.6em 0px 1.6em;
    border-right:1px dotted #3A46B8;
    }

#content p
    {
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    line-height:1.6em;
    }

#content ul, #content ol
    {
    margin:0px 0px 0px 25px;
    padding:0px 0px 1.6em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#404040;
    }

#content ul ul
    {
    margin:0px 0px 0px 25px;
    padding:0px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#404040;
    }   

#content-sub
    {
    float:left;
    width:425px;
    margin:0px -1px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    padding:0px 1.6em 0px 1.6em;
    }
    
#content-sub p
    {
    float:left;
    margin:0px -1px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    padding:0px 1.6em 0px 1.6em;
    color:#404040;
    }


#bottomlinks
    {
    float:left;
    width:735px;
    margin:1.6em 0px 1.6em 30px;
    padding:1.6em 0px;    
    border-top:1px dotted #344180;
    border-bottom:1px dotted #344180;
    }

table
    {
    float:left;
    width:100%;
    margin:0px 0px 1.5em 0px;
    font:1.1em Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
    border:0px solid #808080;
    }

th
    {
    font:bold 1em Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    color:#344180;
    background:#c8cde6;
    }

.table_header_title
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate
    {
    width:102px;
    padding:3px 0px 3px 5px;
    }

.table_header_title-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate-amount
    {
    float:left;
    width:100px;
    padding:3px 0px 3px 5px;
    }

.table_cell_basic
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_basic02
    {
    float:left;
    width:312px;
    }

.table_cell_basic-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_rate
    {
    width:75px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_qualifier
    {
    width:200px;
    padding:3px 0px 3px 5px;
    vertical-align:top;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_units
    {
    width:303px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_full
    {
    width:607px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }    

.testbox
    {
    width:100%;
    height:85px;
    margin:0px 0px 1.5em 0px;
    padding:65px 0px 0px 0px;
    text-align:center;
    border:1px solid #344180;
    }


/* Footer 
--------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:878px;
    height:88px;
    padding:6px 0px 0px 16px;
    font:1.1em Arial, Helvetica, sans-serif;
    line-height:1.4em;
    color:#404040;
    background:url(/images/dakotabumper_footerbg.gif) no-repeat;
    }

#footer a:link, #footer a:visited
    {
    color:#404040;
    border-bottom:1px dotted #404040;    
    }

#footer a:hover
    {
    border-bottom:1px solid #404040;
    background:none;
    }