html, body {
height : 100%;
margin : 0;
border : 0;
padding : 0;
background : #f5f4ee url(/images/ardalan.gif) repeat-x top;
font-family : Verdana;
font-size : 11px;
}
a {
text-decoration : none;
color : #383838;
}
a:hover {
color : #5d5d5d;
}
.clear {
clear : both;
margin : 0;
padding : 0;
}
.auto {
margin : auto;
}
.menu_active {
color : #f7c8d6;
font-size : 22px;
}
.menu_passive {
font-size : 20px;
color : #fff;
}
.layout {
clear : both;
width : 1000px;
margin : 0 auto;
padding : 5px;
}
.layout_liquid {
clear : both;
width : 100%;
margin : 0 auto;
padding-top : 5px;
}
.layout_home {
clear : both;
width : 100%;
margin : 0 auto;
padding-top : 0;
}
#header {
height : 150px;
}
#logo {
float : left;
width : 232px;
height : 150px;
margin : 0;
padding : 0;
}
#help {
	position:absolute;
	left:70%;
	top:70px;
	width:155px;
	height:78px;
	z-index:4;

}
.menus {
width : auto;
height : 160px;
float : left;

margin : 0;
padding : 0;
}
#navigation ul {
list-style : none;
padding : 0;
margin : 0;
float : right;
}
#navigation ul li {
float : left;
margin-top : 140px;
margin-left : 10px;
color : #000;
}
#navigation ul li a {
font-size : 13px;
color : #000;
font-weight: bold;
}
#navigation ul li a:hover {
color : #333333;
}
#contents {
margin-top : 20px;
}
#welcome {
height : 300px;
background-image : url(/images/welcome-bg.png);
background-repeat : repeat-x;
background-position : bottom;
}
#welcome_container {
height : 449px;
}
#footer-container {
background-color : #fff;
text-align : center;
padding-top : 5px;
padding-bottom : 5px;
border-top-width : 5px;
border-top-style : solid;
border-top-color : #cccccc;
}
#product_groups_title {
height : 50px;
background : #404040;
}
#product_groups {
text-align : center;
margin-top : 1px;
padding-left : 5px;
padding-bottom : 10px;
background-color : #fff;
}
#urproduct_groups {
text-align : center;
margin-top : 1px;
padding-left : 5px;
padding-bottom : 10px;
background-color : #fff;
}
#urproduct_groups ul {
float : left;
list-style : none;
margin : 0;
padding : 10px;
}
#icproduct_groups {
text-align : left;
margin-top : 0;
padding-bottom : 10px;
background-color : #fff;
}
#product_groups ul li {
background : #fff;
border : 1px solid #d9d9d9;
display : block;
width : 218px;
height : 305px;
float : left;
margin : 10px;
padding : 5px;
text-align : left;
}
#urproduct_groups ul li {
background : #fff;
border : 1px solid #d9d9d9;
display : block;
width : 200px;
height : 250px;
float : left;
margin : 0;
padding : 0;
text-align : center;
}
ul#group-texts {
width : 100%;
display : block;
list-style : none;
margin : 0;
padding : 0;
}
ul#group-texts li {
text-align : left;
display : block;
width : 100%;
background-color : #ffffff;
margin : 0;
padding : 0;
}
#dropdownpanel {
position : absolute;
width : 40%;
right : 0;
top : 0;
visibility : hidden;
text-align:center;
}
#dropdownpanel .contentdiv {
background : #ffe8b6;
color : black;
padding : 5px;
}
#dropdownpanel .control {
color : white;
font-weight : bold;
text-align : center;
background : transparent url("/images/panel.gif") no-repeat center center;
padding-bottom : 3px;
height : 21px;
line-height : 21px;
}
.langmenu a {

color : #000;
font-size : 12px;
}
.langmenu a:hover {
color : #ff3399;
}
#slideshow {
position : relative;
padding : 0;
list-style : none;
width : 460px;
height : 255px;
left : 535px;
}
#slideshow img {
border : none;
}
#slideshow .arrow {
width : 40px;
height : 70px;
display : block;
position : absolute;
top : 28%;
text-indent : -9999px;
overflow : hidden;
cursor : pointer;
z-index : 70;
}
#slideshow .arrowL {
background : url(/images/slideView_arrows.gif) no-repeat 0 30px;
left : 0;
}
#slideshow .arrowR {
background : url(/images/slideView_arrows.gif) no-repeat -40px 30px;
right : 0;
}
.slideView, .thumbList {
margin : 0;
padding : 0;
list-style : none;
}
.slideView {
height : auto;
position : relative;
top : 0;
left : 0;
overflow : hidden;
z-index : 0;
}
.slideView li {
width : 100%;
height : 255px;
float : left;
margin : 0;
display : inline;
}
.slideView li a {
display : block;
width : 100%;
height : 100%;
}
#slideshow .wrap {
background : black;
position : absolute;
height : 70px;
bottom : 0;
left: 0;
z-index : 90;
}
#slideshow .thumbList {
position : relative;
top: 0;
left : 0;
overflow : hidden;
z-index : 100;
width : auto;
}
#slideshow .thumbList li {
width : 114px;
height : 100%;
display : inline;
float : left;
margin : 0;
}
#slideshow .desc {
padding : 0 20px 0 16px;
width : 424px;
height : 25px;
background : white;
position : absolute;
top : 0;
left : 0;
color : black;
z-index : 200;
font-weight : bolder;
border-bottom : 1px solid gray;
font-size : 13px;
line-height : 30px;
overflow : hidden;
}
#slideshow .thumbList li a {
display : block;
width : 90px;
height : 55px;
margin-left : 12px;
margin-top : 9px;
border : 2px solid #17d2db;
}
#slideshow .thumbList li a:hover {
border-color : #f75514;
}
fieldset {
border : 0;
width : 500px;
}
ul.form {
list-style : none;
padding : 0;
margin : 0 auto;
width : 420px;
border : 0;
}
ul.form li {
border-bottom : 1px dashed #464e5f;
padding : 6px 0;
height : 35px;
}
.form_head {
height : 20px;
width : 450px;
color : #aaa;
text-align : center;
border-bottom : 0 !important ;
}
ul.form li label {
display : block;
float : left;
width : 200px;
}
.required {
display : block;
font-size : 10px;
color : #5b6170;
width : 160px;
float : left;
clear : left;
}
ul.form li input, ul.form li select, ul.form li textarea {
width : 180px;
background-color : #ccc;
border : 2px solid #ccc;
padding-left : 3px;
}
ul.form li.submit {
text-align : left;
border : 0;
}
ul.form li.submit input {
cursor : pointer;
display : block;
height : 34px;
width : 110px;
overflow : hidden;
text-indent : -4000px;
float : right;
}
#comment {
width : 420px;
background-color : #ccc;
border : 2px solid #ccc;
}
ul.form li textarea {
height : 90px;
width : 420px;
}
ul.form li.comment .required, ul.form li.comment label {
width : 120px;
}
li.comments {
height : 130px !important ;
}
.valid {
border : 2px solid green !important ;
}
.invalid {
border : 2px solid #800 !important ;
}
.layervideo {
width : 900px;
height : 350px;
border-bottom : 1px solid #d9d9d9;
}
.video {
float : left;
height : 326px;
width : 450px;
border-right : 1px solid #d9d9d9;
}
.videotitle {
float : right;
height : auto;
width : 440px;
padding-bottom : 10px;
}
.videodescription {
float : right;
height : auto;
width : 440px;
}
#tooltip {
position : absolute;
z-index : 9999;
color : #fff;
font-size : 10px;
width : 180px;
}
#tooltip .tipHeader {
height : 8px;
background : url(/images/tipHeader.gif) no-repeat;
}
#tooltip .tipBody {
background-color : #000;
padding : 5px 5px 5px 15px;
}
#tooltip .tipFooter {
height : 8px;
background : url(/images/tipFooter.gif) no-repeat;
}
div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}
#lbOverlay {
position : fixed;
z-index : 9999;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #000;
cursor : pointer;
}
#lbCenter, #lbBottomContainer {
position : absolute;
z-index : 9999;
overflow : hidden;
background-color : #fff;
}
.lbLoading {
background : #fff url(/images/loading.gif) no-repeat center;
}
#lbImage {
position : absolute;
left : 0;
top : 0;
border : 10px solid #fff;
background-repeat : no-repeat;
}
#lbPrevLink, #lbNextLink {
display : block;
position : absolute;
top : 0;
width : 50%;
outline : none;
}
#lbPrevLink {
left : 0;
}
#lbPrevLink:hover {
background : transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right : 0;
}
#lbNextLink:hover {
background : transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size : 10px;
color : #666;
line-height : 1.4em;
text-align : left;
border : 10px solid #fff;
border-top-style : none;
}
#lbCloseLink {
display : block;
float : right;
width : 66px;
height : 22px;
background : transparent url(/images/closelabel.gif) no-repeat center;
margin : 5px 0;
outline : none;
}
#lbCaption, #lbNumber {
margin-right : 71px;
}
#lbCaption {
font-weight : bold;
}
#login {
	width: 200px; 
	height: 250px;
	margin: 0 auto; 
	border: 1px solid #eee; 
	padding: 25px; 
	background-color: #FFFFCC;
	position: relative; 
	left: 1px; 
	top: -1px;
}
#rss {
	position:absolute;
	left:90%;
	top:85px;
	width:64px;
	height:64px;
	z-index:10;
}
#banner {
	position:absolute;
	left:450px;
	top:25px;
	width:350px;
	height:100px;

}