/* CSS Document */
HTML, BODY {background:#F2E0BC url(../images/bkg.jpg) repeat-x;height: 100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px}
body {display: table; height: 100%;width: 100%; text-align: center/*for IE5 win*/;}
DIV {margin:0; padding:0}
A:focus {outline:none;}
#wrapper {display: table-cell; vertical-align: middle;}
#main {width:675px; height:570px; margin: 0 auto}
div#main {margin-top: expression((document.documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) <0 ? "0" : (document.documentElement.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px') ;}
#inner {border-left:4px solid #981022; border-right:4px solid #981022; height:520px; padding-top:10px}
#inner_home {border-left:4px solid #981022; border-right:4px solid #981022; height:488px; padding-top:30px; background:url(../images/inner_hp_bkg.png) no-repeat 230px 50px}
#footer {background:url(../images/bot_frame.png) no-repeat bottom center; height:40px}
#header {background:url(../images/top_frame.png) no-repeat top center; height:40px}
#content_tabs {width:400px; height:420px; float:right; margin-right:45px}
#tabs {list-style-type:none; height:30px; margin:0; padding:0}
#tabs li {display:block; float:left; height:24px; width:auto; color:#FFFFFF; font-weight:bold; padding:0; margin:0; position:relative; top:10px;background:url(../images/topnav_off_bkg.png) repeat-x left}
#tabs li.on { background:url(../images/topnav_left_on.png) no-repeat left}
#tabs li.inon { background:url(../images/topnav_left_inon.png) no-repeat left}
#tabs li.off {background:url(../images/topnav_left_off.png) no-repeat left}
#tabs li.separatoron {background:url(../images/topnav_right_on.png) no-repeat right; width:20px}
#tabs li.separator{background:url(../images/topnav_cross_off.png) no-repeat right; width:19px}
#tabs li.right{background:url(../images/topnav_right_off.png) no-repeat left; width:19px}
#tabs li.righton{background:url(../images/topnav_rightend_on.png) no-repeat right; width:19px}
#tabs li a, #tabs li a:visited {display:block; margin-left:10px; height:19px; padding-top:5px; padding-right:5px;color:#FFFFFF; text-decoration:none; font-weight:bold; direction:rtl }
#tabs li a.on, #tabs li a.on:visited {background:url(../images/topnav_on_bkg.png) repeat-x left}
#tabs li.off a, #tabs li.off a:visited {background:url(../images/topnav_off_bkg.png) repeat-x left}
#tabs li a:hover {color:#E0DCDD}
#content {height:400px; background:url(../images/content_frm.png) no-repeat left top; padding:22px 20px 18px 17px}
#content_box {height:330px; overflow:auto; text-align:right; direction:rtl; background:#ffffff;padding:10px}
#leftpic {float:left;height:370px; font-size:1.4em; color:#981022; text-align:left; padding-left:65px}
#leftpic SPAN {display:block; width:auto;text-align:center}
A.button, A.button:visited {display:block; width:68px; padding-left:2px; height:40px; padding-top:20px; position:relative; background:url(../images/btn_off.png) no-repeat center top; text-align:center; color:#ffffff; text-decoration:none; font-size:1.2em; font-weight:bold}
A.button:hover {background:url(../images/btn_on.png) no-repeat center top; color:#E0DCDD}
A.buttoni, A.buttoni:visited  {display:block; width:68px; padding-left:2px; height:56px; padding-top:4px; position:relative; background:url(../images/btn_itea_off.png) no-repeat center top; text-align:center; color:#ffffff; text-decoration:none; font-size:1.2em; font-weight:bold}
A.buttoni:hover {background:url(../images/btn_itea_on.png) no-repeat center top; color:#E0DCDD}
A.buttonl, A.buttonl:visited {display:block; width:53px; padding-left:2px; height:33px; padding-top:15px; position:relative; background:url(../images/btn_sml_off.png) no-repeat center top; text-align:center; color:#ffffff; text-decoration:none; font-size:1.0em; font-weight:bold}
A.buttonl:hover {background:url(../images/btn_sml_on.png) no-repeat center top; color:#E0DCDD}
SPAN.pruduct {display:block; float:left; position:relative; width:120px; text-align:center}
SPAN.pruduct A, SPAN.pruduct A:visited {color:#981022; text-decoration:none; font-size:1.2em; font-weight:bold; position:relative; direction:rtl}
SPAN.pruduct A:hover {color:#FFFFFF}
SPAN.pruduct A IMG {margin-bottom:5px}
#preview {list-style-type:none; margin:0; padding:0}
#preview LI {display: table-cell; vertical-align: middle; float:left; margin:0; padding:0; width:110px; height:80px; text-align:center; margin-right:8px; background:url(../images/preview_box.png) no-repeat}
#preview LI IMG {margin-left:4px; margin-top:9px}
/*#preview LI A, #preview LI A:visited, #preview LI A:hover {text-decoration:none; height:76px; width:120px; display:block}*/