/*

Файл стилей для сайта http://www.metall-don.ru
Сайт компании Металл-Дон
Дизайн и разработка сайта - Самоделов Андрей
web: http://samodelof.ru

*/

/* Modal Box*/ 

.popper {display:none;background:#eee;height:300px;width:500px;background: url(dy-login.png) no-repeat;}
* html .popper {background: url(dy-login.gif) no-repeat;}
#simplemodal-overlay {background:#000;}
#simplemodal-container {padding:0;border:0;}
a.modalCloseImg {background-image:url(dy-space.gif);width:35px;height:35px;display:inline;z-index:1;position:absolute;top:0;left:465px;cursor:pointer;}

#loginbox, #commentbox, #ratebox, #modal-friend {padding:30px;}
#loginbox h3 {padding:0 10px 10px 10px;border-bottom:solid 1px #ccc;font-weight:bold;}
#commentbox h3, #ratebox h3 {padding:0 10px 10px 10px;border-bottom:solid 1px #ccc;font-weight:bold;margin-bottom:10px;}

#loginbox p, #commentbox p {padding:10px 0 5px 10px;font-weight:bold;background:none;}
#loginbox label {padding:10px 0 4px 10px;font-weight:bold;background:none;display:block;}
#commentbox label {padding:4px 0 4px 10px;font-weight:bold;background:none;display:block;}
#loginbox p input, #commentbox p input {font-size:1em;}
#loginbox p input.field, #commentbox p input.field {font-size:1em;background:#fff;width:192px;margin:5px 0 0 15px;padding:1px;}
#loginbox p.login-user {margin:1px 0 0 0;padding:0;background:url(dy-sprit.gif) no-repeat 8px -523px;height:30px;}
#loginbox p.login-pass, #commentbox p.comment-user, #commentbox p.comment-email {margin:0px 0 0 0;padding:0;background:url(dy-sprit.gif) no-repeat 9px -523px;height:30px;}
#loginbox input.button {background:#3e8416;color:#fff;padding:3px;}

#commentbox textarea {width:350px;height:50px;margin:0 10px 0 10px;padding:3px;border:2px solid #CCE94A;float:left;}
#commentbox select {margin:5px 10px 5px 10px;}
#commentbox input.button {background:#3e8416;color:#fff;padding:3px;margin:0;float:right;}

#loginbox p.new-account {margin-top:10px;border-top:solid 1px #ccc;clear:both;}
#loginbox a.lost {padding:0 0 0 25px;text-align:right;}
#loginbox a:link, #loginbox a:visited, #commentbox a:link, #commentbox a:visited { color:#3e8416;}
#loginbox a:hover, #loginbox a:active , #commentbox a:active , #commentbox a:active { color:#000;text-decoration:none;}

.ratebox ul {background:#f2eed5;padding:10px;margin:10px;float:left;}
.ratebox li {display:inline;padding:0;width:20px;height:16px;background:#444;}
.ratebox li a {width:16px;height:16px;display:block;margin:0;float:left;background:url(dy-sprit.gif) no-repeat -275px -985px;}
.ratebox li a:hover {background:url(dy-sprit.gif) no-repeat -275px -957px;}
.ratebox li a span {display:none;}
.ratebox input {background:#3e8416;color:#fff;padding:3px;clear:both;float:left;margin:10px;}

#modal-friend #tellafriend_form {background:none;padding:6px;}
#modal-friend #tellafriend_form label {}
#modal-friend #tellafriend_form p {clear:both;margin:0;padding:0;}
#modal-friend #tellafriend_form p span {width:100px;display:block;float:left;padding:2px 0}
#modal-friend #tellafriend_form p input {background:#fff;padding:3px;border:1px solid #ddd;float:left;width:200px;font-size:1em;margin:0 0 2px 0;}
#modal-friend #tellafriend_form textarea {height:10em;width:300px;padding:3px;border:1px solid #ddd;font-size:1em;}
#modal-friend #tellafriend_form input.submit-btn {background:#ef1c22;color:#000;padding:5px 0;width:80px;float:left;clear:both;border:0;margin:8px 0 0 100px;}

/* feature sliders */

#main-slider, #sub-slider {float:left;position: relative;background:#000;}
#main-slider {margin:0;height:298px;background:#000;overflow:hidden;border-bottom:5px solid #ef1c22;}
#sub-slider {margin:1px 0 0 0;padding:0;clear:both;background:#000;height:80px;overflow:visible;}
#home #sub-slider {margin:8px 0;padding:0;clear:both;background:#000;}

#main-slider ul, #main-slider li, #sub-slider ul, #sub-slider li {list-style:none;margin:0;padding:0;}

#main-slider li {width:692px;height:298px;}
#sub-slider li {
	width:928px;
	height:86px;
	overflow : hidden;
	vertical-align : top;
}
#main-slider li a {float:left;width:692px;height:298px;}
#sub-slider li a {float:left;width:928px;height:86px;}

#main-slidecontrols, #sub-slidecontrols {position:absolute;width:44px;height:22px;margin:0;padding:0;background:none;}
#main-slidecontrols {top:7px;left: 624px;}
#sub-slidecontrols {top:7px;left: 852px;}

#main-slidecontrols span#prevBtn a, #sub-slidecontrols span#sub-prevBtn a 
{float:left;width:22px;height:22px;background:url(dy-sprit.gif) no-repeat -476px -511px;text-indent:-100px;overflow:hidden;cursor:pointer;}

#main-slidecontrols span#nextBtn a, #sub-slidecontrols span#sub-nextBtn a 
{float:left;width:22px;height:22px;background:url(dy-sprit.gif) no-repeat -476px -536px;text-indent:-100px;overflow:hidden;cursor:pointer;}

/* tabs */

.ui-tabs {padding:0;/*zoom:1;*/ }
.ui-tabs .ui-tabs-nav {list-style:none; position:relative;padding:0;}
.ui-tabs .ui-tabs-nav li {position:relative;float:left;}
.ui-tabs .ui-tabs-nav li a {float:left;margin:0;float:left;padding:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: pointer;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;}
.ui-tabs .ui-tabs-panel {padding:0;display:block;border:0;background:none;}
.ui-tabs .ui-tabs-hide {display:none !important;}