* { margin: 0; outline: none; }
html { padding: 0; overflow-x: hidden; overflow-y: scroll; /* preventing page "jumping" in FF */ }
body { font-family: Arial; padding: 0; font-size: 13px; color: #666666; background-color: #444444; }
.clear { clear: both; }
form { padding: 0; }
a, a:link, a:active, a:visited, a:hover { color: #b5090a; }
a:hover { color: #999999; }
img { border: none; }
.site_width_big { margin: 0 auto 0 auto; width: 980px; }
.site_width { margin: 0 auto 0 auto; width: 980px; }
#top_outer { height: 100px; background: url(/img/bg_top.gif) #ffffff repeat-x 0 97px; }
#top { width: 765px; margin: 0 0 0 110px; height: 100px; float: left; }
#logo { margin: 17px 0 0 0; width: 265px; height: 67px; float: left; background: url(/img/interactive_logo.gif) no-repeat 0 0; }
#logo h1 { width: 265px; height: 67px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
#header_homepage_outer { height: 340px; background: url(/img/bg_header_homepage_outer.gif) #092636 repeat-x 0 0; border-bottom: 1px #ffffff solid; }
#header_homepage { width: 980px; height: 340px; background: url(/img/bg_header_homepage.jpg) no-repeat 0 0; float: left; }
#header_homepage_inner { margin: 40px 0 0 0; width: 630px; height: 300px; background: url(/img/bg_header_homepage_inner.jpg) no-repeat 0 0; float: left; }
#menu_homepage { margin: 40px 0 0 0; width: 240px; height: 260px; overflow: hidden; float: left; }
#menu_homepage a.menu_home, #menu_homepage a.menu_home:link, #menu_homepage a.menu_home:active, #menu_homepage a.menu_home:visited, #menu_homepage a.menu_home:hover { width: 240px; height: 65px; display: block; overflow: hidden; background-image: url(/img/bg_menu_home.png); background-repeat: no-repeat; background-position: 0 0; }

#menu_homepage a.menu_products, #menu_homepage a.menu_products:link, #menu_homepage a.menu_products:active, #menu_homepage a.menu_products:visited, #menu_homepage a.menu_products:hover { width: 240px; height: 65px; display: block; overflow: hidden; background-image: url(/img/bg_menu_products.png); background-repeat: no-repeat; background-position: 0 0; }
#menu_homepage a.menu_price, #menu_homepage a.menu_price:link, #menu_homepage a.menu_price:active, #menu_homepage a.menu_price:visited, #menu_homepage a.menu_price:hover { width: 240px; height: 65px; display: block; overflow: hidden; background-image: url(/img/bg_menu_price.png); background-repeat: no-repeat; background-position: 0 0; }
#menu_homepage a.menu_contact, #menu_homepage a.menu_contact:link, #menu_homepage a.menu_contact:active, #menu_homepage a.menu_contact:visited, #menu_homepage a.menu_contact:hover { width: 240px; height: 65px; display: block; overflow: hidden; background-image: url(/img/bg_menu_contact.png); background-repeat: no-repeat; background-position: 0 0; }
#menu_homepage a.menu_home:hover, #menu_homepage a.menu_products:hover, #menu_homepage a.menu_price:hover, #menu_homepage a.menu_contact:hover { background-position: 0 -65px; }
#menu_homepage h1 { width: 240px; height: 65px; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }

#news_home_outer { background: url(/img/bg_news_home.gif) #666666 repeat-x 0 100%; border-bottom: 1px #333333 solid; }
#news_home { margin: 0 0 0 90px; padding: 30px 0 30px 0; width: 780px; float: left; }
#news_home .col { margin: 0 0 0 20px; width: 240px; float: left; }
#news_home .col2 { margin: 0 0 0 20px; width: 500px; float: left; }
#news_home .col3 { margin: 0 0 0 20px; width: 760px; float: left; }
#news_home .title { padding: 0 0 10px 0; color: #ffff99; font-size: 16px; line-height: 18px; }
#news_home .title a, #news_home .title a:link, #news_home .title a:active, #news_home .title a:visited, #news_home .title a:hover { color: #ffff99; font-size: 16px; line-height: 18px; text-decoration: underline; }
#news_home .title a:hover { color: #ffff99; text-decoration: underline; }
#news_home .desc { padding: 0 0 10px 0; color: #eeeeee; font-size: 12px; line-height: 15px; }
#news_home .link { padding: 0; color: #ffff99; font-size: 12px; line-height: 15px; font-weight: bold; }
#news_home .link a, #news_home .link a:link, #news_home .link a:active, #news_home .link a:visited, #news_home .link a:hover { color: #ffff99; text-decoration: underline; }
#news_home .link a:hover { color: #ffff99; text-decoration: underline; }

#footer_outer { height: 180px; background-color: #444444; }
#footer { margin: 30px 0 0 110px; width: 760px; height: 120px; float: left; }
#copyright_outer { height: 40px; background-color: #333333; }
#bottom_outer { height: 130px; background-color: #444444; }
#bottom { margin: 10px 0 0 110px; width: 760px; height: 130px; float: left; }
.copyright { margin: 0 0 0 110px; width: 760px; height: 40px; }
.copyright_text { padding: 12px 0 0 0; width: 500px; font-size: 13px; color: #999999; text-align: left; float: left; }
.created_by_devtrix { padding: 10px 0 0 0; width: 100px; height: 20px; float: right; text-align: right; }
.created_by_devtrix h1 { position: absolute; top: -100px; left: -9999px; text-indent: 1000px; }
#footer .left { margin: 0; width: 240px; height: 120px; float: left; }
#footer .middle { margin: 0 0 0 20px; width: 240px; height: 120px; float: left; }
#footer .right { margin: 0 0 0 20px; width: 240px; height: 120px; float: left; }

#bottom .left { margin: 0; width: 240px; height: 120px; float: left; }
#bottom .middle { margin: 0 0 0 20px; width: 240px; height: 120px; float: left; }
#bottom .right { margin: 0 0 0 20px; width: 240px; height: 120px; float: left; }

#bottom .title { padding: 20px 0 0 0; text-align: left; font-size: 13px; line-height: 18px; font-weight: bold; color: #6b8599; /*#092636;*/ }
#bottom .content { padding: 10px 0 0 30px; text-align: left; font-size: 12px; line-height: 16px; color: #999999; }
#inner_page_content_outer { background-color: #092636; padding: 0 0 30px 0; border-bottom: 1px #ffffff solid; }
#inner_page_content { margin: 0 0 0 110px; width: 760px; border-bottom: 5px #b5090a solid; background-color: #ffffff; }
.inner_page { padding: 20px 20px 20px 20px; }
.inner_page p { font-size: 13px; line-height: 22px; padding-bottom: 20px; }
.inner_page p img { border: 1px #dddddd solid; padding: 4px 4px 4px 4px; }
.inner_page .left { width: 200px; /*height: 42px;*/ float: left; }
.inner_page .right { height: 42px; float: right; text-align: right; }

#header_outer { height: 75px; background-color: #092636; /*background: url(/img/bg_header_outer.gif) #092636 repeat-x 0 0;*/ }
#header { width: 980px; height: 75px; /*background: url(/img/bg_header.jpg) no-repeat 0 0;*/ float: left; }
#menu { margin: 30px 0 0 110px; width: 760px; height: 45px; overflow: hidden; float: left; }
#menu div { width: 190px; height: 45px; display: block; overflow: hidden; float: left; }
#menu a.menu_home, #menu a.menu_home:link, #menu a.menu_home:active, #menu a.menu_home:visited, #menu a.menu_home:hover { width: 190px; height: 45px; display: block; overflow: hidden; background-image: url(/img/bg_menu_inner.png); background-repeat: no-repeat; background-position: 0 0; }
#menu a.menu_products, #menu a.menu_products:link, #menu a.menu_products:active, #menu a.menu_products:visited, #menu a.menu_products:hover { width: 190px; height: 45px; display: block; overflow: hidden; background-image: url(/img/bg_menu_inner.png); background-repeat: no-repeat; background-position: -190px 0; }
#menu a.menu_price, #menu a.menu_price:link, #menu a.menu_price:active, #menu a.menu_price:visited, #menu a.menu_price:hover { width: 190px; height: 45px; display: block; overflow: hidden; background-image: url(/img/bg_menu_inner.png); background-repeat: no-repeat; background-position: -380px 0; }
#menu a.menu_contact, #menu a.menu_contact:link, #menu a.menu_contact:active, #menu a.menu_contact:visited, #menu a.menu_contact:hover { width: 190px; height: 45px; display: block; overflow: hidden; background-image: url(/img/bg_menu_inner.png); background-repeat: no-repeat; background-position: -570px 0; }
#menu a.menu_home:hover { background-position: 0 -45px; }
#menu a.menu_products:hover { background-position: -190px -45px; }
#menu a.menu_price:hover { background-position: -380px -45px; }
#menu a.menu_contact:hover { background-position: -570px -45px; }
#menu h1 { width: 190px; height: 45px; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }

h2 { font-size: 22px; color: #556677; padding-bottom: 15px; }
h3 { font-size: 18px; color: #556677; padding-bottom: 15px; }

table.table_contact { width: 715px; border-collapse: collapse; }
table.table_contact td { padding: 10px 45px 10px 55px; line-height: 18px; border-top: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid; }
table.table_contact td.h { width: 125px; font-weight: bold; padding: 10px 45px 10px 45px; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid; }
table.no_padding { border-collapse: collapse; }
table.no_padding td { padding: 0; border: none; }
table.table_form { width: 715px; border-collapse: collapse; }
table.table_form td { padding: 10px 55px 10px 55px; line-height: 18px; }
table.table_form td.h { width: 170px; font-weight: bold; padding: 10px 0 10px 45px; }
input[type=text], input_text { padding: 4px 4px 4px 4px; width: 300px; font-size: 13px; font-family: Arial; border: 1px #cccccc solid; -moz-border-radius: 4px 4px; -webkit-border-radius: 4px 4px; boder-radius: 4px 4px; background-color: #f6f6f6; color: #666666; }
textarea { padding: 4px 4px 4px 4px; width: 300px; height: 80px; font-size: 13px; font-family: Arial; border: 1px #cccccc solid; -moz-border-radius: 4px 4px; -webkit-border-radius: 4px 4px; boder-radius: 4px 4px; overflow-y: auto; background-color: #f6f6f6; color: #666666; }
input[type=text]:focus, textarea:focus { background-color: #ffffff; border: 1px #999999 solid; color: #000000; }
input[type=text]:hover, textarea:hover { border: 1px #a6a6a6 solid; }
.red { color: #b5090a; }
input[type=submit], input[type=button] { padding: 4px 4px 4px 4px; width: 140px; font-size: 13px; font-weight: bold; font-family: Arial; /*border: 1px #666666 solid;*/ border: none; -moz-border-radius: 4px 4px; -webkit-border-radius: 4px 4px; boder-radius: 4px 4px; background-color: #6b8599; color: #ffffff; cursor: pointer; }
input[type=submit]:hover, input[type=button]:hover { background-color: #7b95a9; }
input[type=submit]:active, input[type=button]:active { background-color: #5b7589; }
input[type=button].input_button_gray { background-color: #9fbacf !important; }
input[type=button].input_button_gray:hover { background-color: #afcbe0 !important; }
input[type=button].input_button_gray:active { background-color: #8faabf !important; }
.contact_errors { padding: 0 0 15px 45px; color: #b5090a; }
.contact_success { padding: 0 0 150px 0; color: #092636; }

table.table_price { border-collapse: collapse; }
table.table_price td { padding: 4px 4px 4px 4px; vertical-align: top; }
table.table_price td.dash { padding-left: 10px; padding-right: 10px; }
table.table_price td.h { width: 170px; }
table.table_price td.desc { padding: 10px 0 0 20px; font-size: 12px; color: #bbbbbb; }
table.table_price td.desc i { padding-left: 20px; }
.tc .tt:hover, .tca .tt:hover, .ts .tt:hover, .tsa .tt:hover, .ts2 .tt:hover, .ts2a .tt:hover, .ti:hover, .ti2:hover, .ti3:hover { background-color: #ffffcc; cursor: pointer; }
.tc { margin: 1px 0 0 0; background-color: #eeeeee; }
.tca { margin: 1px 0 0 0; background-color: #e5e5e5; }
.tc .tb { display: none; padding: 0; }
.tca .tb { display: none; background-color: #f6f6f6; }
.ts .tb { display: none; }
.tsa .tb { display: none; background-color: #f6f6f6; }
.ts2 .tb { display: none; }
.ts2a .tb { display: none; background-color: #f6f6f6; }
.tc .tt, .tca .tt { padding: 4px 10px 4px 10px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #092636; }
.tca .tt { font-weight: bold; color: #b5090a; background-color: #e5e5e5; }
.ts .tt, .tsa .tt { padding: 5px 10px 4px 20px; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #092636; background-color: #eeeeee; border-top: 1px #e5e5e5 solid; }
.tsa .tt { font-weight: bold; color: #b5090a; background-color: #f6f6f6; }
.ts2 .tt, .ts2a .tt { padding: 5px 10px 4px 30px; font-size: 10px; font-weight: bold; letter-spacing: 1px; color: #092636; background-color: #eeeeee; border-top: 1px #f6f6f6 solid; }
.ts2a .tt { font-weight: bold; color: #b5090a; background-color: #f6f6f6; }
.ti, .ti2, .ti3 { margin: 1px 0 0 0; padding: 0 0 0 19px; background-color: #ffffff; border-left: 1px #f6f6f6 solid; color: #000000 !important; }
.tl { padding: 2px 0 2px 35px; font-size: 11px; letter-spacing: 1px; line-height: 16px; color: #999999; background: url(/img/loading.gif) no-repeat scroll 10px 2px; }
.te { padding: 2px 0 2px 10px; font-size: 11px; letter-spacing: 1px; line-height: 16px; color: #999999; }
.tc table, .ts table, .ts2 table, .tca table, .tsa table, .ts2a table { width: 100%; border: none; border-collapse: collapse; }
.tc table td, .ts table td, .ts2 table td, .tca table td, .tsa table td, .ts2a table td { font-size: 11px; vertical-align: top; }
.zi { padding: 4px 5px 4px 0; width: 50px; text-align: left; border-right: 1px #f6f6f6 solid; }
.ti2 .zi { padding-left: 10px; width: 40px; }
.ti3 .zi { padding-left: 20px; width: 30px; }
.zz { padding: 5px 5px 4px 5px; border-right: 1px #f6f6f6 solid; }
.zzb { text-align: left; width: 60px; height: 13px; font-size: 10px !important; line-height: 13px !important; float: left; overflow-x: hidden; overflow-y: hidden; }
.zzn { margin: 0 0 0 10px; text-align: left; width: 80px; height: 13px; float: left; font-size: 10px !important; line-height: 13px !important; overflow-x: hidden; overflow-y: hidden; }
.zzt { margin: 0 0 0 10px; text-align: left; /*width: 330px;*/ width: 300px; height: 13px; float: left; font-size: 10px !important; line-height: 13px !important; overflow-x: hidden; overflow-y: hidden; }
.zp { padding: 4px 10px 4px 10px; width: 50px; font-weight: bold; text-align: right; border-right: 1px #f6f6f6 solid; }
.zs { padding: 3px 5px 2px 5px; width: 20px; text-align: center; border-right: 1px #f6f6f6 solid; }
.y { color: #009900 !important; font-size: 13px !important; }
.n { color: #ff0000 !important; font-size: 13px !important; }
.zw { padding: 4px 5px 4px 5px; width: 30px; text-align: center; font-size: 10px !important; line-height: 13px !important; border-right: 1px #f6f6f6 solid; }
.zzc { padding: 4px 5px 4px 5px; width: 16px; text-align: center; font-size: 10px !important; line-height: 13px !important; border-right: 1px #f6f6f6 solid; }
.zzc a, .zzc a:link, .zzc a:active, .zzc a:visited, .zzc a:hover { display: block; float: left; width: 16px; height: 16px; background-image: url(/img/add_to_cart.gif); background-repeat: no-repeat; background-position: 0 0; }
.zzc a:hover { background-position: 0 -16px; }
table.searcb_form { border-collapse: collapse; }
table.search_form td { padding: 0; line-height: 18px; }
table.search_form td.h { padding: 0 10px 0 0; font-weight: bold; text-align: right; }
table.search_form td.s { padding: 0 0 0 5px; }
.small { font-size: 11px; color: #000000; }
#tooltip { position: absolute; border: 1px #999999 solid; background-color: #f7f5d1; padding: 2px 5px 2px 5px; color: #666666; display: none; }
.tooltip { }
.tooltip_over { color: #b5090a; background-color: #ffffcc; }
.tbl_titles { height: 15px; float: left; border: 1px #f6f6f6 solid; border-right: none; border-bottom: none; background-color: #ffffff; }
.tbl_titles div { border-right: 1px #f6f6f6 solid; height: 15px; float: left; text-align: center; font-size: 11px; line-height: 15px; color: #b5090a; }

.head_id { width: 74px; }
.head_brand { width: 66px; }
.head_product_number { width: 91px; }
.head_title { width: 314px; }
.head_price { width: 70px; }
.head_is_stock { width: 30px; }
.head_warranty { width: 40px; }
.head_cart { width: 26px; }

.map_holder { float: left; padding: 0 25px 0 0; width: 350px; height: 270px;  }
.photo_holder { float: left; padding: 0; width: 340px; height: 270px; }
.photo { width: 340px; height: 235px; background: url(/img/interactive_if.jpg) no-repeat 0 0; }

.table_checkout { border-collapse: collapse; }
.table_checkout tr.odd { background-color: #f6f6f6; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; }
.table_checkout tr.even { background-color: #ffffff; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; }
.table_checkout tr.odd td, .table_checkout tr.even td { padding: 10px 6px 10px 6px; }
.table_checkout tr.single td { padding: 10px 6px 10px 6px; }

.table_products { border-collapse: collapse; }
.table_products th { color: #666666; padding: 2px 4px 2px 4px; border: none; border-bottom: 2px #b5090a solid; }
.table_products td { padding: 4px 4px 4px 4px !important; border: none; }
.table_products tr.row { border-top: 1px #cccccc solid; }
.table_products tr.odd { background-color: #f6f6f6; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; }
.table_products tr.even { background-color: #ffffff; border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; }
.table_products tr.subtotals { background-color: #ffffff; border: none; border-top: 2px #b5090a solid; }
.table_products tr.subtotals td { color: #999999; font-weight: normal; padding: 8px 4px 8px 4px !important; }
.price_total { color: #ff0000; }
.cart_title { font-size: 12px; line-height: 14px; }
.search_in { margin: 4px 0 0 0; padding: 3px 0 3px 0; border-top: 1px #dddddd dashed; font-size: 11px; line-height: 13px; }

#popupContentHolder  { display: none; }
.popup_content { padding: 20px 20px 10px 20px; font-size: 13px; text-align: left; }
.popup_buttons { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px #cccccc solid; text-align: center; }
.popup_buttons_left { float: left; }
.popup_buttons_right { float: right; }
.popup_info { line-height: 20px; }
.popup_donotshow { padding: 10px 0 0 0; height: 15px; font-size: 11px !important; font-style: italic; color: #999999; }

#top_cart { cursor: pointer; margin: 0; padding: 0;  width: 250px; height: 80px; float: right; background: url(/img/bg_cart_top.jpg) no-repeat 0 0; }
.top_cart_outer { padding: 6px 10px 0 85px; width: 155px; height: 70px; }
.top_cart_title { font-size: 18px; color: #b5090a; }
.top_cart_key { float: left; text-align: left; padding: 0 2px 5px 0; width: 55px; font-size: 12px; line-height: 16px; font-weight: bold; color: #666666; text-shadow: #ffffff 0 1px; }
.top_cart_val { float: left; text-align: left; padding: 0 0 5px 5px; width: 80px; font-size: 12px; line-height: 16px; font-weight: bold; color: #b5090a; }