/*********************   CSS   *********************/
* 							{ margin:0; padding:0} 
html 						{ height:100%; font-size:100.01%} 
body 						{ background-color: #505050; color: #505050; font:100.01%/130%; margin:0 auto; min-height:101%; 
							  text-align:center; width:880px; } 
body * 						{ text-align:left} 

a							{ font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif;  }
a:link 						{ color: #e7503c; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }
a:hover 					{ color: #ff6850 ; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }
a:visited 					{ color: #c333ff; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }
h1							{ border-top: 1px solid #c6ccca; color: #505050; font: 24px Helvetica, Arial, san-serif; margin: 0 0 .2em 0; padding: .2em 0 0 0 }
h2							{ color: #c62830; font: 14px/18px trebuchet ms, Arial, Verdana, Georgia, sans-serif; padding: 3px 0 0 0 }
h3							{ color: #bb8715; font: 14px trebuchet ms, Verdana, Georgia, serif; font-weight: bold; margin: 0 0 .8em 0 }
form						{ display: block; }
img							{ border: 0 }		
input.btn					{ background-color: #d4d0c8; border:1px solid #999999; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; margin: 5px 0; padding: 3px; text-align: center; text-transform: capitalize }
input.btnhov				{ background-color: #e5e5e5 }
input.reset					{ background-color: #ff9900; border:1px solid #999999; color: #fff; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; margin: 5px 0; padding: 3px; text-align: center; text-transform: capitalize }
input.view_cart				{ background-color: #618b28; border:1px solid #999999; color: #fff; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; margin: 5px 0; padding: 3px; text-align: center; text-transform: capitalize; }
input.view_carthov			{ background-color: #7ab924; border:1px solid #999999; color: #fff; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; margin: 5px 0; padding: 3px; text-align: center; text-transform: capitalize; }
li							{ font: 12px trebuchet ms, Verdana, Georgia, sans-serif; margin: 0 0 .5em 0; padding: 0 }
p 							{ font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; margin: 0 0 .75em 0; padding: 0 }
ul 							{ list-style: none; margin: 0; padding: 0; }

/*********************   WRAPPER   *********************/
#wrapper 					{ background-color: #fff; height: 100%; margin: 0 auto; min-height: 100%; width: 880px; }
#wrapper_more 				{ background-color: #fff; height: 100%; margin: 0 auto; min-height: 100%; width: 880px; }

/*********************   SPLASH   *********************/
#spl_wrapper 					{ background-color: #fff; height: 100%; margin: 0 auto; min-height: 100%; width: 780px; }
#spl_top						{ margin: 60px 0 0 0; text-align: center }
#spl_content					{ background-color: #fff; float: right; margin: 0 0 10px 0; padding: 0; text-align: left; width: 770px }
*html #spl_content					{ background-color: #fff; float: right; margin: 0 0 0 0; padding: 0; text-align: left; width: 770px }
#spl_content_wrap				{ float: right; width: 500px }
#spl_email						{ margin: 40px 0 0 250px; text-align: center; width: 280px }
* html #spl_email						{ margin: 10px 0 0 245px; text-align: center; width: 300px }
#spl_email p					{ font-weight: bold; margin: .6em 0 0 0; text-align: center }
.spl_main_box					{ margin: 10px 0 15px 0; width: 215px }
.spl_main_box h1				{ margin: 0 0 .5em 0 }
.spl_main_box p					{ font: 11px/14px Arial, Verdana, san-serif; margin: 0 0 .5em .2em; padding: 0 }
input.spl_btn					{ background: url(images/nav/btn_spl_signup.gif) no-repeat; border: 0px; height: 28px; margin: 0; width: 105px; text-align: center }
* html input.spl_btn					{ background: url(images/nav/btn_spl_signup.gif) no-repeat; border: 0px; height: 28px; margin: 0 0 0 5px; padding: 2px 0 0 0; width: 105px; text-align: center }
input.spl_btnhov				{ background: url(images/nav/btn_spl_signuphov.gif) no-repeat; border: 0px; height: 28px; margin: 0; width: 105px; text-align: center }
*html input.spl_btnhov				{ background: url(images/nav/btn_spl_signuphov.gif) no-repeat; border: 0px; height: 28px; margin: 0 0 0 5px; padding: 2px 0 0 0; width: 105px; text-align: center }
input.spl_form					{ height: 18px }
*html input.spl_form					{ height: 25px }

/*********************   SIFR   ********************/
/* These are standard sIFR styles... do not modify */
.sIFR-flash 						{ visibility: visible !important; margin: 0; }
.sIFR-replaced 						{ visibility: visible !important; }
span.sIFR-alternate 				{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] 	{ display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 					{ visibility: hidden; }

/*********************   TOP   *********************/
#top						{ width: 880px }
#top_banner					{ background-color: #505050; color: #fff; font: 10px/10px Verdana, Arial, san-serif; height: 27px; margin: 0 0 0 0; padding: 0 0 0 0; width: 880px }
* html #top_banner					{ background-color: #505050; color: #fff; font: 10px/12px Verdana, Arial, san-serif; height: 30px; margin: 0; width: 880px }
#top_footer					{ margin: 0; text-align: left }
* html #top_footer					{ margin: -6px 0; text-align: left }
#top_middle					{ background-color: #505050; margin: 0 0 0 0; text-align: left }
* html #top_middle					{ background-color: #505050; margin: 0 0 0 0; text-align: left }
#top_nav					{ height: 30px; margin: 0 0 0 0; padding: 0 }
#top_shadow					{ margin: 0; padding: 0 }
#top_subnav					{ background-color: #d0cfd1; height: 20px }
#top_links					{ margin: 6px 0 0 10px; width: 930px; }
* html #top_links					{ margin: 8px 0 0 10px; width: 920px; }

.top_links_right			{ float: right; font: 9px/10px Verdana, Arial, san-serif; width: 460px; }
.top_links_right a			{ font: 9px/10px Verdana, Arial, san-serif; color: #4e77c6; }
.top_links_right a:link		{ color: #4e77c6; }
.top_links_right a:hover	{ color: #6dc3f9; }
.top_links_right a:visited	{ color: #13486a; }

.top_links a				{ color: #4e77c6; font-weight: normal }
.top_links a:link, a:visited		{ color: #4e77c6 }
.top_links a:hover			{ color: #779de6 }
.top_logo					{ float: left; margin: 0; width: 450px }


/*********************   CONTENT   ******************/
#content_wrap				{ float: left; margin: -7px 0 0 0; width: 880px }
* html #content_wrap				{ float: left; margin: 0 0 0 0; width: 880px }

/***   MISC   ***/
.center						{ margin: 0 auto; text-align: center; width: 100% }
* html .center						{ margin-left: auto; margin-right: auto; text-align: center }
.clear						{ clear: both; height:1px; overflow:hidden; }
.left						{ float: left }
.quote						{ border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; font: 13px trebuchet ms, Verdana, Georgia, serif; margin: 1.5em 0; padding: 1em 0; text-align: center }
.right						{ float: right }

/***   MAIN   ***/
#main						{ float: left; width: 435px }
#main a						{ font: 12px Arial, Verdana, Georgia, serif; margin: -1em 0 1em 0; padding: 0 } 			
/* #main a:link 			{ color: #115ab6; font-weight: bold; text-decoration: none; } */
/* #main a:hover 			{ color: #0dcaff; font-weight: bold; text-decoration: none; } */
/* #main a:visited 			{ color: #b021bd; font-weight: bold; text-decoration: none; } */

.col_wrap					{ width: 570px }
.col_left					{ float: left; width: 210px }
.col_left img				{ margin: -4px 0 0 0; padding: 0 }
.col_right					{ font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; margin: 0 0 .75em 0; padding: 0; float: right; width: 340px }
.col_right a				{ font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif;  }
.col_right a:link 			{ color: #e7503c; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }
.col_right a:hover 			{ color: #ff6850 ; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }
.col_right a:visited 		{ color: #c333ff; font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; font-weight: bold; text-decoration: none; }

.contact_wrap				{ padding-top: 10px; width: 570px }
.contact_header				{ float: left; width: 120px }
.contact_field				{ float: right; margin: 0 0 .5em 0; width: 280px }

.icon_wrap					{ font: 12px/16px trebuchet ms, Arial, Verdana, Georgia, sans-serif; margin: 0 0 .75em 0; padding: 0; margin: 10px 0; width: 340px }
.icon_pic					{ float: left; text-align: center; width: 60px }
.icon_text					{ float: right; font-weight: bold; width: 270px }

.main_box					{ margin: 0 0 15px 20px; width: 570px }
.main_box h1				{ margin: 0 0 .5em 0 }
.main_box p					{ font: 12px/16px trebuchet ms, Arial, Verdana, san-serif; margin: 0 0 .5em 0; padding: 0 }
.main_pic					{ border: 2px solid gray; float: left; margin: 0 10px 0 0 }
.main_thumbnail				{ float: left; width: 90px }
.main_text					{ float: right; width: 340px }


/***   BUTTONS   ***/
.btn_signup					{ margin: 20px auto 25px auto; text-align: center; width: 200px }
* html .btn_signup					{ margin: 10px auto; text-align: center; width: 200px }
.btn_signup a				{ height: 52px; voice-family: "\"}\""; voice-family: inherit; height: 52px; text-decoration: none; }
.btn_signup a:link			{ background: url(images/nav/btn_signup.gif) 0 0; display: block; padding: 0; }
.btn_signup a:visited 		{ background: url(images/nav/btn_signup.gif) 0 0; display: block; padding: 0; }
.btn_signup a:hover			{ background: url(images/nav/btn_signup.gif) 0 -52px; display: block; padding: 0; }
.btn_signupcurrent			{ height: 52px; voice-family: "\"}\""; voice-family: inherit; height: 52px; text-decoration: none; background: url(images/nav/btn_signup.gif) 0 -52px; display: block; padding: 0; width: 200px }

/***   GNAV   ***/
#gnav						{ background: url(images/nav/gn_bck.gif); float: left; height: 30px; margin: -6px 0 0 0; width: 880px  }
* html #gnav						{ background: url(images/nav/gn_bck.gif); float: left; height: 30px; margin: 0 0 -7px 0; width: 880px }
#gnav a						{ color: #fff; }
#gnav p						{ font: 10px/12px Verdana, Arial, san-serif; font-weight: normal; padding-top: 5px; text-align: center }
* html #gnav p						{ font: 10px/10px Verdana, Arial, san-serif; font-weight: normal; padding-top: 5px; text-align: center }
#gnav ul					{ display: inline }
#gnav li					{ float: left; height: 30px }

.resources					{ width: 113px }
.resources a				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.resources a:link			{ background: url(images/nav/gn_resources.gif) 0 0; display: block; padding: 0; }
.resources a:visited 		{ background: url(images/nav/gn_resources.gif) 0 0; display: block; padding: 0; }
.resources a:hover			{ background: url(images/nav/gn_resources.gif) 0 -30px; display: block; padding: 0; }
.resourcescurrent			{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_resources.gif) 0 -30px; display: block; padding: 0; width: 113px }

.learnmore					{ width: 118px }
.learnmore a				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.learnmore a:link			{ background: url(images/nav/gn_learnmore.gif) 0 0; display: block; padding: 0; }
.learnmore a:visited 		{ background: url(images/nav/gn_learnmore.gif) 0 0; display: block; padding: 0; }
.learnmore a:hover			{ background: url(images/nav/gn_learnmore.gif) 0 -30px; display: block; padding: 0; }
.learnmorecurrent			{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_learnmore.gif) 0 -30px; display: block; padding: 0; width: 118px }

.help						{ width: 82px }
.help a						{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.help a:link				{ background: url(images/nav/gn_help.gif) 0 0; display: block; padding: 0; }
.help a:visited 			{ background: url(images/nav/gn_help.gif) 0 0; display: block; padding: 0; }
.help a:hover				{ background: url(images/nav/gn_help.gif) 0 -30px; display: block; padding: 0; }
.helpcurrent				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_help.gif) 0 -30px; display: block; padding: 0; width: 82px }

.signup						{ width: 98px }
.signup a					{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.signup a:link				{ background: url(images/nav/gn_signup.gif) 0 0; display: block; padding: 0; }
.signup a:visited 			{ background: url(images/nav/gn_signup.gif) 0 0; display: block; padding: 0; }
.signup a:hover				{ background: url(images/nav/gn_signup.gif) 0 -30px; display: block; padding: 0; }
.signupcurrent				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_signup.gif) 0 -30px; display: block; padding: 0; width: 98px }

.login						{ width: 87px }
.login a					{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.login a:link				{ background: url(images/nav/gn_login.gif) 0 0; display: block; padding: 0; }
.login a:visited	 		{ background: url(images/nav/gn_login.gif) 0 0; display: block; padding: 0; }
.login a:hover				{ background: url(images/nav/gn_login.gif) 0 -30px; display: block; padding: 0; }
.logincurrent				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_login.gif) 0 -30px; display: block; padding: 0; width: 87px }

.contactus					{ width: 122px }
.contactus a				{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; }
.contactus a:link			{ background: url(images/nav/gn_contactus.gif) 0 0; display: block; padding: 0; }
.contactus a:visited 		{ background: url(images/nav/gn_contactus.gif) 0 0; display: block; padding: 0; }
.contactus a:hover			{ background: url(images/nav/gn_contactus.gif) 0 -30px; display: block; padding: 0; }
.contactuscurrent			{ height: 30px; voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; background: url(images/nav/gn_contactus.gif) 0 -30px; display: block; padding: 0; width: 122px }

/***   LNAV   ***/
#lnav						{ font: 11px Arial, Verdana, Georgia, serif; float: left; width: 180px }
#lnav ul					{ list-style: none; margin: 0; padding: 0; }
* html #lnav ul					{ list-style: none; margin: 0; padding: 0; }
#lnav li					{ font: 11px Arial, Verdana, Georgia, serif; padding: 0 0 .3em 0 }

#lnav_even					{ float: left; width: 400px }
#lnav_home					{ float: left; width: 420px }
#lnav_related				{ padding: 0; width: 180px }
#lnav_signup				{ margin:  0 0 15px 0; text-align: left; width: 160px }

.lnav_box					{ margin: 0 0 6px 0 }

.lnav_text					{ padding: 5px 10px 0 10px; width: 160px }					
.login_form					{ padding: 5px 10px 0 10px; width: 160px }

/***   RNAV   ***/
#rnav						{ background: url(images/pic/rn_bck.jpg) no-repeat; float: right; padding: 20px 0 0 0; width: 260px }
#rnav a						{ font: 11px Arial, Verdana, san-serif; font-weight: bold; line-height: 13px; margin: 0; padding: 0 }
#rnav a:link				{ color: #ba3ebb }
#rnav a:hover				{ color: #f960fa }
#rnav a:visited				{ color: #831384 }

.rnav_box					{ margin: 0 0 10px 20px; width: 220px }
* html .rnav_box					{ margin: 0 0 10px 20px; width: 220px }
.rnav_box b					{ color: #4b89be; font-size: 1.25em; line-height: 1.5em; padding: 2px 0 }
.rnav_box h4				{ border: 0; color: #505050; font: 18px Helvetica, Arial, san-serif; margin: 0 0 .5em 0; padding: .2em 0 0 0 }


/***   FNAV   ***/
#fnav						{ background-color: #ccf0fa; }
#fnav_left					{ background-color: #ccf0fa; width: 481px; float: left }
#fnav_right					{ background-color: #ccf0fa; width: 469px; float: right }

.fnav_ll					{ float: left; width: 240px }
.fnav_lr					{ float: right; width: 241px }
.fnav_rl					{ float: left; width: 240px }
.fnav_rr					{ float: right; width: 228px }
.fnav_box					{ padding: 5px 0 8px 10px; width: 90% }

/*********************   BOTTOM   ******************/
#bottom						{ background-color: #505050; color: #fff; font: 10px Verdana, Georgia, serif; height: 110px; margin: 0; padding: 0; width: 880px }
#bottom_nav					{ float: left; background-color: transparent; height: 20px; padding: 10px 0 0 0; }
#bottom_nav a				{ color: #ffbe69; font: 10px Verdana, Georgia, sans-serif; }
#bottom_nav a:link			{ color: #ffbe69 }
#bottom_nav a:hover			{ color: #e7503c }
#bottom_credits				{ float: right; height: 20px; padding: 1em 0 0 12px; width: 435px}
#bottom_credits a				{ color: #ffbe69; font: 10px Verdana, Georgia, sans-serif; }
#bottom_credits a:link			{ color: #ffbe69 }
#bottom_credits a:hover			{ color: #e7503c }
#bottom_designedby			{ background-color: transparent; height: 20px; padding: 8px 0 0 0; }
* html #bottom_designedby			{ background-color: transparent; height: 20px; padding: 8px 0 0 0; }
#bottom_shadow				{ margin: 0; padding: 0 }