/* 
    Document   : detail
    Created on : 21.05.2010, 17:39:02
    Author     : alexander
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.rating-block{}
.rating-block .rating{width:auto}
.rating-block td{padding-bottom:.5em}
.rating-block td.users-voted{color:#f04143;font-size:1.25em}

.tabs{margin:0 -2em 0 -4em}
.tabs .menu{padding-left:4em;list-style:none;float:left;margin-bottom:-1px;position:relative;z-index:20}
.tabs .menu li{float:left;font-size:1.1em;background:#f2f2f2 url(http://i.optimart.ua/design/tab-bg.png) repeat-x 0 100%;border-bottom:1px solid #dcdcdc}

.tabs .menu li a,.tabs .menu li a .bg-l,.tabs .menu li a .bg-r{display:block;background-image:url(http://i.optimart.ua/design/tab-bg.png);background-repeat:no-repeat;float:left}
.tabs .menu li a{text-decoration:none;background-repeat:repeat-x;background-position:0 0;padding:0}
.tabs .menu li a .bg-l{background-position:0 -50px}
.tabs .menu li a .bg-r{padding:.6em 1em .4em;background-position:100% -100px}

.tabs .menu li.active{font-weight:bold;background:#ededed;position:relative;border-bottom-color:#f2f2f2}
.tabs .menu li.active a{cursor:text;background-position:0 -150px}
.tabs .menu li.active a:link,.product-page .tabs .menu li.active a:visited,.product-page .tabs .menu li.active a:hover{color:#333}
.tabs .menu li.active .xhr{border:none}
.tabs .menu li.active a .bg-l{background-position:0 -200px}
.tabs .menu li.active a .bg-r{background-position:100% -250px}

.tabs .tab-content{background:url(http://i.optimart.ua/design/tab-content-bg.png) repeat-x 0 0;padding:1.5em 2em 3em 4em;border-top:1px solid #dcdcdc;clear:both}

.tab-reviews{}

.tab-reviews .add-review{width:30%}
.tab-reviews .add-review form{}
.tab-reviews .add-review form .item{overflow:hidden;padding-bottom:.5em}
.tab-reviews .add-review form .item .title{float:left;width:5.25em;padding-top:.2em}
.tab-reviews .add-review form .item .field{margin-left:5.5em}
.tab-reviews .add-review .rating{width:auto;margin:0}
.tab-reviews .add-review .rating .value{overflow:hidden;cursor:pointer;margin:0}
.tab-reviews .add-review .rating .value div{width:20%;float:left}
.tab-reviews .add-review form .message{font-size:1em;margin-bottom:1em}
.tab-reviews .add-review form .item input.text{width:60%}
.tab-reviews .add-review form .item textarea.text{width:90%;height:7em}
.tab-reviews .add-review form .submit button { background:url("http://i.optimart.ua/buttons-checkout.png") no-repeat -3284px 0;height:30px;width:130px;}
.tab-reviews .add-review form .submit button:hover, .tab-reviews .add-review form .submit button.hover {background-position:-3414px 0;}
.tab-reviews .items{width:65%}
.tab-reviews .items table#comments{width:80%;padding-top:.5em}
.tab-reviews .items #comments td{vertical-align:top;padding-bottom:1.5em}
.tab-reviews .items #comments .title{/*float:left;*/width:8em;padding-right:1em}
.tab-reviews .items #comments .field{/*margin-left:8.5em*/}
.tab-reviews .items #comments .autor{font-weight:bold;color:#b10000;font-size:1.1em;padding-bottom:.1em;max-width:18em;overflow:hidden}
.tab-reviews .items #comments .date{color:#666;font-size:.9em}