html
{
    background-color: #3b312a;
    height: 100%;
}

body
{
    font-family: arial, helvetica, sans-serif;
    font-size: 93%;
    line-height: 123.1%;
    color: #333;
    text-align: center;
    background: #3b312a url(graphics/00000001/bg_page_gradient.jpg) repeat-x 0 0;
    height: 100%;
}

#skipNavigation
{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.wrapper
{
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: hidden;

    height: auto !important; /* real browsers */
	min-height:100%; /* real browsers */
}


/*HEADER STYLES*/
.hd
{
    position: relative;
    background: #3b312a url(graphics/00000001/bg_page_gradient.jpg) repeat-x 0 0;
	background-color: #3b312a;
    width: 920px;
    overflow: hidden;
}

#utilityBar
{
    background-color: #000;
    padding: 8px 10px 8px 10px;
    width: 920px;    
    color: #ccc;
    font-size: 93%;
    margin-bottom: 27px;    
    overflow: hidden;
}

#utilityBar form
{
    float: left;
}

#utilityBar p#first
{
    float: left;
    margin-left: 20px;
}

#utilityBar p
{
    float:right;
    margin: 0 0 0 20px;
}

#utilityBar a
{
    color: #ccc;
    margin: 0 3px;
	text-decoration:underline;
}

#utilityBar a:hover
{
    color: #fff;
	text-decoration:none;
}


#secondaryNav
{  
    position: relative;
    width: 940px;
    height: 23px;
    bottom: 0;
    right: 0;
}

#secondaryNav ul
{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #b2aeac;
    margin: 0;
    padding: 0;
    font-size: 93%;
}

#secondaryNav ul li
{
    padding: 0;
    margin: 0 0 0 2px;
    float: left;
    background: none;
}

#secondaryNav ul li.firstItem
{
    margin-left: 0;
}

#secondaryNav ul li a
{
    display: block;
    padding: 4px 8px;
    font-size: 85%;
    color: #333;
    background: #f3f0ef url(graphics/00000001/bg_tab_gradient.jpg) repeat-x 0 0;
    text-decoration: none; 
    float: left;   
}

#secondaryNav ul li a:hover
{
    background-image: none;
    background-color: #fff;
}

#secondaryNav ul li a.selected
{
    background-image: none;
    background-color: #fff;
}


#logo
{
    width: 940px;
    background-color: #fff;
    padding: 9px;
	text-align:left;
}

#logo a
{
	color:#fff;
}

.thinRule
{
	padding: 10px 0px 0px 0px;
	width: 920px;
	border-bottom:1px solid #CCCCCC;
}

#logo #carfLogo
{
	margin: 12px 0 0 10px;
	float:left;
}


#mainNav
{
    position: relative;
    width: 940px;
    background-color: #fff;
    overflow: hidden;
    height: 45px;    
}

#mainNav ul
{
    position: absolute;
    bottom: 0;
    float: left;
    width: 700px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 100%;
}

#mainNav ul li
{
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    background: none;
}

#mainNav ul li.firstItem
{
    margin-left: 0;
}

#mainNav ul li a
{
    display: block;	
    padding: 3px 8px;
    font-size: 85%;
	font-weight: bold;
    color: #333;
    background-color: #fff;
    text-decoration: none;
    float: left;     
}

#mainNav ul li a:hover
{
    background-color: #c0dcf9;
	color: #000;
}

#mainNav ul li a.selected
{
    background-color: #c0dcf9;
	color: #000;
}


#findAccredited
{
    position: absolute;
    float: right;
    right: 10px;
    bottom: 0;
    width: 220px;
    height: 31px;
	font-size: 70%;
	color: #fff;

    border-bottom: 1px solid #ccc;
}

#findAccredited p
{
    background: #004276 url(graphics/00000001/bg_accredited_gradient.jpg) repeat-x 0 0;
    color: #fff;
}

#findAccredited p a
{
	color: #fff;
	text-decoration: none;
    display: block;
    width: 206px;
    height: 21px;
    padding: 4px 6px 0 8px;
    background: #004276 url(graphics/00000001/icon_arrow_white.gif) no-repeat 96% 50%;    
}

#findAccredited p a:hover
{
    background-color: #417ab8;
}



/*BODY STYLES*/

#bd
{
    width: 940px;
 /*   float: left;*/
    margin-left: 10px;
    padding-bottom: 30px;
	background: #fff;
}




/*home content div*/
#content.home
{
    float: left;
    width: 700px;
    padding-top: 0;
}
#homeImgWrapper
{
    margin-bottom: 0.6em;
}

#content.home h1
{
    font-family: georgia, palatino, serif;
    font-size: 182%;
    font-weight: normal;
    margin-bottom: 0.5em;
    position: static;
    height: auto;     
}

#content.home h2
{
    font-family: georgia, palatino, serif;
    font-size: 153.9%;
    font-weight: normal;
    color: #004276;
    padding-top: 11px;
    border-top: 1px solid #ccc;
    margin-bottom: 0.35em;    
}

#content.home .threeColWrapper
{
    width: 700px;
    float: left;
}


#content.home .threeColWrapper div
{
    float: left;
    width: 220px;
    margin: 0 20px 1.4em 0;
}


p.loginLink
{margin-bottom: 3px;}

p.loginLink a
{
    background: transparent url(graphics/00000001/icon_arrow_gray.gif) no-repeat 100% 60%;
    padding-right: 11px;
    text-decoration: none;
    font-size: 11px;
    color: #333;
    margin-bottom: -5px;
}

p.loginLink a:hover
{
    text-decoration: underline;
    color: #000;
}


#content.home .twoColWrapper
{
    clear: both;
    padding-top: 0.9em;
    border-top: 1px solid #ccc;
    overflow: hidden;
    width: 700px;
}

#content.home .twoColWrapper div
{
    float: left;
    width: 340px;
    margin: 0 20px 1.4em 0;
}

#content.home .threeColWrapper .last, #content.home .twoColWrapper .last
{
    margin-right: 0;
}

#content
{
    position: relative;
    float: left;
    width: 460px;
    padding-top: 56px;
}

#content h1
{
    position: absolute;
    left: 0;
    top: 0;
    height: 56px;
}




/*LEFT SIDEBAR*/
#sidebarLeft
{
    float: left;
    width: 220px;
    margin-right: 20px;
}

#crumbWrapper
{
    height: 56px;
    font-size: 93%;
    margin-bottom: 0;
}

#sidebarLeft h2, #sidebarLeft h3
{
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

ul#submenu
{
    margin: -9px 0 0 0;
    padding: 0 0 0 10px;
    list-style: none;
    margin-bottom: 1.4em;
    font-size: 85%;
}

ul#submenu li
{
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
    background: none;
    height: 15px;
}

ul#submenu li#firstItem
{    
    margin-top: 0;
}

ul#submenu li.primary 
{   
    margin-top: 9px;
    border-top: 1px solid #ccc;
    padding-top: 3px;
    font-weight: bold;
}

ul#submenu li a
{    
    text-decoration: none;
    padding-left: 8px;
    color: #333;
    background: transparent url(graphics/00000001/bg_menu_arrows.gif) no-repeat 0 0;
}

ul#submenu li a:hover
{    
    color: #a81817;
    background-position: 0 -17px;
}

ul#submenu li a.selected
{    
    color: #a81817;
    background-position: 0 -39px;
}
ul#submenu a
{    
    text-decoration: none;
    padding-left: 8px;
    color: #333;
    background: transparent url(graphics/00000001/bg_menu_arrows.gif) no-repeat 0 0;
}

ul#submenu a:hover
{    
    color: #a81817;
    background-position: 0 -17px;
}

ul#submenu a.selected
{    
    color: #a81817;
    background-position: 0 -39px;
}










/*RIGHT SIDEBAR*/
#sidebarRight
{
    float: right;
    width: 220px;
}

#sidebarRight h2, #sidebarRight h3
{
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

#socialBarWrapper
{
    margin-bottom: 0.3em;
    width: 220px;
    overflow: hidden;
    min-height: 53px;
}

#socialBarWrapper li
{
    background-image: none;
}

#socialBar
{
    float: right;    
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;   
}

#socialBar li
{
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #999;
    padding-left: 6px;
    font-size: 100%;
}

#socialBar li.firstItem
{
    border-left: none;
}

#socialBar li a
{
    display: block;
    padding: 1px 6px 1px 15px;
    font-size: 77%;
    line-height: 1.0em;
}

#socialBar li#sbarShare a 
{
    background: transparent url(graphics/00000001/icon_share.gif) no-repeat 0 55%;
    padding: 1px 6px 1px 15px;
}
#socialBar li#sbarEmail a 
{
    background: transparent url(graphics/00000001/icon_email.gif) no-repeat 0 66%;
    padding: 1px 6px 1px 17px;
}
#socialBar li#sbarPrint a 
{
    background: transparent url(graphics/00000001/icon_print.gif) no-repeat 0  55%;
    padding: 1px 6px 1px 18px;
}
#socialBar li#sbarRss a 
{
    background: transparent url(graphics/00000001/icon_rss.gif) no-repeat 0 55%;
    padding: 1px 0 1px 14px;
}

#textEnlarge
{
    float: right;
}
#textEnlarge span
{
    float: left;
}
#textEnlarge a
{
    display: block;
    float: left;
    margin-left: 2px;
    padding: 3px;
    height: 11px;
    text-decoration: none;
}

#textEnlarge a:hover
{
    background-color: #c0dcf9;
}

#textEnlarge a.selected
{
    background-color: #c0dcf9;
}

#textSmall
{
    font-size: 10px;
    line-height: 14px; 
}

#textMedium
{
    font-size: 12px;
    line-height: 12px;
}

#textLarge
{
    font-size: 14px;
    line-height: 11px;
}




/*FOOTER STYLES*/

#ft 
{
    border-top: 1px solid #ccc;
    background-color: #fff;
    width: 940px;
} 

#ft p#copyright
{
    font-size: 77%;
}

#ft p
{
    margin: 0 0	5px 0;
    font-size: 77%;
}

#ft a
{
    color: #333;
	margin: 0px 5px;
	font-weight:bold;
}

#footerLeft 
{
    width: 600px;
    margin-left: 10px;
    text-align: left;
}

#GeoTrust
{
	text-align:middle;
	width:120px;
	background-color:#fff;
	height:55px;
	float:right;
}



/*TYPOGRAPHY*/

h1
{
    font-size: 131%;
    font-weight: bold;
    color: #000;
    padding: 0;
    line-height: 1.2em;
    margin-bottom: 1.0em;
}
h2
{
    font-size: 108%;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin-bottom: 0.5em;
}

h3
{
    font-size: 93%;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5em;
}

h4
{
    font-size: 85%;
    font-weight: bold;
    color: #333;
    padding: 0;
    margin-bottom: 0.5em;
}

h5, h6
{
    font-size: 77%;
    font-weight: bold;
    color: #333;
    line-height: 1.0em;
    margin-bottom: 0.5em;
}


p
{
    font-size: 85%;
    margin: 0 0 1.2em 0;
}

a
{
    color: #004276;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


ul
{
    margin-bottom: 1.6em;
    font-size: 85%;
    position: relative;/*fix IE6 float+position bg img bug*/
}

ul li
{
    background: transparent url(graphics/00000001/icon_bullet.gif) no-repeat 0 0.4em;
    padding-left: 10px;
    line-height: 1.3em;
    margin-bottom: 0.8em;
}


ol
{
    margin: 0 0 17px 0;
    padding-left: 13px;    
    list-style-type: decimal;
    font-size: 85%;
}

ol li
{
    margin: 0 0 4px 6px;    
    padding: 0;
    list-style-type: decimal;
    line-height: 15px;
}





table
{
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}

th, td
{
    padding: 3px 5px;
}

/*
caption
{
    padding: 4px 2px 4px 0;
    text-align: left;
    font-size: 11px;
}

th
{
    background-color: #efefef;
    color: #454545;
    font-weight: bold;
}

th, td
{
    padding: 3px 5px;
    border: 1px solid #c9c9c9;    
    font-size: 11px;
    text-align: left;
    line-height: 13px;
}

td.nowrap
{
    white-space: nowrap;
}

tfoot td
{
    font-size: 10px;
    color: #666;
    border: none;
}

tr.submitButton td
{
    padding-top: 5px;
}
 */
blockquote
{
    margin: 0;
    padding: 10px 20px 0 20px;
	display: inline-block;
}

 
form table, form td, form th
{
    border: none;
    padding: 1px 1px 1px 0;
}





/*FORMS*/

/*let our main search field adhere to accessbility guidelines (i.e. must have label) */
#searchTextLabel
{
    position: absolute;
    left: -5000px;
    top: -500px;
}

#siteSearchText
{
    background-color: #e5e5e5;
    width: 185px;
    color: #333;
    border: none;
    height: 16px;
}






/*UTILITY*/

#searchIcon
{
    position: absolute;
}

.imgWrapper
{
    margin-bottom: 1.5em;
}

.vidWrapper
{
    margin-bottom: 1.5em;
}



img.clearAll
{
    display: block;
    margin: 5px 0 17px 0;
}

img.wrapText
{
    clear: both;
    float: left;
    margin: 5px 10px 2px 0;
}





/*leftovers from old CSS*/

.border_white {
	BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; BORDER-LEFT: white 2px solid; BORDER-BOTTOM: white 2px solid
}
.border_img {
	BORDER-RIGHT: #b6ad6f 1px solid; BORDER-TOP: #b6ad6f 1px solid; BORDER-LEFT: #b6ad6f 1px solid; BORDER-BOTTOM: #b6ad6f 1px solid
}
.general_text {
	FONT-SIZE: 93%; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.product_name {
	FONT-WEIGHT: bold; FONT-SIZE: 85%; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.borderHeader {
	BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; BORDER-LEFT: white 2px solid; WIDTH: 760px; BACKGROUND-COLOR: #FFFFFF
}
.borderMenu {
	BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT: white 2px solid
}
.borderContent {
	BORDER-RIGHT: white 2px solid; BORDER-LEFT: white 2px solid; BACKGROUND-COLOR: #FFFFFF
}
.borderFooter {
	BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; BORDER-LEFT: white 2px solid; BORDER-BOTTOM: white 2px solid
}
.textHome {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 93%; PADDING-BOTTOM: 0px; MARGIN: 14px 22px 16px; COLOR: #333333; LINE-HEIGHT: 148%; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: justify
}
.textFooter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 85%; PADDING-BOTTOM: 0px; MARGIN: 8px; COLOR: 333; LINE-HEIGHT: 145%; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; 
}