@charset "utf-8";
/* CSS Document */

* {
margin:0; /* Zeroes out individual browsers' automatic addition of margin and padding values. */
padding:0;
}

a {
color:#000;
}

html {
height:100%; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. */
}

body {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
height:100%; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. */
margin:0;
padding:0;
background-image:url(/images/layout/background.jpg);
background-position:center;
background-repeat:repeat-y;
margin:0 auto; /* allows div to align flush w/ top */
padding:0;
}

div#main {
position:relative; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. */
margin:0 auto;/*centers div in body*/
padding:0px 24px;/*put BG image here & added 24px left/right padding so internal elements would align correctly in IE6 win.*/
width:746px;/*width values must be even for the backgrounds and centered divs to align properly in all browsers*/
top:0px;
min-height:100%; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. */
}

* html div#main { /* Part of footerStickAlt. */
height: 100%;
}

div#branding { /* If this isn't here, content gets pushed down in IE because the browser assigns its own dimensions to the branding */
width:746px;
height:205px;
}

div#branding h1{
background-image:url(/images/layout/branding.jpg);
background-repeat:no-repeat;
background-position:0px 0px; /* This is supposed to keep the background from shifting -9999px because of the text-indent */
top:0px;
right:0px;
margin:0px;
padding:0px;
width:746px;
height:205px;
text-indent:-9999px; /* For some reason, the branding jpg isn't showing up in the layout.asp file because of this -9999px. But it shows up online so... */
overflow:hidden; /* keeps borders from showing up even from -9999px away. Kind of like an onfocus="this.blur()" onclick="javascript:void(0) */
}

div#content {
padding:25px 40px 40px 40px;
}

div#content h2{
margin:0px 0px 10px 0px;
padding:0px;
font-family:"Times New Roman", Times, serif;
font-size:24px;
letter-spacing:-.5px;
color:#9a4831;
/* color:#7e7b8c; */
}

div#content h3{
margin:0px 0px 8px 0px;
padding:0px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#9a4831;
/* color:#7e7b8c; */
}

div#content p{
margin:0px 0px 15px 0px;
line-height:1.33;
}

div#content ul{
margin:0px 0px 15px 0px; /* Keeps bullets on the outside of the paragraph */
/*list-style-position:inside; /* Keeps bullets inside the paragraph */
line-height:1.33;
}

div#content ol{
margin:0px 0px 15px 22px; /* Keeps bullets on the outside of the paragraph */
line-height:1.33;
}

div#main320 {
width:320px;
margin:0 auto; /* centers div */
}

/* NAV MENU */
/* NAV MENU */
/* NAV MENU */

div#branding li{
display:inline; /* if this isn't here, there is a huge gap at the top of IE6. This lines the "<li>'s" in one line instead of six.  */
list-style:none;
}

div#branding li a{ /* This gets all the text links out of the 'a' nav divs */
position:absolute;
display:block;
height:21px;
background-image:url(/images/layout/mainNav.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

div#branding li#about_btn a{ /* an 'a' can also be styled into a boxed area. Not just divs */
position:absolute;
display:block;
top:152px;
left:44px;
width:66px;
height:21px;
background-image:url(/images/layout/mainNav.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

div#branding li#about_btn a:hover {
background-position: 0px -21px;
}

div#branding li#about_btn a#current{
background-position: 0px -21px;
}

div#branding li#selling_btn a{
top:152px;
left:130px;
width:126px;
background-position: -86px 0px;
}

div#branding li#selling_btn a:hover {
background-position: -86px -21px;
}

div#branding li#selling_btn a#current{
background-position: -86px -21px;
}

div#branding li#profit_btn a{
top:152px;
left:271px;
width:102px;
background-position: -228px 0px;
}

div#branding li#profit_btn a:hover {
background-position: -228px -21px;
}

div#branding li#profit_btn a#current{
background-position: -228px -21px;
}

div#branding li#terms_btn a{
top:152px;
left:389px;
width:129px;
background-position: -346px 0px;
}

div#branding li#terms_btn a:hover {
background-position: -346px -21px;
}

div#branding li#terms_btn a#current{
background-position: -346px -21px;
}

div#branding li#kit_btn a{
top:152px;
left:533px;
width:121px;
background-position: -489px 0px;
}

div#branding li#kit_btn a:hover {
background-position: -489px -21px;
}

div#branding li#kit_btn a#current{
background-position: -489px -21px;
}

div#branding li#contact_btn a{
top:152px;
left:668px;
width:74px;
background-position: -625px 0px;
}

div#branding li#contact_btn a:hover {
background-position: -625px -21px;
}

div#branding li#contact_btn a#current{
background-position: -625px -21px;
}

/* END NAV MENU */
/* END NAV MENU */
/* END NAV MENU */

table {
margin: 0 auto; /* Allows tables to center within divs */
}

table.left {
margin: 0; /* Allows tables to left justify within divs */
}

div#content ul li{ /*  need the li for specificity. w/o it, this selector no worky */
margin:0px 0px 15px 15px; /* Keeps bullets on the outside of the paragraph */
line-height:1.33em;
}

div#footer {
clear:both;
position:relative; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. */
top:0px;
left:0px;
margin:-36px auto 0 auto; /* Part of footerStickAlt. Makes sure the footer is at least on the bottom of the page even if content is minimal. Top margin based on height of the footer div to avoid auto scroolbar in browser */
padding:0px 24px;
height:36px;
width:746px;
background-image:url(/images/layout/footerBackground.jpg);
background-position:center top;
background-repeat:no-repeat;
overflow:visible;
}

div#footer p{
text-align:center;
margin:0px;
padding:15px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

div#footer a{
color:#000;
}

div#footer a.bullpoint{
margin: 0 1.125em;
color:#000;
}

* html div#footer { /* Part of footerStickAlt. A CSS hack that only applies to IE -- specifies a different offset for the footer */
margin-top: -36px;
}

/* FONTS */
/* FONTS */
/* FONTS */

.standard{
font-size:16px;
}

.standard_bold14{
font-size:14px;
font-weight:bold;
}

.standard_bold{
font-size:16px;
font-weight:bold;
}

.sub {
font-size:12px;
}

.red_bold {
color:#9a4831;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.red_bold18 {
color:#9a4831;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
line-height:20px;
}

.clear {
clear:both;
}

/* ---------- Begin Request Info Styling -------------- */
/* ---------- Begin Request Info Styling -------------- */


div.requestinfo {
text-align:center;
position:relative;
width:420px;
margin:0 auto;
}

div.requestinfo h3 {
text-align:left;
}

div.requestinfo p {
font-size:12px;
position:relative;
}

div.requestinfo fieldset {
text-align:right;
margin-bottom:12px;
border:none;
border-bottom:#333333 1px solid;
}

div.requestinfo .text {
width:275px;
}

div.requestinfo .short {
width:175px;
margin-right:100px;
}

div.requestinfo .shorter {
width:50px;
margin-right:225px;
}

div.requestinfo .estimate {
width:75px;
margin-right:50px;
}

div.requestinfo .source {
width:175px;
margin-right:50px;
}


div.requestinfo .country {
position:absolute;
right:0px;
top:0px;
text-align:center;
padding:4px 8px;
background-color:#CCCCCC;
}

div.requestinfo .outside {
text-align:center;
padding:4px 8px;
background-color:#CCCCCC;
color:#9a4831;

}

.captcha_alert {
background-color:#FFFF99;
border:#9a4831 3px double;
color:#9a4831;
font-weight:bold;
font-size:14px;
padding:8px;
text-align:center;
}

/* ---------- Begin Contact Styling -------------- */
/* ---------- Begin Contact Styling -------------- */

div.contactus hr {
margin-bottom:12px;
}

div.contactLeft {
position:relative;
width:250px;
float:left;
}

div.contactRight {
position:relative;
width:400px;
float:right;
}

div.contactLeft p, div.contactRight p {
margin-bottom:4px;
}