/********************************************
   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-color: #ececed;
} 


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


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 12px Tahoma, Verdana, Arial, sans-serif; color: #5a5a63; }
td { line-height: 20px; }
table b { color: #6c6698; }
table a, tr a, td a, font a, .content table a {color: #6c6698;font: 12px Tahoma, Verdana, Arial, sans-serif;text-decoration: underline; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #6c6698;}
table hr {border: none; border-bottom: 1px solid #dfdfe3; height: 0px;}
font img { border: 6px solid #dfdfe3; margin: 10px; }


/* ----------Centered Container Or the Layout--------------------- */

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


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
color: #5a5a63;
font: bold 12px tahoma, arial, Sans-Serif;
}
 
#main INPUT[type="text"], textarea , select{
border: 1px solid #dfdfe3;
color: #5a5a63;
font: 12px tahoma, arial, Sans-Serif;
padding: 5px;
margin-bottom: 10px;
background-color: #ebebef;
width: 17em;
}
 
.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: 134px;}

#sticker {width: 343px;float: left;margin-left: 200px;}
#sticker img{border: 0px;}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 387px; height: 113px; float: left;}
.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 {
height: 48px;
margin-bottom: 15px;
width: 960px;
}

.suckertreemenu {
height: 48px;
}

.suckertreemenu img {
border: none;
}


.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
font: 8pt Tahoma, Arial, Verdana, Sans-serif;
color: #FFF;
text-decoration: none;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: 0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin-top: -1px;
display: block;
overflow: visible;
text-align: left;
font: 8pt Arial, Verdana, Tahoma, Sans-serif;
width: 145px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
padding: 4px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #9c97be;
top: -8em;
}

.suckertreemenu ul li a:hover {
color: #5c5c5c;
}

.suckertreemenu ul li ul li a:hover{
background-color: #eae8f7;
text-decoration:underline
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #FFF url(/images/mainbg.gif) repeat-y; /* Main DIV Background Img */
margin-bottom: 20px;

}

#mainindex {
background: #FFF url(/images/mainbgindex.gif) repeat-y; /* Main DIV Background Img */
margin-bottom: 20px;
margin-top: 20px;
min-height: 100%; 
height: auto !important; 
height: 100%; 
}


#maintop {
height: 7px; 
width: 960px;
background: url(/images/maintop.gif) no-repeat; /* Main DIV Background Img */
}

#mainindextop {
height: 7px; 
width: 960px;
background: url(/images/maintopindex.gif) no-repeat; /* Main DIV Background Img */
}


#mainbottom {
height: 6px; 
width: 960px;
background: url(/images/mainbottom.gif) no-repeat; /* Main DIV Background Img */
}

#mainindexbottom {
height: 6px; 
width: 960px;
background: url(/images/mainbottomindex.gif) no-repeat; /* Main DIV Background Img */
}


#mainindex .content {
padding: 0px;
margin: 0px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
padding: 30px;
}


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

#main h1, #mainindex h1{color: #2f0175;font: 16pt tahoma, arial, Sans-Serif;margin-bottom: 15px;}

#main h2{color: #2f0175;font: 14px tahoma, arial, Sans-Serif;margin-bottom: 3px;}

#main h3{color: #edb015;font: 14px tahoma, arial, Sans-Serif;margin-bottom: 3px;}

#main h4{color: #fff;font: 16px tahoma, arial, Sans-Serif;letter-spacing:.03em;}

a {color: #6c6698;font: 10pt tahoma, arial, Sans-Serif;text-decoration: underline;}


#main p, #mainindex p {
color: #5a5a63;
font: 12px tahoma, arial, Sans-Serif;
margin-bottom: 20px;
padding-right: 15px;
line-height:18px;
}


#homepic {
height: 253px; 
width: 960px;
background: url(/images/homepic.jpg) no-repeat; /* Main DIV Background Img */
}

#homepic p{
padding: 0px 20px 0px 450px;
font: 10pt tahoma, arial, Sans-Serif;
color: #fff;
}

#homepic h1{
padding: 100px 50px 15px 450px;
font: 15pt Impact, Charcoal, sans-serif;
color: #fdbd2f;
}

#homebuttons {
height: 60px; 
width: 960px;
}

.left {width: 350px;float: left;}

.right {width: 350px;float: right;}

.homeleft {width: 410px;float: left;}

.homeright {width: 410px;float: right;}

/* --------------PURPLE BOXES------------ */

#purplebox {width: 400px;height: auto;background-color: #bfbcd7;}

#purplebox .purpletop {width: 400px;height: 7px;background: url(/images/purpleboxtop.gif) no-repeat;}

#purplebox .purplebottom {width: 400px;height: 7px;background: url(/images/purpleboxbottom.gif) no-repeat;}

#purpleboxwide {width: 700px;height: auto;background-color: #bfbcd7; height: auto; margin-bottom: 15px;}

#purpleboxwide .purpletop {width: 700px;height: 7px;background: url(/images/purplewidetop.gif) no-repeat; clear: both;}
#purpleboxwide .purplebottom {width: 700px;height: 7px;background: url(/images/purplewidebottom.gif) no-repeat; clear: both;}
#purpleboxwide .purplecontent {width: 700px; clear: both;}

#purpleboxwide .left {width: 310px; float: left; padding: 20px;}
#purpleboxwide .right {width: 310px; float: right; padding: 20px;}


#purplebox p, #purpleboxwide p{padding: 0px 20px;font: 10pt tahoma, arial, Sans-Serif;color: #fff;}

#purplebox h1, #purpleboxwide h1{color: #2f0175;font: 16pt tahoma, arial, Sans-Serif;margin: 0px 0px 15px 20px;}

#purplebox h2, #purpleboxwide h2{color: #fff;font: bold 12pt tahoma, arial, Sans-Serif;margin: 0px 0px 0px 20px;}


/* --------------UL WHITE------------ */

#purplebox ul{margin: 0px 15px 15px 50px;}

#purplebox li{
background: url(/images/arrowwhite.gif) no-repeat;
list-style-type:none;
display: block;

padding-bottom: 7px;
padding-left: 15px;
color: #fff;
font: 8pt tahoma, arial, Sans-Serif;
}

#purplebox li a{color: #fff;text-decoration: underline;}


/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
width: 100%;
height: 4em; 
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background: #5c389f url(/images/footerbg.jpg) repeat-x; 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 .links li {display: inline;list-style-type: none;}
#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt tahoma, arial, Sans-Serif;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 10px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #a29dbf;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt tahoma, arial, Sans-Serif;
}


/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
width: 750px;
font: 8pt Tahoma, Sans-Serif;
color: #a29dbf;
padding: 10px;
margin-left: 10px;
}
 

#footer .seo a {
color: #a29dbf;
text-decoration: none;
font: 8pt Tahoma, Sans-Serif;
}

#footer .seolinks ul { margin-left: 10px; padding: 0px;}

#footer .seolinks li {display: inline;list-style-type: none;}

#footer .seolinks li a {
color: #a29dbf;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt Tahoma, Sans-Serif;
}

#footer .seolinks li a:hover { text-decoration: underline; }




/* --------------NAVLEFT MENU------------- */

#navleft ul{
padding: 10px;
}

#navleft li{
padding-left: 5px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 0px;
color: #626060;
font: bold 10pt tahoma, Sans-Serif;
}


#navleft li a{
color: #b1b1be;
text-decoration: none;
font: 9pt tahoma, Sans-Serif;
padding-top: 5px;
padding-bottom: 11px;
list-style-type: none;
}

#navleft li a:hover{color: #6f6d6d;}

#navleft .navheader{
font: bold 14px tahoma, Sans-Serif;
border-bottom: 1px #dfdfe3 solid;
color: #6f6d6d;
padding: 10px;
letter-spacing:.03em;
}

#navleft {float:left; width: 206px;margin: 0px;padding: 0px;}

#navleft img{border: 0px;margin-left: 5px;}


/* --------------UL BULLET------------- */

ul.bullet{margin: 10px 20px 20px 20px;}

.bullet li{
background: url(/images/arrowpurple.gif) no-repeat;
padding-left: 25px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 5px;
color: #6c6698;
font: 12px tahoma, arial, Sans-Serif;
}

.bullet li a{text-decoration: underline;color: #6c6698;font: 12px tahoma, arial, Sans-Serif;padding-top: 7px;padding-bottom: 7px;}

.bullet li a:hover{color: #5a5a63;text-decoration: underline;}


/* --------------UL ARROW------------- */

ul.arrow{margin: 20px;}

.arrow li{
background: url(/images/arrowred.gif) no-repeat;
padding-left: 35px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 5px;
color: #e1032d;
font: 14px tahoma, arial, Sans-Serif;
}

.arrow li a{text-decoration: underline;color: #e1032d;font: 14px tahoma, arial, Sans-Serif;padding-top: 7px;padding-bottom: 7px;}

.arrow li a:hover{color: #5a5a63;text-decoration: underline;}





/* --------------COMPARISON TABLE------------ */
.comparison{width: 700px; text-align: left; margin: 15px 0px 15px 0px;border-collapse:collapse;}

.comparison td{
padding: 5px;
color: #5a5a63;
text-align: left;
border: 1px #dfdfe3 solid;
font: 12px tahoma, arial, Sans-Serif;
border-collapse:collapse;
vertical-align:top;
}
.comparison th{
padding: 5px;
background-color: #eeeef5;
color: #5a5a63;
border: 1px #dfdfe3 solid;
font: 12px tahoma, arial, Sans-Serif;
text-align: left;
border-collapse:collapse;
white-space:nowrap;
vertical-align:top;
}

.headercell{
color: #fff;
font: 14px tahoma, arial, Sans-Serif;
text-align: left;
background: url(/images/tableheader.gif) repeat-x;
height: 37px;
border: 1px #dfdfe3 solid;
padding-top: 5px;
}


/* --------------GENERAL TABLE------------ */

.general{width: 700px; text-align: left; margin: 15px 0px 15px 0px;border-collapse:collapse;}
.general td{
padding: 10px;
color: #5a5a63;
text-align: left;
border: 1px #dfdfe3 solid;
font: 12px tahoma, arial, Sans-Serif;
border-collapse:collapse;
vertical-align:top;
width: 50%;
}

/* --------------FORM TABLE------------ */

.contact{width: 350px; text-align: left; border-collapse:collapse; border: 0px; float: left;}
.contact td{padding: 2px;color: #5a5a63;font: 12px tahoma, arial, Sans-Serif;vertical-align:top; text-align: left;}


/* --------------IMAGE STYLES------------ */

.onlinelogo{float: right;margin: 20px;border: 0px;}

.previous{float: left;}

.next{float: right;margin-right: 20px;}

/* --------------FONT STLYLES------------ */

.rednote{color: #e1032d;font: 12px tahoma, arial, Sans-Serif;font-style:italic;}
.red{color: #e1032d;font: 12px tahoma, arial, Sans-Serif;}
.italic{font-style:italic;}



/* -----LINK STYLES ---------- */


a.red:link {  font: 14px tahoma, arial, Sans-Serif; text-decoration: underline; color: #e1032d;}
a.red:visited  {  font: 14px tahoma, arial, Sans-Serif; text-decoration: underline; color: #e1032d;}
a.red:hover {  font: 14px tahoma, arial, Sans-Serif; text-decoration: underline; color: #e1032d;}


a.white:link {  font: 16px tahoma, arial, Sans-Serif; text-decoration: underline; color: #2f0175; padding-left: 20px;}
a.white:visited  {  font: 16px tahoma, arial, Sans-Serif; text-decoration: underline; color: #2f0175;}
a.white:hover {  font: 16px tahoma, arial, Sans-Serif; text-decoration: underline; color: #2f0175;}


/* ----- LIST ---------- */

ul.list{padding: 15px;}

.list li{
margin-left: 20px;
list-style: decimal outside;
display: block;
padding-bottom: 15px;
padding-top: 0px;
color: #2f0175;
font: 14px tahoma, arial, Sans-Serif;
}

.list li a{
color: #6c6698;
font: 12px tahoma, arial, Sans-Serif;
text-decoration: underline;
padding-top: 7px;
padding-bottom: 7px;
}
.list li a:hover{ /*hover state CSS*/
color: #6c6698;
}

.list li ul li{
margin-left: 20px;
list-style-type:none;
display: block;
padding-bottom: 15px;
padding-top: 0px;
color: #5a5a63;
font: 12px tahoma, arial, Sans-Serif;
}

/* ----- LIST GREY---------- */

ul.listgrey{padding: 15px;}

.listgrey li{
margin-left: 20px;
list-style: decimal outside;
display: block;
padding-bottom: 5px;
padding-top: 10px;
color: #5a5a63;
font: bold 12px tahoma, arial, Sans-Serif;
}

.listgrey li a{
color: #6c6698;
font: 12px tahoma, arial, Sans-Serif;
text-decoration: underline;
padding-top: 7px;
padding-bottom: 7px;
}
.listgrey li a:hover{ /*hover state CSS*/
color: #6c6698;
}

.listgrey li ul li{
margin-left: 20px;
list-style: lower-alpha outside;
display: block;
padding-bottom: 5px;
padding-top: 5px;
color: #5a5a63;
font: 12px tahoma, arial, Sans-Serif;
}

/* ----- Specials ---------- */
#specials {width: 400px}
#specials .features {width: 400px;float: left;}
#specials .pic {width: 300px;float: right;}
#specials .pic img{border: 4px #dfdfe3 solid; margin: 20px 25px 0px 0px;}
#specials ul{margin: 10px 20px 20px 20px; float: left;}
#specials li{
background: url(/images/arrowpurple.gif) no-repeat;
padding-left: 25px;
list-style-type: none;
display: block;
padding-bottom: 15px;
padding-top: 5px;
color: #6c6698;
font: 12px tahoma, arial, Sans-Serif;
}

#specials li a{text-decoration: underline;color: #6c6698;font: 12px tahoma, arial, Sans-Serif;padding-top: 7px;padding-bottom: 7px;}

#specials li a:hover{color: #5a5a63;text-decoration: underline;}



/* ----- 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; }