/* 
    Document   : tie
    Created on : 18.11.2009, 12:32:32
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* Переопределение ранее написаных стилей */

body {
    _filter:expression(document.execCommand("BackgroundImageCache", false, true));
    background: #cfcfc5 url(../../images/bg.png);
}

div.help_container {
    width:80px;
}

tr.design_menu_itemtitle td.item_title {
    white-space:nowrap;
}

div.design_menu button {
    width:165px;
}

#select_fabric_window table tr {
    vertical-align:top;
}

div.design_menu_popup_header h4 {
    width:241px;
}

.design_menu td.addcost {
    padding-right:15px;
}

.design_menu_popup_main {
    height: 430px;
}
.design_menu_help {
    text-align: right;
}
/*.design_menu input[type="radio"] {*/
#tieThicknessSlim, #tieThicknessNormal, #tieThicknessFat {
    width: 10px;
    height: 10px;
    background: inherit;
    border: none;
    margin-top: 1px;
}

#shirt_design {
    width:435px;
    height:435px;
}

#design_price_div {
    z-index: 2;
}

.design_right {
    z-index: 10;
    _right: 0px;
}

#fabric_zoom {
    _right: -8px;
}
/* Галстучная часть */
.maintable td {
    /*width: 55px;
    padding-right: 5px;
    */
    padding-bottom: 7px;
    color:#40B0C4;
    font-family:Arial,Verdana,sans-serif;
    font-size:10pt;
}

.righttd {
    text-align: left;
}
.lefttd {
    width: 90px;
    text-align: left;
}

#design_page_4 .maintable .design_menu_itemtitle td {
    padding-bottom: 7px;
    color: #666666;
}

.design_menu_popup_fabrics {
    /*height: 270px;*/
    height: auto;
    text-align: left;
}

.design_menu_popup_fabrics td {
    color:#40B0C4;
    font-family:Arial,Verdana,sans-serif;
    font-size:10pt;
}

.fabric_cotton, .fabric_name {
    width: 113px;
}

.select_fabrics {
    height: 427px;
    overflow-x: hidden;
    overflow-y: auto;
}

#select_fabric {
    height:auto;
    overflow-x: hidden;
    overflow-y: auto;
    /*overflow:auto;*/
}

#select_fabric_window {
    /*width:auto;*/
    width: 383px;
}

.design_menu_popup {
    right:7px;
    min-width: 250px;
    overflow-y: auto;
}

.design_menu td {
    /*font-size: 10pt !important;*/
    font-size: 10pt;
}

.design_menu_small_popup_icon {
    background-color: white;
    width: 69px;
    height: 69px;
}

td.option_title {
    /*font-size: 9pt !important;*/
    font-size: 9pt;
}

.tieThickness_radio_column {
    width: 10px;
}

td.tieThickness_info {
    /*font-size: 8pt !important;*/
    font-size: 8pt;
    color: #666;
}

#tieWidthSelect {
    width: 152px;
    height: 17px;
    font-size:13px;
    text-align:left;
    text-indent:3px;
    color: white;
    font-family:Arial,Verdana,sans-serif;
    font-size:13px;
    background-color:#40B0C4;
    border:1px solid #808080;
    overflow: hidden;
}

#tieWidthSelect option {
    width: 100%;
    border: none;
    background-color: #EEEEEE;
    color: #40B0C4;
}

.fabricSelectTitle {
    background-color:#40B0C4;
    color:white;
    font-family:Arial,Verdana,sans-serif;
    margin: 1px 1px 1px 1px;
    padding-left:3px;
    text-align: left;
}
/*Кнопки назад-вперед*/

/* Общие свойства */
span.forwardspan, span.backwardspan {
    background-repeat: no-repeat;
    display: block;
}

/* Кнопка вперед в неактивном состоянии */
span.forwardspan .forward {
    background-image: url('../design/buttons/next_2.png');
    width: 75px;
    height: 33px;
    float: left;
}

/* Кнопка вперед в активном состоянии */
span.forwardspan:hover .forward {
    background-image: url('../design/buttons/next_3.png');
}

/* Кнопка вперед в неактивном состоянии */
span.backwardspan .backward {
    background-image: url('../design/buttons/back_2.png');
    width: 75px;
    height: 33px;
    float: right;
}

/* Кнопка вперед в активном состоянии */
span.backwardspan:hover .backward {
    background-image: url('../design/buttons/back_3.png');
}

/* Стрелки вперед-назад */

/* Стрелка вперед в неактивном состоянии */
span.forwardspan .forwardarrow {
    background-image: url('../design/arrows/right_1.png');
    height: 33px;
    width: 12px;
    float: left;
}

/* Стрелка вперед в активном состоянии */
span.forwardspan:hover .forwardarrow {
    background-image: url('../design/arrows/right_2.png');
}

/* Стрелка назад в неактивном состоянии */
span.backwardspan .backwardarrow {
    background-image: url('../design/arrows/left_1.png');
    height: 33px;
    width: 12px;
    float: right;
}

/* Стрелка назад в активном состоянии */
span.backwardspan:hover .backwardarrow {
    background-image: url('../design/arrows/left_2.png');
}

/*Кнопки "добавить в корзину"*/

#addShirt1.cart_active, #addShirt2.cart_active {
    background-repeat: no-repeat;
    display: block;
    width: 143px;
    height: 34px;
    position: relative;
    left: 43px;
}

#addShirt1.cart_active {
    background-image: url('../design/buttons/cart_normal.png');
    padding-bottom: 20px;
}

#addShirt1.cart_active:hover {
    background-image: url('../design/buttons/cart_hover.png');
}

#addShirt2.cart_active {
    background-image: url('../design/buttons/cart_normal.png');
}

#addShirt2.cart_active:hover {
    background-image: url('../design/buttons/cart_hover.png');
}

/* Верхнее меню с шагами */

/* Бэкграунд */
/*
#design_tabs {
    background-image: url('../design/breadcrumbs/background.png');
    background-repeat: repeat-x;
    height: 22px;
    width: 706px;
    display: block;
}
*/

/* Общие свойства пунктов меню */
/*
#design_tabs span {
    float: left;
    background-repeat: no-repeat;
    height: 22px;
    display: block;
    position: relative;
}
*/

/* Шаг 1 - Дизайн неактивный*/
/*
#design_step_1 {
    background-image: url('../design/breadcrumbs/design_normal.png');
    width: 93px;
    z-index: 4;
}
*/

/* Шаг 1 - Дизайн активный*/
/*
#design_step_1_active, #design_step_1:hover {
    background-image: url('../design/breadcrumbs/design_hover.png');
    width: 93px;
}
*/

/* Шаг 2 - Детали неактивный*/
/*
#design_step_2 {
    background-image: url('../design/breadcrumbs/details_normal.png');
    width: 120px;
    z-index: 3;
}
*/

/* Шаг 2 - Детали активный*/
/*
#design_step_2_active, #design_step_2:hover {
    background-image: url('../design/breadcrumbs/details_hover.png');
    width: 120px;
}
*/

/* Шаг 3 - Монограмма неактивный*/
/*
#design_step_3 {
    background-image: url('../design/breadcrumbs/embroidery_normal.png');
    width: 171px;
    z-index: 2;
}
*/
/* Шаг 3 - монограмма активный*/
/*
#design_step_3_active, #design_step_3:hover {
    background-image: url('../design/breadcrumbs/embroidery_hover.png');
    width: 171px;
}
*/

/* Шаг 4 - Размер неактивный*/
/*
#design_step_4 {
    background-image: url('../design/breadcrumbs/size_normal.png');
    width: 117px;
    z-index: 1;
}
*/

/* Шаг 4 - Размер активный*/
/*
#design_step_4_active, #design_step_4:hover {
    background-image: url('../design/breadcrumbs/size_hover.png');
    width: 117px;
}
*/

/* Верхние ссылки */
/*
#infolinks {
    right: 8px;
}
*/
/* Общие свойства ссылок */
/*
#infolinks a {
    background-repeat: no-repeat;
    height: 1%; /*неверная инструкция, изменится на height: auto*/
    display: block;
    float: left;
    padding: 0px;
}
*/

/*Для не обработается ie, позволит избежать прыгающих картинок*/
/*
html>body #infolinks a {
    height: 30px;
}
*/

/* Убрать странный зеленый цвет */
/*
#infolinks a:hover {
    background-color: transparent;
}
*/

/* На главную неактивный*/
/*
#link_main {
    background-image: url('../design/infolinks/main_normal.png');
    width: 87px;
} *//* На главную активный*/
/*#link_main:hover {
    background-image: url('../design/infolinks/main_hover.png');
}*/

/* Доставка неактивный */
/*#link_shipping {
    background-image: url('../design/infolinks/shipping_normal.png');
    width: 73px;
} *//* Доставка активный */
/*#link_shipping:hover {
    background-image: url('../design/infolinks/shipping_hover.png');
}*/

/* Оплата неактивный */
/*#link_payment {
    background-image: url('../design/infolinks/payment_normal.png');
    width: 62px;
} *//* Оплата активный */
/*#link_payment:hover {
    background-image: url('../design/infolinks/payment_hover.png');
}*/

/* Рекоммендации неактивный */
/*#link_recommendations {
    background-image: url('../design/infolinks/recommendations_normal.png');
    width: 105px;
} *//* Рекоммендации активный*/
/*#link_recommendations:hover {
    background-image: url('../design/infolinks/recommendations_hover.png');
}*/

/* Вопросы неактивный */
/*#link_questions {
    background-image: url('../design/infolinks/questions_normal.png');
    width: 69px;
} *//* Вопросы активный */
/*#link_questions:hover {
    background-image: url('../design/infolinks/questions_hover.png');
}*/

/* Галерея неактивный */
/*#link_gallery {
    background-image: url('../design/infolinks/gallery_normal.png');
    width: 93px;
} *//* Галерея активный */
/*#link_gallery:hover {
    background-image: url('../design/infolinks/gallery_hover.png');
}*/

/* Отзывы неактивный */
/*#link_feedback {
    background-image: url('../design/infolinks/feedback_normal.png');
    width: 63px;
} *//* Отзывы активный */
/*#link_feedback:hover {
    background-image: url('../design/infolinks/feedback_hover.png');
}*/
/*О компании неактивный*/
/*#link_about {
    background-image: url('../design/infolinks/about_normal.png');
    width: 89px;
} *//* О компании активный*/
/*#link_about:hover {
    background-image: url('../design/infolinks/about_hover.png');
}*/
/* Контакты неактивный пока отключен */
/*#link_contacts {
    background-image: url('../design/infolinks/contacts_normal.png');
    width: 78px;
} *//* Контакты неактивный пока отключен */
/*#link_contacts:hover {
    background-image: url('../design/infolinks/contacts_hover.png');
}*/

/* Партнерам неактивный */
/*#link_affilitates {
    background-image: url('../design/infolinks/affilitates_normal.png');
    width: 79px;
} *//* Партнерам активный */
/*#link_affilitates:hover {
    background-image: url('../design/infolinks/affilitates_hover.png');
}*/

/* Подложка в левое меню*/
/*
#lines {
    background-image: url('../design/leftmenu/tree.png');
    background-repeat: no-repeat;
    width: 25px;
    height: 295px;
    display: block;
    float: left;
    left: 0px;
}
*/

/* Выбор пола */
/*
#section_links a.male, #section_links a.female {
    background-repeat: no-repeat;
    width: 139px;
    height: 33px;
    display: block;
    position:absolute;
}*/
/* Мужской конструктор */
/*
a.male {
    background-image: url('../design/leftmenu/genders/constructor-male.png');
    top:2px;
}
*/

/* Женский конструктор */
/*
a.female {
    background-image: url('../design/leftmenu/genders/constructor-female.png');
    top: 20px;
}*/

/* Пункты левого меню */
/*
#section_links {
    left: 18px;
}
*/

/*
#section_links a {
    background-repeat: no-repeat;
    display: block;
    width: 165px;
    height: 23px;
    position: absolute;

}
#shirt_design_section_link {
    background-image: url('../design/leftmenu/options/shirtconstructor_normal.png');
    top: 85px;
}
#shirt_design_section_link:hover {
    background-image: url('../design/leftmenu/options/shirtconstructor_hover.png');
}

#tie_design_section_link {
    background-image: url('../design/leftmenu/options/tieconstructor_normal.png');
    top: 110px;
}
#tie_design_section_link:hover {
    background-image: url('../design/leftmenu/options/tieconstructor_hover.png');
}

#ties_section_link {
    background-image: url('../design/leftmenu/options/ties_normal.png');
    top: 132px;
}
#ties_section_link:hover {
    background-image: url('../design/leftmenu/options/ties_hover.png');
}

#cuffLinks_section_link {
    background-image: url('../design/leftmenu/options/cuff_normal.png');
    top: 153px;
}
#cuffLinks_section_link:hover {
    background-image: url('../design/leftmenu/options/cuff_hover.png');
}

#socks_section_link {
    background-image: url('../design/leftmenu/options/socks_normal.png');
    top: 176px;
}
#socks_section_link:hover {
    background-image: url('../design/leftmenu/options/socks_hover.png');
}

#books_section_link {
    background-image: url('../design/leftmenu/options/books_normal.png');
}
#books_section_link:hover {
    background-image: url('../design/leftmenu/options/books_hover.png');
}

#samples_section_link {
    background-image: url('../design/leftmenu/options/sample_normal.png');
    top: 225px;
}
#samples_section_link:hover {
    background-image: url('../design/leftmenu/options/sample_hover.png');
}

#testShirt_section_link {
    background-image: url('../design/leftmenu/options/testshirt_normal.png');
    top: 247px;
}
#testShirt_section_link:hover {
    background-image: url('../design/leftmenu/options/testshirt_hover.png');
}

#giftCerts_section_link {
    background-image: url('../design/leftmenu/options/sample_normal.png');
}
#giftCerts_section_link:hover {
    background-image: url('../design/leftmenu/options/sample_hover.png');
}
*/