/********************************************
   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: #fdfbf6 url("/images/bg.jpg") repeat-x;

} 

img, div { behavior: url(iepngfix.htc) }

.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: #594625; }
td { line-height: 20px; }
table b { color: #594625; }
table a, tr a, td a, font a, .content table a {color: #11496b; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; border: 0px; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #594625;}
table hr {border: none; border-bottom: 1px solid #c4d1d9; height: 0px;}
font img { border: 6px solid #c4d1d9; margin-right: 10px;}
a img{
	border: 0px;
}

/* ----------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: 986px;text-align:left;

} 


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

#headerright{
float: right;
width: 301px;
height: 168px;
background: url("/images/headerright.png") no-repeat;
margin-right: 50px;
}

#cart{height: 80px;background: url("/images/headerright.png") no-repeat;}
#cart a{color: #dbad5e;font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif; text-decoration:underline;}
#cart td{padding: 0px; color: #fff;}

#cart .basket{width: 100px; margin: 15px 0px 0px 150px;}

#headerlinks{height: 88px;}



#headerlinks .left{width: 80px;float: left;margin-left: 30px;}

#headerlinks .right{
width: 110px;
float: right;
margin-right: 30px;
}


#headerlinks ul{padding: 5px;}

#headerlinks li{
list-style-type: none;
display: block;
padding-bottom: 0px;
padding-top: 0px;
color: #dbad5e;
font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#headerlinks li a{
color: #eee3cd;
text-decoration: none;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0px 0px 0px 23px;
background: url("/images/arrowcreme.gif") no-repeat top left;
}

#headerlinks li a:hover{ /*hover state CSS*/
color: #dbad5e;
}


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

.logolink{float: left;padding: 0px; margin: 0px}
.logolink img{ border: 0px; padding: 0px; margin: 0px}



/* --------------TOPNAV------------- */

#topnav {height: 50px;}

#topnav p{color: #dbad5e;font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif;float: left; padding: 12px 0px 0px 42px;}

#topnav ul{
float: right;
margin-right: 20px;
padding-top: 15px
}

#topnav li{
padding-left: 20px;
list-style-type: none;
display: inline;
padding-bottom: 15px;
padding-top: 0px;
color: #eee3cd;
}

#topnav li a{
color: #eee3cd;
text-decoration: none;
font: 14px Lucida Sans Unicode, Lucida Grande, sans-serif;
padding-top: 7px;
padding-bottom: 7px;
}

#topnav li a:hover{ /*hover state CSS*/
color: #dbad5e;
}

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

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: url("/images/mainbg.png") repeat-y; /* Main DIV Background Img */
}

#main .indexbg {
background: url("/images/imagerotatorbg.jpg") repeat-x; /* Main DIV Background Img */
width: 950px;
margin: 0 auto;
height: auto;
}

#main .contentindex {
padding: 0px;
margin: 0px;
margin-left: 250px;
margin-right: 0px;
min-height: 500px; /* Height of Background Img */
height: auto;
height: 100%; 

}

#main .content {
padding: 20px;
margin: 0px;
margin-left: 275px;
margin-right: 0px;
min-height: 500px; /* Height of Background Img */
height: auto;
height: 100%; 
width: 650px;

}

#main h1 {
color: #11496b;
font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif;
margin-bottom: 20px;
}

#main h2 {
color: #dbad5e;
font: 16px Lucida Sans Unicode, Lucida Grande, sans-serif;
margin-bottom: 5px;
}


#main p {
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
color: #594625;
margin-bottom: 20px;

}

#main .content a{
color: #11496b; text-decoration: underline;
}



#navleft {
float:left; 
width: 238px;
margin: 0px 0px 20px 36px;
padding: 0px;
background: #0c3e5f url("/images/leftnavbg.png") repeat-x;
min-height: 400px;
height: auto;
}

#navleft h1{
color: #dbad5e;font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 15px 0px 0px 12px;margin-bottom: 10px;
}


#navleft p{
text-align: center;
}

#navleft .bottom{
height: 12px;
}

#navleft INPUT[type=text]{float:left; color: #1c5272; background-color: #c1cfd7; padding: 5px;width: 130px; border: 0px;margin-bottom: 20px;}
#navleft table{float:left; color: #fff; width: 130px; margin-left: 30px;}
#navleft td{padding: 0px 5px 0px 0px;}



/* --------------NAVBAR------------- */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 200px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
padding: 5px 0px 5px 0px;
z-index: 5;
background: url("/images/navsep.gif") no-repeat bottom left;

}

	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 177px; /*sub menu width*/
top: 0;
padding: 0px;
visibility: hidden;
border: 1px solid #fff;
background: white;
z-index: 5;
}

.suckerdiv ul li ul a {background-color: #678391;z-index: 5;color: #eee3cd;
text-decoration: none;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
border-bottom: 1px #eee3cd solid;
}

.suckerdiv ul li ul a:hover {color: #fff;text-decoration: underline;z-index: 5;}


/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
padding: 3px 0px 7px 23px;
z-index: 5;
color: #eee3cd;
text-decoration: none;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
}

.suckerdiv ul li a:hover{color: #dbad5e;z-index: 5;
}



.suckerdiv .subfolderstyle{}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




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

#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
text-align:left;

} 

#footer {
background: url("/images/footerbg.jpg") repeat-x;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
padding: 20px 0px 20px 10px;
}

#footer .block { 
float: left;
margin-right: 30px;
}

#footer .block p{ 
color: #eee3cd;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
}



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

#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
list-style-type: none;
display: block;
padding-bottom: 0px;
padding-top: 0px;
color: #dbad5e;
font: 16px Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#footer .links li a {
color: #eee3cd;
text-decoration: none;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0px;
}

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


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

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

#footer .asc li a {
color: #062b41;
text-decoration: none;
padding: 10px 0px 10px 0px;
font: 9px Lucida Sans Unicode, Lucida Grande, sans-serif;
}



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


#footer .seo {
color: #eee3cd;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
float: right;
width: 400px;
padding-top: 25px;
clear: right;
}
 

#footer .seo a {
color: #eee3cd;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
text-decoration: none;
}



#footer .seo2 ul { margin: 20px 0px 0px -5px; padding: 0px; float: left; }
#footer .seo2 li { display: inline; list-style-type: none;}

#footer .seo2 li a {
color: #062b41;
text-decoration: none;
padding: 0px 0px 0px 0px;
font: 9px Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#footer .seo2 li p {
color: #062b41;
text-decoration: none;
padding: 0px 5px 0px 5px;
font: 9px Lucida Sans Unicode, Lucida Grande, sans-serif;
}


/* --------------WHOLEDSALE FORM------------- */

#wholesaleform {
float:left; 
width: 700px;
}

#wholesaleform td{
text-align:left; 
color: #594625;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 4px;
}

#wholesaleform th{
text-align:left; 
color: #dbad5e;
font: bold 14px Lucida Sans Unicode, Lucida Grande, sans-serif;
text-transform: uppercase;
padding: 4px;
}


.red{
	color: red;
}


/* --------------ANNOUNCEMENTS------------- */

#announcements {
float:left; 
width: 638px;
padding: 0px;
background: #fff url("/images/announcementsbg.jpg") no-repeat top left;
min-height: 216px;
height: auto;
margin: 30px 0px 20px 12px;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
color: #594625;

}


#announcements .anntext{
padding: 20px;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
color: #594625;

}


#announcements h1 {
color: #11496b;
font: 20px Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 20px 0px 0px 20px;
}

#announcements a{
color: #11496b; text-decoration: underline;
}



/****************/
/* Form Styling */
/****************/

.formWrap {
	margin: 0;
	width: 650px;
	float: left;
	color: #11496b;
font: 12px Lucida Sans Unicode, Lucida Grande, sans-serif;

}

.formWrap ul {
	margin: 0;
	padding: 0;
	width: 650px;
	list-style: none;
	float: left;
}

.labeler {
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
	float: left;
}

.inputArea {
	margin: 0;
	padding: 0;
	width: 500px;
	list-style: none;
	float: left;
}

.textFieldLrg {
	margin: 10px 0 10px 0;
	padding: 2px 0 2px 0;
	width: 390px;
	float: left;
}

.textFieldSml {
	margin: 10px 0 10px 0;
	padding: 2px 0 2px 0;
	width: 190px;
	float: left
}

.textAreaBig {
	margin: 0;
	padding: 0;
	width: 390px;
	height: 100px;
	float: left;
}

.checker {
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
}



#cartholder{
width: 500px;
float: right;
}