/*------------------------------------------------------*/
/* =HTML ELEMENTS					*/
/*-----------------------------------------------------*/
body {
    background: #56575B url(../images/bg.jpg) repeat-x;
	position: relative;
	height: 1%
	color: #666;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#nobg body {
    
	position: relative;
	height: 1%
	color: #666;
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

html>body  {
height: auto
} 

li.std
{
	font-family: arial, "helvetica neue", helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	
}

a {
	color: #48add7;
	outline: none; /* removing outline in Mozilla */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------*/
/* =FLOAT CLASSES					*/
/*-----------------------------------------------------*/

/* usually for <br /> tag to clear the float */
.clear {
	clear: both;
	line-height: 0;
}

/* div (or whatever else element that serves as wrapper that clears the floats)  */
.floatClear {
	overflow: hidden;
}


/* color:#30373e; */
.hint{position:absolute; color:#ffffff; width:144px; z-index:1000; font-size:12px; padding:10px;}

.hint_left{ right:315px;}
.hint_left_02{ right:345px;}

.hint_arrow{ position:absolute; display:block; top:15px; left:-9px; width:9px; height:11px; background:url(/davidb/images/hint_arrow_717172_back.png) left top no-repeat;}
.hint_arrow_login{ position:absolute; display:block; top:17px; right:2px; width:9px; height:11px; background:url(/davidb/images/hint_arrow.png) left top no-repeat;}
.hint_arrow_bottom{ position:absolute; display:block; top:10px; left:-9px; width:9px; height:11px; background:url(/davidb/images/hint_arrow_back.png) left top no-repeat;}
.hint_arrow_left{ position:absolute; display:block; top:7px; right:-8px; width:9px; height:11px;  background:url(/davidb/images/hint_arrow.png) right top no-repeat;}
.hint_arrow_zip{ position:absolute; display:block; top:51px; right:-8px; width:9px; height:11px;  background:url(/davidb/images/hint_arrow.png) right top no-repeat;}
.hint_arrow_cvv{ position:absolute; display:block; top:6px; right:-8px; width:9px; height:11px;  background:url(/davidb/images/hint_arrow.png) right top no-repeat;}
.hint_arrow_passw{ position:absolute; display:block; top:15px; left:3px; width:9px; height:11px; background:url(/davidb/images/hint_arrow_back.png) left top no-repeat;}

.hint .corners{position:absolute; display:block; width:10px; height:10px; font-size:0px;}

.hint .top_prt{display:block;background:url(/davidb/images/hint_top.png) left top no-repeat; width:400px; height:8px; font-size:0px;}
/* .hint .bg_popup{ background-image:url(/davidb/images/hint_bg_pix.png);} */
.hint .bg_popup{
background:#333333;
opacity: .9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // for IE5-7
filter: alpha(opacity=90);					// for IE8
}
.hint .bottom_prt{display:block;background:url(/davidb/images/hint_bottom.png) left top no-repeat; width:400px; height:8px; font-size:0px;}
.hint strong{ font-size:12px; display:block; padding-bottom:5px;}


/* Rounded corners for the  fylout/drop down menu */
 .hint .hint_bottom
{
    background-image: url(../images/sf-menu-rounded.png);
    background-repeat:no-repeat;
}
/* This is for the top rounded corners */
.hint .hint_top
{
    background-position:  left top;
}

/* This is for the bottom rounded corners */
.hint .hint_top
{
    font-size: 1px; /* Fixes and IE6 default div element height issue */
    height: 6px;
    clear: both;
    background-position:  left bottom;
    position: relative;
    margin-top: -1px;
}






/*------------------------------------------------------*/
/* =LAYOUT						*/
/*-----------------------------------------------------*/

/*------------------------------------------------------*/
/* Outer Wrapper */
#outWrapper
{
    background-color: #fff;
    margin: 35px 0 0 0;
}

/* =WRAPPER						*/
#wrapper {
	margin: 0 auto;
	width: 911px;
	position: relative;
	top: -35px;
}

#header {
	background: url(../images/header.jpg) no-repeat 99% 100%;
	font-family: tahoma, geneva, verdana, sans-serif;
	height: 140px;
	position: relative;
}

/*------------------------------------------------------*/
/* =LOGO							*/
#logo {
	position: absolute;
	bottom: 5px;
	left: 0;
}

#logo a {
	background: url(../images/logo.jpg) no-repeat;
	display: block;
	height: 98px;
	text-indent: -9999px;
	width: 322px;
}

/* Jquery Superfish Plugin CSS Styles */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul{
	position:		absolute;
	z-index:        99;
	top:			-999em;
	width:			240px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:	    relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;

}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** 
    Various Skin Styles 
***/

/* Top Dropdown/Flyout Menu Styles */
#topMenu .sf-menu {
	float:			left;
}
#topMenu .sf-menu a {
	padding: 		0 5px;
	text-decoration:none;
}
#topMenu .sf-menu a:hover {
	text-decoration:underline;
}
#topMenu .sf-menu a, #topMenu .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#979797;
}
#topMenu .sf-menu ul
{
    margin: -4px 0 0 0;
    width: 190px;
    border-left: solid 1px #C5C5C5;
    border-bottom: solid 1px #C5C5C5;
    border-right: solid 1px #C5C5C5;
}
#topMenu .sf-menu li ul li {
	background:		#D9D9D9;
	border-right:  none;
	padding: 0;
}
#topMenu .sf-menu li ul li a {
	padding:  5px 5px 5px 20px;
	text-decoration:none;
}
#topMenu .sf-menu li:hover, #topMenu .sf-menu li.sfHover,
#topMenu .sf-menu a:focus, #topMenu .sf-menu a:hover, #topMenu .sf-menu a:active {
	outline:		0;
}


/* Main Menu Navigation Dropdown/Flyout Styles */
#mainMenu .sf-menu {
}
#mainMenu .sf-menu li ul
{
    margin: 2px 0 0 40px;
    padding: 7px 0 0 0;
}
#mainMenu .sf-menu li ul ul
{
    margin: 0 0 0 -20px;
}
#mainMenu .sf-menu ul li
{
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #666;
    background-color: #56575B
}

#mainMenu .sf-menu li ul a 
{
    display: block;
	text-decoration:none;
	line-height: 30px;
	height: 30px;
    padding: 0 0 0 8px;
}

#mainMenu .sf-menu li ul a:hover {
	text-decoration:none;
    background-color: #777;
}
#mainMenu .sf-menu a, #mainMenu .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#fff;
}

#mainMenu .sf-menu li:hover, #mainMenu .sf-menu li.sfHover,
#mainMenu .sf-menu a:focus, #mainMenu .sf-menu a:hover, #mainMenu .sf-menu a:active {
	outline:		0;
}
/* Rounded corners for the  fylout/drop down menu */
#mainMenu .sf-menu li ul, #mainMenu .sf-menu li ul .sf-menu-ul-bottom
{
    background-image: url(../images/sf-menu-rounded.png);
    background-repeat:no-repeat;
}
/* This is for the top rounded corners */
#mainMenu .sf-menu li ul
{
    background-position:  left top;
}

/* This is for the bottom rounded corners */
#mainMenu .sf-menu li ul .sf-menu-ul-bottom
{
    font-size: 1px; /* Fixes and IE6 default div element height issue */
    height: 6px;
    clear: both;
    background-position:  left bottom;
    position: relative;
    margin-top: -1px;
}

/* Active Dropdown Menu */
#topMenu .sf-menu li ul li.sf-active 
{
    color: #000;
}
#mainMenu .sf-menu li ul li.sf-active 
{
    background-color: #777;
}

/*** arrows **/
#topMenu .sf-sub-indicator {
	display:		none;
}
#mainMenu .sf-sub-indicator {
	display:		block;
	position:       absolute;
	top:            0px;
	width: 10px;
	right: 5px;
	height:			30px;
	line-height:    30px;
	overflow:		hidden;
	/*background:		url('images/sf-flyout.jpg') no-repeat scroll top right;*/
}

/* Top Menu */
#topMenu {
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 4px;
}

#topMenu  li {
	border-right: 1px solid #979797;
	display: inline;
	padding: 0 7px;
	text-transform: capitalize;
}

#topMenu li.last {
	border: none;
}

/*
#topMenu a {
	color: #979797;
}
*/

/*------------------------------------------------------*/
/* =Main MENU							*/
#mainMenu {
	background: url(../images/menu.jpg) no-repeat;
	font-family: tahoma, geneva, verdana, sans-serif;
	font-size: 13px;
	height: 41px;
	margin-bottom: 8px;
	padding-left: 14px;
	color: #fff;
}

#mainMenu li {
	float: left;
	height: 30px;
	padding: 11px 55px 0 55px;
	cursor: pointer;
}

#mainMenu li.active {
	background: url(../images/menu-active.jpg) no-repeat bottom center;
}

#mainMenu li a {
	color: #fff;
	display: inline-block;
}

/*------------------------------------------------------*/
/* =CONTENT						*/
#content {

}

/* BOXES */
.boxHolder {
	width: 453px;
}

.boxTop {
	height: 5px;
}

.boxBottom {
	height: 4px;
}

.box {
	min-height: 272px;
	padding: 0 10px;
	width: 431px;
}

.box h2 {
	height: 45px;
	margin-bottom: 10px;
	text-indent: -9999px;
}


/* gray boxes */
.gray {
	float: left;
	margin-bottom: 10px;
}
.bigGray {
 	float: left;
	width: 654px; 
	margin-bottom: 10px;
}

.gray .boxTop {
	background: url(../images/gray-box-top.jpg) no-repeat;
/*	width: 453px;
	height: 6px; */
	position: relative
}
.bigGray .boxTop {
	background: url(../images/bigGray-box-top.jpg) no-repeat;
 	width: 654px;
	height: 5px;  
	position: relative
}
 
.gray .box {
	background: #e8e8e8 url(../images/gray-box.jpg) repeat-x;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
/*	width: 5px;
	height: 271px; */
	position: relative
}
.bigGray .box {
	min-height: 271px;
	padding: 0 10px;
	width: 632px;

    background: #e8e8e8 url(../images/bigGray-box.jpg) repeat-x; 
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	position: relative
}

.gray .boxBottom {
	background: url(../images/gray-box-bottom.jpg) no-repeat;
	position: relative
}
.bigGray .boxBottom {
	background: url(../images/bigGray-box-bottom.jpg) no-repeat 0 100%;
	position: relative
}

.gray h2, .bigGray h2 {
	background: url(../images/gray-h2.png) no-repeat; 
	
	width: 623px;
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}


.bigGray h3 {
	/* background: url(../images/gray-h2.png) no-repeat; */
	color: #373737;
	font-size: 18px;
	padding: 13.5px;
	text-transform: capitalize;
	width: 597px;
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}

.gray h3 {
	/* background: url(../images/gray-h2.png) no-repeat; */
	color: #373737;
	font-size: 18px;
	padding: 13.5px;
	letter-spacing:-1px;
	text-transform: capitalize;
	width: 403px;
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
	position: relative
}



.gray ul, .bigGray ul {
	padding-left: 15px;
}

.gray ul li, .bigGray ul li {
	/* color: #8e8e8e; */
	color: #333;
	padding: 5px 0;
}

.gray ul li span, .bigGray ul li span  {
	color: #373737;
	display: inline-block;
	width: 110px;
	font-size: 15px;
	text-transform: uppercase;
}

/* blue boxes */
.blue {
	background: url(../images/box-blue.jpg) no-repeat;
	float: right;
	height: 271px;
	padding: 5px;
	width: 444px;
	position: relative;
    margin-bottom: 10px;
    
}
.smallBlue {
	float: right;
	width: 248px;
/*	height: 371px;*/
	height: 371px;
	margin-bottom: 55px;
	overflow: hidden;
}
.smallBlue .boxTop 
{
    background: url(../images/smallBlue-box-top.jpg) no-repeat;
}
.smallBlue .box 
{
    background: url(../images/smallBlue-box.jpg) repeat-x;
    height: 340px;
    padding: 0 10px;
	border-left: solid 1px #ddd;
	border-right:solid 1px #ddd;
	width: 226px;	
}
.smallBlue .boxBottom {
    background: url(../images/smallBlue-box-bottom.jpg) no-repeat;
    background-position: bottom;
}

.blue h2 {
	background: url(../images/blue-h2.jpg) no-repeat;
	border-bottom: 1px solid #d5d8e6;
	height: 45px;
	margin-bottom: 10px;
	text-indent: -9999px;
}
.smallBlue h2 {
	background: url(../images/smallBlue-h2.jpg) no-repeat scroll 0 0;
	border-bottom: 1px solid #d5d8e6;
}

.blue img.girl {
	position: absolute;
	right: 5px;
	bottom: 0;
}

.blue form ul{
	padding-left: 10px;
}

.smallBlue form ul {
}


.blue form ul li{
	overflow: hidden;
	padding: 3px 4px;
	width: 310px;
}
.smallBlue form ul li{
	overflow: hidden;
	padding: 3px 0;
	width: 234px;
}

.blue form ul li.last {
	padding: 0px 4px;
}
.smallBlue form ul li.last {
	margin: 10px 0 0 45px;
}

.blue input, .smallBlue input {
	border: none;
	display: inline-block;
}


.blue form_label, .smallBlue form_label  {
	display: inline-block;
	float: left;
	padding-top: 6px;
	text-transform: capitalize;
	width: 10px;
}


.blue label, .smallBlue label  {
	display: inline-block;
	float: left;
	padding-top: 6px;
	text-transform: capitalize;
	width: 50px;
}

.blue input.text {
	background: url(../images/blue-input.jpg) no-repeat;
	color: #848484;
	float: left;
	height: 25px;
	padding: 5px 5px 0 5px;
	width: 224px;
}
.smallBlue input.text {
	background: url(../images/smallBlue-input.jpg) no-repeat;
	color: #848484;
	float: left;
	height: 30px;
	padding: 5px 5px 0 5px;
	width: 164px;
}

.blue input.sales {
	background: url(../images/sales_support.png) no-repeat;
	float: left;
	height: 37px;
	margin-left: 3px;
	width: 100px;
}

.smallBlue input.sales {
	background: url(../images/sales_support_sm.png) no-repeat;
	float: left;
	height: 31px;
	margin-left: 0px;
	width: 170px;
}

.blue input.support {
	background: url(../images/support_button.png) no-repeat;
	float: left;
	height: 37px;
	margin-left: 3px;
	width: 100px;
}

.smallBlue input.support {
	background: url(../images/support_button_sm.png) no-repeat;
	float: left;
	height: 31px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	width: 170px;
}

.blue input.submit {
	background: url(../images/blue-submit.jpg) no-repeat;
	float: left;
	height: 42px;
	margin-left: 50px;
	width: 87px;
}

.smallBlue input.submit {
	background: url(../images/smallBlue-submit.jpg) no-repeat;
	float: left;
	height: 30px;
	margin-left: 50px;
	width: 87px;
}

.blue input.submit:hover, .smallBlue input.submit:hover {
	cursor: pointer;
}

.blue form ul li img{
	float: left;
}

.blue span {
	display: inline-block;
	font-size: 11px;
	padding-left: 50px;
}

.smallBlue span 
{
    display: block;
    float: left;
    padding: 0 0 0 8px;
    width: 80px;
	font-size: 11px;
}


.smallBlue span 
{
    display: block;
    float: left;
    padding: 0 0 0 0px;
    width: 180px;
	font-size: 9px;
}


/*------------------------------------------------------*/
/* =MAIN SECTION					*/
.roundTop {
	background: url(../images/round-top.png) no-repeat;
	height: 4px;
}

.roundBottom {
	background: url(../images/round-bottom.png) no-repeat;
	height: 4px;
	margin-bottom: 7px;
}

.round {	
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	height: 31px;
	width: 909px;
}

.quickGuide {
	background: #fff url(../images/quick-guide.jpg) no-repeat 10px 0;
	color: #545454;
	font-size: 20px;
	padding: 8px 10px 0px 50px;
	width: 848px;
}

/* Apply Now, Retrieve and Cancel Memberhsip Forms */
.apphyNowHeader, .retrieveMembershipHeader, .cancelMembershipHeader {
	color: #545454;
	font-size: 18px;
	line-height: 25px;
	padding: 0 10px 0px 10px;
	width: 888px;
	height: 53px;
}
.cancelMembershipHeader, .retrieveMembershipHeader
{
    height: 75px;
    font-size: 15px;
}

.applyNowForm, .cancelForm, .retrieveForm
{
    background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	padding: 10px;
	width: 888px;
	overflow: hidden;
}
.applyNowForm table, .cancelForm table,  .retrieveForm table
{
    width: 100%;
    border-collapse: separate;
}
.applyNowForm table td, .cancelForm table td, .retrieveForm table td{
	padding: 3px 0 3px 50px;
	width: 50%;
	vertical-align: top;
}
.cancelForm table td, .retrieveForm table td
{
    width: 440px;   
}
.applyNowForm table td ul
{
    margin: 0 0 0 110px;
}
.applyNowForm table td ul.last
{
    margin: 0;
}
.applyNowForm table td ul.last li
{
    position: relative;
    margin: 0;
    padding: 0 0 5px 0;
	width: 650px;
}
.cancelForm table td ul, .retrieveForm table td ul
{
    overflow: hidden;
}
.applyNowForm table td li 
{
    position: relative;
    margin: 0 0 0 -5px;
	padding: 5px 0 3px 0;
	width: 225px;
	float: left;
}

.cancelForm table td li, .retrieveForm table td li
{
    display: block;
    width:100%;
    padding: 0 0 5px 0;
    overflow:hidden;
}
.applyNowForm label {
	display: inline-block;
	float: left;
	padding-top: 6px;
	text-transform: capitalize;
	width: 110px;
}

.applyNowForm td ul li input.checkbox {
	display: block;
    float: left;
    width: 20px;
}
.applyNowForm table td li label
{
    display: inline-block;
    padding: 0;
    float: left;
    width: 190px;
    margin: 0 0 0 3px;
    position: relative;
}
.cancelForm label, .retrieveForm label {
	display: block;
	float: left;
	padding-top: 6px;
	text-transform: capitalize;
	width: 200px;
}

.cancelForm table td.cancelRight, .retrieveForm table td.retrieveRight
{
    width: 250px;
}
.applyNowForm table td.applyRight, .cancelForm table td.cancelRight, 
.retrieveForm table td.retrieveRight{
	padding: 3px 20px 3px 10px;
}
.applyNowForm input {
	display: inline-block;
}
.cancelForm input, .retrieveForm input {
	border: none;
	display: inline-block;
}

.applyNowForm input.text {
	background: url(../images/blue-input.jpg) no-repeat;
	color: #666;
	float: left;
	height: 25px;
	padding: 5px 5px 0 5px;
	width: 224px;
    border: none;
}

.applyNowForm input.text_sm {
	background: url(../images/blue-inputw35.png) no-repeat;
	color: #666;
	float: left;
	height: 25px;
	padding: 5px 5px 0px 5px;
	width: 35px;
    border: none;
	 
}

.cancelForm input.text, .retrieveForm input.text {
	background: url(../images/blue-input.jpg) no-repeat;
	color: #666;
	display: block;
	float: left;
	height: 25px;
	padding: 5px 5px 0 5px;
	width: 224px;
}

.cancelForm textarea, .retrieveForm textarea {
	font-family: verdana;
	font-size: 10pt;
	color: #666;
	display: block;
	float: left;
	height: 65px;
	padding: 5px 5px 0 5px;
	width: 224px;
}

.applyNowForm select {
	color: #666;
	float: left;
	height: 30px;
	display: block;
	padding: 5px 7px 5px 5px;
	width: 233px;
}
.applyNowForm td ul li textarea {
	color: #666;
	height: 70px;
	padding: 0 0 0 5px;
	width: 632px;
}

.applyNowForm input.submit {
	background: url(../images/smallBlue-submit.jpg) no-repeat;
	float: left;
	height: 30px;
	margin-left: 110px;
	width: 87px;
    border: none;
	cursor: pointer;
}
.cancelForm input.submit, .retrieveForm input.submit {
	background: url(../images/smallBlue-submit.jpg) no-repeat;
	float: left;
	height: 30px;
	margin: 0 0 0 200px;
	width: 87px;
	cursor: pointer;
}


/* accordion */
#accordion li {
	background: url(../images/round-bottom.png) no-repeat bottom;
	margin-bottom: 5px;
	padding-bottom: 4px;	
	width: 910px;
	overflow: hidden;
}

#accordion li a.activator {
	background: url(../images/activator-a.png) no-repeat;
	color: #545454;
	display: block;
	font-size: 17px;
	min-height: 29px;
	padding: 12px 50px 0 20px;
	position: relative;
}

#accordion li a.activator:hover {
	text-decoration: none;
}

#accordion li a span {
	height: 31px;
}

#accordion li a.activator span.arrow {
	background: url(../images/activator-span.jpg) no-repeat;
	height: 31px;
	width: 31px;
	position: absolute;
	top: 5px;
	right: 15px;
	cursor: pointer;
}

#accordion li.active a.activator span.arrow {
	background: url(../images/activator-span.jpg) no-repeat 0 -61px;	
}

#accordion li .container {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 20px;
	display: block;
    visibility: visible;
	width: 868px;	
}

#accordion li .container p {
	font-size: 11px;
	line-height: 20px;
	padding-bottom: 18px;
}

/*------------------------------------------------------*/
/* =FOOTER						*/
#footer {
	background: #56575B url(../images/footer.jpg) repeat-x;
	color: #adadad;
	font-size: 11px;
	height: 146px;
	margin-top: -150px;
	padding-top: 110px;
}

#footer a {
	color: #adadad;
}

#footer .container {
	background: url(../images/footer-logo.jpg) no-repeat 100% 20px;
	margin: 0 auto;
	text-align: right;
	padding: 35px 130px 0 0;
	width: 781px;
}

#footer ul {
	padding-bottom: 4px;
}

#footer ul li {
	border-right: 1px solid #adadad;
	display: inline;
	padding: 0 5px;
}

#footer ul li.noStyle {
	border: none;
	padding-right: 0;
}