/* 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: 12px  "Helvetica","Verdana", "Lucida Grande", "Arial", "Helvetica","sans-serif";color: #333333;background-color:#ffffff}
h2 {font-size: 24px;margin-top: 10px;margin-bottom: 18px;color: #330000;font-weight: bold;}
h3 {font-size: 13px;color: #330000;margin-bottom: 2px;font-weight: bold;}
a {text-decoration: none;color: #330000;font-weight: bold;}
a:hover{text-decoration: none;color: #990000;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: 8px;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: 215px;height: 64px;background: url("/images/header_logo.png");}
#headerNav {float: left;margin-left: -215px; margin-top: 101px;height: 29px; width: 100%;}
#headerShopNavContainer {float: right;}
#headerLangNav {margin-top: 3px;height: 15px;}
#headerShopNav {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#menuTop { clear: both; float: left; list-style: none;position: relative;}
ul#menuTop li {float: left;line-height: 1.4; border-left: 1px solid #eeeeee;}
ul#menuTop li.first {float: left;line-height: 1.4; border-left: none;}
ul#menuTop li a {color: #333333;text-decoration: none;font-size: 11px;font-weight: normal;text-align: center;line-height: 24px;display: block;padding-left: 5px;padding-right: 5px;}
ul#menuTop li a:hover,ul#menu li a:active {color: #666;}
ul#menuTop li a.selected {color: #666;}

ul#menuLeft {}
ul#menuLeft li {line-height: 1.4;border-top-width: 1px;border-top-style: solid;border-top-color: #eeeeee;}
ul#menuLeft li a {padding-left: 5px;color: #5a5a5a;text-shadow: 2px 2px 1px #222;text-decoration: none;font-size: 11px;line-height: 25px;display: block;}
ul#menuLeft li a:hover,ul#menu li a:active {color: #5a5a5a;background-position: top left;background-color: #f9f9f9;}
ul#menuLeft li a.selected {color: #5a5a5a;background-position: top left;background-color: #5a5a5a;}


ul#menu { clear: both; float: left; list-style: none;position: relative;}

ul#menu li {float: left;line-height: 1.4;border-left: 1px solid #CDB99C;}
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:#3399CC}
ul#menu li a.selected {color: #333333; background-color:#3399CC}


/* SITE CONTENT LAYOUT & STYLES */
#contentContainer {display: block;margin: auto;width: 982px;margin-top: 15px;padding-bottom: 237px;background-color:#fff;}
#contentSide {float: left;width: 250px;}
#contentMain ul li a {font-size: 14px;text-decoration: none;}
.mainTitle {font-size: 14px; font-weight:bold; color:#663300; border-bottom:1px dotted #663300;padding: 12px;}
.mainContent {padding: 12px;}
.formTable TD {padding: 3px;}
.error {color:red;font-weight:bold;}



/* CONTENT BOXES */
.contentBox230_FW {float: left;width: 230px;border: 1px solid #eee;}
.contentBox230_FW .header {width: 230px;text-align:center;line-height: 2;background-color: #eeeeee;}
.contentBox230_FW .content {width: 230px;}

.contentBox250_FW {float: left;width: 250px;background: url("/images/contentboxes/content_box_bg_250_fw.gif") no-repeat 0 bottom;}
.contentBox250_FW .header {width: 250px;text-align:center;line-height: 2;background: url("/images/contentboxes/content_box_header_250_fw.gif") no-repeat;}
.contentBox250_FW .content {width: 250px;background: url("/images/contentboxes/content_box_bg_250_fw.gif");}
.contentBox250_FW .footer {width: 250px;background: url("/images/contentboxes/content_box_footer_250_fw.gif") no-repeat 0 bottom;}
.contentBox250_FW .item {width: 230px;margin-left:10px;marging-right:10px;font-size:11px;color:#aaaaaa;text-align:left;border-bottom: 1px dotted;padding-top: 7px;padding-bottom: 7px;}

.navigationBox230_FW {float: left;width: 230px;color:#aaaaaa;margin-top:10px;}
.navigationBox230_FW .header {font-size:13px;color:#2e9fbb;height:20px;text-align:center;font-weight:bold;padding-top:10px;background: url("/images/sideboxNavTop.png");}
.navigationBox230_FW .content {padding-left:5px;padding-right:5px;background: url("/images/sideboxNavItem.png");}
.navigationBox230_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; }
.navigationBox230_FW .footer {color:#aaaaaa;height:25px;text-align:center;font-weight:bold;padding-top:10px;background: url("/images/sideboxNavBottom.png");}
.navigationBox230_FW a {color: #F04860;font-weight:bold;text-decoration:none;}
.navigationBox230_FW a:hover {color: #e0e05a;font-weight:bold;text-decoration:none;}


.contentBox732_FW {float: left;width: 732px;background-image: url("/images/contentboxes/content_box_bg_732_fw.gif");}
.contentBox732_FW .header {width: 732px;background: url("/images/contentboxes/content_box_header_732_fw.gif") no-repeat;}
.contentBox732_FW .content {width: 708px;padding: 12px;background: url("/images/contentboxes/content_box_footer_732_fw.gif") no-repeat 0 bottom;}

.contentBox742_SG {float: left;width: 730px; border: 1px solid #eee;}
.contentBox742_SG .header {width: 730px;line-height: 2;background-color: #eeeeee;}
.contentBox742_SG .content {width: 708px;padding: 12px;}

.contentBox982_FW_WRAP {float: left;width: 982px;}
.contentBox982_FW {float: left;width: 982px;background-image: url("/images/contentboxes/content_box_bg_982_fw.gif");}
.contentBox982_FW .header {width: 982px;background: url("/images/contentboxes/content_box_header_982_fw.gif") no-repeat;}
.contentBox982_FW .content {width: 958px;padding: 12px;background: url("/images/contentboxes/content_box_footer_982_fw.gif") no-repeat 0 bottom;}

.contentBox600_LEFT {float: left;width: 600px; background-image: url("/images/contentboxes/content_box_bg_600_fw.gif");}
.contentBox600_LEFT .header {width: 600px;background: url("/images/contentboxes/content_box_header_600_fw.gif") no-repeat;}
.contentBox600_LEFT .content {padding-right:12px;padding-left:12px;width: 576px;background: url("/images/contentboxes/content_box_footer_600_fw.gif") no-repeat 0 bottom;}

.contentBox600_RIGHT {float: right;width: 600px; background-image: url("/images/contentboxes/content_box_bg_600_fw.gif");}
.contentBox600_RIGHT .header {width: 600px;background: url("/images/contentboxes/content_box_header_600_fw.gif") no-repeat;}
.contentBox600_RIGHT .content {padding-right:12px;padding-left:12px;width: 576px;background: url("/images/contentboxes/content_box_footer_600_fw.gif") no-repeat 0 bottom;}

.contentBox375_LEFT {float: left;width: 375px; height:200px;}
.contentBox375_RIGHT {float: right;width: 375px; height:200px;}

.contentBox982_SG {float: left;width: 982px; border: 0px solid #eee;}
.contentBox982_SG .header {width: 982px;}
.contentBox982_SG .content {width: 958px;padding: 12px; height:100%}


/* CONTENT GRID */
.grid982 .column2-first {width: 487px;float: left;}
.grid982 .column2-last {width: 487px;float: right;}
.grid982 .column3-first {width: 322px;float: left;overflow: hidden;}
.grid982 .column3-middle {width: 322px;float: left;margin-left: 8px;overflow: hidden;}
.grid982 .column3-last {width: 322px;float: right;overflow: hidden;}


/* CONTENTBOX GRIDS */
.grid732 .column2-first {width: 350px;float: left;}
.grid732 .column2-last {width: 350px;float: right;}
.grid732 .column3-first {width: 230px;float: left;overflow: hidden;}
.grid732 .column3-middle {width: 230px;float: left;margin-left: 8px;overflow: hidden;}
.grid732 .column3-last {width: 230px;float: right;overflow: hidden;}

.header .content .grid982 .column2-first {width: 475px;float: left;}
.header .content .grid982 .column2-last {width: 475px;float: right;}
.header .content .grid982 .column3-first {width: 315px;float: left;overflow: hidden;}
.header .content .grid982 .column3-middle {width: 315px;float: left;margin-left: 7px;overflow: hidden;}
.header .content .grid982 .column3-last {width: 315px;float: right;overflow: hidden;}




/* SITE FOOTER LAYOUT & STYLES*/
#footerBackground {color:#ffffff;font-size: 9px;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;width: 982px;padding-top: 25px;height: 190px;}
#footerBackground .bottom {margin: auto;width: 982px;height: 36px;}
#footerBackground .bottom .links {font-size: 9px;margin-top: 5px;}
#footerBackground .bottom .links a {margin-top: 5px;margin-right: 5px;color: #fff;}
#footerBackground .bottom .links a:hover {color: #fff;}


.column-220 {width: 190px;margin-right: 30px;float: left;text-align: justify;border-right: 1px solid #eeeeee;}

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



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

