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

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #a0e4f0 url('/images/bg.jpg') no-repeat center top;
}

.line { border: none; border-bottom: 4px dashed #c4c4c4; height: 0px; margin-bottom: 18px; margin-top: 24px; }
.linetwo { border: none; border-bottom: 4px dashed #c4c4c4; height: 0px; margin-bottom: 16px; margin-top: 13px; }

.clear { clear: both; }

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

font, table, tr, td { background-color: transparent;}

table, td, tr, #main table { border: none; border-color: white; font: 11px "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #000; }
td { line-height: 14px; }

.subcontent td, table, tr {
padding: 10px 10px 10px 0px; border: 0px;
}

.subcontent a {font-weight: bold; font-size: 12px; }
.subcontent table {margin: 0px; padding: 0px;}

.subcontent p table {
margin-bottom: -20px;
}

#main .subcontent tr td { margin-bottom: 0px;  height: 5px; padding: 8px 12px 8px 0px;}



table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 10px "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, table img { border: 6px solid #e1e1e1; margin-right: 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: 960px;
background: url("/images/mainbg.png") repeat-y;
}

#holder {
width: 940px; 
margin: 0 auto;
min-height: 0px; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
}
 
/* --------------LABELS BUTTONS & FORMS-----------*/
label {
font: 12px "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
color: #000;
}
 
#name, #name0, textarea {
width: 45em;
border: 1px solid #b8b8b8;
font: 12px "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
color: #86878b;
padding: 8px;
margin-bottom: 20px;
background-color: #e8e8e8
}
 
.button {
width: 6em;
font: 12px "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
color: #fff;      
background: #41a1f9;
padding: 10px;
border: 1px solid #41a1f9;
}

/* --------------HEADER------------------------------------------- */
#header { background: url("/images/headbg.gif") no-repeat top center; height: 117px;}


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 326px; height: 90px; float: left}
.logolink { background-image: url('/images/logo.png'); background-repeat: no-repeat;}
.logolink a { float: left;   }
 
#swap { background-image: url("/images/logo.png"); }
 
.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------------- */
.images {
background: url('/images/nav_bg.gif');
height: 42px;
float: right;
width: 600px;
margin-top: 26px;
}

.images a { float: left; margin-left: 15px; margin-right: 5px;}

#swap01 {background-image: url("/images/nav_on_home.gif");  width: 97px;  height: 42px; }
#swap02 { background-image: url("/images/nav_on_about.gif"); width: 97px;  height: 42px; }
#swap03 { background-image: url("/images/nav_on_inst.gif"); width: 97px;  height: 42px; }
#swap04 { background-image: url("/images/nav_on_news.gif"); width: 97px;  height: 42px; }
#swap05 { background-image: url("/images/nav_on_contact.gif"); width: 97px;  height: 42px; }

.rollover { display: inline; } /* Allow setting widths and heights */


/* --------------LEFT NAVIGATION----------------*/
#main .navleft { float:left;  width: 253px; height: 453px; margin: 0px; background: #e8e8e8 url("/images/leftbg.gif") no-repeat; }
#main .navleft .search, .cat, .cart { margin-top: 16px; padding: 0px;  }
#main .navleft .text { color:black; padding: 60px 15px 0px 15px; }

.leftnav {
width: 253px; /*width of menu*/
padding-top: 48px; }

.leftnav ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}

.leftnav ul li a{
color: #228ffc;
background: url("/images/icon_arrow.png") no-repeat center left; /*custom bullet list image*/
display: block;
padding: 8px 0px 8px 30px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #b7b7b7;
font-family: Lucida Grande, sans-serif;
font-size: 11px;
}

.leftnav ul li a:hover{background-color: #fff;}

.leftnav ul li ul, ul li ul li, ul li ul li a {
height: 0px; visibility: hidden; display: none;
}




/* --------------SEARCH----------------*/
#search { margin: 0px; padding: 8px 8px 8px 0px; background: url("/images/searchboxbg.gif") repeat-x; border: 1px solid white;}

#search input {
background: url("/images/searchinputbg.gif") repeat-x; 
height: 42px; 
font: 12px Cambria, serif; 
border: none;
margin-left: 4px;
}

/* --------------CART----------------*/
.text a {
color: #41a1f9; 
font-family: Cambria, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
padding-left: 42px;
padding-bottom: 8px;
background: url("/images/icon_bag.gif") no-repeat;
}

.text font{
color: #2e2e2e; 
font-family: Cambria, serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
padding-left: 42px;
}

/* --------------TAG HEADS----------------*/
#main .navleft .search .head { background: url("/images/tag_search.png") no-repeat; width: 280px; height: 48px; position: absolute; margin-left: -27px;}
#main .navleft .cat .head { background: url("/images/tag_categories.png") no-repeat; width: 280px; height: 48px; position: absolute; margin-left: -27px;}
#main .navleft .cart .head { background: url("/images/tag_cart.png") no-repeat; width: 280px; height: 48px; position: absolute; margin-left: -27px;}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 16px 50px 0px 12px;
margin: 0px;
margin-left: 253px;
margin-right: 0px;
min-height:1265px; /* Height of Background Img */
height: auto;
}

#main h1 {
font-family: Cambria, serif;
font-size: 28px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.2em;
color: #2493f9;
padding-left: 8px;
padding-bottom: 8px
}


#main .hometext {
font-family: Cambria, serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
color: #000;
padding-left: 8px;
}


#main .subcontent  {
padding: 16px 12px 0px 16px;
margin: 0px;
margin-left: 253px;
margin-right: 0px;
min-height:1265px; /* Height of Background Img */
height: auto;
font: 12px "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
}

#main .subcontent h1 { padding-left: 0px;}
#main .subcontent h3 { font-size: 12px; color: #2493f9;}
#main .subcontent a { color: #2493f9; border-bottom: 1px dashed; text-decoration: none}
#main .subcontent b, strong { color: black; margin-left: 14px; }
#main .subcontent ul { margin-left: 30px; color: black; padding-right: 12px;}

/* --------------MAIN THREE BLOCKS----------------*/
#twoblocks { font: 11px "Lucida Sans", Helvetica, Arial, Sans-Serif; height: 100%; height: auto; min-height: 100%; }
#twoblocks .top {height: 9px; background: url("/images/boxtop.gif") no-repeat;}
#twoblocks .bottom {height: 7px; background: url("/images/box_bottom.gif") no-repeat; }
#twoblocks .blockone { float: left; margin: 0px; padding: 0px;  margin-right: 11px;}
#twoblocks .blocktwo { float: right; margin: 0px; padding: 0px; }
#twoblocks .blockone, .blocktwo {width: 326px; background: url("/images/boxbg.gif") repeat-y; }
#twoblocks .holder {min-height: 180px; background: url("/images/boxhold.gif") no-repeat; margin: 0px; padding: 0px;   }
#twoblocks img { padding: 4px 0px 14px 18px;}
#twoblocks p { padding: 0px 22px 15px 22px; line-height: 20px; color: #005470;}
#twoblocks ul { margin-left: 45px; margin-bottom: 12px;}
#twoblocks li { list-style-type: square; color: white;  font: 12px "Lucida Sans", Helvetica, Arial, Sans-Serif; line-height: 24px;}
#twoblocks a { color: #005470; text-decoration: none; border-bottom: 1px dashed #005470; font-weight: bold }


/* ----------------------------LOGIN---------------------------- */
#login { width: 666px; height: 259px; background: url("/images/loginbg.jpg") no-repeat; padding: 18px 0px 0px 15px}
#login .head { width: 293px; height: 40px; background: url("/images/login_head.gif") no-repeat;}
#login img { padding-right: 5px; border: none}

#login p {
color: white;
font-family: “Lucida Grande”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.5em;
padding: 10px 10px 14px 4px;
width: 250px;
}


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

#footer {
width: 940px; 
background-color: #221101;
margin: 0 auto;
height: 100px;
height: auto;
}

#footer .content { width: 960px; margin: 0 auto; position: relative; }
#footer .logo { float: left; width: 172px; margin: 10px 20px 0px 20px }


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

#footer .links li a {
color: #82baf2;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#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;}

#footer .asc li a {
color: #e0e0e0;
text-decoration: none;
padding: 0px 10px 0px 10px;
font-family: “Lucida Grande”, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.8em;
}



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