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

html, body { 
margin: 0;
padding: 0px;
height: 96%; 
background: #fff url('/images/newimages/bg.gif') repeat-x;
} 


/* ----------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: #0e8fb6; }
td { line-height: 20px; }
table b { color: #0e8fb6; }
table a, tr a, td a, font a, .content table a {color: #d86d26; 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: #0e8fb6;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #0e8fb6; margin-right: 10px; }


#cartholder table{ border-collapse:collapse; margin: 0px; padding: 0px;}
#cartholder td td{ border: 1px solid #d6dee1; padding: 5px!important;}

#cataheader table {
padding-top: 280px;
}

/* ----------CATALOG--------------------- */

#table1 {
padding-top: 280px;
}


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


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


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

.logolink, #swap {
height: 56px;
width: 275px;
float: left
}

.logolink {
background-image: url('/images/newimages/logo.gif');
background-repeat: no-repeat;
}
 
.logolink a { float: left;  }
 
#swap {
background-image: url(/images/newimages/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 */


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

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}


#main .content .header {
height: 72px;
}

#main .content .header .info {
float: right;
text-align: right;
width: 300px;
padding-top: 6px
}

#main .content .header .info p {
color: #0e8fb6;
}

#main .content .header a {
padding: 0px;
color: #0e8fb6;
}

#main .content .header .info h4 {
color: #0e8fb6;
font: bold 12pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
letter-spacing: -1px;
}


#main .content .mission {
height: 155px;
width: 644px;
background: url(/images/newimages/mission.jpg) no-repeat top left;
}

.clear {
clear: both
}


/* --------------SEARCH------------- */


#searchholder {
height: 39px;
}

#search {
text-align: right;
float: right;
padding-top: 6px;
width: 300px;
}

#search td {
text-align: right;
}


#search .cartsearch {
width: 220px;
padding: 6px 0px 6px 6px;
background: url(/images/newimages/searchbg.gif) repeat-x;
border: 1px solid #d86d25;
font: 8pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
color: #4c4c4c;
}

#search .cartbutton {
margin-left: 12px;
margin-top: 2px
}

/* --------------SEARCH------------- */

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

#main .holder {
padding: 20px;
}

#main p {
font: 10pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
line-height: 22px;
color: #485860;
padding-bottom: 20px;
}

#main h1 {
color: #d86d26;
font: bold 19pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
margin-bottom: 12px;
letter-spacing: -1px;
}


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


#main .navleft {
float:left; 
width: 196px;
min-height: 300px;
height: 100%;
height: auto;
margin: 0px;
padding: 0px;
background: url(/images/newimages/navbg.png) repeat-y;
background-color: transparent;
padding: 24px 0px 0px 13px;
}

#main .navleft .head {
background-color: #0e8fb6;
height: 34px;
width: 87%;
}

#main .navleft .head img {
padding-top: 10px;
}


/* sidebar menu */
#main .navleft ul.sidemenu {
list-style:none;
margin: 0px 0px 15px 0px;
padding: 0;
background: #ffffff;
width: 86%			
}
#main .navleft ul.sidemenu li {
padding: 0px 0px;
font: 10pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}


#main .navleft ul.sidemenu a {
display:block;
font-weight:normal;
color: #003f63;
height: 1.5em;	
padding:.3em 0 .3em 30px;
line-height: 1.5em;
border-bottom: 1px dashed #b8b8b8;
text-decoration:none;
background: url(/images/newimages/bullet.gif) no-repeat center left;
}

#main .navleft ul.sidemenu a.top{	
border-top: 1px dashed #989898;
}
#main .navleft ul.sidemenu a:hover {
background-color: #eaf5fb
}

a, .holder table a {
font-weight:normal;
color: #d86d26;
font: 10pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}


.holder table a:hover {
color: #003f63;
}

.holder table td {
color: #003f63;
font: 10pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}

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

#cart {
width: 150px;
margin: 8px 0px 0px 52px;
}

#cart a {
font: 10pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
color: #e47d33;
text-transform: uppercase
}

#cart font {
color: #0e8fb6;
line-height: 15px;
}

#cart .icon {
background: url(/images/newimages/cart.gif) no-repeat;
position: absolute;
width: 30px;
height: 30px;
margin-left: -40px;
}


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

.clear {
clear: both;
}

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

#footer {
background: #3e424a url('/images/newimages/footerbg.gif') repeat-x;
height: 100px;
height: auto;
}

#footer .content { 
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: 8pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}

#footer a {
color: #fff;
text-decoration: none;
font: 8pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}

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

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

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a, #footer font, #footer p {
color: #fff;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Tahoma, Arial, 'Trebuchet MS', Sans-Serif;
}

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