body, html {
background-image:url(../images/fon.jpg);
background-attachment: fixed;
background-position:top center;
background-repeat:no-repeat;
background-color:#d72e06;
margin:0;
padding:0;
}
#wrapper {
margin:0px auto;
min-height:100%;
width:1002px;
background:transparent;
}
#header {
float:left;
width:1002px;
height:126px;
background:url(../images/header.png) left no-repeat;
*background-image:none; /* turn off the standard css background for IE */
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png', sizingMethod='crop');
}
#top {
float:left;
padding:0;
margin:0;
width:1002px;
height:98px;
background:url(../images/cont.png) top no-repeat;
*background-image:none; /* turn off the standard css background for IE */
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cont.png', sizingMethod='crop');
}
#top p {
position: absolute;
top: 170px;
right: 280px;
background-color: #e73d13;
padding: 5px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
font-size:13px;
}
#mainContent {
float:left;
width:1002px;
text-align:justify;
background:url(../images/cont_back.png) repeat-y;
*background-image:none; /* turn off the standard css background for IE */
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cont_back.png', sizingMethod='scale');
}
#bottom {
float:left;
width:1002px;
height:100%;
background:url(../images/menu_bottom.jpg) bottom left no-repeat;
margin-bottom:-1px;
}
#content {
float:left;
/*margin: 5px 0px 10px 334px;*/
padding: 5px 15px 0 20px;
width:605px;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#e73d13;
text-align:justify;
}
.menu_hor {
float:right;
width: 338px;
height:80px;
background:url(../images/menu_hor.png) no-repeat;
*background-image:none; /* turn off the standard css background for IE */
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu_hor.png', sizingMethod='crop');
position:relative;
}
.logo {
float:left;
width: 452px;
height:48px;
padding:32px 0 0 20px;
position:absolute;
}
.logo1 {
float:left;
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
display:block;
width: 472px;
height:80px;
position:absolute;
}
.logo1:hover {
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
}
.aa {
float:left;
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
display:block;
width:127px;
text-align:right;
padding-right:8px;
}
.aa:hover {
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
}
.aa1 {
float:left;
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
display:block;
width:89px;
text-align:right;
padding-right:10px;
}
.aa1:hover {
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
}
.aa2 {
float:left;
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
display:block;
width:89px;
text-align:right;
padding-right:10px;
}
.aa2:hover {
font-family: Verdana, Arial;
color : #ffffff;
font-size : 11px;
text-decoration: none;
}
#menu_vert {
float:left;
width: 294px;
height:100%;
padding-left:34px;
padding-bottom:184px;
}
/*vertical menu*/
.arrowlistmenu{
margin: 5px 0px 0px 18px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader, .menuheader_static_off{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Verdana;
color:#e73d13;
background:url(../images/button_vert.jpg) no-repeat left;
width:251px;
height:23px;
padding-top:5px;
padding-left:30px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: pointer;
}
.menuheader_static_on{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Verdana;
color:#f16e3c;
background:url(../images/button_vert_over2.jpg) no-repeat center left;
width:251px;
height:23px;
padding-top:5px;
padding-left:30px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: pointer;
}
.menu_link{
color: #e73d13 !important;
font: bold 11px Verdana;
}
.menu_link_active{
color: #f16e3c !important;
font: bold 11px Verdana;
}
.menu_link_active:hover {
color: #f16e3c !important;
font: bold 11px Verdana;
}
.menu_link:hover{
font: bold 11px Verdana;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:url(../images/button_vert_over.jpg) no-repeat center left;
width:251px;
height:23px;
padding-top:5px;
padding-left:30px;
color:#f16e3c;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowlistmenu ul li{
padding: 0px; /*bottom spacing between menu items*/
margin:0px;
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
}
.arrowlistmenu ul li a{
color: #e73d13;
background: url(../images/pod-button.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
text-decoration: none;
font-weight: bold;
font-size: 11px;
width:244px;
height:18px;
padding-left:33px;
padding-top:1px;
}
.arrowlistmenu ul li a:visited{
color: #e73d13;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: url(../images/pod-button_over.jpg) no-repeat center left; /*custom bullet list image*/
width:244px;
font-size: 11px;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
}
#menu_vert div.arrowlistmenu ul.categoryitems li a.active {
display:block;
width:244px;
background: url(../images/pod-button_over.jpg) no-repeat center left; /*custom bullet list image*/
font-size: 11px;
}
/*end of vertical menu*/
#footer {
float:left;
margin:0;
width:902px;
height:35px;
padding-left:100px;
color:#FFFFFF;
font-size:10px;
text-align:left;
background:url(../images/footer.jpg) top no-repeat;
}
#footer a:link, #footer a:visited{
color:#FFFFFF;
font-size:10px;
text-decoration:none}
#footer a:hover { text-decoration:underline}
a {
font-family: Verdana, Arial;
color : #fcaf4a;
font-size : 10px;
text-decoration: none;
}
a:hover {
font-family : Verdana, Arial;
color : #fcaf4a;
font-size : 10px;
text-decoration: none;
}
div.img
{
margin: 2px;
height: auto;
width: auto;
float: left;
text-align: left;
}
.pic {
float:left;
width:192px;
height:152px;
background-color:#36F;
}
div.pic img
{
display: inline;
border: 1px solid #ffffff;
}
div.pic a:hover img {border: 1px solid #d72e06;}
.text {
width:385px;
height:146px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d72e06;
text-align:justify;
margin:-152px 0 19px 200px;
background:#f6dcd4;
border:1px solid #ffffff;
padding:2px 2px 2px 2px;
}
.capt {
font-family: Verdana, Arial;
color : #fe6500;
font-size : 10px;
text-decoration: none;
}
.capt:hover {
font-family : Verdana, Arial;
color : #fe6500;
font-size : 10px;
text-decoration: none;
}
.txt {
font-family: Verdana, Arial;
color : #e73d13;
font-size : 11px;
text-decoration: none;
width:244px;
}
.txt:hover {
font-family : Verdana, Arial;
color : #e73d13;
font-size : 11px;
text-decoration: none;
width:244px;
}
* {
padding: 0;
margin: 0;
}
/*Products*/
#gallerySites {clear:both;}
#gallerySites ul {list-style-type:none;}
#gallerySites li {float:left;display:inline;height:178px;width:198px;margin-right:7px;}
#gallerySites img {border:1px solid #fff;}
#gallerySites a:hover img {border:1px solid #d72e06;}
.date {font-size:11px; margin:2px 0 0 0; color:#d72e06; background-color:#fae6e0; width:179px; border:1px solid #fff;}
/*End of Products*/
.pgs {
float:left;
height:12px;
width:100%;
padding:2px 0 10px 0;
text-align:center;
font-family: Verdana, Arial;}
.products_num{
width:589px;
padding:5px 2px 5px 0;
font-size:10px;
text-align:right;
font-family: Verdana, Arial;
color:#fe6500;}
/* PAGINATION CLASSES*/
.paginate {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
a.paginate {
/*border: 1px solid #b8dcae;*/
border-bottom:1px solid #d72e06;
padding: 2px 5px;
text-decoration: none;
color: #d72e06;
background-color:#FFF;
}
a.paginate:hover {
padding: 2px 5px;
/*border:1px solid #066c5e;*/
background-color: #e47155;
color: #FFFFFF;
}
.current {
border-top:1px solid #ffffff;
/*border: 1px solid #9ec9b8;*/
font-family: Verdana, Arial,Helvetica,sans-serif;
padding: 2px 5px;
cursor: default;
background-color:#d72e06;
color: #FFFFFF;
text-decoration: none;
margin-right: 4px;
font-size : 10px;
}
/* END OF PAGINATION CLASSES*/
/* START navigation bar */
.navbar{
font-family: Verdana, Arial;
font-size: 13px;
color: #d72e06;
text-align:right;
width:587px;
padding:5px 2px 5px 0;
background-color:#f6dcd4;
border:1px solid #fff;
}
.navbar a{
font-family: Verdana, Arial;
font-size: 13px;
color: #d72e06;
}
.navbar a:hover{
font-family: Verdana, Arial;
font-size: 13px;
color: #d72e06;
text-decoration: underline;
}
.navbar .navbar_product{
color: #fe6500;
}
/* END navigation bar */
.err_txt { background-color: #d72e07;color: #ffffff; padding: 10px 0 10px 0;
text-align:center;margin:10px auto; width:400px;}
a.email{ font-size: 12px; color:#e73d13;}
a.email:hover{ text-decoration:underline}