html { min-height: 100%; margin-bottom: 1px; }
body {
margin:0px;
padding:0px;
background-color: #cecece;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 170%;
cursor: default;
}
p, div{
}
table, tr, td, td, p, th{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}
h1, h2, h3, h4 {
line-height: 1.3em;
}
a{
text-decoration:none;
color:#7e7e7e;
}
a:link,a:visited {
text-decoration: none;
}
a:hover {
color: #677e9b0;
text-decoration: underline;
}
hr{
height: 1px;
border:0px;
border-top:1PX solid #CCCCCC;
width: 100%;
margin-top: 7px;
margin-bottom: 7px;
}
form{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
legend{
font-weight:bold;
}
fieldset{
border:1px solid #CCCCCC;
}
input, select, textarea{
}
/* ******************************************************************************************** */
/* TEMPLATE */
/* ******************************************************************************************** */
.master{
behavior: url(../includes/pngfix/iepngfix.htc);
width:1011px;
margin:0 auto;
background-image:url(../images/image/peron/design/body-bg.png);
background-repeat:repeat-y;
background-position:center;
}
.center_div {
width:960px;
padding:0px;
margin:0px auto;
direction:rtl;
}
.header_bar{
width:960px;
background-color:#FFFFFF;
}
.banner_bar{
width:960px;
}
.content_bar{
width:960px;
background-color:#FFFFFF;
}
.footer_bar{
width:940px;
height:155px;
text-align:center;
background-image:url(../images/image/peron/design/footer-bg.gif);
background-repeat:repeat-x;
padding-right:20px;
}
.clearboth{
clear:both;
margin:0px;
padding:0px;
height:0px;
}
.banner_bar_internal{
width:960px;
background-color:#333333;
}
.content_bar_internal{
width:700px;
float:left;
background-color:#FFFFFF;
margin:0px 10px;
}
.first_bar_internal{
width:240px;
float:right;
background-color:transparent;
}
/* ******************************************************************************************** */
/* Menu */
/* ******************************************************************************************** */
/*----------------------*/
/* HMenu11 */
/*----------------------*/
#hmenu1 {
}
#hmenu1 ul {
margin:0px;
padding:3px;
}
#hmenu1 ul li{
list-style:none;
list-style-position:inside;
line-height:15px;
float:right;
vertical-align:middle;
/* background-image:url();
background-repeat:no-repeat;
background-position:bottom;*/
}
#hmenu1 a {
display:block;
color:#FFFFFF;
background-color: transparent;
text-decoration: none;
padding:0px 20px 0px 20px;
margin:0px 0px;
}
#hmenu1 a:HOVER {
display:block;
color:#66FF66;
background-color: transparent;
text-decoration: none;
padding:0px 20px 0px 20px;
margin:0px 0px;
}
#hmenu1 a.selected {
display:block;
color:#66FF66;
background-color: transparent;
text-decoration: none;
padding:0px 20px 0px 20px;
margin:0px 0px;
}
/*----------------------*/
/* h-menu-2 */
/*----------------------*/
#hmenu2 {
}
#hmenu2 ul {
margin:0px;
padding:0px;
}
#hmenu2 ul li{
list-style:none;
list-style-position:inside;
line-height:30px;
float:right;
vertical-align:middle;
margin-bottom:5px;
/* background-image:url();
background-repeat:no-repeat;
background-position:bottom;*/
}
#hmenu2 a {
background:url(../images/image/lavazemvarzeshi/design/h_menu2_seprator.gif) no-repeat right center;
display:block;
color:#1A615F;
background-color: transparent;
text-decoration: none;
font-weight:normal;
padding:0px 20px 0px 0px;
margin:0px 5px;
}
#hmenu2 a:HOVER {
color: #381111;
background-color: transparent;
text-decoration: none;
font-weight:normal;
}
#hmenu2 a.selected {
color:#E68921;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}
/*----------------------*/
/* V Menu1 1 */
/*----------------------*/
#vmenu1 {
}
#vmenu1 ul {
padding:0px 5px;
margin:0px;
list-style:none;
}
#vmenu1 ul li{
border-bottom:1px dotted #E0E4E8;
vertical-align:middle;
line-height:30px;
padding:0px 10px;
width:140px;
margin:0px auto;
margin-bottom:3px;
font-size:13px;
}
#vmenu1 a {
color:#333333;
font-weight:bold;
background-color: transparent;
text-decoration: none;
font-weight:normal;
display:block;
padding:0px 0px;
}
#vmenu1 a:HOVER {
color:#333333;
font-weight:bold;
background-color: transparent;
text-decoration: none;
font-weight:normal;
}
#vmenu1 a.selected {
color:#333333;
font-weight:bold;
background-color: transparent;
text-decoration: none;
font-weight:bold;
}
/*----------------------*/
/* V Menu1 2 */
/*----------------------*/
#vmenu2 {
}
#vmenu2 ul {
}
#vmenu2 ul li{
/*
list-style-image:url();
list-style-position:outside;
background-image:url();
background-repeat:no-repeat;
background-position:bottom;*/
}
#vmenu2 img {
}
#vmenu2 a {
background-color: transparent;
}
#vmenu2 a:HOVER {
background-color: transparent;
}
#vmenu2 a.selected {
background-color: transparent;
}
/********************************************************************************************/
/* Default Box */
/********************************************************************************************/
.default_box{
background-color:#CCCCCC;
padding:10px;
}
.default_box .box_title{
}
.default_box .box_pic{
}
.default_box .box_header_l
{
/*background: url(../images/image/haftename/design/box_header1_bg.jpg) repeat-x top;*/
background: url(../images/image/peronco/design/vesta_24.jpg) repeat-x top right;
line-height: 26px;
}
.default_box .box_header_r
{
/*background: url(../images/image/haftename/design/box_header1_tr.jpg) no-repeat top right;*/
background: url(../images/image/peronco/design/vesta_25.jpg) no-repeat top right;
line-height: 26px;
}
.default_box .box_header_b
{
/*background: url(../images/image/haftename/design/box_header1_tl.jpg) no-repeat top left;*/
background: url(../images/image/peronco/design/vesta_22.jpg) no-repeat top left;
padding: 0px 10px 0px 0px;
color: #FFFFFF;
font-weight: bold;
}
.default_box .break_s
{
line-height: 7px;
}
.default_box .break_l
{
line-height: 20px;
}
.default_box .break_mini
{
line-height: 0px;
}
.default_box .box_bl
{
/*background: url(../images/image/haftename/design/box1_bl.jpg) repeat-y left;*/
background: #E5F0F5 url(../images/image/peronco/design/box_bl.jpg) no-repeat bottom left;
}
.default_box .box_br
{
/*background: url(../images/image/haftename/design/box1_br.jpg) repeat-y right;*/
background: url(../images/image/peronco/design/box_br.jpg) no-repeat bottom right;
}
.default_box .box_tl
{
background: url(../images/image/peronco/design/box_tl.jpg) no-repeat top left;
}
.default_box .box_tr
{
/*background: url(../images/image/haftename/design/box1_bg.jpg) repeat-x top;*/
background: url(../images/image/peronco/design/box_tr.jpg) no-repeat top right;
padding: 10px 15px;
}
.default_box .box_clear
{
font-size: 1px;
height: 1px;
}
/********************************************************************************************/
/* Default Box */
/********************************************************************************************/
.box1{
background-color:#00CCCC;
padding:20px;
}
.box1 .box_title{
}
.box1 .box_pic{
}
.box1 .box_header_l
{
/*background: url(../images/image/haftename/design/box_header1_bg.jpg) repeat-x top;*/
background: url(../images/image/peronco/design/vesta_24.jpg) repeat-x top right;
line-height: 26px;
}
.box1 .box_header_r
{
/*background: url(../images/image/haftename/design/box_header1_tr.jpg) no-repeat top right;*/
background: url(../images/image/peronco/design/vesta_25.jpg) no-repeat top right;
line-height: 26px;
}
.box1 .box_header_b
{
/*background: url(../images/image/haftename/design/box_header1_tl.jpg) no-repeat top left;*/
background: url(../images/image/peronco/design/vesta_22.jpg) no-repeat top left;
padding: 0px 10px 0px 0px;
color: #FFFFFF;
font-weight: bold;
}
.box1 .break_s
{
line-height: 7px;
}
.box1 .break_l
{
line-height: 20px;
}
.box1 .break_mini
{
line-height: 0px;
}
.box1 .box_bl
{
/*background: url(../images/image/haftename/design/box1_bl.jpg) repeat-y left;*/
background: red url(../images/image/peronco/design/box_bl.jpg) no-repeat bottom left;
}
.box1 .box_br
{
/*background: url(../images/image/haftename/design/box1_br.jpg) repeat-y right;*/
background: url(../images/image/peronco/design/box_br.jpg) no-repeat bottom right;
}
.box1 .box_tl
{
background: url(../images/image/peronco/design/box_tl.jpg) no-repeat top left;
}
.box1 .box_tr
{
/*background: url(../images/image/haftename/design/box1_bg.jpg) repeat-x top;*/
background: url(../images/image/peronco/design/box_tr.jpg) no-repeat top right;
padding: 10px 15px;
}
.box1 .box_clear
{
font-size: 1px;
height: 1px;
}
/* ******************************************************************************************** */
/* Contact Form */
/* ******************************************************************************************** */
.contact_col_1{
margin-right:390px;
margin-left:20px;
width:190px;
float:right;
text-align:right;
}
.contact_col_2{
text-align:center;
width:290px;
float:right;
}
#contactform input{
margin:5px;
color: #121212;
background-color: #c6d4c7;
font-size: 11px;
font-weight: normal;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 190px;
line-height:18px;
}
#contactform select{
margin:5px;
color: #121212;
background-color: #c6d4c7;
font-size: 11px;
font-weight: normal;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:18px;
}
#contactform textarea{
margin:6px;
color: #121212;
background-color: #c6d4c7;
font-size: 11px;
font-weight: normal;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 280px;
height:97px;
}
#contactform input.submitbutton{
color: #121212;
background-color: #c6d4c7;
font-size: 11px;
font-weight: normal;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 50px;
margin-top: 3px;
}
/********************************************************************************************/
/* Serch Page */
/********************************************************************************************/
#searchbar{
width:300px;
}
input.gsc-search-button{
border:1px solid white;
background:black;
color:white;
padding:2px;
margin:0px;
font-size:11px;
line-height:14px;
vertical-align:middle;
}
.gsc-resultsHeader td.gsc-twiddleRegionCell{
direction:ltr;
width:100% !important;
}
td.gsc-branding-text div.gsc-branding-text{
display:none;
}
img.gsc-branding-img, img.gsc-branding-img-noclear, div.gsc-branding-img, div.gsc-branding-img-noclear, img.gsc-branding-img, img.gsc-branding-img-noclear{
display:none;
height:0px
}
.gs-result .gs-title, .gs-result .gs-title *{
color:#4387BD !important;
text-decoration: none !important;
font-weight:bold !important;
}
.gsc-control{
width:100%;
}
input.gsc-input{
width:220px !important;
font-size:11px !important;
}
.gsc-control{
width:100% !important;
}
.gsc-title{
float:right;
direction:rtl;
}
.gsc-twiddle{
float:right;
direction:rtl;
}
.gsc-stats{
float:right;
direction:rtl;
}
.gsc-one-result-active{
float:left;
}
.gsc-resultsHeader .gsc-twiddle{
padding-right:10px;
padding-left:0px;
background-position: top right !important;
}
.gsc-resultsHeader {
padding:5px;
}
.gsc-results{
padding:5px;
}
.gsc-trailing-more-results{
display:none !important;
}
/********************************************************************************************/
/* mb all top design */
/********************************************************************************************/
.top-container{
padding-bottom:5px;
}
.top-moduletitle {
line-height:25px;
vertical-align:middle;
border-bottom:1px #838383 dotted;
padding-right:5px;
background-position:right top;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
}
.top-box{
border-bottom:1px dotted #8098a3;
margin-bottom:0px;
padding-bottom:0px;
}
.top-imagebox{
width: 60px;
text-align: center;
float: right;
min-height:40px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
overflow:hidden;
margin-bottom:3px;
}
.top-imagebox img{
border: 0px;
width:60px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.top-text{
margin-right:70px;
margin-top:4px;
}
.top-title{
font-size:11px;
color:#006699;
padding-right:20px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-repeat:no-repeat;
background-position:right;
text-align:right;
vertical-align:top;
padding-top:5px;
margin-bottom:5px;
}
/********************************************************************************************/
/* Serch Box */
/********************************************************************************************/
.search-box{
}
.search-box input{
border:1px solid #cccccc;
background-color:#FFFFFF;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
margin-left:5px;
padding-right:20px;
background-image:url(../images/image/peron/design/search-bg.png);
background-position:right;
background-repeat:no-repeat;
}
.search-box input.search-button{
border:1px solid #CCCCCC;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:none;
font-size:11px;
width:50px;
margin-left:10px;
padding-right:10px;
padding-left:10px;
vertical-align:middle
}
/********************************************************************************************/
/* all order design all date design */
/********************************************************************************************/
.all-order-countainer, .view-in-group-countainer, .all-date-countainer{
padding-bottom:5px;
}
.all-order-moduletitle,.view-in-group-moduletitle , .all-date-moduletitle{
line-height:25px;
vertical-align:middle;
border-bottom:1px #6699CC dotted;
padding-right:25px;
background-image:url(../images/image/peron/design/title-master-bul.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
font-weight:bold;
}
.all-order-box, .view-in-group-box , .all-date-box{
padding: 0px;
margin: 0px;
border-bottom:1px #6699CC dotted;
}
.all-order-imagebox, .view-in-group-imagebox, .all-date-imagebox{
width: 120px;
text-align: center;
float: right;
min-height:85px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
margin-top:10px;
}
.all-order-imagebox img, .view-in-group-imagebox img , .all-date-imagebox img{
border: 0px;
width:120px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.all-order-text, .view-in-group-text , .all-date-text{
margin-right:140px;
}
.all-order-title, .view-in-group-title , .all-date-title{
padding:3px;
font-size:12px;
font-weight:bold;
margin:0px;
line-height:2em;
color:#006699;
padding-right:20px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right 10px;
background-repeat:no-repeat;
text-align:justify;
}
.all-order-summery, .view-in-group-summery , .all-date-summery{
overflow:hidden;
height: 60px
text-align:justify;
margin:0px 5px;
}
.all-order-summery2, .view-in-group-summery2 , .all-date-summery2{
overflow:hidden;
height:400px;
text-align:justify;
margin:0px 5px;
}
/********************************************************************************************/
/* product Group */
/********************************************************************************************/
.group-countainer{
padding-bottom:5px;
}
.group-moduletitle{
line-height:25px;
vertical-align:middle;
border-bottom:1px #6699CC dotted;
padding-right:25px;
background-image:url(../images/image/peron/design/title-master-bul.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
font-weight:bold;
}
.group-box {
border-bottom:1px dotted #8098a3;
padding:6px;
margin: 6px;
}
.group-imagebox{
width: 200px;
text-align: center;
float: right;
min-height:85px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
margin-top:10px;
}
.group-imagebox img {
border: 0px;
width:200px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.group-text {
margin-right:220px;
}
.group-title {
padding:3px;
font-size:12px;
font-weight:bold;
margin:0px;
line-height:2em;
color:#006699;
padding-right:20px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right 10px;
background-repeat:no-repeat;
text-align:justify;
}
.group-summery{
height:77px;
overflow:hidden;
text-align:justify;
}
/********************************************************************************************/
/* mb homepage design */
/********************************************************************************************/
.homepage-container{
padding-bottom:5px;
}
.homepage-moduletitle {
line-height:25px;
vertical-align:middle;
border-bottom:1px #6699CC dotted;
padding-right:25px;
background-image:url(../images/image/peron/design/title-master-bul.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
font-weight:bold;
}
.homepage-box{
border:1px solid #EBEBEB;
padding:6px;
margin: 6px;
}
.homepage-imagebox{
width: 140px;
text-align: center;
float: right;
min-height:150px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
border: 1px solid #CCCCCC;
}
.homepage-imagebox img{
border: 0px;
width:120px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.homepage-text{
margin-right:150px;
}
.homepage-title{
padding:3px;
font-size:12px;
font-weight:bold;
margin:0px;
line-height:2em;
color:#006699;
padding-right:20px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right 10px;
background-repeat:no-repeat;
text-align:justify;
}
.homepage-summery{
height:95px;
overflow:hidden;
text-align:justify;
}
/********************************************************************************************/
/* mb box design */
/********************************************************************************************/
.box-container, .browse-container{
}
.box-box , .browse-box{
padding:16px;
margin: 6px;
width:43%;
float:right;
background-image:url(../images/image/peron/design/sampel-bg.gif);
background-position:bottom;
background-repeat:repeat-x;
height:320px;
overflow:hidden;
}
.box-imagebox , .browse-imagebox{
width:190px;
text-align:center;
margin:0px auto ;
height:151px;
position:relative;
overflow:hidden;
margin-bottom:5px;
background-image:url(../images/image/peron/design/no_image-1.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
}
.box-imagebox img , .browse-imagebox img{
width:190px;
height:151px;
border:0px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.all-box-text{
margin-right:115px;
}
.box-title , .browse-title{
padding:3px;
font-size:12px;
margin:0px;
height:18px;
color:#006699;
font-weight:bold;
overflow:hidden;
text-align:center;
}
.box-title img , .browse-title img{
vertical-align:middle;
padding:0px 5px;
border:0px;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
}
.box-moduletitle , .browse-moduletitle{
line-height:25px;
vertical-align:middle;
border-bottom:1px #6699CC dotted;
padding-right:25px;
background-image:url(../images/image/peron/design/title-master-bul.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
font-weight:bold;
}
.box-summery , .browse-summery{
height:40px;
overflow:hidden;
}
/********************************************************************************************/
/* mb view design */
/********************************************************************************************/
.view-master{
}
.view-moduletitle{
line-height:25px;
vertical-align:middle;
border-bottom:1px #6699CC dotted;
padding-right:25px;
background-image:url(../images/image/peron/design/title-master-bul.gif);
background-position:right;
background-repeat:no-repeat;
vertical-align:middle;
color:#006699;
font-weight:bold;
}
.view-title{
font-weight:bold;
padding:3px;
font-size:12px;
margin:0px;
height:18px;
color:#006699;
padding-right:20px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right 7px;
background-repeat:no-repeat;
overflow:hidden;
}
.view-box{
padding:6px;
margin: 6px;
margin-left:0px;
padding-left:0px;
}
.view-left{
width:200px;
text-align:center;
float:left;
}
.view-icon{
line-height:150px;
width:180px;
text-align:center;
margin:4px ;
background-image:url(../images/image/peron/design/no_image.gif);
background-position:center top;
background-repeat:no-repeat;
background-color:f9fbfc#;
}
.view-icon img{
vertical-align:middle;
border:0px ;
width:180px;
vertical-align:middle;
}
.view-right{
margin-left:210px;
}
.view-text{
text-align:justify;
}
/******************************************/
/* mb tool bar */
/******************************************/
.all-date-tools , .homepage-tools {
padding:2px;
margin-top:10px;
margin-bottom:3px;
}
.view-tools , .view-in-group-tools{
text-align:right;
line-height:15px;
margin-right:15px;
margin-bottom:10px;
}
.add_rate , .view-in-group-rate{
width:175px;
margin:20px auto;
text-align:justify;
}
.all-date-more, .all-order-more, .view-more, .homepage-more, .top-more, .box-more , .view-in-group-more , .group-more{
font-size:10px;
color:#006699;
padding:0px 18px 0px 18px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right;
background-repeat:no-repeat;
}
.all-date-file, .all-order-file, .view-file, .homapege-file, .top-file, .box-file , .view-in-group-file , .library-file{
font-size:10px;
color:#006699;
padding:0px 18px 0px 18px;
background-image:url(../images/image/peron/design/download.gif);
background-position:right;
background-repeat:no-repeat;
}
.all-date-print, .all-order-print, .view-print, .homepage-print, .top-print, .box-print , .view-in-group-print{
font-size:10px;
color:#006699;
padding:0px 18px 0px 18px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right;
background-repeat:no-repeat;
}
.all-date-code,.all-order-code .view-code, .homepage-code, .top-code, .box-code , .view-in-group-code{
font-size:10px;
color:#006699;
padding:0px 18px 0px 18px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right;
background-repeat:no-repeat;
}
.all-date-date,.all-order-date .view-date, .homepage-date, .top-date, .box-date , .view-in-group-date{
font-size:10px;
color:#006699;
padding:0px 18px 0px 18px;
margin:0px auto;
background-position:right;
background-repeat:no-repeat;
}
.archiv{
float:left;
margin-right:7px;
padding:0px 18px 0px 18px;
background-image:url(../images/image/peron/design/title-bul.gif);
background-position:right;
background-repeat:no-repeat;
}