/* CSS Document */

/* Magento Overides */

.middle-container { background: none; }
.header { border-top: none; }
.header-top { padding: 0; width: auto; margin: 0; }
.mini-search { background: none; }

.giftmessages .gift-box .scroll-box { height: 150px; }

/*
 * 
 * Amvan Main
 * 
 */

BODY { background: url(../images/amvan-bg.gif) repeat;}

A:link,
A:active{ color: #369; }

.wrapper { width: 960px; background:#4378A7 none repeat scroll 0 0; padding:10px 10px 0; margin: 0 auto 20px; }

/*
 * Header Information
 */

.header { background: #fff; }
.header-top { background: #fff; }
.header-top-container { margin: 1px; }

#amvan-categories { background: url(../images/sidebar-corner-top.png) #F2F2F2 no-repeat top right; left: -10px; position: relative; }
#amvan-categories h3 { color: #F2F2F2; height: 5px; text-indent: -2000px; }
#amvan-categories ul { list-style: none; margin: 0 0 0 5px; padding: 0 0 0 0; }
#amvan-categories ul li { padding: 2px; color: #787878; font-weight: bold;   }
/*
#amvan-categories ul li a:hover {text-decoration: underline;}
*/
#amvan-categories ul li ul { padding-bottom: 0px; }
#amvan-categories ul li ul li a { display:block; padding: 3px; margin: 0 10px 0 10px; color: #004378; font-weight: normal; border-bottom: 1px solid #D1D1D1; text-decoration: none; }
#amvan-categories ul li ul li a:hover { text-decoration: underline; }
#amvan-categories .sideBoxContent { background: url(../images/sidebar-corner-btm.gif) #F2F2F2 no-repeat bottom right; } 

h3.leftBoxHeading { color: #000; }

/*
#navCatTabsWrapper { padding: 0 1px 1px 1px; position: absolute; top: 118px; left: 0; width: 856px;}

#navCatTabs { height: 25px;  }
#navCatTabs ul { text-align: left; margin: 0; padding: 0; }
#navCatTabs ul li { float: left; display: inline; margin-right: 2px; }
/*#navCatTabs ul li a { display: block; padding: 5px; margin-right: 5px; background: #eee; float: left;  }* /
#navCatTabs ul li a { display: block; margin: 0; padding: 0 0 0 6px; /*margin: 2px 5px 0 0 ;* / background:  url(../images/tab_left.jpg) no-repeat left top; float: left;  }
#navCatTabs ul li a.selected { background: url(../images/tab_selected_left.jpg) no-repeat left top; }

#navCatTabs ul li a:hover span { color: #A7D4FF;  }
/*#navCatTabs ul li a .category-subs-selected { color: #fff; }* /
#navCatTabs ul li a span { float: left; display: block; background: url(../images/tab_right.jpg) no-repeat right top; padding: 5px 15px 4px 6px; color: #fff; }
#navCatTabs ul li a.selected span { background: url(../images/tab_selected_right.jpg) no-repeat right top; padding-bottom: 5px; }



#navCatTabsSub { clear: left; height: 40px; background: url(../images/tab_area_bg.jpg) repeat-x;   }
#navCatTabsSub ul { text-align: left; margin: 0; padding: 0; list-style: none; }
#navCatTabsSub ul li { float: left; display: inline; }
#navCatTabsSub ul li a { display: block; margin: 0; /*padding: 13px 0px 5px 12px;* / line-height: 40px;  float: left; color: #fff; font-weight: normal; padding-left: 15px; }
#navCatTabsSub ul li a:hover {  color: #A7D4FF; text-decoration: underline; }

*/

/*
 *  New Nav
 */

.header-nav { width: auto; }
#nav { padding: 0 0; background: url('../images/amvan_tab_all.jpg') repeat top left; height: 53px; font-size: 10px; line-height: 13px; }
#nav span { white-space: normal; }
#nav li { background: url('../images/amvan_tab_div.jpg') no-repeat top right; height: 53px; padding-right: 2px;}
#nav a { padding: 0; background: url('../images/amvan_tab_normal.jpg') repeat-x top left; height: 29px; color: #fff; text-transform: uppercase; white-space: normal; padding: 13px 11px 14px 11px; }
#nav a:hover { color: #fff; background-position: left -63px; height: 29px; }
#nav li.active a { color: #002447; background: url('../images/amvan_tab_active.jpg')  repeat-x top left;   } 
#nav li.viewall {  background: url('../images/amvan_tab_all.jpg') repeat-x top left; position: relative; }
#nav li.viewall a, #nav li.viewall a:hover { color: #002447; background: url('../images/amvan_tab_plus.jpg') no-repeat 10px 18px; padding-left: 35px; }

#nav_all_categories { position: absolute; z-index: 999; top: 50px; right: -12px;  width: 520px; min-height: 200px; background: #fff; font-size: 12px; padding-bottom: 15px; }
#nav_all_categories { display: none; }
#nav_all_categories.show { display: block; }

#nav_all_categories ul { border: none; }
#nav_all_categories ul.col { float: left; width: 170px; margin: 8px 0 0px 2px; border-right: 1px solid #ccc; position: static; top: auto; left: auto; }
#nav_all_categories ul.col3 { border-right: none; }
#nav_all_categories .col LI { background: none; height: auto}
#nav_all_categories .col LI a span { margin-left: 5px; height: auto}
#nav_all_categories .col LI a { color: #002447; display: block; background: url('../../amvan/images/grey_dot.png') repeat-x bottom left; padding: 5px 0px; font-size: 11px; font-weight: normal; width: 160px; height: auto; text-transform: none; }
#nav_all_categories .col LI a:hover { background: none; padding: 5px 0px; font-size: 11px; background: #ffc url('../../amvan/images/grey_dot.png') repeat-x bottom left; }

#nav_all_categories .col LI.special { margin-top: 0px;}
#nav_all_categories .col LI.special a ,
#nav_all_categories .col LI.special a:hover
{ color: #900; background: #FFE97F url('../../amvan/images/menu_arrow.gif') no-repeat 130px 5px; font-weight: bold; }


#mainWrapper { background: #4378A7; padding: 10px 10px 0 10px; margin-bottom: 20px; }
#headerWrapper { background: #fff; }

#navMainWrapper { background: url(../images/header_nav_bg.jpg) repeat-x; height: 35px; padding: 0; margin-bottom: 1px; }
#navMainText { float: right; padding: 0px 10px 0 0; color:  #004378; font-size: 12px; line-height: 35px; }
#navMain { padding-top: 0px; font-size: 12px; font-weight: bold; }
#navMain ul { float: left; }
#navMain ul li { border-right: 1px solid #ccc; display: inline; line-height: 35px; }
#navMain ul li a { color: #4378A7; padding: 0 .7em; text-decoration: none; }
#navMain ul li a:hover { text-decoration: underline; }


#logoWrapper { margin: 0 1px 0 1px; border-top: 6px solid #004378; position: relative; background: url(../images/flag_bg.jpg) no-repeat top right; height: 120px; }

#logo { position: absolute; top: 10px; left: 10px;}

/* Amvan Sub Bar */

#AmVanSubBarWrapper { margin: 1px 0; }
#AmVanSubBar { background: #DFDFDF; height: 36px; }
#AmVanSubBar ul { list-style: none; margin: 0; padding: 6px 0 0 8px; font-size: 100%; }
#AmVanSubBar ul li { float: left; display: inline; border-right: 1px solid #999; }
#AmVanSubBar ul li.last { border-right: none; }
#AmVanSubBar ul li a { color: #004378; font-weight: bold; padding: 0px 6px 0 8px; }

.mini-search { position: static; height: auto; width: auto; float: right; }
#navMainSearch { float: right; padding: 7px 10px 0 0px; width: 450px; }
#navMainSearch input.text { width: 150px; color: #666; }
#navMainSearch input.submit { background: url(../images/go-button.jpg); height: 19px; width: 26px; border: none;}


#AmVanTeaserBarWrapper { background: #4378A7; margin: 0; display: none; }
.cms-home #AmVanTeaserBarWrapper { display: block; }
#AmVanTeaserBar { background: url(../images/tab_teaser.jpg) no-repeat center; height: 53px; }


#contentMainWrapper { clear: left; background: #fff; }

#amvan-livehelp { padding: 10px;  }
#amvan-livehelp #live-help-link { display: block; cursor: pointer; }
#live-help-top { display: block; background: url(../images/chat-top.jpg) no-repeat top left; height: 29px; width: 170px; }
#live-help-bottom { display: block; background: url(../images/chat-btm.jpg) no-repeat top left;  width: 170px; text-align: center; color: #FFFF00; padding: 2px 0 5px 0; }
#live-help-bottom SPAN { color: #fff; font-weight: bold; }

/*
 * 
 * Home Page Layout
 * 
 */

.home-left { width: 200px; float: left; }
.home-right { margin-left: 230px; }


/* Main Page */

#emailSignup { background: url('../images/frontpage/frontPageBox.jpg') no-repeat top left; height: 152px; width: 200px; color: #fff; }
#emailSignup a { color: #FFFF33; }
#emailSignup div { font-size: 11px; line-height: 14px; }
#emailSignup INPUT { color: #666; width: 140px; }
#emailSignup input.submit { background: url(../images/go-button.jpg); height: 19px; width: 26px; border: none;}

#catalogAdd { background: url('../images/frontpage/frontPageBox.jpg') no-repeat top left; height: 152px; width: 200px; color: #fff; text-align: center;}
#catalogAdd  FORM INPUT { width: 40px; }
#catalogAdd  FORM INPUT.qty { width: 25px; }
#catalogAdd DIV { line-height: normal; height: 21px; } 

#fpProductTable { margin: 10px 0 0 0; font-size: 11px;  }
#fpProductTable TD { padding: 0 6px;  }
#fpProductTable .product_cell { width: 33%; padding-top: 10px;}
#fpProductTable .catalog_cell, #fpProductTable .catalog_cell TD { padding: 0; }

.frontPageProduct h3 { margin: 0; padding: 0; font-size: 10px; }
.frontPageProduct h3 a { color: #818181; }
.frontPageProduct h2 { margin: 0; padding: 0; font-size: 12px; margin-bottom: 4px; line-height: 14px; height: 28px; overflow:hidden; }
.frontPageProduct h2 a { color: #004378; }
.frontPageProduct a.img { display: block; background: #004378; padding: 5px; float: left; }
.frontPageProduct a.img div { height: 180px; overflow: hidden; border: 1px solid #fff; background: #fff;  }
.frontPageProduct img {  width: 190px; }
.frontPageProduct P { padding: 3px 0 3px 0; margin: 0; clear: left; font-size: 11px; line-height: 14px; height: 28px; overflow: hidden; }
a.frontPageProductPrice { clear: left; display: block; border-top: 1px dotted #999; background: url(../images/add_to_cart_extra.jpg) no-repeat top right; height: 22px; font-weight: bold; padding: 2px 0 0 6px; margin: 5px; text-decoration: none; font-size: 10px; }

#aboutAmericanVan { background: #eee; padding: 10px; margin: 5px; }
#aboutAmericanVan .img { background: #004378; padding: 5px; float: left; margin: 0 10px 10px 0; }
#aboutAmericanVan .img img { border: 1px solid #fff; }
#aboutAmericanVan h1 { color: #004378; margin: 0; padding: 0; margin-bottom: 4px; }
#aboutAmericanVan P { margin: 0; padding: 0; }



/* Shopping Cart */

#amvan-cart-widget-persistent {  position: absolute; top: 0; right: 0; z-index: 100;     }
#amvan-cart-wrapper { background: url(../images/cart-slider-back.jpg) repeat-x; width: 380px; }
#amvan-cart { background: url(../images/cart-slider-left.jpg) no-repeat top left; height: 27px; }
#amvan-cart img.label { padding: 6px 0 0 0px; margin: 0 0 0 10px; float: left; }
#amvan-cart ul { list-style: none; margin: 0px 0 0 10px; padding: 0; height: 27px; }
#amvan-cart ul li { float: left; display: inline; color: #CCFF66; padding: 0 7px; border-right: 1px solid #000; line-height: 22px; }
#amvan-cart ul li a { color: #CCFF66; }
#amvan-cart ul li a:hover { text-decoration: underline; }
#amvan-cart ul li .number { color: #fff; }
#amvan-cart ul li.last { border-right: none; }

#amvan-cart-widgit { display: none; position: absolute; top: 0; right: 0; z-index: 100; height: 110px; width: 380px; background: #eee; }
#amvan-cart-widgit-content { border-left: 1px solid #999; border-right: 1px solid #999; height: 73px; }
#amvan-cart-receive { position: absolute; bottom: 0; }

#amvan-cart-widgit-header { background: #004378; color: #FFFF00; padding: 4px; }
#amvan-cart-widgit-close { float: right; color: #fff; }
#amvan-cart-widgit-close a { color: #fff; }

#amvan-cart-widgit-content .product-info { padding: 5px; }
#amvan-cart-widgit-content .product-info img { float: left; margin-right: 5px; }

.checkout-types BIG { display: none; }

/* 
 * 
 * Middle Layout
 * 
 */

.middle { width: auto; background-repeat: repeat-x; }

/* Product Listing */

#productListing { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 3px solid #ccc; }

#productListing .itemTitle,
#productListing .listingDescription
{ padding: 0 5px 0 5px; }

#productListing .productListingPrice { position: absolute; bottom: 5px; left: 0; background: #4378A7; /*#004378;*/ color: #fff; font-weight: bold; width: 200px; } 
#productListing .productListingPrice a { text-decoration: none; color: #fff; display: block; padding: 5px; font-size: 12px; text-align: right; }

.tabTable { margin: 10px 0 10px 0; }
.productListing-rowheading { background-image: none; background: #6093C4; border-bottom: 2px solid #999; }
.productListing-rowheading a { color: #FFFF66; }
TD.productListing-data { padding: 4px; }
/*.productListing-even { background: #eee; }*/

UL.tabUL { list-style: none; margin: 0; padding:  10px 0 10px 0; }
UL.tabUL LI { margin: 0 5px 8px 0; padding: 0; float: left; width: 200px; border: 1px solid #999; height: 250px; position: relative; }
UL.tabUL LI .listingProductImageLink { display: block; height: 100px; overflow: hidden; }


/* Product Page */

.product_upper { }
.product_upper_right { margin-left: 400px; }
.product_upper_left { float: left;l margin: 0 20px 0; }

#productsMainImage { padding: 5px; margin: 5px 20px 5px 5px; border: 1px solid #999; }

h1#productName { color: #004378; font-size: 1.5em; } 
#productsMainImage { background: #004378; }

.product_description,
.product_detail { border-top: 6px solid #D8D8D8; padding: 1px 0 0 0; margin-top: 10px; }
.product_description h2.title,
.product_detail h2.title { background-color: #F4F4F4; color: #000; margin: 0 0 10px 0; padding: 4px 0 4px 20px;  }

#productDescription.productGeneral ul { margin: 0 0 0 20px;  }
#productAttributes { color: #fff; }
#productDetailsList { list-style: none; font-size: 120%; padding-left: 5px; }
#productDetailsList li { padding: 5px; border-bottom: 1px solid #ccc; }

.product_detail td { font-size: 12px; padding: 5px; }
.product_detail td.heading { font-weight: bold; text-align: right; }

#productAdditionalImages { clear:left; float: left; width: 250px; }

/*Shopping Cart Display*/
/*#cartAdd {
	float: right;
	text-align: center;
	margin: 1em 1em 1em 2em;
	width: 170px;
	}*/
#cartAdd { margin: 0 0 0 0px; }


/*#cartAddHighlight { background: url(../images/add_to_cart_bg.jpg) #003359 repeat-x top right; color: #FFFF00; border: 1px solid #000000;
	padding: 1em;}
#cartAddHighlight input.submit { font-size: 1.6em; }*/

#liveHelpProduct  { margin: 20px auto 10px auto; }

#productXSell { margin-top: 20px; }

#productAccessories { border-top: 6px solid #D8D8D8; padding: 1px 0 0 0; margin-right: 250px; }
#productAccessories h2 { background-color: #F4F4F4; color: #000; margin: 0 0 10px 0; padding: 4px 0 4px 20px; }

#productAccessories .centerBoxContentsAccessory { text-align: left; padding: 0; }
#productAccessories .centerBoxContentsAccessory  img { float: left; padding: 0 3px 3px 3px;  }

#productAccessories a.productsAccessoryPrice { clear: left; display: block; border-top: 1px dotted #999; background: url(../images/add_to_cart_extra.jpg) no-repeat top right; height: 22px; font-weight: bold; padding: 2px 0 0 6px; margin: 5px;  }

#productRelated { width: 230px; float: right; background: url(../images/rightbar-corner-btm.gif) #F2F2F2 no-repeat bottom left;  }
#productRelated h2 { margin: 0; padding: 6px 0 6px 10px; background: url(../images/rightbar-corner-top.gif) no-repeat top left; }

#productRelated .centerBoxContentsRelated { clear: left; text-align: left; padding: 0 8px 10px 8px; }
#productRelated .centerBoxContentsRelated img { float: left; padding: 0 3px 3px 3px;  }


/*
 * New product Page
 */

.product-essential { padding-bottom: 10px; }
.product-essential .product-shop { width: auto; clear: both; float: none; }
.product-img-box { width: auto; float: none; }
.product-image-container { width: 501px; }
.product-img-box .main-product-img { width: 501px; height: 300px;}
.product-img-box .main-product-img IMG { cursor: default; }

.image-wide { width: 640px; }
.image-wide .main-product-img { width: 640px; height: 300px;}

.main-product-img { width: 500px; }
.more-views { float: right; width: 100px;}
.availability { display: none; }

.product-specs P { margin: 5px 0 8px 0;}
.product-specs UL { list-style: disc; margin: 5px 20px 8px;  }


/* Order Information Page */

#myShippingStatusInfo .orderStatus {}
.trackingNumbers LI {}

/* CSS Form */

.cssForm LABEL { display: block; font-weight: bold; }
.cssForm P { padding: 0; }
.cssForm INPUT { width: 250px; }
.cssForm .submit { margin-top: 10px; font-size: 1.3em; width: auto; }

.responseMessage { background: #FFFFCC; padding: 10px; border: 1px solid #999; font-size: 1.2em; }


/*
 * 
 * Categories
 * 
 */

.tbl_categories { width: 100%; }
.tbl_categories TD { padding: 1px 5px 5px; text-align: center;  }
.tbl_categories TD IMG { margin: 10px;}
.tbl_categories SPAN { font-size: 16px; font-weight: bold; line-height: 1.6em; display: block; border-top: 8px solid #fff;  }
.tbl_categories a { display: block; padding: 1px 1px 5px; border: 1px solid #ccc; text-decoration: none; background: #fff; }
.tbl_categories a:hover {  color: #fff; border: 1px solid #093866; }
/*.tbl_categories a:hover SPAN { color: #fff; background: #093866;  }*/
.tbl_categories a:hover SPAN { color: #093866;  border-top: 8px solid #093866;  }

.tbl_category_small { }
.tbl_category_small TD { padding: 1px 5px 5px; text-align: center;    }
.tbl_category_small TD IMG { margin: 10px;}
.tbl_category_small SPAN { font-size: 13px; font-weight: bold; line-height: 1.6em; display: block; border-top: 8px solid #fff; }
.tbl_category_small a { display: block; padding: 1px 1px 5px; border: 1px solid #ccc; text-decoration: none; background: #fff; width: 200px; }
.tbl_category_small a:hover {  color: #fff; border: 1px solid #093866; }
.tbl_category_small a:hover SPAN { color: #093866;  border-top: 8px solid #093866;  }

.tbl_50 TD { width: 50%; }
.tbl_33 TD { width: 33%; }
.tbl_25 TD { width: 25%; }

.pointer { line-height: 40px; font-size: 16px; padding: 0 10px; margin: 10px 0; border: 1px solid #093866;}


/* Footer */

.footer { width: auto; padding: 0; background: none; }

#siteinfoLegal { color: #fff; padding: 10px; border-top: 6px solid #D8D8D8;   }
#siteinfoLegal a { color: #A7D4FF; }

#navSuppWrapper { background: none; padding-bottom: 0; }
#navSupp { background: #6093C4; width: 80%; margin: 0 auto 0 auto;  }
#navSupp ul { height: 18px; padding: 8px 0 5px 0;}
#navSupp ul li a { color: #A7D4FF; }
#navSupp ul li a:hover { color: #fff; }
#navSupp ul li { border-right: 1px solid #4378A7; display: inline; padding: 0px .7em 0; line-height: 18px; }
#navSupp ul li.last { border-right: none; }

/* Misc */

.clear { clear: both; }
.indent { margin: 0 30px; }

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/* Tool Tips */

#nav a.tooltip-1, .tplnks a.tooltip-1, #navMain #back a.tooltip-1, #amvan-sidemenu a.tooltip-1 {
  z-index:1;
}

#nav a.tooltip-1:hover, .tplnks a.tooltip-1:hover, #navMain #back a.tooltip-1:hover, #amvan-sidemenu a.tooltip-1:hover {
  z-index:99;
  text-decoration: none;
}

#nav a.tooltip-1 span, .tplnks a.tooltip-1 span, #navMain #back li a.tooltip-1 span, #amvan-sidemenu a.tooltip-1 span {
  display: none; 
  z-index:999;
} 

#amvan-sidemenu a.tooltip-1:hover span { 
  display:block;
  position:absolute;
  top:20px;
  width:200px; 
  left:80px;
  font-size: 10px;
  border:1px solid gray;
  padding:2px;
  background: lightyellow; 
  color: #000;
  text-transform: none;
  line-height:14px;
  font-weight:bold;
}

#nav a.tooltip-1:hover span {
  display:block;
  position:absolute;
  top:40px; left:80px;
  font-size: 10px;
  border:1px solid gray;
  padding:2px;
  background: lightyellow; color: #000;
  text-transform: none;
  white-space:normal;
  width:200px; 
  z-index:999;
}

#navMain #back a.tooltip-1:hover span { 
  display:block;
  position:absolute;
  top:20px; left:70px;
  font-size: 10px;
  border:1px solid gray;
  padding:2px;
  background: lightyellow; color: #000;
  text-transform: none;
  line-height:14px;
  width:200px; 
  white-space:normal;
}
.tplnks a.tooltip-1:hover span {
  display:block;
  position:absolute;
  top:20px; 
  left:70px;
  font-size: 10px;
  border:1px solid gray;
  padding:2px;
  background: lightyellow; color: #000;
  text-transform: none;
  white-space:normal;
  line-height:14px;
  width:200px; 
  z-index:999;
}

.tplnks li {
position:relative;
}

#back li {
position:relative;
}

#amvan-sidemenu li {
position:relative;
}
