/*
	:: VENUS - CSS
  	:: Graphic Design and Code By VENUS TEAM
  	:: Versio 1.0 - MARCH 2008
  	:: VenusDesign Developing Team
  	:: http://www.VenusDesign.ir
*/

*{margin:0; padding:0;}

body{background:transparent url('../images/t1.gif') repeat; font-family:Tahoma,Helvetica,Sans-serif; font-size:12px; font-weight:normal}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a{color:#006699; text-decoration:none; outline:0;}
a:hover{text-decoration:underline;}

.en{direction:ltr;}

#wrapper{margin:20px auto;width:970px;}
#BackUp{background:transparent url('../images/hdr.png') no-repeat; width:970px; height:111px; color: #000}
#BackUp .tp {width:920px; margin: 42px 25px}

#BackMiddle{background:transparent url('../images/bdyRep.png') repeat-y top center; width:970px;}
#BackDown{background:transparent url('../images/bdyDown.png') repeat-y; width:970px; height:40px;}
#BackMiddle #navBar{margin:0px auto; width:920px;height:80px; border-bottom:5px solid #c1c1c1;}

#navBar ul{width:920px; height:80px;}
#navBar ul li a{ width:184px; height:80px;float:right;}
#navBar ul #item_1 a{background:url('../images/nav_01.jpg') no-repeat;}
#navBar ul li#item_2 a{background:url('../images/nav_02.jpg') no-repeat;}
#navBar ul li#item_3 a{background:url('../images/nav_03.jpg') no-repeat;}
#navBar ul li#item_4 a{background:url('../images/nav_04.jpg') no-repeat;}
#navBar ul li#item_5 a{background:url('../images/nav_05.jpg') no-repeat;}

#navBar ul li#item_1 a:hover{background:url('../images/nav_01.jpg') 0% 50% no-repeat;}
#navBar ul li#item_2 a:hover{background:url('../images/nav_02.jpg') 0% 50% no-repeat;}
#navBar ul li#item_3 a:hover{background:url('../images/nav_03.jpg') 0% 50% no-repeat;}
#navBar ul li#item_4 a:hover{background:url('../images/nav_04.jpg') 0% 50% no-repeat;}
#navBar ul li#item_5 a:hover{background:url('../images/nav_05.jpg') 0% 50% no-repeat;}

#navBar ul li#item_1 a.active{background:url('../images/nav_01.jpg') 0% 100% no-repeat;}
#navBar ul li#item_2 a.active{background:url('../images/nav_02.jpg') 0% 100% no-repeat;}
#navBar ul li#item_3 a.active{background:url('../images/nav_03.jpg') 0% 100% no-repeat;}
#navBar ul li#item_4 a.active{background:url('../images/nav_04.jpg') 0% 100% no-repeat;}
#navBar ul li#item_5 a.active{background:url('../images/nav_05.jpg') 0% 100% no-repeat;}
#navBar ul li#item_1 a.active:hover {background:url('../images/nav_01.jpg') 0% 100% no-repeat;}

#BackMiddle #middleIn{margin:0px auto;width:920px;}
a:focus{outline:none;}
a{text-decoration:nitem_1;}
img{border:0px;}
li{display:inline;}




div#ddmenuwrap {
background:transparent url(../images/topmenu.png) repeat-x scroll 0 0;
height:33px;
position:relative;
width:920px;
margin:0 auto;
z-index:100;

}

div#nav {
height:33px;
}
div#nav a {
color:#fff;
cursor:pointer;
display:block;
font-size:11px;
line-height:33px;
padding:0 15px;
text-decoration:none;
}
div#nav li a {
background:transparent url(../images/menu_div.gif) no-repeat 100% 0;
}
div#nav li li a {
color:#fff;
line-height:25px;
}
div#nav ul li a:hover, div#nav ul li ul li ul li a:hover {
color:#fefefe;
}
div#nav, div#nav ul {
float:right;
}
div#nav li li {
border-bottom:1px solid #01324D;
}
div#nav a {
}
div#nav ul ul a {
color:#FFFFFF;
display:block;
font-size:11px;
text-align:left;
text-decoration:none;
padding-right:10px;
}
div#nav li {
background:transparent none repeat scroll 0 0;
float:right;
height:33px;
padding:0;
}
div#nav ul li {
position:relative;
}
div#nav li ul {
border-left:1px solid #01324D;
border-right:1px solid #01324D;
border-top:1px solid #01324D;
border-width:1px 1px 0;
font-weight:normal;
height:auto;
left:-999em;
margin:0;
padding:0;
position:absolute;
top:33px;
width:190px;
}
div#nav li li {
float:right;
height:25px;
padding:0;
width:190px;
}
div#nav li ul ul {
margin:30px 170px 0 0;
}
div#nav li:hover ul ul, div#nav li:hover ul ul ul, div#nav li:hover ul ul ul ul, div#nav li.sfhover ul ul, div#nav li.sfhover ul ul ul, div#nav li.sfhover ul ul ul ul {
left:-999em;
}
div#nav li:hover ul, div#nav li li:hover ul, div#nav li li li:hover ul, div#nav li li li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul, div#nav li li li.sfhover ul, div#nav li li li li.sfhover ul {
left:0;
z-index:100;
}
div#nav li:hover, div#nav li.sfhover {
background:transparent url(../images/menu_active.gif) repeat-x scroll right top;
height:33px;
left:0;
}
div#nav li li:hover, div#nav li li.sfhover {
background:#01669A none repeat scroll 0 0;
height:25px;
left:0;
}
div#nav li:hover a, div#nav li.sfhover a {
color:#FFFFFF;
}
div#nav li li:hover a, div#nav li li.sfhover a {
color:#FFFFFF;
}
div#nav li li:hover a:hover, div#nav li li.sfhover a:hover {
color:#FFFFFF;
}
div#nav a {
}
div#nav ul ul a {
background:transparent none repeat scroll 0 0;
}
div#nav li:hover ul, div#nav li li:hover ul, div#nav li li li:hover ul, div#nav li li li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul, div#nav li li li.sfhover ul, div#nav li li li li.sfhover ul{
background:#014B72 none repeat scroll 0 0;
}


#main_content{width:920px; margin:0 auto; clear:both; min-height:250px; direction:LTR;}
*html #main_content{height:250px;}
#main_content #sidebar{float:right; width:650px; }
#sidebar .side_entry {width:220px; margin:10px auto;}
#main_content #lcontent{float:left; width:250px;}
#lcontent .cnt_entry{margin:20px 25px 20px 25px; color:#000; }
#lcontent strong{font-weight:600; }
#lcontent h2{font-size:100%; padding-top:10px;}
#lcontent ul{margin:10px 20px 0 0; width:560px;}
#lcontent ul li{display:block; height:20px;}
#lcontent ul li.dd{background-color:#fafafa;}
#lcontent ul li.cc{background-color:#e8edf3;}
#lcontent ul li .checkbx { margin:0 2px 0 10px; position:relative; top:3px; outline:0; float:right;}
#lcontent ul li .act{float:right; width:13px; margin:0 2px 0 10px; background:url(../images/tick.gif) no-repeat right 3px; display:none;}
*html #lcontent ul li .checkbx {position:relative; top:-1px;}
#lcontent ul.option_list {color:#333;}
#lcontent ul.option_list label{float:right;}
#lcontent ul.option_list li span{float:left; margin-left:5px; line-height:20px;}

#lcontent li.center {text-align:center; margin:10px auto;}
#lcontent li.center input.opt_btn { padding:0 5px 0 5px; text-align:center; clear:both; font:normal 100% Tahoma; }

#lcontent .doubleline {padding-top:20px; border-bottom:3px double #ddd; font:0;}
#lcontent .oneline {clear:both; padding-top:10px; border-bottom:1px solid #ddd; font:0;}
#lcontent .cnt_entry p{ padding-top:10px; text-align:justify; line-height:20px; font-size:95%;}
#lcontent img{float:left}
#lcontent div .work_info{float:right; width:260px; margin:20px 0; direction:LTR; line-height:22px;}
#lcontent div .work_info label{float:right; font-weight:600; margin-left:5px;}

.order_form div {clear:both; width:100%; height:45px; line-height:18px;}
.order_security {margin:40px auto; width:300px; line-height:22px; min-height:22px; padding:5px; background-color:#e8edf3; text-align:center;}
*html .order_security {height:22px;}
.order_security span {color:red; width:130px; font-size:15px; margin-right:20px; float:left; text-align:left;}
.order_security input {width:50px; height:18px; float:right; color:#555; padding:1px 2px 0 2px; }
.order_security b {float:left; width:30px; text-align:center;}
.order_form label{float:right; padding-bottom:2px;}
.order_form input.txt,.order_form textarea {float:right; clear:both; height:16px; width:200px; padding:1px 2px 0 0; font:normal 11px Tahoma}
.order_form textarea {width:300px; height:100px;}
.order_form span {float:right; margin-right:10px; font-size:90%; color:#006699; display:none;}
.order_form input.ord_btn { float:right; margin-top:10px; padding:0 5px 0 5px; clear:both; font:normal 100% Tahoma; }
*html .order_form input.ord_btn {margin-top:10px}
.order_form span.exist_alert {color:#888; clear:both; margin:0 0 10px 0; display:inline;}
.order_form input.en {padding:1px 0 0 2px; width:200px; direction:ltr;}

#lcontent .contact,#lcontent .order_form {width:550px; margin:20px auto;}
.contact div {clear:both; width:100%; height:30px; line-height:18px;}
.contact label {float:right; width:130px; }
.contact input.txt,.contact textarea {float:right; height:16px; width:170px; padding:1px 2px 0 0; font:normal 11px Tahoma}
.contact textarea {width:250px; height:80px;}
.contact span {float:right; margin-right:10px; font-size:90%; color:#006699; display:none;}
.contact input.cont_btn { float:right; margin:10px 130px; padding:0 5px 0 5px; clear:both; font:normal 100% Tahoma; }
*html .contact input.cont_btn {margin:10px 105px;}

.contact span.exist_alert {color:#888; display:inline;}
.contact input.en {padding:1px 0 0 2px; width:170px;}


#lcontent #security_codes {margin:15px auto 0 auto; width:300px; padding-top:10px;}
#security_codes div{height:25px; margin:0 auto; width:200px;}
#security_codes label{float:right; width:100px;}
#security_codes input.txt{float:right; width:80px; height:16px; color:#555; padding:1px 2px 0 2px; font:normal 11px Tahoma;}
#security_codes div.center{text-align:center; margin:5px auto; }
#security_codes input.secur_btn{padding:0 5px 0 5px; clear:both; font:normal 100% Tahoma; }





/* -- jQuery Carousel Plugin--*/
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top:0;left:0;margin:0;padding:0;}
.jcarousel-item {float:left;list-style:nitem_1;width:920px;height:282px;}
.jcarousel-next {z-index:3;display:nitem_1;}
.jcarousel-prev {z-index:3;display:nitem_1;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:920px;height:282px;}
.jcarousel-skin-tango .jcarousel-item {width:920px;height:275px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff;color:#000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute;top:235px;left:305px;width:94px;height:34px;cursor:pointer;background:transparent url(../img/but-next.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-94px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -94px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {visibility: hidden;}








/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 190px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
font-size:12px;
background: #fff;
padding: 4px 5px;
border: 2px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: yellow;
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}



div.dialogBackground {
	background: black;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;  
	opacity: 5;
	z-index:999;
}

div.dialogBox {
	border:0px solid black;
	background:white;
	position:absolute;
	left:40%;
	top:25%;
	margin-left:-250px;
	margin-top:-150px;
	width:0px;
	height:0px;
	z-index:1000;
}

