/* ---> global styles begin <--- */

BODY {

     margin : 0px;
     text-align : center;
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px; 
     word-spacing : -1px;
     color : #DFDFDF;
     line-height : 16px;
     background : url("page_background.png") #B48044 repeat-x;
}

#facebook {
	position : fixed;
	right : -250px;
	margin-top : 80px;
	padding : 5px;
	width : 240px;
	height : 330px;
	background : #3b5997;
	z-index : 89;
}

#facebook img {
	position : absolute; 
	top : 0; 
	left : -32px; 
	display : block; 
}

#facebook iframe {
	border : none; 
	position : relative; 
	background : #FFFFFF;
	overflow : hidden;
	width : 240px; 
	height : 330px;
}

.float_left {
         
     float : left;
     padding-top : 5px;
     padding-bottom : 5px;
}

.small_text {
         
     font-size : 10px;
}

.air {

     height : 10px;
}

.airx2 {

     height : 20px;
}

H1 {

     font-size : 12px;
     margin : 0px;
}

img {

     border : 0px;
}

A {

     color : #DFDFDF;
     text-decoration : none;
}

A:hover {

     text-decoration : underline;
}

LABEL {
 
     cursor : pointer;
}

INPUT, SELECT {
 
     font-size : 11px;
     color : #141414;
     border : 1px solid #DFDFDF;
}

INPUT:focus, SELECT:focus {
 
     font-size : 11px;
     color : #141414;
     border : 1px solid #D3CCC9;
}

.input_short {

     width : 140px;
}

.input_middle {

     width : 160px;
}

TEXTAREA {

     width : 100%;   
     color : #141414;
     font-size : 11px;
     line-height : 16px;
     font-family : Verdana, Arial, sans-serif;
     border : 1px solid #DFDFDF;
}

TEXTAREA:focus {

     width : 100%;   
     color : #141414;
     font-size : 11px;
     line-height : 16px;
     font-family : Verdana, Arial, sans-serif;
     border : 1px solid #D3CCC9;
}

FORM {

     display : inline;
}

.bor0 {

     border : 0px;
}

.bor0:focus {

     border : 0px;
}

.white_text {

     color : #FFFFFF;
     text-decoration : underline;
}

.center {

     text-align : center;
}

/* ---> global styles end <--- */


/* ---> banner, search and navigation begin <--- */ 

#banner {

     width : 1004px;
     height : 214px;
     text-align : left;
     margin : 0 auto;
     background : url("banner.png") no-repeat bottom;
}

#banner_left {

	 position : relative;
     width : 723px;
     height : 186px;
     padding-top : 28px;
     padding-left : 57px;
     float : left;
}

#youtube {

	 position : absolute;
     top : 18px;
     left : 600px;
}

#banner_right {

     padding-top : 14px;
     width : 224px;
     height : 83px;
     float : left;
}

#banner_right A {

     color : #FFFFFF;
}

#banner_right A:hover {

     color : #F2C800;
     text-decoration : none;
}

#cart_padding {

     padding-left : 51px;
     display : block;
     font-size : 10px;
     background : url("shopping_cart.png") no-repeat left top;
}

#login_top {

     padding-left : 50px;
     float : left;
}

#page {
 
     text-align : left;
     margin : 0 auto;
}

#page, #page_print {

     text-align : left;
     margin : 0 auto;
     clear : both;
}

#page {

     width : 1004px;
     background : url("page.png");
}

#page_print {

     width : 720px;
}

#shadow_left {
 
     width : 1004px;
     background : url("shadow_left.png") no-repeat left top;
}

#shadow_right {
 
     width : 1004px;
     background : url("shadow_right.png") no-repeat right top;
}

#search {

     float : left;
     width : 262px;
     height : 63px;
     background : url("search.png") no-repeat right top;
}

#search_button {

     float : right;
     padding-top : 15px;
     padding-right : 14px;
}

#search_input {

     float : left;
     padding-left : 37px;
     padding-top : 25px;
     line-height : 17px;
}

#search_input A {

     font-size : 11px; 
     color : #FFFFFF;
     text-decoration : none;
     letter-spacing : -1px;
}

#search_input A:hover {

     text-decoration : underline;
}

#menu {

     float : left;
     height : 44px;
     width : 720px;
}

#menu ul {

     overflow : hidden;	
     clear : both;
     padding : 0px;
     margin : 0px;
}

#menu ul li {

     float : left;
     list-style : none;
}

#menu ul li a {

     display : block;
     width : 144px;
     height : 44px;
     overflow : hidden;
     text-indent : -100em;
}

#menu ul li a {

     background : url(menu/company.png) no-repeat;
}

#menu ul li + li a {

     background : url(menu/specials.png) no-repeat;
}

#menu ul li + li + li a {

     background : url(menu/products_new.png) no-repeat;
}

#menu ul li + li + li + li a {

     background : url(menu/gallery.png) no-repeat;
}

#menu ul li + li + li+ li + li a {

     background : url(menu/contact_us.png) no-repeat;
}

#menu ul li a:hover {

     background-position : bottom left;
}

#navigation {

     float : left;
     padding-left : 11px;
     padding-top : 1px;
     height : 18px;
     width : 709px;
     background : #2C2C2C;
}

/* ---> banner, search and navigation end <--- */ 


/* ---> column left, info boxes begin <--- */ 

#column_left {

     float : left;
     width : 240px;
     padding-left : 22px;
     padding-bottom : 7px;
}

.category_link {

     height : 19px;
     width : 210px;
     display : block;
     color : #DFDFDF;
     text-decoration : none;
}

.category_link:hover {

     text-decoration : none;
     background : #B51C08;
}

.category_link_on {

     height : 19px;
     width : 210px;
     display : block;
     color : #DFDFDF;
     text-decoration : underline;
}

.category_link_on:hover {

     text-decoration : underline;
     background : #B51C08;
}

.level_0 {

     display : block;     
     padding-left : 16px;
     font-weight : bold;
     background : url("category_arrow.gif") no-repeat left;
}

.level_1 {

     display : block;     
     padding-left : 29px;
}

.level_2 {

     display : block;
     padding-left : 42px;
}

.level_3 {

     display : block;
     padding-left : 55px;
}

#header_products {

     height : 35px;
     background : url("header/products.png") no-repeat;
}

#header_manufacturers {

     height : 35px;
     background : url("header/manufacturers.png") no-repeat;
}

#header_contact {

     height : 35px;
     background : url("header/contact.png") no-repeat;
     clear : both;
}

#header_newsletter {

     height : 35px;
     background : url("header/newsletter.png") no-repeat;
     clear : both;
}

#header_product_of_day {

     height : 35px;
     background : url("header/product_of_day.png") no-repeat;
}

#product_of_day {

     padding-top : 7px;
     padding-left : 2px;
}

.info_box_categories {

     padding-left : 15px;
     padding-right : 15px;
     padding-top : 8px;
     padding-bottom : 8px;
     width : 210px;
}

.info_box_manufacturer {

     padding-left : 15px;
     padding-right : 15px;
     width : 210px;
     padding-bottom : 8px;
}

.info_box {

     padding-left : 15px;
     padding-right : 15px;
     padding-top : 8px;
     padding-bottom : 8px;
     width : 210px;
}

.info_box_contact {

     padding-left : 15px;
     padding-right : 15px;
     padding-top : 8px;
     padding-bottom : 8px;
     height : 63px;
     width : 210px;
}

.contact_left {

     clear : both;
     float : left;
     height : 24px;
     width : 24px;
}

.contact_right {

     float : left;
     width : 146px;
     height : 24px;
}

#shipping {

     height : 75px;
}

#payment_banner {

     clear : both;
     height : 91px;
     width : 240px;
     background : url("payment_banner.png") no-repeat;
}

#subscribe_radio {
     
     padding-top : 5px;
     padding-bottom : 5px;
     position : relative;
}

#subscribe_submit {

     position : absolute;
     left : 124px;
     top : 15px;
}

.interline20 {

     line-height : 20px;
}

.telephone {

     color : #DFDFDF;
}

/* ---> column left, info boxes end <--- */ 


/* ---> table bottom begin <--- */ 

#table_bottom {

     clear : both;
     width : 982px;
     height : 130px;
     background : url("table_bottom.png") no-repeat right top;
}

#logo_bottom {

     float : left;
     padding-top : 30px;
     padding-left : 67px;
     width : 195px;
}

#menu_bottom {

     float : left;
     height : 130px;
     width : 720px;
}

#menu_bottom dl {

     padding-top : 8px;
     padding-left : 25px;
     width : 155px;
     margin : 0px;
     float : left;
     font-size : 11px;
     line-height : 18px;
}

#menu_bottom dt {

     margin-bottom : 16px;
     color : #F2C800;
     font-weight : bold;
}

#menu_bottom dd {

     margin : 0px;
}

#menu_bottom dd a {

     color : #DFDFDF;
     text-decoration : none;
}

#menu_bottom dd a:hover {

     text-decoration : underline;
}

#project {

     padding-right : 36px;
     height : 24px;
     text-align : right;
     color : #DFDFDF;
}

#project a {

     color : #DFDFDF;
}

/* ---> table bottom end <--- */
