/*
colors:

dark grey: #999999 
light grey:#C3C3C3
black: #222222
lime: #b3d234
light lime: #cbea4b
*/

/* Fix ie7-- png transparency */

#headerLogo,img {behavior: url("/images/iepngfix.htc");}

/* GENERICS */
.clear {clear: both;}
.right {float: right;}
.left {float: left;}

/* ELEMENT DEFAULTS */

body {font: 11px "Verdana", "Lucida Grande", "Arial", "Helvetica","sans-serif";color: #333333;}
h2 {font-size: 24px;margin-top: 10px;margin-bottom: 18px;color: #5a5a5a;font-weight: bold;}
h3 {font-size: 13px;color: #a7a7a7;margin-bottom: 2px;font-weight: bold;}
a {text-decoration: none;color: #b3d234;font-weight: bold;}
a:hover{text-decoration: none;color: #C3C3C3;font-weight: bold;}
hr {border-top-style: none;border-left-style: none;border-right-style: none;border-bottom-style: solid;border-bottom-color: #eee;margin-top: px;margin-bottom: 8px;margin-right: 16px;}
html,body {height: 100%;}


/* SITE HEADER LAYOUT & STYLES*/
#pageContent {position: relative;min-height: 100%;height: auto !important;height: 100%;}
#headerBackground {width: 100%;height: 143px;background-image: url("../images/header_bg.gif");}
#headerContent {position: relative;display: block;margin: auto;width: 982px;height: 130px;}

#headerLogo {float: left;margin-top: 15px;width: 350px;height: 70px;background: url("../images/header_logo.png");}

#headerNav {float: left;margin-left: -350px; margin-top: 81px;height: 29px; width: 100%;}
#headerShopNavContainer {float: right;}
#headerLangNav {padding-top: 3px;}

#headerShopNav {float: right;color:#FFFFFF;font-size:12px;text-align:center;margin-left:-222px;position:absolute;margin-top: 20px;height: 30px; padding: 8px;width:206px;background: url("../images/header_shoppingcart.gif");}
#headerShopNav a {color:#FFFFFF;font-weight:normal;}


ul#menu { clear: both; float: left; list-style: none;position: relative;}
ul#menu li {float: left;line-height: 1.4;border-left: 1px solid #999999;}
ul#menu li.first {float: left;line-height: 1.4;border-left: none;}
ul#menu li a {color: #fff;text-decoration: none;font-size: 12px;font-weight: bold;text-align: center;line-height: 29px;display: block;padding-left: 10px;padding-right: 10px;}
ul#menu li a:hover,ul#menu li a:active {color: #fff; background-color:#999999}
ul#menu li a.selected {color: #333333; background-color:#ffffff}


/* SITE CONTENT LAYOUT & STYLES */
#contentContainer {display: block;margin: auto;width: 982px;margin-top: 15px;padding-bottom: 237px;}
#contentSide {float: left;width: 250px;}
#contentMain a {font-size: 14px;text-decoration: none;}

/* CONTENT BOXES */
.contentBox742_SG {float: left;width: 730px;}
.contentBox742_SG .header {width: 730px;line-height: 2;background-color: #ffffff;}
.contentBox742_SG .content {width: 708px;padding: 12px;}
.contentBox742_SG TD {padding: 5px;}

.loginBox230_FW {float: left;width: 230px;height:30px;color:#FFFFFF;background: url("../images/sideboxLogin.png");}
.loginBox230_FW .content {width: 230px;text-align:center;padding: 3px;}
.loginBox230_FW a {width: 230px;color: #ffffff;font-weight:bold;text-decoration:underline;}
.loginBox230_FW a:hover {width: 230px;color: #ffffff;font-weight:bold;text-decoration:none;}

.catalogBox230_FW {float: left;width: 230px;color:#aaaaaa;margin-top:10px;}
.catalogBox230_FW .header {font-size:13px;color:#b3d234;height:20px;text-align:center;font-weight:bold;padding-top:10px;background: url("/images/sideboxNavTop.png");}
.catalogBox230_FW .content {padding-left:5px;padding-right:5px;background: url("/images/sideboxNavItem.png");}
.catalogBox230_FW .item {padding-left:10px;padding-right:10px;font-size:11px;color:#aaaaaa;text-align:left;border-bottom: 1px dotted;padding-top: 7px;padding-bottom: 7px; }
.catalogBox230_FW .subitem {padding-left:15px;padding-right:10px;font-size:11px;color:#aaaaaa;text-align:left;border-bottom: 1px dotted;padding-top: 5px;padding-bottom: 5px; }
.catalogBox230_FW .subitem a {color: #999999;font-weight:bold;text-decoration:none;}
.catalogBox230_FW .subitem a:hover {color: #cccccc;font-weight:bold;text-decoration:none;}
.catalogBox230_FW .footer {color:#aaaaaa;height:25px;text-align:center;font-weight:bold;padding-top:10px;background: url("/images/sideboxNavBottom.png");}
.catalogBox230_FW a {color: #444444;font-weight:bold;text-decoration:none;}
.catalogBox230_FW a:hover {color: #b3d234;font-weight:bold;text-decoration:none;}


.loginBox {text-align: center; margin-left: auto; margin-right: auto;width: 250px; border: 1px solid #eee;padding: 12px;}
.loginBox .header {font-size: 12px;font-weight:bold}
.loginBox .content {margin-top: 15px; text-align:center;}
.loginBox .error {margin-top: 5px;color: #FF0000;font-weight: bold;}

.productBox {margin:13px; float:left; width:150px; height:200px; font-size:11px;}
.productBox a {font-weight:normal;}
.productBox .price {border-bottom: 1px dotted; color:#339900;font-size:12px;font-weight:bold;}
.productBox .productname a {font-weight:normal;color: #2e9fbb;text-decoration:underline;}

/**/.productDetailBox {width:100%;font-size:11px;}
.productDetailBox .mainImage {width:250px;float:left;text-align: center;}
/**/.productDetailBox .summary {float:right;width:425px;}
.productDetailBox .attributes {float:right;border: 1px solid #cbea4b;width:275px;}
.productDetailBox .extraImages {width:100%;padding:5px;}
.productDetailBox .extraImage {border: 1px solid #eee;margin:5px;}
/**/.productDetailBox .shortdescription {padding:5px;}
.productDetailBox .attributes {width:100%;padding:10px; background-color: #f6f6f6;border: 1px solid #ccc;}
.productDetailBox .attribute {padding:5px;border-bottom: 1px dotted #cccccc;}
.productDetailBox .addcart {padding:15px;text-align:center;}
/**/.productDetailBox .summary {padding:5px;}
.productDetailBox .price {font-size:14px;color:#339900;font-weight:bold;}
/**/.productDetailBox .attributeError {width:100%;padding:10px;text-align:center;border:1px solid; background-color:#ffcccc;font-size:14px;color:#FF0000;font-weight:bold;}


.shoppingcartItem {width:100%;font-size:11px;border-bottom: 1px dotted #cbea4b;}
.shoppingcartItem .title {font-size:11px;font-weight:bold;color:#222222;}
.shoppingcartItem .total {font-size:11px;}
.shoppingcartTotal {border: 1px dotted #cbea4b;}

.accountOrdersBox {border: 1px solid #cbea4b;width:100%;}
.accountOrdersBox .header {font-weight:bold;color:#FFFFFF;background-color:#cbea4b;}
.accountOrdersBox .item {border-bottom: 1px dotted #cbea4b;}

/*OTHER*/
.pageTitle {color: #b3d234;font-weight:bold;font-size:14px;border-bottom: 1px dotted;margin-top:10px;}
.pageSubtitle {color: #cbea4b;font-weight:bold;font-size:12px;margin-top:10px;}
.pageDescription {margin-top:10px;color: #333333;font-size:11px;}
.pageError {margin-top:10px;color: #FF0000;font-size:14px;font-weight:bold;}
.pageNote {margin-top:10px;color: #FF0000;font-size:9px;font-weight:bold;}
.pageBrowsing {margin-top:10px;color: #ff6699;font-size:10px;font-weight:bold;}
.pageBrowsing .item {border:1px solid #cc9966;padding:3px;}
.pageBrowsing .item a {color: #2e9fbb;text-decoration:none;}
.pageBrowsing .item a:hover {text-decoration:none;}

/*TUMBNAIL VIEWER*/
#thumbBox{ position: absolute;left: 0;top: 0;width: auto;padding: 5px;padding-bottom: 0;background: #cbea4b;visibility: hidden;z-index: 10;cursor: hand;cursor: pointer;}
#thumbBox .footerbar{ font: bold 16px Tahoma;letter-spacing: 5px;line-height: 1.1em;color: white;padding: 5px 0;text-align: right;}
#thumbBox #thumbImage{ background-color: white;}
#thumbLoading{ position: absolute;visibility: hidden;border: 1px solid black;background-color: #EFEFEF;padding: 5px;z-index: 5;}


/* SITE FOOTER LAYOUT & STYLES*/
#footerBackground {position: absolute;clear: both;width: 100%;bottom: 0 !important;bottom: -1px;height: 237px;background-image: url("../images/footer_bg.gif");}
#footerBackground .main {position: relative;font-size: 9px;overflow: hidden;display: block;margin: auto;margin-top:5px;width: 982px;padding-top: 25px;height: 176px;color:#666666;}
#footerBackground .bottom {text-align:center;margin: auto;margin-top:10px;width: 982px;height: 19px; color:#fff}
#footerBackground .bottom a{text-decoration: none;color:#fff}
#footerBackground .bottom a:hover{text-decoration: underline;color:#fff}

.column-220 {width: 190px;margin-right: 30px;float: left;border-right: 1px solid #eeeeee;}
.column-220 a {text-decoration:none;font-weight:normal;color:#666666;}
.column-220 a:hover {text-decoration:underline;}

#footerBackground .main h2 {font-size: 16px;margin-bottom: 15px;color: #fff;}
#footerTitle {font-size: 10px;margin-top: 10px;margin-bottom: 18px;color: #444444;font-weight: bold;}


/*FORM ELEMENTS*/
.langSelect {font-size: 11px;}
.importantbutton {font-size: 18px;background-color: #009900;color: #fff;}
/*TEXT*/