/*
$Id: stylesheet.css 3 2006-05-27 04:59:07Z user $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright 2006 osCMax

  Released under the GNU General Public License
  
  Updated by  TemplateShopper.com November 2003 for AAbox .com
*/

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  /*background: #ffffff;*/
  /*background-image: url(http://www.karlu.com/images/xmas123.jpg);*/
  background-repeat: no-repeat;
  background-position: 50% 0px;
  color: #000000;
  margin: 0px;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 11px;
  

}

A {
	color: #000000;
	text-decoration: underline;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

A:hover {
  color: #0001e9;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  /*background: #bbc3d3;*/
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight : bold;
  padding-bottom : 2px;
  padding-top : 2px;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #cc0000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
 /* background: #bbc3d3;*/
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #587CBE;
  color: #ffffff;
  font-weight: bold;
  padding-top : 1px;
  padding-bottom : 2px;
}

.infoBox {
  /*background: #b6b7cb;*/
}

.infoBoxContents {
  /*background: #f8f8f9;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-indent: 10px;
  background: url('../../images/category_heading.gif') no-repeat;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FEFEFE;
  background-image : url(../../images/OSCMAX_infobox_bg.gif);
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000099;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, RADIO {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding: 2px;
}


INPUT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}


TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*---------------------------------*/
/*   Main Structure                */
/*---------------------------------*/

#bodies {clear: both; overflow:hidden; margin: 0 auto; width:1280px;}
#bodies .left {float: left; width: 220px; display: inline;}
#bodies .left_content {float: left; width: 220px; display: inline;}
#bodies .leftBox {float: left; width: 180px; border: 2pt solid #6676ff; padding: 7px;}



#pageContent { float: left; width: 980px; padding-left: 10px; }
#pageContent .pageheading { float: left; width: 980px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; background-image: url('../../images/leftTitleBkgr.gif'); text-indent: 15px; font-weight: bold;}

h1.title {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #090be9; padding: 0; margin: 0; margin-bottom: 2px; line-height: 15px;}

img {border: 0;}

#wrapper { margin: 0 auto; padding: 0px; width: 1280px;}
/*---------------------------------*/
/*   Main Pages                    */
/*---------------------------------*/

#main h2 {font-family: Verdana, Arial, sans-serif; font-size: 16px; color: #3D373B; margin-top: 15px;}


/*---------------------------------*/
/*   Header                        */
/*---------------------------------*/

#header { clear:both; width: 1280px;}
#header .top {float: left; width: 1065px;}
#header .left {float: left; width: 1050px; display: inline; }
#header .right {float: left; width: 175px; display: inline; padding-top: 14px; text-align: right; padding-right: 50px;}
#header .logo {float: left; width: 435px; display: inline;}
#header .menu {float: left; width: 500px; display: inline; padding-top: 14px; padding-left: 15px; text-align: center; }
a.topMenu {font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}
#header .bottom {float: left; width: 900px; }
#header .helpline {float: left; width: 175px; display: inline;}
#header .searchBar {float: left; width: 400px; display: inline; padding-left: 200px; }
a.home {  font-family: Arial, sans-serif; font-size: 11px; font-weight:bold;  text-decoration: none; line-height: 20px; padding-bottom: 2px; border: 1pt solid #cbcbcb; padding-left: 10px; padding-right: 10px; padding-top :2px; padding-bottom: 4px; }
a.home:hover { background-color: #0001e9; text-decoration: none; border: 1pt solid #cbcbcb; color: #FFFFFF;}

#header .menuBar {float: left; width: 1240px; line-height: 27px; display: inline; }

#header .menuBar2 {float: left; width: 1240px; line-height: 25px; clear:both;}
#header .headerCart {float: right; width: 850px; line-height: 25px; display: inline;}
#header .headerSearch {float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-indent: 5px;}


#header .menuLeft {float: left; width: 9px; display: inline;}
#header .menuRight {float: left; width: 9px; display: inline;}
#header .buttons {float: left; display: inline; line-height: 29px;}

#header .buttons_home { margin-top: -5px; }

#header .checkout {float: right; display: inline; padding-right: 5px; line-height: 25px; }
#header .checkoutButtons {float: right; display: inline; padding-top: 3px;}
#header .carttotal {float: right; display: inline; wrap: nowrap; padding-right: 5px; line-height: 25px; }
#header .shipincart {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;}
#header .priceincart {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090be9; font-weight: bold; padding-right: 10px;}


SPAN.greetUser { font-family: Arial, sans-serif; font-size: 11px; color: #0001e9; font-weight: bold; }



/*---------------------------------*/
/*   Search Box                    */
/*---------------------------------*/ 

#searchBox {float: left; width: 560px; padding-left: 50px; padding-top: 40px; margin-left:180px; margin-top:0px;}
#searchBox .heading {float: left; width: 120px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 18px; font-weight: bold; display: inline; padding-top: 3px;}
#searchBox .inputbox {float: left; width: 270px; display: inline; padding-top: 3px;}
#searchBox .button {float: left; width: 25px; display: inline; }
#searchBox  input {font-size: 11px; padding: 1px;}



#searchBox .topBkgr {float: left; width: 190px; background: url(../../images/searchBoxBkgr2.gif);}
#searchBox .bottomBkgr {float: left; width: 190px; background: url(../../images/searchBoxBkgr1.gif) no-repeat top;}
a.searchText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1A1A1A; text-decoration: none; font-weight: bold; text-align: center; }



/*---------------------------------*/
/*   Breadcrumb                    */
/*---------------------------------*/

.breadcrumb {clear:both;}
.breadcrumb .left {width: 9px; display: inline;}
.breadcrumb .right { width: 9px; display: inline;}
.breadcrumb .center { width: 682px; background: url('../../images/clear_heading_bkgr.gif'); text-indent: 5px;}
a.breadcrumb {font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 26px; font-size: 11px; color: #3D373B; text-decoration: none;}

/*---------------------------------*/
/*   Header Buttons                */
/*---------------------------------*/

a.headerbutton{ display:block;color:#FFFFFF;text-align:left;text-decoration:none;line-height:27px;height:27px;font-size:11px;font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-indent:30px; padding-bottom: 1px;}
a:hover.headerbutton{color:#FF6600; text-decoration:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#buttonHeaderHome a {width:95px; background: url(../../images/headerButtonHome.gif) no-repeat left top;}
#buttonHeaderContact a {width:90px; background: url(../../images/headerButtonContact.gif) no-repeat left top;}
#buttonHeaderLogIn a {width:65px; background: url(../../images/headerButtonLogIn.gif) no-repeat left top;}
#buttonHeaderAccount a {width:100px; background: url(../../images/headerButtonAccount.gif) no-repeat left top;}
#buttonHeaderCheckout a {width:71px; background: url(../../images/headerButtonCheckout.gif) no-repeat left top;}
#buttonHeaderView a {width:76px; background: url(../../images/headerButtonView.gif) no-repeat left top;}


/*---------------------------------*/
/*   Footer                        */
/*---------------------------------*/ 

#footer { clear:both; width:1260px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1A1A1A; line-height: 18px; padding-bottom: 20px; margin:0 auto;}
a.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1A1A1A; text-decoration: none;}
a.footer:hover { text-decoration: underline;}
#footer .link_items { border-top: 1px solid #cacaca; width:1240px;}
#footer .link_items span {font-size: 13px; color: #0000ff; font-weight: bold; display: block; padding: 10px 0px 10px 0px; float: left; clear: both; width: 100%;}
#footer .link_items a {text-decoration: none; color: #000;}
#footer .link_items a:hover {text-decoration: none; color: #0000ff;}
#footer .link_items .customer, #footer .link_items .help, #footer .link_items .about, #footer .link_items .contact {float: left; width: 310px; text-align: left;}
#footer .footer_info_bar {border: 2px solid #6676ff; width: 1226px; padding: 7px; float: left; margin-top: 20px;}
#footer .footer_info_bar .info_header {
    background-image:url("../../images/leftTitleBkgr.gif");
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:30px;
    text-indent:15px;
    width:1226px;
}

#footer .footer_info_bar .info_body { float: left; width: 1226px; padding-top: 10px;}
#footer .footer_info_bar .info_body .email { float: left; padding-top: 35px; width: 200px; text-align: center;}
#footer .footer_info_bar .info_body .email a {color: #1200e5;}
#footer .footer_info_bar .info_body .content { float: left; padding: 0px; width: 826px; text-align: center;}
#footer .footer_info_bar .info_body .services { float: right; padding-top: 35px; width: 200px; text-align: center;}
#footer .footer_info_bar .info_body .services a {color: #1200e5;}
/*---------------------------------*/
/*   Columns                       */
/*---------------------------------*/ 

.leftHeader {width: 180px; float: left; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; background-image: url('../../images/leftTitleBkgr.gif'); text-indent: 15px; font-weight: bold;}

a.categories_top {line-height: 20px; border: 1pt solid #cbcbcb; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; margin-bottom: 5px; text-decoration: none;}
a.categories_top:hover {background-color: #0001e9; text-decoration: none; border: 1pt solid #cbcbcb; color: #FFFFFF;}
a.categories_top_selected {background-color: #0001e9; text-decoration: none; border: 1pt solid #cbcbcb; color: #FFFFFF;}

a.categories_sec {text-decoration: none; color: #000000; line-height: 15px; padding-top: 3px;}
a.categories_sec:hover {text-decoration: none; color: #0001e9;}
a.categories_sec_selected {text-decoration: none; color: #0001e9;}


a.cat {float: left; width: 190px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 25px; height: 25px; text-decoration: none; background: url('../../images/leftMenuOff.gif') no-repeat; text-indent: 5px; }
a.cat:hover { background: url('../../images/leftMenuOn.gif') no-repeat; color: #FFFFFF;}
a.subcat {float: left; width: 190px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 25px; height: 25px; text-decoration: none; background: url('../../images/leftMenuOff.gif') no-repeat; text-indent: 5px; font-weight: normal; }
a.subcat:hover { background: url('../../images/leftMenuOn.gif') no-repeat; color: #FFFFFF;}
.catTitle {float: left; width: 190px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #06899B; line-height: 25px;}


/*---------------------------------*/
/*   Large Infobox                 */
/*---------------------------------*/ 

#largeBox { float: left; width: 1000px; border: 2pt solid #6676ff; padding: 7px;}
#largeBox .title {float: left; width: 100%; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; background-image: url('../../images/leftTitleBkgr.gif'); text-indent: 15px; font-weight: bold;}
#largeBox .title .more a { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; text-indent: 15px; font-weight: bold; padding-right: 10px; text-decoration: none;}

#largeBox .title .more a:hover { text-decoration: none;}

#largeBox .topLeft {float: left; display: inline; width: 19px;}
#largeBox .topRight {float: right; display: inline; width: 11px;}
#largeBox .topCenter {float: left; display: inline; width: 660px; background-image: url('../../images/box_top_long.gif'); line-height: 28px; display: inline; }
#largeBox .titleSmall {float: left; line-height: 25px; wrap: nowrap; background-color: #FFFFFF; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1a1a1a; padding-left: 10px; padding-right: 10px;}

#largeBox .centerLeft {float: left;  width: 690px; background-image: url('../../images/box_left.gif'); background-repeat: repeat-y; background-position: left;}
#largeBox .centerRight {float: left; width: 690px; background-image: url('../../images/box_right.gif');  background-repeat: repeat-y; background-position: right;}

#largeBox .bottom {float: left; width: 690px;}
#largeBox .bottomLeft {float: left; display: inline; width: 10px;}
#largeBox .bottomCenter {float: left; display: inline; width: 670px; background-image: url('../../images/box_bottom.gif'); line-height: 9px;}
#largeBox .bottomRight {float: right; display: inline; width: 10px;}



#largeBox .topTitle {float: left; width: 430px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 18px; color: #06899B; padding-top: 10px;}


#largeBox .subcatHeading {float: left;  width: 700px; background-image: url('../../images/menuBkgr.gif'); line-height: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-indent: 10px; }

#largeBox .content {float: left;  width: 1000px;  }
span.catdescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF; font-style: italic; }


/*---------------------------------*/
/*   Large Infobox - No Border     */
/*---------------------------------*/ 

#largeBox2 { float: left; width: 690px;}
#largeBox2 .topLeft {float: left; display: inline; width: 19px;}
#largeBox2 .topRight {float: right; display: inline; width: 11px;}
#largeBox2 .topCenter {float: left; display: inline; width: 660px; background-image: url('../../images/box_top_long.gif'); line-height: 28px; display: inline; }

#largeBox2 .centerLeft {float: left;  width: 690px; background-image: url('../../images/box_left.gif'); background-repeat: repeat-y; background-position: left;}
#largeBox2 .centerRight {float: left; width: 690px; background-image: url('../../images/box_right.gif');  background-repeat: repeat-y; background-position: right;}

#largeBox2 .bottom {float: left; width: 690px;}
#largeBox2 .bottomLeft {float: left; display: inline; width: 10px;}
#largeBox2 .bottomCenter {float: left; display: inline; width: 670px; background-image: url('../../images/box_bottom.gif'); line-height: 9px;}
#largeBox2 .bottomRight {float: right; display: inline; width: 10px;}
#largeBox2 .titleSmall {float: left; line-height: 25px; wrap: nowrap; background-color: #FFFFFF; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1a1a1a; padding-left: 10px; padding-right: 10px;}
#largeBox2 .content {float: left;  width: 800px; padding-left: 10px;  }

#largeBox2 .title {float: left; line-height: 25px; wrap: nowrap; background-color: #FFFFFF; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1a1a1a; padding-left: 10px; padding-right: 10px;}


/*---------------------------------*/
/*   Half Infobox                 */
/*---------------------------------*/ 

#halfBox { float: left; width: 500px;}
#halfBox .halftop {float: left; height: 28px;}
#halfBox .halftopLeft {float: left; display: inline; width: 19px; height: 28px;}
#halfBox .halftopCenter {float: left; display: inline; width: 440px; background-image: url('../../images/box_top_long.gif'); line-height: 28px;}
#halfBox .halftitle {float: left; line-height: 25px; wrap: nowrap; background-color: #FFFFFF; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666;}
#halfBox .halftopRight {float: right; display: inline; width: 11px;}
#halfBox .centerLeft {float: left;  width: 470px; background-image: url('../../images/box_left.gif'); background-repeat: repeat-y; background-position: left;}
#halfBox .content {float: left;  width: 450px; padding-left: 10px; }
#halfBox .centerRight {float: left; width: 470px; background-image: url('../../images/box_right.gif');  background-repeat: repeat-y; background-position: right;}
#halfBox .bottom {float: left; width: 470px;}
#halfBox .bottomLeft {float: left; display: inline; width: 10px; margin-top: -2px;}
#halfBox .bottomCenter {float: left; display: inline; width: 450px; background-image: url('../../images/box_bottom.gif'); line-height: 9px;}
#halfBox .bottomRight {float: right; display: inline; width: 10px; margin-top: -2px;}


/*---------------------------------*/
/*   Small Infobox                 */
/*---------------------------------*/ 

#smallBox {float: left; width: 190px;}
#smallBox .heading {float: left; width: 190px; background-image: url('../../images/category_heading.gif'); line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; text-indent: 12px;}
#smallBox .content {float: left; width: 185px; padding-left: 5px;}


#subcatBox {width: 100%; overflow:hidden; margin:0; padding:0; text-align:center;}

#subcatBox ul {
	float:left;
	margin: 0 auto;
	padding:0;
	list-style:none;
	position:relative;
	left:50%;
	
}
#subcatBox ul li {
	display:-moz-inline-box;/* older gecko*/
	display:inline-block;
	position:relative;
	left:-50%;
}

#subcatBox img {
padding:0;
margin:0;
}

#subcatBox a {
display:block;
float:left;
width:250px;
padding:0;
margin:0;
height:150px;
}

#subcats a{ width: 171px; float: left; display: inline; min-height: 300px; }
#subcats a:hover{ border: 2pt solid #d7d7d7;}
#subcats2 a{ width: 161px; float: left; display: inline; min-height: 350px; height: 350px; border: 2pt solid #FFFFFF; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-right: 7px; margin-left: 7px;}
#subcats2 a:hover{ border: 2pt solid #d7d7d7; text-decoration: none;}
a.cattext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1A1A1A; text-decoration: none; text-align: center; padding-top: 10px;}
a:hover cattext { color: #000000; text-decoration: none;} 

#special_subcats a{ width: 161px; float: left; display: inline; min-height: 250px; height: 250px; border: 2pt solid #FFFFFF; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-right: 7px; margin-left: 7px;}
#special_subcats a:hover{ border: 2pt solid #d7d7d7; text-decoration: none;}

/*---------------------------------*/
/*   Product Listing               */
/*---------------------------------*/ 

#productListing { width: 680px; float: left; text-align: center; }
#productListing .productBox { float: left; width: 160px; display: inline; min-height: 230px; background: url('../../images/productOutlineTop.gif') left top no-repeat; padding-right: 9px; padding-bottom: 10px;}
#productListing .image {float: left; width: 160px; padding-top: 5px;}
#productListing .imageBottom {float: left; width: 160px;}
#productListing .productlink {float: left; width: 140px; padding-top: 5px; padding-left: 10px; min-height: 45px; }
#productListing .price {float: left; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #00B3D8; font-weight: bold;}
#productListing .moreinfo {float: left; width: 150px; padding-top: 5px;}
#productListing .content {float: left; width: 160px; background: url('../../images/productOutlineText.gif') left top no-repeat;}
#productListing .bkgr {float: left; width: 160px; background: url('../../images/productOutlineBkgr.gif');}
a.productListing {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none;}

#splitresult {width: 700px; float: left; line-height: 25px; }
.splitleft {float: left; width: 340px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-indent: 10px;}
.splitright {float: left; width: 360px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: right;}

span.listprice {width: 100%; float: left; color: #cc0000; font-size: 14px; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
span.listname {width: 100%; float: left; font-size: 11px; padding-top: 10px; min-height: 45px; height: 45px;}
span.list_description {width: 100%; float: left; font-size: 11px; min-height: 45px; height: 45px;}


/*---------------------------------*/
/*   Product Info Page             */
/*---------------------------------*/ 
.main { float: left; }
.mains { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
#main {float: left; width: 1000px; display: inline; clear:both; }
#main .left {float: left; width: 220px; display: inline;}
#main .right {float: left; width: 480px; display: inline;}
#main .productName {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #D35500; font-weight: bold; }
#main .smallText {float: left; width: 460px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; }
#main .mainprice {float: left; width: 460px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #06899B; font-weight: bold; padding-top: 25px; padding-bottom: 25px; }
#main .description {float: left; width: 460px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #1A1A1A; }
#main .topBox {width: 100%; float: left; border: 2pt solid #6676ff; padding: 5px; }
#main .topTitle { width: 100%; float: left; font-weight: bold; padding-bottom: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1A1A1A; }
#main .topLeft { width: 50%; float: left; display: inline; }
#main .topRight { width: 50%; float: right; display: inline; padding-top: 8px; }

#main .topPrice { width: 200px; float: right; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #090be9; font-weight: bold; text-align: right; padding-right: 10px; padding-top: 2px; }
#main .topBuy { width: 150px; float: right; display: inline; }
#main .topFriend { width: 135px; float: right; display: inline; padding-top: 2px; }

#prod_layout {width: 100%; float: left;}
#prod_layout .left {width: 500px; float: left; display: inline; padding-right: 15px;}
#prod_layout .right {width: 485px; float: left; display: inline;}
#prod_layout .man_logo {width: 100%; float: left; padding-top: 30px;}
#prod_layout .title {width: 100%; float: left; padding-top: 20px;}
#prod_layout .description {width: 100%; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 10px;}
h1.product {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000;}



#pricebox {float: left; width: 100%; padding-top: 20px; }

#pricebox .middle{float: left; width: 800px; display: inline;}
#pricebox .right{float: left; width: 200px; display: inline; padding-top: 2px;}
#prices {float: left; width: 100%; padding-top: 4px; }
#prices .left{ float: left; width: 100px; line-height: 25px; padding-right: 15px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #090be9; font-weight: bold;}

#colLeftHeading { float: left; width: 160px;}

a.infobox_link {line-height: 25px; padding-left: 12px; background: url('../../images/menu_1.gif') no-repeat; width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
a.listing {line-height: 12px;text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
a.listing:hover  {color: #D35500; text-decoration: none; }

/*---------------------------------*/
/*   Loggin In & Out Pages         */
/*---------------------------------*/ 

#halfBox .logheading {float: left; width: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding-top: 10px; padding-bottom: 10px;}
#halfBox .logtitle {float: left; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-bottom: 10px; }
#halfBox .logleft {float: left; width: 150px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; padding-bottom: 10px;}
#halfBox .logright {float: left; width: 150px; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-bottom: 10px;}
#halfBox .button {float: left; width: 300px; text-align: right;}
#halfBox .forgot {float: left; width: 300px; text-align: center; padding-top: 10px;}
.loginleft {float: left; width: 480px; display: inline; padding-left: 15px;}
.loginright {float: left; width: 480px; padding-left: 20px; display: inline;}


/*-------------------------------------*/
/*   Checkout Pages                    */
/*-------------------------------------*/

.loginline { width: 100%; float: left; display: block; color: #CCCCCC;}
.loginheading { width: 130px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 30px; color: #1A1A1A; }
.loginheading2 { width: 170px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 30px; color: #1A1A1A; padding-top: 3px; }
.logininputbox { display: inline; line-height: 30px; float: left; padding-top: 5px;}

#loginBox2 { width: 640px; float: left; }
#loginBox2 .required {width: 610px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; line-height: 25px; }

.information {width: 610px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a; line-height: 25px; padding-bottom: 15px; }
#loginBox2 .title {width: 610px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; line-height: 25px; text-indent: 15px; background: url('../images/greyMenuBkgr.gif'); display: inline; }
#loginBox2 .titleLeft {width: 4px; float: left; display: inline; }
#loginBox2 .subheading {width: 95%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #06899B; line-height: 20px; border-bottom: 1pt solid #06899B; padding-top: 50px; }
#loginBox2 .content{ width: 583px; float: left; padding-left: 25px; padding-top: 10px; padding-bottom: 10px;}
#loginBox2 .left { width: 380px; float: left; display: inline; }
#loginBox2 .center { width: 100px; float: left; display: inline;}
#loginBox2 .right { width: 100%; float: left; text-align: center; padding-top: 5px; line-height: 20px;}
#loginBox2 .normal { width: 100%; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a;}
#loginBox2 .productLine { width: 100%; float: left; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC;}
#loginBox2 .productLeft { width: 70%; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; line-height: 20px; display: inline;}
#loginBox2 .productRight { float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; line-height: 20px; padding-right: 20px; display: inline; padding-bottom: 10px;}

#contentBox { float: left; width: 100%;}
#contentBox .left { width: 250px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #1A1A1A;}
#contentBox .right { width: 250px; float: left; display: inline; }

span.label {font-size: 12px;}

#buttonCheckout {float: left; width: 100%; }
#buttonCheckout .left {float: left; width: 100%; line-height: 25px; }
#buttonCheckout .right {float: left; width: 100%; line-height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #1A1A1A; font-weight: bold;}




/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	line-height: 25px;
	height: 25px;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-indent: 10px;
	text-decoration: none;
	position: relative;	
	display: block;	
	line-height: 18px;
	padding-bottom: 2px;
	margin-left: 9px;
	padding-left: 10px;
	padding-right: 8px;
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
	border: 1pt solid #cbcbcb;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	background-color: #0001e9; 
	color: #FFFFFF;
	text-decoration: none;
	border: 1pt solid #cbcbcb;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #000000;
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #addfff;
	border: 2px outset #AFDBE7;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	line-height: 20px;
	padding-left: 5px;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 11px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #BDEDFF;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.horbar .dmselected a {   /* Style override for selected root category */
    background-color: #0001e9; 
    color: #FFFFFF;
    text-decoration: none;
    border: 1pt solid #cbcbcb;
}

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #FFFFFF;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;		
	text-decoration: none;
	position: relative;
	display: block;	
	line-height: 25px;
	background: url('../../images/menu_1.gif') no-repeat;
	padding-left: 12px;
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #D35500;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #D35500;
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #ebebeb;
	border: 2px outset #e6e7e6;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
	padding-left: 5px;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none;
	background: url('../../images/menu_3.gif') no-repeat;
	padding-left: 12px;
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #CC5200;
	background: url('../../images/menu_4.gif') no-repeat;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
	color: #D35500;
}

.verbar .dmselected {   /* Style override for selected root category */
	color: #D35500;
}

/*---------------------------------*/
/*   Shopping Cart                 */
/*---------------------------------*/

#shoppingCart {float: left; width:950px; text-align: left;}
#shoppingCart .content {float: left; width: 800px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 10px; color: #666666;}

#shoppingTitle {width: 1000px; float: left; border-top: 1pt solid #D1CDCE; line-height: 22px; }
#shoppingTitle .item { width: 750px; float: left; color: #5B5559; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: inline;}
#shoppingTitle .price { width: 80px; float: left; color: #5B5559; line-height: 22px; font-family: Verdana, rial, Helvetica, sans-serif; font-size: 11px; display: inline; text-align: right;}
#shoppingTitle .remove { width: 80px; float: left; color: #5B5559; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: inline; text-align: right;}
#shoppingTitle .qty { width: 80px; float: left; color: #5B5559; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: inline; text-align: right;}

#shoppingContent {width: 1000px; float: left; border-top: 1pt solid #D1CDCE; line-height: 22px; display: inline; }
#shoppingContent .cartitem { width: 475px; float: left; color: #5B5559; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline;}
#shoppingContent .shoppingimage { width: 100px; float: left; display: inline; padding-top: 5px; padding-bottom: 5px;}
#shoppingContent .shoppingdescription { width: 700px; float: left; display: inline; padding-top: 7px;}
#shoppingContent .cartprice { width: 80px; float: left; color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline; line-height: 15px; padding-top: 15px;}
#shoppingContent .cartremove { width: 65px; float: left; color: #5B5559; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: inline;line-height: 15px; padding-top: 12px;}
#shoppingContent .cartquantity { width: 50px; float: left; display: inline; line-height: 15px; padding-top: 12px;}

#shoppingContent .totalLeft { width: 760px; float: left; color: #5B5559; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline; line-height: 25px; text-align: right;}
#shoppingContent .totalCenter { width: 80px; float: left; color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline; line-height: 25px; text-align: right;}
#shoppingContent .totalRight { width: 80px; float: left; display: inline; }

.shoppingnotes { width: 100%; float: left; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 15px; }
a.shoppingDescription {color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}

#checkout { width: 100%; float: left; position: relative; padding-top: 25px;}
#checkout .left {width: 120px; float: right; display: inline; padding-right: 10px;}
#checkout .right {width: 180px; float: right; display: inline;}


.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

#attributes {width: 100%; float: left;}
#attributes .left {width: 200px; float: left; display: inline; padding-right: 10px; }
#attributes .right {width: 700px; float: left; display: inline; padding-top: 10px; }
#attributes .title {width: 100%; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  margin-top:10px;}
#attributes .options_name {width: 200px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
#attributes .radio {width: 650px; float: left; display: inline;  }

#add_to_cart2 { 
float:left;
width:150px;

}

.tracking_div {
background-color: #f3f3f3;
border: solid 2px #e5e5e5;
padding: 10px;
font-size: 11px;
margin: 10px 0 0 0;
width: auto;
font-family: Verdana, Arial, sans-serif;
}

.hiddenDiv {
display: none;
}

.upcomingProducts-even a, .upcomingProducts-odd a {
    text-decoration: none;
}
.upcomingProducts-even a:hover, .upcomingProducts-odd a:hover { text-decoration: none; }
.all_link a { float: left; font-size: 13px; color: blue;}
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8;}
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.dataTableContentRed { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #CC0000; }
.dataTableContentRedAlert { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; font-weight: bold; }
.main_content {margin-left: 225px; }
.orders{padding-left: 4px;}
.ean{
color:black;
margin-left: 6px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}
.BoxesInfoBoxHeadingCenterBoxRight {
text-decoration:none;
}
.dynamic_converter{
font-size:8px;
color:#000000;
margin-top:20px;
}
.author_testimonial{
 width: 20px;
 margin-right: 10px;
 word-spacing: bold;
}

textarea.testimonial {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  width: 400px;
}