/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

*
{
	margin: 0;
	padding: 0;
}

body, .main, .header, .menu, .content, .footer
{
	margin:0 auto;
}

.trademark
{
	font-weight: normal;
	font-size: 0.75em;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

body
{
	font-family: Georgia, serif;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 50px;
	background-color: #ffffff;  /*#f0fff0;*/
}

a, a:hover, a:visited
{
	color:#FD6B2D;
}

a:active
{
	color:#FF9933;
}

img
{
	border: 0;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.main
{
	width: 800px;
}

.header
{
	position: relative;
	
	margin-bottom: 5px;
	padding: 10px;
	padding-top: 5px;

	height: 95px;

	text-align: center;

	background: #2B5899 url(../images/clouds3.jpg) no-repeat center center;
	/*background-color: #00478F;*/

	border: #004080 1px solid;
	border-top-width: 0px;
}

.headlines
{
	border: solid red 0px;
	margin: 0px;
	padding: 0px;
}

.header_headline
{
	border: solid red 0px;

	margin: 0px;
	padding: 0px;

	margin-top: 10px;

	font-family: Verdana,Tahoma,Arial,sans-serif; 
	font-size: 25pt;
	font-weight: bold;
	text-align:center;
	color: #FFFF00; /*#ffffff;  /*#578BB8;*/

	padding-bottom: 5px;
}

.header_subheadline
{
	border: solid red 0px;

	margin: 0px;
	padding: 0px;

	/*font-family: Verdana,Tahoma,Arial,sans-serif;*/
	color: #FFFFFF; /*#ffffff;  /*#F58220;  /*#87CEFA;  /*#467AA7;  /*#578BB8;  /*#87CEFA;*/
	font-size: 12pt;
	font-weight: bold;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.menucontent
{
	height: 30px;  /*25px for ie 6*/
}

.menu
{
	list-style-type: none;
	position: relative;
	left: -4px;
	top: 5px;
	margin: 0;
	padding: 0;
}

.menu li
{
	float: left;
}

.menu li a
{
	display: block;
	padding-top: 9px;
	width: 110px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	/*background: url(../images/menu-button_004080.gif) 220px 0px;*/
	background-image: url(../images/menu-button_004080.gif);
	background-position: 220px 0px;
}

.menu li.active a
{
	color: #004080;
	background: url(../images/menu-button_004080.gif) 0px 0px;
}

.menu li a:hover
{
	color: #FD6B2D;
	background: url(../images/menu-button_004080.gif) 110px 0px;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.content
{
	position: relative;
	margin: 0px;
	padding: 20px;

	height: 1%;

	border: solid #004080 1px;
	background-color: #ffffff;
	color: #004080;
	
	text-align: left;
}

.content_header
{
	font-size: 17pt;
	letter-spacing: -1px;
	color: #004080;
	font-weight: bold;
	text-align: center;
	/*border: solid green 1px;*/
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.box
{
	margin: 0pt;
	padding: 0px;

	border-style: solid;
	border-width: 1px;
	border-color: #004080;
	
	position: relative;
	
	width: 176px;
	
	clear: both;
	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.boxtitle
{
	margin: 0pt;
	padding: 3px;

	border-style: solid;
	border-width: 0px;
	border-color: #004080;
	border-bottom-width: 1px;
	
	color: black;

	font-weight: bold;
	text-align: center;
}

.boxtitle_refer
{
	background-color: #FFFF66;
}

.boxtitle_story
{
	background-color: #DC3127;
}

.boxtitle_cobrand
{
	background-color:#FD824D;
}


.boxcontent
{
	margin: 0pt;
	padding: 5px;
}

.floatright
{
	float: right;
	display: inline;
	/*margin: 12px;*/
	/*margin-right: 0px;*/
}

.floatleft
{
	float: left;
	display: inline;
	/*margin: 12px;*/
	/*margin-left: 0px;*/
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.footer
{
	position: fixed;
	border: solid #dddddd 1px;
	background-color: #f5f5f5;
	width: 100%;
	left: 0px;
	bottom: 0px;
	text-align: center;
	color: #aaaaaa;
	font: 10px Lucida Grande, Verdana, Arial, Helvetica, sans serif;
	z-index: 10000;
	padding-bottom: 3px;
}

.footer p
{
	margin: 0px;
	padding-top: 3px;
}

.footer a
{
	color: #90b3c3;
	padding-left: 10px;
	padding-right: 10px;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

.round_corner b.cn
{
	background-image: url(../images/circle_004080_10px.gif);
}

b.cn
{
	position: absolute;
	padding: 0px;
	margin: 0px;
	display: inline;

	width: 10px;
	height: 10px;

	font-size: 1px;
	line-height: 1px;

	background: url(../images/circle_90b3c3_10px.gif) no-repeat;
}

b.tl
{
	background-position: left top;
	left: -1px;
	top: -1px;
}

b.tr
{
	background-position: right top;
	right: -1px;
	top: -1px;
}

b.bl
{
	background-position: left bottom;
	left: -1px;
	bottom: -1px;
}

b.br
{
	background-position: right bottom;
	right: -1px;
	bottom: -1px;
}

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

/* Page specific CSS */

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

/*########## misc ##########*/

.reasonstobuy
{
	padding-left: 40px;
	padding-right: 20px;
	border: solid 0px green;
}

.reasonstobuy li
{
	padding-bottom: 3px;
	border: solid 0px red;
}

.quote
{
	font-style:italic;
	color: #004080;
	margin-left:40px;
	margin-right:40px;
}

.disclaimer
{
	/*font-size: x-small;*/
	/*font-size: 0.57em;*/
	font-size: 7pt;
	line-height: 1.0em;
	text-align:justify;
	margin: 0;
	padding: 2px;
	border: 1px solid #c0c0c0;
	background-color: #fafbfc;
	color: #505050;
}

/*########## contact ##########*/

.contactformdescription
{
	text-align: left;
	padding: 5px;
	/*border: solid 1px black;*/
}

.contactform
{
	border: solid 1px #004080;
	padding: 5px;
}

.contactinput_blur
{
	border: solid 1px #d9d9d9;
	background-color: #f0fff0;
}

.contactinput_focus
{
	border: solid 1px #00036d;
	background-color: #f0e68c;
}

.contactbutton_blur
{
	border: solid 1px #00036d;
	background-color: #d9e4ff;
}

.contactbutton_focus
{
	border: solid 1px #00036d;
	background-color: #f0e68c;  /* #87cefa;*/
}

.contactleft
{
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px;
	/*border: solid red 1px;*/
}

.contactright
{
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px;
	/*border: solid blue 1px;*/
}

.contactthankyou
{
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

/*########## FAQ ##########*/

.faq
{
	padding-bottom:20px;
}

.question
{
	font-weight: bold;
}

.answer
{
	padding-top: 7px;
}

.highlight_faq
{
	background-color:#FFFF99;
	border:solid #0033FF 1px;
	padding:5px;
}

/*########## Order ##########*/

.order_quantities
{
	width: 25px;
	text-align: center;
}

.order_referral
{
	width: 70px;
}