/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.tulsabusinessbaskets.com/
   TEMPLATE NAME:  Tulsa Business Baskets
   DATE:           June-15th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

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

.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: #5e66ae; }
td { line-height: 20px; }
table b { color: #5e66ae; }
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 #5e66ae; height: 0px;}
font img { border: 2px solid #5e66ae; margin-right: 10px; } 

font font p a{
	color: black; font-size: 14px; line-height: 26px;
}

font font p a:hover {
	color: blue
}

/* ----------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-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: 119px; width: 960px; margin: 0 auto}
#header .cart { float: right; width: 150px; background-color: fuchsia; height: 92px; background: url(/images/cartbg.gif) no-repeat top center; text-align: right; }
#header .cart td, .cart a { text-align: right; padding: 0px 34px 0px 0px;}

#header .cart a { 
color: #1f2a8e; 
font: bold 14px 'Trebuchet MS', Sans-Serif; 
letter-spacing: 0px; 
text-decoration: none; 
background: url(/images/icon_cart.gif) no-repeat top left;
padding-left: 23px;
}


#header .cart font { color: #606060;}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 630px; height: 119px; float: left}
.logolink, #swap { background: url('/images/logo.png') no-repeat;}
.logolink a { float: left;  }
  
.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: #031077 url('images/topnav.gif') repeat-x; height: 59px;}

#topnav ul { margin-left: 10px; padding-top: 20px; padding-bottom: 20px; float: left}
#topnav ul li  {list-style-type: none; display: inline }
#topnav ul li a { color: white; padding: 24px; font: 12px Verdana, 'Trebuchet MS', Sans-Serif; }
#topnav ul li a:hover { background: #e1e1e1 url(/images/topnav_hover.gif) repeat-x; color: #121e88; }

#topnav .search { float: right; width: 250px; padding: 0px; margin: 12px 12px 0px 0px;}
#topnav .search .cartbutton { border: 0px; width: 57px; height: 33px; padding: 0px;}

#topnav .search input[type="text"] { 
background: url(/images/searchbg.gif) repeat-x; 
border: 1px solid #b4b4b4; height: 22px; 
margin-left: 8px; width: 13em; 
padding: 8px 6px 0px 6px;
font: 11px Verdana, 'Trebuchet MS', Sans-Serif;
color: #ff0090;
}


/* --------------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-top: 20px; margin: 0px 40px 0px 240px; min-height: 316px; /* Height of Background Img */ }
#main h1 { padding-bottom: 12px; font: 32px 'Trebuchet MS', Sans-Serif; color: #0f1a86; letter-spacing: -1px;}

#main p { color: #2f2c2e; font: 12px Verdana, 'Trebuchet MS', Sans-Serif; line-height: 22px; padding-bottom: 24px;}

#main .content div {
color: #2f2c2e; font: 12px Verdana, 'Trebuchet MS', Sans-Serif; line-height: 22px;	
}

#main .content a { color: #5e66ae;}

/* --------------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: #d4d4d4 url('images/footbg.gif') no-repeat; height: 100px; height: auto;}

#catfooter { background: transparent; margin-top: 30px}

#footer .content, #catfooter .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
padding-top: 18px; 
padding-left: 10px;
}


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

#footer .links li a, #catfooter .links li a {
color: #1c2b8f;
text-decoration: none;
padding: 0px 30px 0px 0px;
font: bold 10px Arial, 'Trebuchet MS', Sans-Serif;
text-decoration: underline
}

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


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

#footer .asc li a, #catfooter .asc li a {
color: #474648;
text-decoration: none;
font: 10px Arial, 'Trebuchet MS', Sans-Serif;
line-height: 18px;
}

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


/* --------------LEFTNAV----------------*/

#navleft{
width:185px;
margin: 25px 20px 20px 20px;
float: left;
font: bold 13px Verdana, 'Trebuchet MS', Sans-Serif; 
background: #f2f2f2 url('images/leftnavbg.gif') repeat-x bottom left;
}

#navleft ul{ list-style-type: none; padding: 0px;}

#navleft ul li a{
background: url("/images/icon_arrow.png") no-repeat center left; 
display: block;
padding: 8px 0px 8px 0px;
text-decoration: none;
color: #5e66ae;
margin-left: 6px;
}

#navleft ul li a:hover{}


#navleft ul li ul li a {
padding-left: 12px;
font-family: Lucida Grande, sans-serif;
font-size: 10px;
margin-left: 20px;
line-height: 12px;
background: url(/images/bullet_arrow.gif) no-repeat center left; 
color: black; 
}

#navleft ul li ul li a:hover { text-decoration: underline}



/* ----------NEWS--------------------- */

#news {
height: 100%;
height: auto;
width: 198px;
margin-top: 10px;
}

#news .head { height: 40px; background: url(/images/newstop.png) no-repeat;}

#news .text { background: url(/images/newsbg.png) repeat-y;}

#news .text p {
font-family: Verdana, sans-serif;
font-size: 9px;
padding: 4px 9px 0px 10px;
text-align: left;
width: 175px;
}

#news .bottom { height: 10px; background: url(/images/newsbottom.png) no-repeat;}



/* ----------Featured Products--------------------- */

#featuredproducts { 
height: auto !important; 
height: 0px; 
background-color:#e1e1e1;
padding: 14px;
border: 1px solid #aeaeae} 

#featuredproducts .left { 
float: left;
width: 285px;
margin-bottom: 15px;
} 

#featuredproducts .right { 
float: right;
width: 285px;
margin-bottom: 15px;

} 

#featuredproducts .pic { 
float: left;
border: 1px solid #a9a9a9;
margin-right: 10px;
text-align:center;
background-color: #fff;
padding: 6px;
} 

#featuredproducts .desc { 
float: left;
font: 8pt Verdana, Sans-serif;
color: #111;
width: 140px;
line-height: 14px;
} 

#featuredproducts .title { 
font: bold 12pt Verdana, Sans-serif;
color: #5e66ae;
letter-spacing: 1px;
width: 140px;} 

#featuredproducts .desc a{ 
float: left;
font: bold 8pt 'Century Gothic', Sans-serif;
color: #ff0090;
text-decoration: underline;
} 

#featuredproducts .desc a:hover{ 
float: left;
font: bold 8pt 'Century Gothic', Sans-serif;
color: #ff0090;
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; }