/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: url(/images/bg.gif);
} 

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }


/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #e1e1e1; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height:75%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: #FFF;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */
#header { height: 112px; width: 960px; margin: 0 auto}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 374px; height: 112px;}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
#topnav {background-color: #eccec6; height: 50px; border-bottom: 1px solid #ffebe8;}
#topnav ul { margin: 0px; padding-top: 16px;}
#topnav ul li  {list-style-type: none; display:inline; padding: 0px 24px 0px 24px; }
#topnav ul li a { color: #533230; text-decoration: none; font-family: Georgia, Serif; text-decoration: none; font-size: 1em; padding-bottom: 20px}
#topnav ul li a:hover { text-decoration: underline}

/* --------------MISSION------------- */
#mission {
height: 196px;
border-bottom: 1px solid white;
background: url(/images/mission.jpg) no-repeat;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/mainbg.gif) repeat-x; /* Main DIV Background Img */
}

#main .content {
padding: 0px;
margin: 0px;
min-height: 480px; /* Height of Background Img */
height: auto;
padding: 16px;
}

#main h1 { 
color: #f76891;
padding-bottom: 20px; 
color: #f76891;
text-decoration: none;
font: 18px Georgia, Serif;
line-height: 1.4em;
text-transform: uppercase;
font-weight: bold
}

#main p { padding-bottom: 24px; color: #24110a; text-decoration: none; font: 12px Georgia, Serif; line-height: 1.6em;}
#main a { color: #f76891;}


/* --------------MAIN THREE BLOCKS----------------*/
#threeblocks {
color: #61584d;
height: 100%;
height: auto;
min-height: 100%;
width: 960px;
line-height: 18px
}

#threeblocks p { line-height: 20px; padding: 0px 10px 0px 15px;}

#threeblocks h3 {
font-size: 18px;
color: #f76891;
text-transform:uppercase;
letter-spacing: 1px; 
margin: 0px; padding: 0px;
text-align: center;
font-family: 18px Georgia, Serif;
padding-bottom: 10px
}

#threeblocks img {
background: url(/images/imgborder.gif) no-repeat; 
padding: 6px;
background-color: #eee4cd;
border: 1px solid #cfc4ac;
margin-bottom: 8px;
}

#threeblocks .block, .blocklast {
float: left;
width: 190px;
margin-right: 53px;
margin-bottom: 30px;
padding: 0px;
clear:right;
}

#threeblocks .blocklast { margin: 0px;}


/* --------------COOKIES------------- */
#cookies { padding: 14px; background-color: #eee4cd; border: 1px solid #d8cbaf;}
#cookies p {
color: #8e5740;
font-family: Georgia, Serif;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.4em;
font-size: 1em;
font-style: italic;
padding-bottom: 20px
}

/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background-color: white;
height: 100px;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

/* --------------FOOTER LINKS------------- */
#footer ul { padding: 10px;}
#footer .links ul { margin: 0px; padding: 0px;}
#footer .left { float: left}
#footer .right { float: right}
#footer .links li {display: inline; list-style-type: none;}

#footer .links li a {
color: #8e5740;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-family: Georgia, Serif;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.4em;
font-size: 12px;
}

#footer .links li a.last { border-right: 0px;}
#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */
#footer .asc ul { margin: 0px; padding: 0px; }
#footer .asc li { display: block; list-style-type: none; text-align: right }

#footer .asc li a {
color: #f87ca0;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-family: Georgia, Serif;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.4em;
font-size: 10px;
}

/* --------BOTTOM SPACE--------- */
#bottom { height:100px;}

/* --------------FOOTER SEO LINKS------------- */
#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}











/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }