/* RESET */
html,body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,a,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* GENERAL LAYOUT */
html { overflow: hidden;}
body { background-color: #474A6C; margin: 0px; padding:0px; font-family: Tahoma; font-size: 12px; color: #000; }
#horizon { text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block; z-index:2; }
#content{ text-align: left; margin-left: -495px; position: absolute; top: -290px; left: 50%;width: 990px; height: 578px; visibility: visible; background-color: #35365B; border:solid black 1px; z-index:2; }
#flash { position:absolute; top:0px; left:0; height:100%; width:100%; z-index:1; }
#languages { position: absolute; top: 2px; right: 20px; color: #00aeef; text-align: right; font-size: 10px; }
#pageTitle { position:absolute; top:25px; left:45px; font-size:30px; z-index:3; }
#pageDescription { position:absolute; width: 900px; top:65px; left: 45px; text-align: justify; z-index:3; }
#pageBackground { color: #888;  -moz-opacity: .50; filter: alpha(opacity=50); opacity: .50; }

#pageBackground .dialog { top: 15px; width: 100%; height: 120px; }

img.corner { width: 15px; height: 15px; border: none; display: block !important; }

#links { position: absolute; width: 240; top: 25px; right: 50px; z-index: 6; text-align: right; }


/* DIALOG */
.dialog { position: absolute; }
.dialog .close { position: absolute; top: -9px; right: -5px; width: 23px; height: 23px; background: url(../images/buttons/close_icon.png) no-repeat; behavior: url("css/iepngfix.htc"); cursor: pointer; z-index: 1001; visibility: hidden; }
.dialog .arrow_t { position: absolute; top: -20px; left: 25px; width: 36px; height: 28px; background: url(../images/popup/arrow_t.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog .arrow_b { position: relative; bottom: 12px; left: 25px; width: 36px; height: 35px; background: url(../images/popup/arrow_b.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog .arrow_l { position: absolute; top: 45px; left: -17px; width: 28px; height: 44px; background: url(../images/popup/arrow_l.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog .arrow_r { position: absolute; top: 45px; right: -16px; width: 28px; height: 44px; background: url(../images/popup/arrow_r.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }

.dialog .t {  position: relative; height: 100%; /* IE hack */_overflow: hidden; }
.dialog .t .l { background: url(../images/popup/popup_tl.png); behavior: url("css/iepngfix.htc"); height: 100%; margin-right: 20px; }
.dialog .t .l .header { margin-left: 20px; padding: 10px 0 10px 0; font-size: 16px; text-align: center; color: #000; }
.dialog .t .l .content {margin-left: 20px; padding: 10px 0 10px 0; }
.dialog .t .r { background: url(../images/popup/popup_tr.png) no-repeat; behavior: url("css/iepngfix.htc"); width: 20px; height: 100%; /* IE hack */ _height: 6000px; position: absolute; right: 0px; top: 0; }

.dialog .b { position: relative; }
.dialog .b .l { background: url(../images/popup/popup_bl.png) no-repeat; behavior: url("css/iepngfix.htc"); height: 35px; margin-right: 20px; }
.dialog .b .l .buttons{ margin-left: 20px; text-align: center; color: #fff; visibility: hidden; }
.dialog .b .l .buttons img{ vertical-align: -25%; margin: 0 20px; behavior: url("css/iepngfix.htc"); }
.dialog .b .r { background: url(../images/popup/popup_br.png) no-repeat; behavior: url("css/iepngfix.htc"); width: 20px; height: 35px; position: absolute; right: 0px; top: 0px; }

/* DIALOG YELLOW */
.dialog_yellow { position: absolute; }
.dialog_yellow .close { position: absolute; top: -9px; right: -5px; width: 23px; height: 23px; background: url(../images/buttons/close_icon.png) no-repeat; behavior: url("css/iepngfix.htc"); cursor: pointer; z-index: 1001; visibility: hidden; }
.dialog_yellow .arrow_t { position: absolute; top: -20px; left: 25px; width: 36px; height: 28px; background: url(../images/popup_yellow/arrow_t.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog_yellow .arrow_b { position: relative; bottom: 12px; left: 25px; width: 36px; height: 35px; background: url(../images/popup_yellow/arrow_b.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog_yellow .arrow_l { position: absolute; top: 45px; left: -17px; width: 28px; height: 44px; background: url(../images/popup_yellow/arrow_l.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }
.dialog_yellow .arrow_r { position: absolute; top: 45px; right: -16px; width: 28px; height: 44px; background: url(../images/popup_yellow/arrow_r.png) no-repeat; behavior: url("css/iepngfix.htc"); visibility: hidden; }

.dialog_yellow .t {  position: relative; height: 100%; /* IE hack */_overflow: hidden; }
.dialog_yellow .t .l { background: url(../images/popup_yellow/popup_tl.png); behavior: url("css/iepngfix.htc"); height: 100%; margin-right: 20px; }
.dialog_yellow .t .l .header { margin-left: 20px; padding: 10px 0 10px 0; font-size: 16px; text-align: center; color: #000; }
.dialog_yellow .t .l .content {margin-left: 20px; padding: 10px 0 10px 0; }
.dialog_yellow .t .r { background: url(../images/popup_yellow/popup_tr.png) no-repeat; behavior: url("css/iepngfix.htc"); width: 20px; height: 100%; /* IE hack */ _height: 6000px; position: absolute; right: 0px; top: 0; }

.dialog_yellow .b { position: relative; }
.dialog_yellow .b .l { background: url(../images/popup_yellow/popup_bl.png) no-repeat; behavior: url("css/iepngfix.htc"); height: 35px; margin-right: 20px; }
.dialog_yellow .b .l .buttons{ margin-left: 20px; text-align: center; color: #fff; visibility: hidden; }
.dialog_yellow .b .l .buttons img{ vertical-align: -25%; margin: 0 20px; behavior: url("css/iepngfix.htc"); }
.dialog_yellow .b .r { background: url(../images/popup_yellow/popup_br.png) no-repeat; behavior: url("css/iepngfix.htc"); width: 20px; height: 35px; position: absolute; right: 0px; top: 0px; }

/* BUTTONS */
a.button_body { background: transparent url('../images/buttons/button_body_a.png') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 27px; margin-right: 6px; padding-right: 13px; /* sliding doors padding */ text-decoration: none; }
a.button_body span { background: transparent url('../images/buttons/button_body_span.png') no-repeat; display: block; line-height: 15px; padding: 7px 0 5px 13px; }
a.button_body:hover { color: #fff;outline: none; /* hide dotted outline in Firefox */}
a.button_body:hover span { padding: 7px 0 5px 13px; /* push text down 1px */}
a.button_body:active { background-position: bottom right; color: #fff; outline: none; /* hide dotted outline in Firefox */ }
a.button_body:active span { background-position: bottom left; padding: 7px 0 5px 13px; /* push text down 1px */ }

a.button_enter_ES { width: 120px; height: 50px; background: transparent url('../images/buttons/new_button_es.png') no-repeat scroll top right; behavior: url("css/iepngfix.htc"); display: block;  }
a.button_enter_ES:hover { background: url('../images/buttons/new_button_over_es.png');behavior: url("css/iepngfix.htc"); }

a.button_enter_EN { width: 120px; height: 50px; background: transparent url('../images/buttons/new_button_en.png') no-repeat scroll top right; display: block; behavior: url("css/iepngfix.htc"); }
a.button_enter_EN:hover { background: url('../images/buttons/new_button_over_en.png'); behavior: url("css/iepngfix.htc"); }

a.button_enter_CA { width: 120px; height: 50px; background: transparent url('../images/buttons/new_button_ca.png') no-repeat scroll top right; display: block; behavior: url("css/iepngfix.htc"); }
a.button_enter_CA:hover { background: url('../images/buttons/new_button_over_ca.png'); behavior: url("css/iepngfix.htc"); }



/* TABLELIST */
.tableList { margin: 0 auto; border-collapse: collapse; text-align: center; }
.tableList th { font-weight: bold; border-bottom: solid #888 1px; /*#3d70a0*/padding: 5px 5px; }
.tableList tbody tr:first-child td { border: none; padding: 5px; }
.tableList tbody tr:nth-child(2n+1) { background: #eee; }
.tableList tbody tr td { border-top: 1px solid #ccc; padding: 5px; color: #3d70a0; }
.tableList tfoot tr td { border-top: solid #888 1px; padding: 5px; }
.cellAlignLeft { text-align: left; width: 250px; }
.tableList .productName { width: 210px; }
.tableList input.quantity { width : 40px; text-align: right; }

/* TABLELIST 2 */
.tableList2 { border-collapse: collapse; table-layout: fixed; }
.tableList2 th { font-weight: bold; border-bottom: solid #888 1px; /*#3d70a0*/padding: 5px 5px; }
.tableList2 tbody tr:first-child td { border: none; }
.tableList2 tbody tr:nth-child(odd) { background: #eee; }
.tableList2 tbody tr td { border-top: 0px solid #ccc; color: #3d70a0; vertical-align: ; }
.tableList2 tfoot tr td { border-top: solid #888 1px; }
.tableList2 input { width: 150px; }
.tableList2 tr {line-height: 23px;}
.tableList2 tbody tr:hover { }


/* STYLES */
a { color: #fff; }
a:hover { color: #fff; cursor: pointer; }
a.menu { color: #000; text-decoration: none;}
a.menu:hover { color: #000; text-decoration: underline;}

.table_row_background { background: #71d2f6 !important; }
.menu_selected a { font-weight: bolder; text-decoration: underline; }
.menu_selected a:hover {  }
.menu_selected:before { content: " > "; }
.table_header { font-size: 16px; font-weight: bold; line-height: 25px; }

ul li { line-height: 17px; }

.modified { font-weight: normal; }
.modified img { vertical-align: -6px; margin: 0 5px; }

.error{ color: red; }
.left { text-align: left; }
.right { text-align: right; }

a.pages { color: #00aeef; text-decoration: none; }
a.pages:hover { text-decoration: underline; }

span.actual_page { color: #555; }

p { text-align: justify; }
h1 {}
h2 { font-size: 14px; margin-bottom: 5px; }

/* SPECIFIC PAGES */

/* INDEX */
#prizeRight { position:absolute; left:60px; top:286px; width:172; height:214; z-index:2; }
#prizeLeft { position:absolute;width:88px;height:115px;right: 100px;top: 310px;z-index:2; }
#buttons { position:absolute; top:460px; left:379px; width: 218px; height: 103px; padding-right: 20px; padding-top:13px; text-align:right; background-color: black; border:solid white 1px; border-bottom:solid white 1px; border-top: solid white 1px; z-index:3; }
#shadowLeft { position: absolute; left: -20px; width: 42px; height: 580px; background: url("../images/shadowLeft.jpg") repeat-y right top; }
#shadowRight { position: absolute; right:-19px; width:42px; height: 580px; background: url("../images/shadowRight.jpg") repeat-y left top; }
#wallpaperLeft { position: absolute; left:21px; width:365px; height: 578px; background: url("../images/newLayout_01.jpg") repeat left top; }
#wallpaperLeftLeft { position: absolute; left:0px; width:21px; height: 578px; background: url("../images/newLayout_01.jpg") repeat left top; }
#wallpaperCenter { position: absolute; left:386px; width:228px; height: 578px; background: url("../images/newLayout_02.jpg") repeat-y left top; }
#wallpaperRight { position: absolute; left:614px; width:362px; height: 578px; background: url("../images/newLayout_03.jpg") repeat-y center top; }
#wallpaperRightRight { position: absolute; left: 968px; width:22px; height: 578px; background: url("../images/newLayout_03.jpg") repeat-y center top; }
.banner { height:20px;border: solid white 1px;vertical-align: middle; }

/* INDEX 2 */
#shadowLeft {position: absolute;left:-20px;width:42px;height: 580px;background:url("../images/shadowLeft.jpg") repeat-y right top;}
#shadowRight {position: absolute;right:-19px;width:42px;height: 580px;background:url("../images/shadowRight.jpg") repeat-y left top;}
#wallpaperLeft2 {position: absolute;left:21px;width:365px;height: 260px;background:url("../images/newLayout_01.jpg") repeat-y left top;border-bottom:solid white 1px;}
#wallpaperLeftLeft2 {position: absolute;left:0px;width:21px;height: 260px;background: url("../images/newLayout_01.jpg") repeat-y left top;border-bottom:solid white 1px;}
#wallpaperCenter2 { position: absolute; left:386px; width:228px; height: 260px; background: url("../images/newLayout_02.jpg") repeat-y left top; border-bottom:solid white 1px; }
#wallpaperRight2 {position: absolute;left:614px;width:362px;height: 260px;background-image:url("../images/newLayout_03.jpg");background-repeat:repeat-y;background-position:center top;border-bottom:solid white 1px;}
#wallpaperRightRight2 {position: absolute;left:968px;width:22px;height: 260px;background-image:url("../images/newLayout_03.jpg");background-repeat:repeat-y;background-position:center top;border-bottom:solid white 1px;}

#newsTitle { position: absolute; top:275px; left:50px; height:200px; width:275px; background-color: none; font-size:20px;  z-index:5; }

#news { position: absolute; top: 300px; }
#news .dialog { width: 360px; }

#next { position:absolute; top:470px; left: 0px; height: 100px; width:350px; background-color: none; text-align: left; z-index:5; margin-left: 70px; }
#next2 { position:absolute; top:470px; right: 0px; height: 100px; width:275px; background-color: none; text-align: right; z-index:5; margin-right: 70px; }
#links_bottom { position: absolute; top: 480px; left: 450px; z-index:6; width: 111px; height: 55px;}
#productContainer { position: absolute; left: 90px; top: 300px; overflow: hidden; z-index: 4; border: solid white 0px;}
#productLeft { position: relative; float: left; margin-right: 5px; width: 190px; height: 150px; overflow: hidden; border: solid white 0px; }
#productCenter { position: relative; float: left; margin-right: 5px; width: 180px; height: 150px; overflow: hidden; border: solid white 0px; }
#productRight { position: relative; float:left; margin-right: 5px; width: 190px; height: 150px; overflow: hidden; border: solid white 0px; }
#productCenterRight {position: relative; float:left; margin-right: 5px; margin-top: -15px; width: 120px; height: 150px; overflow: hidden; border: solid white 0px; }
#productCenterLeft {position: relative; float:left; margin-right: 5px;  margin-top: -20px; width: 120px; height: 150px; overflow: hidden; border: solid white 0px; }


#newCenterLeft { position: relative; top: 290px; left: 285px; width: 100px; text-align: center; border: solid white 0px; }
#newCenterRight { position: relative; top: 265px; left: 595px; width: 100px; text-align: center; border: solid white 0px; }

#labelContainer { position: absolute; left: 90px; top: 420px; z-index: 4; text-align: center; border: solid white 0px;}
#labelContainer 
#labelLeft { position: relative; float: left; margin-right: 5px; width: 175px; height: 15px; overflow: hidden; text-align: left; border: solid white 0px; }
#labelLeft p {border: solid red 0px; text-align: center; margin-right: 15px;}
#labelCenter { position: relative; float: left; margin-top: 25px; margin-right: 5px; width: 185px; height: 15px; overflow: hidden; border: solid white 0px; }
#labelCenter p {border: solid red 0px; text-align: center;}
#labelRight { position: relative; float: left; margin-top: 20px; margin-right: 5px; width: 190px; height: 15px; overflow: hidden; border: solid white 0px; }
#labelRight p {border: solid red 0px; text-align: center;}
#labelCenterLeft { position: relative; float: left; margin-top: 20px; margin-right: 5px; width: 120px; height: 15px; overflow: hidden; border: solid white 0px; }
#labelCenterLeft p {border: solid red 0px; text-align: center; margin-right: 15px;}
#labelCenterRight { position: relative; float: left; margin-top: 20px; margin-right: 5px; width: 120px; height: 15px; overflow: hidden; border: solid white 0px; }
#labelCenterRight p {border: solid red 0px; text-align: center;}

.showLabel, p.showLabel:hover { color: #fff; }
#horizontalRow { position: absolute; height: 0px; width: 955px; left: 22px; top: 579px; border-top: solid black 1px; z-index:7; }

/* MAIN */
#content { background-color: transparent; }
#menu_main { position: absolute; top:180px; left: 400px; width: 490px;}
#menu_main .dialog .t .l { padding-top: 15px; }
#menu_main_flash { width:450px; height: 337px; margin-left:20px;}

/* ENTERPRISE */
#menu_enterprise_flash { position: absolute; top: 370px; background: #fff; width: 990px; height: 146px; overflow: hidden; }


/* MENU */

#menu_photos { position: absolute; top:387px; left: 235px; width: 540px;}
#menu_photos .dialog_yellow .t .l { padding-top: 15px; }
#menu_photos_flash { width:500px; height: 150px; margin-left:20px; }

#menu1a { position: absolute; top: 160px; left: 5px; }
#menu1a .dialog, #menu1a .dialog_yellow { width: 300px; }

#menu2a { position: absolute; top: 160px; left: 280px; z-index: 4; }
#menu2a .dialog, #menu2a .dialog_yellow { width: 300px; }
#menu2 { position: relative;  overflow: auto; overflow-y: auto; overflow-x: hidden;  overflow: -moz-scrollbars-vertical-auto; padding-right: 15px; margin-right: 10px; scrollbar-base-color: #f90; }

#menu3a { position: absolute; top: 160px; left: 555px; z-index: 3; color: #000; }
#menu3a .dialog { width: 390px; }
#menu3 { position: relative;  padding-bottom: 20px;}
#menu3 img.photos { margin: -5px auto 5px auto; width: auto; height: auto; border: solid #000 1px; display: block !important; }
#description { text-align: justify; padding: 5px 5px 5px 5px; color: #000; max-height: 90px; margin: 0 20px 10px 20px; overflow: auto; line-height: 15px; border: dashed #888 1px;}
#form { float: right; }
a.addProduct { float: right; margin: -5px 20px 20px 20px; }
#productAdded { text-align: justify; padding: 20px 20px 20px 20px; color: #888; }

/* CART */
#eraseAll { position: relative; top: 5px; left: 276px; }
#centered_menu { position: absolute; top: 150px; z-index: 5;  left: 50%; margin-left: -250px; }
#centered_menu .dialog { width: 570px;  }
#centered_menu .dialog .content { height: 370px; overflow: auto; }

table.cart_form td { border: solid red 1px; width: 150px !important; }

/* NEWS */
.menu_language { position: absolute; top: 160px;}
.menu_language .dialog { width: 330px; margin: 0px;}
.menu_language input { border: dashed #00aeef 1px; line-height: 17px; width: 200px;}
.menu_language textarea { border: dashed #00aeef 1px; line-height: 17px; width: 280px; height: 250px; }