/*************************************General***************************************/
body { margin:0; line-height:16px; font-family: Tahoma, Arial; color:#000; font-size:12px;  text-align:center; background-color:#000;}
a { color:#018BC1;}
a:hover { text-decoration:none;}
h1 {margin:10px 0 0 0; padding:5px 0 7px 25px; text-transform:uppercase; font-size:17px; color:#333; font-family:Arial;}
img{border:#444 1px solid;}
table{border:none;}
#main{ width:785px; height:600px; margin-left:auto; margin-right:auto; position:relative;}
/*************************************Header***************************************/
#title{background: url(images/body_top_bckg.jpg) center no-repeat #000; text-align:right; width:1000px; height:282px; margin:10px auto;}
/*************************************Menu***************************************/
#menu { float:right; background: url(images/menu.jpg) no-repeat center; position:relative; width:188px; height:573px; padding:0; margin:0px; z-index:10; border-left:solid 2px #660000;  border-top:solid 2px #660000;}
#menu2{width:150px; z-index:12; position:absolute; left:15px;  top:140px;font-family:Arial; text-align:left; direction:rtl; font-size:16px;}
#menu2 ul ,#menu2 ul a{line-height:25px; margin:0; padding:0; color:#660000; text-align:center; text-decoration:none; font-weight:bold;}
#menu2 li{list-style:none;}
#menu2 ul ul , #menu2 ul ul a{line-height:20px; padding-right:10px; font-size:12px; color:#222; }
#menu2 a:hover {text-decoration:underline;}
/*************************************Search***************************************/
#search{width:auto; float:left; margin:510px 0 0 10px; width:135px; direction:rtl;}
#search input.TextFeild{width:130px; height:18px;  border:1px #333 dotted; background-color:#FC6; font-family:Tahoma;font-size:12px;}
#search input.SubmitFeild{float:left; margin:5px 0 0 5px; background-color:#C60; color:#FFF; border:1px #333 solid;font-family:Arial; height:20px;}
/*************************************Content***************************************/
#content {float:right; width:576px; height:568px; margin:0 auto; background: url(images/content_bckg.jpg) repeat-x top #fff; padding:5px 0px 0px 10px; border-top:solid 2px #660000;}
#banner{width:720px; height:300px; position:absolute; top:5px; right:5px; z-index:11;}
#text{float:right;}
#text p { margin:7px 0 7px 0;}
#text li {background:url(images/li.gif) no-repeat 0px 7px;}
#text a{font-weight:bold; color:#000; text-decoration:none;}
#text a:hover { text-decoration:underline;}
#text{text-align:justify; direction:rtl; line-height:25px; width:555px; overflow:hidden; padding:0 10px 0 10px; margin-right:5px;}
#msgErr{ width:100%; text-align:center; direction:rtl; color: #F00; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#tblOrder{width:90%; border:none; font-size:11px;}
/*************************************Footer***************************************/
#footer1 {background:url(images/footer.jpg) no-repeat #d27d23 top center; height:27px; width:774px; float:right; border-left:solid 2px #660000; border-bottom:solid 2px #660000;}
#footer {background:url(images/foot.jpg) no-repeat top center; height:96px; width:800px; margin:0 auto;}
#left_footer { float:left; padding:20px 0 0 30px; color:#eee; font-size:12px;}
#left_footer a { color:#eee;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:20px 30px 0 0; color:#eee;  font-size:12px; text-align:right;}
#right_footer a { color:#eee;}
#right_footer a:hover { text-decoration:none;}
/*************************************Classes***************************************/
.TextFeild{ width:200px; height:18px;background-color:#FFa; font-family:Tahoma;font-size:12px; border:1px solid #333;}
.TextAreaFeild{ width:300px; height:75px;background-color:#FFa; font-family:Tahoma;font-size:12px; border:1px solid #333;}
.SubmitFeild{ height:25px; width:auto; padding:0 10px 0 10px; background-color:#C60; color:#FFF; border:1px #333 solid;font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; margin:10px 5px 0 5px;}
/**********************************Round Box****************************************/
#box {font-family:Tahoma;color: #000;background-color: transparent;margin: 0 10px 10px 0;}
.roundborder {height: 1px;overflow: hidden;background-color:#FFa;border-right: 1px solid #33527B;border-left: 1px solid #33527B;}
.c1 {margin: 0 12px 0 12px;border: none;background-color: #33527B;}
.c2 {margin: 0 9px;border-width: 0 3px;}
.c3 {margin: 0 7px;border-width: 0 2px;}
.c4 {margin: 0 6px;}
.c5 {margin: 0 5px; }
.c6 {margin: 0 4px;}
.c7 {margin: 0 3px;}
.c8 {margin: 0 2px;height: 2px;}
.c9 {margin: 0 1px;height: 3px;}
.content {height: auto;padding: 0 15px;}
/**********************************Product Table****************************************/
#tblProduct{width:100%;}
#tblProduct tr,td{text-align:center; font-weight:bold; line-height:18px;}
#tblOrder td{text-align:right;}
/**********************************Product Pictures****************************************/
#pop{ position:absolute; width:100%; height:840px; top:0; left:0; right:0; bottom:0;  opacity:0.85; filter:alpha(opacity=85); background-color:#000; z-index:20; visibility:hidden; text-align:center; padding-top:100px; z-index:20;color:#FFF; }
#pop2{ position:absolute; top:20px; width:95%; height:auto; background-color:"transparet"; padding:20px 10px 10px 10px; z-index:21; visibility:hidden; text-align:center;}
/**********************************Product Pictures****************************************/
.btnform {width: 100px;height: 24px; font-size: 0.9em; font-weight: bold; padding-bottom: 1px; border: 0; background: url('images/button.gif') no-repeat center top; text-align:center; float:left; margin-top:20px;}
.btnform:hover {background: url('images/button.gif') no-repeat center bottom;}
