@charset "UTF-8";

/*************************************************************************************************
    OVERALL
*************************************************************************************************/
ul, ol, dl { padding: 0; margin: 0; }
a img { border: none; }
a { text-decoration: none; }
ul li { list-style: none; }
h1 { font-size: 18px; color: #fff; background: #000; padding: 6px 10px; margin: 0; text-transform: uppercase; font-weight: normal;margin-top: 20px; }
.right { float: right; margin-left: 8px; }
.left { float: left; margin-right: 8px; }
.clr { clear:both;  }
form { overflow: hidden; border: none;}


/*************************************************************************************************
    GENERAL LAYOUT
*************************************************************************************************/
#container { margin-top: 20px;  }
#content { width: 755px; margin-right: auto; margin-left: auto; }

ul.inline { white-space: nowrap; letter-spacing: -3px;  }
.inline li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; white-space: normal; letter-spacing: 0;  }
.spliter { border-bottom: 1px solid #000000; padding-bottom: 16px; margin-bottom: 16px; overflow: hidden; }

.ui-dialog table { width: 300px; border: 1px solid #000; text-align: center; border-color: #000; border-collapse:collapse }
.ui-dialog thead { background-color:#000;  padding-bottom: 1px; }
.ui-dialog thead th { background-color:#DBDCDE; border: 10px; }
.ui-dialog tbody { color:#000000; }
.ui-dialog table td { border-top: 1px solid #000; padding: 2px 0; }
.ui-dialog td.length { background-color: #d4f0fd; }

dl.note { overflow: hidden; }
.note dt { float: left; }
.note dd { overflow: hidden; }
.note p { margin-top: 0; }


/*************************************************************************************************
    HEADER
*************************************************************************************************/
header { position: relative; overflow: hidden; border-bottom: #000 10px solid; padding-top: 20px; }
header #logo { display: block; height: 0; padding-top: 50px; overflow: hidden; background: url(../images/logo.jpg) no-repeat; }
header span#phone { display: block; position: absolute; top: 32px; left: 535px; font-size: 18px; font-weight: bold; line-height: 14px; text-align: center;}
header span#phone small { font-size: 10px; color: #58585b; }

/* my account */
header .legend { position: absolute; top: 15px; right: 155px; border: 1px solid #000; -moz-border-radius: 15px; border-radius: 15px; padding: 7px 10px 10px; }
header .legend a { display: block; background: url(../images/bg-btn.jpg) repeat-x; border: 1px solid #000; -moz-border-radius: 15px; border-radius: 15px; color: #fff; text-transform: uppercase; text-align: center; padding: 2px 7px; font-size: 10px; }
header .legend a ~ a { margin-top: 6px;}
header .legend span { display: block; position: absolute; bottom: -7px; left: 12px; background: #fff; padding: 0 3px; text-align: center; font-size: 10px; text-transform: uppercase; }

/* cart */
header .legend.cart { right: 10px; background: url(../images/icon-shopping-cart.jpg) no-repeat top right; }
header .legend.cart div { float: left; }
header .legend.cart div ~ div { color: #ed1c24; font-size: 16px; width: 20px; padding-left: 10px; text-align: center; text-transform: uppercase; font-weight: bold; }


/*************************************************************************************************
    TOP NAV
*************************************************************************************************/
header nav { width: 100%; margin: 25px 0 5px; }
header nav ul {  margin:0; padding:0; display: table; width: 100%;  }
header nav li { text-align: center; display: table-cell; }
header nav a { color: #ed1c24; text-decoration: none; padding: 0 10px 0; height: 20px; line-height: 20px; display: block; text-align: center; font-size: 13px; text-transform: uppercase; font-weight: bold; }


/*************************************************************************************************
    LEFT COL
*************************************************************************************************/
#left-col { float: left; width: 175px; text-transform: uppercase; font-size: 12px; text-align: right; line-height: 18px;  }
#left-col #search { width: 100%; margin-bottom: 20px; overflow: hidden;  }
#left-col #search input { float: left; height: 27px; width: 132px; padding: 0  6px; border: 1px solid #000; margin: 0 0 0 0px; font-size: 9px; font-style: italic; }
#left-col #search input#submit { height: 29px; width: 29px; background: url(../images/btn-search.jpg) no-repeat; border: none; margin: 0; }
#left-col #search a { display: block; float: right; width: 134px; background: url(../images/icon-help-small.png) no-repeat top left; text-transform: none; color: #939597; margin-top: 4px; font-size: 10px; }
#left-col span { color: #ed1c24; font-size: 14px; font-weight: bold; margin-right: 30px; }
#left-col a { color: #000; }
#left-col ul { height: 238px; margin: 5px 0 20px;}
#left-col ul#oems { height: 304px; }
#search-popup { position: absolute; z-index: 100; left: 185px; top: 180px; width: 250px; background: #fff; display: none; border: 1px solid #000; padding: 10px 20px; }
#search-popup p { font-weight: bold; line-height: 14px; font-size: 10px; text-align: left; text-transform: none; margin: 4px 0; }
#left-col #search-popup span { text-transform: none; text-align: left; display: block; font-size: 10px; margin: 0; }


/*************************************************************************************************
    HOME PAGE
*************************************************************************************************/
#hp-boxes ul li { float: left; margin-top:20px; vertical-align: top; margin-left: 4px; overflow: hidden; height: 200px; }
#hp-boxes ul li ~ li { margin-left: 26px; }
#hp-boxes a { display: block; width: 168px; height: 141px; color: #fff; position: relative; }
#hp-boxes span { display: block;  background: #77787b; text-transform: uppercase; font-size: 16px; text-align: center; padding: 10px 0; position: relative; }
#hp-boxes a:hover span { background: #ed1c24; }
#hp-boxes p { position: absolute; top: 50px; left: 25px; color: #999; }

/*************************************************************************************************
    STEPS (general)
*************************************************************************************************/
#steps { background: #f1f1f2; border: 1px solid #000; margin: 24px 0 24px; padding: 10px 10px 30px 10px; overflow: hidden; position: relative; }
#steps #title { font-size: 24px; text-transform: uppercase; margin-top: 0; }
.steps { position: relative; overflow: hidden; }
.steps ~ .steps { margin-top: 20px; }
.steps > span { display: block; float: left; background: #000; -moz-border-radius: 10px; border-radius: 10px; color: #fff; padding: 4px 10px; font-weight: bold; font-size: 20px; margin-right: 10px; }
.customSelectInner { text-align: center; }
.values { position: absolute; font-weight: bold; text-transform: uppercase; color: #ed1c24; font-size: 22px; display: block; text-align: center; }
.plus-icon { display: block; width: 11px; height: 10px; background: url(../images/icon-plus.jpg) no-repeat; position: absolute; }
.required-icon { display: block; width: 11px; height: 10px; background: url(../images/icon-star-white.jpg) no-repeat; position: absolute; }
.disable { position: absolute; background: url(../images/graphic-disable.png) repeat; -moz-border-radius: 20px; border-radius: 20px; }


/*************************************************************************************************
    DOORS
*************************************************************************************************/
#order-process { font-size: 24px; text-transform: uppercase; margin: 34px 0 0; }
#order-process + p { margin: 5px 40px 20px 0; text-align: right; font-size: 18px; }

/* left */
#doors-left { float: left; width: 284px; height: 425px; position: relative; }
#doors-left img {  border: 3px solid #000; }
#doors-left img + p { display: block; color: #fff; background: #000; text-align: center; position: absolute; bottom: -84px; left: 20px; padding: 10px; z-index: 10; font-size: 18px; }
#doors-left p + p { margin: 80px 0 0 20px; }
#doors-left p + p span { display: block; width: 200px; float: right; margin-right: 15px;}

/* right */
#doors-right { float: right; margin-right: 40px; }
#doors-right ul {}
#doors-right ul li { margin-bottom: 16px; }
#doors-right ul li a { display: block; width: 386px; height: 0; padding-top: 85px; overflow: hidden; }
#doors-right ul li a#flush-only { background: url(../images/graphic-doors-option-1.jpg) no-repeat;  }
#doors-right ul li a#offset-only { padding-top:96px; background: url(../images/graphic-doors-option-2.jpg) no-repeat;  }
#doors-right ul li a#offset-frame { padding-top:106px; background: url(../images/graphic-doors-option-3.jpg) no-repeat;  }
#doors-right ul li a#offset-frame-rough { padding-top:127px; background: url(../images/graphic-doors-option-4.jpg) no-repeat;  }
#doors-right ul li a#offset-frame-flush { padding-top:127px; background: url(../images/graphic-doors-option-5.jpg) no-repeat;  }
#doors-right ul li a#flush-only:hover,
#doors-right ul li a#offset-only:hover,
#doors-right ul li a#offset-frame:hover,
#doors-right ul li a#offset-frame-rough:hover,
#doors-right ul li a#offset-frame-flush:hover { background-position: -386px 0; }
#doors-right p { font-size: 18px; text-align: center; }





.doors #steps {clear: both;padding-top: 30px;}
.doors .steps { overflow: visible; }
.doors #steps .gaskets-title { background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px; text-align: center; margin: -35px auto 0; width: 500px; }
.doors-red-title { background: #ED1C24; text-align: center; color: #fff; padding: 7px 0; margin: 20px auto; width: 400px;  }
.doors-red-title.second { margin-top: 40px; }

/* step 1 */
/*.doors #step-1 { margin-top: 10px; height: 400px; }*/
/*.doors #step-1 > span { margin-top:200px; }*/
/*.doors #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; border-radius: 20px; border-radius: 20px; width: 85%; }*/
/*.doors #step-1 ul { overflow: hidden; margin: 20px 0 20px 112px;}*/
/*.doors #step-1 ul li { float: left; }*/
/*.doors #step-1 ul li ~ li { margin-left: 15px; }*/
/*.doors #step-1 ul li a { display: block; background: url(../images/bg-gaskets-choice-box.jpg) no-repeat #000; border: 1px solid #000; width: 189px; height: 310px; text-align: center; font-size: 12px; color: #fff; font-weight: normal; position: relative; border-top-right-radius: 20px; border-top-left-radius: 20px; }*/
/*.doors #step-1 ul li img { border-top-right-radius: 20px; border-top-left-radius: 20px; }*/
/*.doors #step-1 ul li a:hover { background-color: #ed1c24; }*/
/*.doors #step-1 ul li span { display: block; margin-top:6px; }*/

.doors .steps {
    margin-top: 10px;
    margin-bottom: 30px;
    /*height: 400px;*/
}

.doors .steps > span {
    margin-top: -13px;
}

.doors .steps > div {
    /*float: left;*/
    margin: auto;
    background: #fff;
    padding: 17px 20px 14px;
    color: #ed1c24;
    font-weight: bold;
    border: 1px solid #000;
    /*border-radius: 20px;*/
    /*border-radius: 20px;*/
    width: 90%;
    text-align: center;

}

.doors .steps ul {
    overflow: hidden;
    /*margin: 20px 0 20px 112px;*/
    display: inline-table;
    padding-top: 15px;
}

.doors .steps ul li {
    float: left;
    display: inline;
}

.doors .steps ul li.vert {
    float: none;
}

.doors .steps ul li ~ li {
    margin-left: 30px;
}

.doors .steps ul li a {
    display: block;
    background: url(../images/bg-gaskets-choice-box.jpg) no-repeat #000;
    border: 1px solid #000;
    min-width: 189px; /* gets changed at runtime */
    /*height: 310px;*/
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    position: relative;
    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
}

.doors .steps .horiz {
    width: 266px;
}

.doors .steps ul li img {
    /*border-top-right-radius: 20px;*/
    /*border-top-left-radius: 20px;*/
}

.doors .steps ul li a:hover {
    background-color: #ed1c24;
}

.doors .steps ul li a.selected {
    background-color: #ed1c24;
}


.doors .steps ul li span {
    display: block;
    /*margin-top: 6px;*/
    line-height: 35px;
}

.doors .dimlocator {
    position: relative;
}

/* step 2 */
/*.doors #step-2 { clear: both; margin-top: 100px; height: 840px; }*/
/*.doors #step-2 > span { margin-top:390px; }*/
/*.doors #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; border-radius: 20px; border-radius: 20px; width: 85%; }*/
/*.doors #step-2 ul { overflow: hidden; margin: 20px 0 20px 112px;}*/
/*.doors #step-2.frame ul { overflow: hidden; margin: 20px 0 20px 20px;}*/
/*.doors #step-2 ul li { float: left; }*/
/*.doors #step-2 ul li ~ li { margin-left: 15px; }*/
/*.doors #step-2 ul li a { display: block; background: url(../images/bg-gaskets-choice-box.jpg) no-repeat #000; border: 1px solid #000; width: 189px; height: 286px; text-align: center; font-size: 11px; line-height: 14px; color: #fff; font-weight: normal; position: relative; border-top-right-radius: 20px; border-top-left-radius: 20px; }*/
/*.doors #step-2 ul li img { border-top-right-radius: 20px; border-top-left-radius: 20px; }*/
/*.doors #step-2 ul li a:hover { background-color: #ed1c24; }*/
/*.doors #step-2 ul li span { display: block; margin-top:6px; }*/

/* step 3 */
/*.doors #step-3 > span { margin-top: 40px; }*/
/*.doors #step-3 > div { float: left; padding: 12px 40px 120px 20px; color: #ed1c24; text-transform: uppercase; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; width: 616px; }*/
/*.doors #step-3 #left { float: left; width: 100px; text-align: right; font-size: 14px; font-weight: bold; }*/
/*.doors #step-3 #right { float: left; width: 120px; padding-left: 20px; }*/
/*.doors #step-3 ul li ~ li { margin-top: 15px; }*/
/*.doors #step-3 .small { font-size: 8px; display: block; }*/
/*.doors #step-3 select { width: 80px; cursor: pointer; }*/
/*.doors #step-3 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }*/
/*.doors #step-3 #left .customSelect { margin-left: 10px; }*/
/*.doors #step-3 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }*/
/*.doors #step-3 #right .customSelect { margin-left: 20px; }*/
/*.doors #step-3 .required { font-weight: bold; margin-bottom: 20px;  }*/

/*.doors #step-3 .number-of-slides label { line-height:32px; }*/
/*.doors #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; margin-top: 10px; }*/


/*************************************************************************************************
    EVAPORATOR COILS
*************************************************************************************************/
.coils {font-size: 14px; }
.coils #required { margin: 20px 0 0 134px; }
.coils #note { margin-top: 20px; }
.coils #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.coils #note span + span { width: 530px; margin: 0; }
.coils .method { position: absolute; font-size: 9px; top: 82px; left: 90px; color: #000; text-transform: capitalize; }
#thank-you-coils { display: none; background: #f1f9fe; border: 1px solid #303190; text-align: center; margin: 10px;}
#thank-you-coils a { display: block; float: left; width: 238px; background: #2d73bb; color: #fff; font-size: 12px; padding: 4px 0; border-top: 1px solid #303190;}
#thank-you-coils a ~ a { border-left: 1px solid #303190; width: 239px; }

/* step 1 */
.coils #step-1 > span { margin-top: 200px; }
.coils #step-1 > div { float: left; width: 677px; height: 452px; background: url(../images/graphic-coils-step-1.jpg) no-repeat; border: 1px solid #000; -moz-border-radius: 30px; border-radius: 30px; }
.coils #step-1 .options { font-size: 10px; text-transform: uppercase; font-weight: bold; text-align: center;  }
.coils #step-1 .options select { display: block; width: 80px; margin-bottom: 5px; cursor: pointer; }
.coils #step-1 .options span.small { display: block; font-size: 8px; }
.coils #step-1 #finned-width { position: absolute; top: 45px; left: 165px; }
.coils #step-1 #finned-height { position: absolute; top: 205px; left: 60px; }
.coils #step-1 #finned-length { position: absolute; top: 310px; left: 215px; }
.coils #step-1 #flange-width { position: absolute; top: 370px; left: 544px; }
.coils #step-1 #flange-height { position: absolute; top: 191px; left: 625px; }
.coils #step-1 #front-flange-length { position: absolute; top: 95px; left: 515px; }
.coils #step-1 #back-flange-length { position: absolute; top: 10px; left: 372px; }
.coils #step-1 #finned-width-letter { position: absolute; top: -30px; left: 22px; font-size: 20px; font-weight: normal; }
.coils #step-1 #finned-height-letter { position: absolute; top: 80px; left: 25px; font-size: 20px; font-weight: normal; }
.coils #step-1 #finned-length-letter { position: absolute; top: 80px; left: 25px; font-size: 20px; font-weight: normal; }
.coils #step-1 #must { position: absolute; top: 380px; left: 24px; width: 150px; text-align: right; font-size: 12px;}
.coils #step-1 #required-sentence { position: absolute; top: 356px; left: 80px; font-size: 12px; color: #ed1c24; }

/* step 2 */
.coils #step-2 > span { margin-top: 13px; }
.coils #step-2 > div { float: left; background: #fff; padding: 17px 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.coils #step-2 #left { float: left; width: 130px; line-height: 20px; }
.coils #step-2 #right { float: left; width: 110px; }
.coils #step-2 #right input:enabled { cursor: pointer; }
.coils #step-2 #right input ~ input { margin-left: 15px;}

/* step 3 */
.coils #step-3 > span { margin-top: 15px; }
.coils #step-3 > div { float: left; background: #fff; padding: 17px 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.coils #step-3 #left { float: left; width: 200px; line-height: 16px; text-align: right; }
.coils #step-3 #left span { display: block; font-size: 10px; color: #000; }
.coils #step-3 #right { float: left; width: 160px; text-align: center; padding-top: 4px; }
.coils #step-3 #right select { width: 80px; cursor: pointer; }

/* step 4 */
.coils #step-4 > span { margin-top: 15px; }
.coils #step-4 > div { float: left; background: #fff; padding: 17px 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.coils #step-4 #left { float: left; width: 200px; line-height: 16px; text-align: right; }
.coils #step-4 #left span { display: block; font-size: 10px; color: #000; text-transform: capitalize; }
.coils #step-4 #right { float: left; width: 160px; text-align: center; padding-top: 4px; }
.coils #step-4 #right select { width: 80px; cursor: pointer; }

/* step 5 */
.coils #step-5 > span { margin-top: 60px; }
.coils #step-5 > div { float: left; background: url(../images/graphic-coils-step-5.jpg) no-repeat top left #fff; padding: 17px 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.coils #step-5 #left { float: left; width: 200px; line-height: 16px; text-align: right; padding-top: 90px; }
.coils #step-5 #left span { display: block; font-size: 10px; color: #000; text-transform: capitalize;  }
.coils #step-5 #right { float: left; width: 160px; padding-top: 4px; }
.coils #step-5 #right span#example { display: block; font-size: 12px; color: #000; text-transform: uppercase; text-align: left; margin: 20px 0 30px -25px; }
.coils #step-5 #right select { width: 80px; cursor: pointer; margin-left: 40px; }
.coils #step-5 #right .customSelect { margin-left: 40px; }

/* step 6 */
.coils #step-6 > span { margin-top: 60px; }
.coils #step-6 > div { float: left; padding: 17px 15px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
.coils #step-6 #left { float: left; width: 200px; line-height: 16px; background: url(../images/graphic-coils-step-6-1.jpg) no-repeat top left #fff; background-position: 0 30px; padding-top: 120px; }
.coils #step-6 #left span { position: absolute; top: 20px; left: 60px; }
.coils #step-6 #right { float: left; width: 170px; background: url(../images/graphic-coils-step-6-2.jpg) no-repeat top left #fff; background-position: 0 30px; padding-top: 120px; }
.coils #step-6 #right span#example { display: block; font-size: 12px; color: #000; text-transform: uppercase; text-align: left; margin: 20px 0 30px -25px; }
.coils #step-6 #right select { width: 80px; cursor: pointer; margin-left: 40px; }
.coils #step-6 #right .customSelect { margin-left: 40px; }

/* step 7 */
.coils #step-7 > span { margin-top: 13px; }
.coils #step-7 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.coils #step-7 #left { float: left; width: 100px; line-height: 23px; text-align: right; }
.coils #step-7 #right { float: left; width: 120px; padding-left: 20px; }
.coils #step-7 #right select { width: 80px; cursor: pointer; text-align: center; }

/* step 8 */
.coils #step-8 > span { margin-top: 93px; }
.coils #step-8 > div { float: left; background: #fff; padding: 24px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; width: 520px; }
.coils #step-8 .left { float: left; width: 180px; line-height: 23px; text-align: right; clear: both; margin-bottom: 15px; }
.coils #step-8 .right { float: left; width: 120px; padding-left: 0; }
.coils #step-8 .right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 285px; padding: 2px 5px; }


/* step 9 */
.coils #step-9 > span { margin-top: 0px; }
.coils #step-9 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* plus icons */
.coils #finned-width-plus { top: 143px; left: 160px; }
.coils #finned-height-plus { top: 303px; left: 55px; }
.coils #finned-length-plus { top: 408px; left: 211px; }
.coils #flange-width-plus { top: 469px; left: 539px; }
.coils #flange-height-plus { top: 290px; left: 621px; }
.coils #front-flange-length-plus { top: 193px; left: 511px; }
.coils #back-flange-length-plus { top: 108px; left: 368px; }

/* required icons */
.coils #required-1-1 { top: 83px; left: 228px; }
.coils #required-1-2 { top: 353px; left: 127px; }
.coils #required-1-3 { top: 458px; left: 283px; }
.coils #required-1-4 { top: 432px; left: 74px; }
.coils #required-2 { top: 558px; left: 289px; }
.coils #required-3 { top: 640px; left: 412px; }
.coils #required-4 { top: 728px; left: 412px; }
.coils #required-5 { top: 918px; left: 412px; }
.coils #required-6 { top: 991px; left: 276px; display:none; }
.coils #required-7 { top: 1004px; left: 289px; }
.coils #required-8-1 { top: 1091px; left: 112px; }
.coils #required-8-2 { top: 1128px; left: 66px; }
.coils #required-8-3 { top: 1167px; left: 107px; }
.coils #required-8-4 { top: 1205px; left: 153px; }
.coils #required-8-5 { top: 1243px; left: 190px; }
.coils #required-8-6 { top: 1281px; left: 180px; }
.coils #required-8-7 { top: 1319px; left: 158px; }


/* disable steps */
.coils #disable-coil-step-2 { width: 281px; height: 55px; top: 536px; left: 52px; }
.coils #disable-coil-step-3 { width: 401px; height: 67px; top: 613px; left: 52px; }
.coils #disable-coil-step-4 { width: 401px; height: 67px; top: 700px; left: 52px; }
.coils #disable-coil-step-5 { width: 401px; height: 159px; top: 788px; left: 52px; }
.coils #disable-coil-step-6 { width: 401px; height: 176px; top: 967px; left: 52px; }
.coils #disable-coil-step-7 { width: 281px; height: 61px; top: 1164px; left: 52px; }
.coils #disable-coil-step-8 { width: 541px; height: 231px; top: 1244px; left: 52px; }


/*************************************************************************************************
    CUTTING BOARDS
*************************************************************************************************/
.boards #steps { background: url(../images/graphic-cutting-boards.jpg) no-repeat top left #f1f1f2; }
.boards #required { margin: 20px 0 0 134px; }
.boards #note { margin-top: 20px; }
.boards #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.boards #note span + span { width: 530px; margin: 0; }
.boards #note span + span + span { width: 530px; margin-left: 134px; }
.boards .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }

/* step 1 */
.boards #step-1 { margin-top: 220px; }
.boards #step-1 > span { margin-top: 38px; }
.boards #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.boards #step-1 #left { float: left; width: 110px; line-height: 23px; text-align: right; }
.boards #step-1 #right { float: left; width: 120px; padding-left: 20px; }
.boards #step-1 #right select { width: 80px; cursor: pointer; }
.boards #step-1 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.boards #step-1 #left.adjust { line-height: 16px; }

/* step 2 */
.boards #step-2 > span { margin-top: 56px; }
.boards #step-2 > div { float: left; background: #fff; padding: 17px 40px 17px 20px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.boards #step-2 #left { float: left; width: 100px;  }
.boards #step-2 #right { float: left; width: 140px; padding-left: 20px; }
.boards #step-2 ul li ~ li { margin-top: 15px; }
.boards #step-2 .small { font-size: 8px; display: block; }
.boards #step-2 select { width: 80px; cursor: pointer; }
.boards #step-2 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }
.boards #step-2 #left .customSelect { margin-left: 10px; }
.boards #step-2 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }
.boards #step-2 #right .customSelect { margin-left: 20px; }

/* step 3 */
.boards #step-3 > span { margin-top: 56px; }
.boards #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.boards #step-3 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.boards #step-3 #right { float: left; width: 120px; padding-left: 20px; }
.boards #step-3 #right select { width: 80px; cursor: pointer; }
.boards #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.boards #step-3 #left.adjust { line-height: 16px; }


/* step 4 */
.boards #step-4 > span { margin-top: 0px; }
.boards #step-4 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* values */
.boards #x-value-top { top: 72px; left: 220px; width: 100px; }
.boards #x-value-bottom { top: 224px; left: 330px; width: 100px; }
.boards #y-value-left { top: 188px; left: 20px; width: 100px; text-align: right; }
.boards #y-value-right { top: 116px; left: 540px; text-align: left; }
.boards #thickness-value { top: 172px; left: 560px; font-size: 20px; width: 100px; }

/* plus icons */
.boards #x-value-plus { top: 462px; left: 182px; }
.boards #y-value-plus { top: 528px; left: 182px; }

/* required icons */
.boards #required-1 { top: 306px; left: 289px; }
.boards #required-2-1 { top: 462px; left: 310px; }
.boards #required-2-2 { top: 528px; left: 310px; }
.boards #required-3 { top: 632px; left: 310px; }

/*************************************************************************************************
    ORDER CUSTOM GASKET
*************************************************************************************************/
.order #required { margin: 20px 0 0 134px;  }
.order #note { margin-top: 20px; }
.order #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.order #note span + span { width: 530px; margin: 0; }
.order #note span + span + span { width: 530px; margin-left: 134px; }
.order .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }

.order #mount-examples { float: right; padding: 60px 20px 0 0; }

/* step 1 */
.order ul.order-items { min-width: 640px; }
.order #step-1 { position: relative; }
.order #step-1 > span { margin-top: 38px; }
.order #step-1 > div { position: relative; float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; width: 636px; }
.order #step-1 #left { float: left; width: 110px; line-height: 23px; text-align: right; }
.order #step-1 #right { float: left; width: 120px; padding-left: 20px; }
.order #step-1 .required { position: absolute; top:10px; left: 18px; font-size: 14px;}

.order #step-1 ul { margin-top : 20px; overflow: hidden;}
.order #step-1 ul li { float: left; background-color: #f3f3f4; border: 1px solid #000; width: 146px; font-size: 10px; overflow: hidden; position: relative; }
.order #step-1 ul li .item-top { width: 100%; text-align: center; background-color: #ffffff; padding:0; }
.order #step-1 ul li ~ li { margin-left: 15px; }
.order #step-1 ul li:hover { background-color: #ed1c24; cursor: pointer; }
.order #step-1 ul div { text-align: left; padding-left:14px;text-transform:none; line-height: 14px; }
.order #step-1 ul li .watermark { position: absolute; color: #B1B3B5; }
.order #step-1 ul li .watermark.high { left: 26px; top: 15px; }
.order #step-1 ul li .watermark.low { left: 0px; top: 62px; }
.order #step-1 ul li .order-num { color: #231F20; }
.order #step-1 ul li .item-details { color: #76787A; border-top: 1px solid #000; }
.order #step-1 ul li .item-details span { color: #A7A9AB; }

.order #step-1 ul li:hover .item-details { color:#ffffff; }
.order #step-1 ul li:hover .item-details span { color: #ffffff; }

.order #step-1 .chosen-profile { float:left; border:1px solid #404040; background-color: #000000; -moz-border-radius:14px; border-radius:14px; width:270px; position: relative; }
.order #step-1 .chosen-profile .title { font-size:14px; color:#FFFFFF; line-height:28px; width: 100%; text-align: center; margin: 0; }
.order #step-1 .chosen-txt { float: right; padding:20px 20px 0 0; width:324px; text-transform:none; font-weight:normal; color: #000000; }

.order #step-1 .number-of-slides #left { line-height:14px; font-weight: normal; font-size: 14px; font-weight: bold; }
.order #step-1 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }

/* step 2 */
.order #step-2 > span { margin-top: 18px; }
.order #step-2 > div { float: left; background: #fff; padding: 17px 40px 17px 20px; color: #ed1c24; text-transform: uppercase; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.order #step-2 #left { float: left; width: 100px; text-align: right; font-size: 14px; font-weight: bold; }
.order #step-2 #right { float: left; width: 120px; padding-left: 20px; }
.order #step-2 ul li ~ li { margin-top: 15px; }
.order #step-2 .small { font-size: 8px; display: block; }
.order #step-2 select { width: 80px; cursor: pointer; }
.order #step-2 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }
.order #step-2 #left .customSelect { margin-left: 10px; }
.order #step-2 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }
.order #step-2 #right .customSelect { margin-left: 20px; }

.order #step-2 .number-of-slides label { line-height:32px; }

/* step 3 */
.order #step-3 > span { margin-top: 40px; }
.order #step-3 > div { float: left; background: #fff url(../images/bg-step-3.png) no-repeat top right; padding: 12px 40px 120px 20px; color: #ed1c24; text-transform: uppercase; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; width: 616px; }
.order #step-3 #left { float: left; width: 100px; text-align: right; font-size: 14px; font-weight: bold; }
.order #step-3 #right { float: left; width: 120px; padding-left: 20px; }
.order #step-3 ul li ~ li { margin-top: 15px; }
.order #step-3 .small { font-size: 8px; display: block; }
.order #step-3 select { width: 80px; cursor: pointer; }
.order #step-3 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }
.order #step-3 #left .customSelect { margin-left: 10px; }
.order #step-3 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }
.order #step-3 #right .customSelect { margin-left: 20px; }
.order #step-3 .required { font-weight: bold; margin-bottom: 20px;  }

.order #step-3 .number-of-slides label { line-height:32px; }
.order #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; margin-top: 10px; }

/* step 4 */
.order #step-4 > span { margin-top: 20px; }
.order #step-4 > div { float: left; background: #fff; padding: 17px 40px 17px 20px; color: #ed1c24; text-transform: uppercase; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.order #step-4 #left { float: left; width: 100px; text-align: right; font-size: 14px; font-weight: bold; }
.order #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.order #step-4 ul li ~ li { margin-top: 15px; }
.order #step-4 .small { font-size: 8px; display: block; }
.order #step-4 select { width: 80px; cursor: pointer; }
.order #step-4 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }
.order #step-4 #left .customSelect { margin-left: 10px; }
.order #step-4 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }
.order #step-4 #right .customSelect { margin-left: 20px; }
.order #step-4 .number-of-slides label { line-height:32px; }
#three-sided { margin: 10px 0 0 30px; text-align: center; width: 330px; display: none; }
#three-sided span { font-size: 12px; }
#three-sided span span { font-style: italic;}

/* step 5 */
.order #step-5 > span { margin-top: 56px; }
.order #step-5 > div { float: left; position:relative; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.order #step-5 #left { float: left; width: 120px; line-height: 23px; text-align: right; font-size: 14px; }
.order #step-5 #right { float: left; width: 120px; padding-left: 20px; }
.order #step-5 #right select { width: 80px; cursor: pointer; }
.order #step-5 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.order #step-5 #left.adjust { line-height: 16px; }

/* step 6 */
.order #step-6 > span { margin-top: 0px; }
.order #step-6 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* values */
.order #x-value-top { top: 67px; right: 124px; width: 100px; font-size: 16px; }
.order #y-value-left  { top: 192px; right: 280px; width: 100px; text-align: right; font-size: 16px; }

/* plus icons */
.order #x-value-plus { top: 55px; left: 177px; }
.order #y-value-plus { top: 120px; left: 177px; }

/* required icons */
.order #required-1 { top: 13px; right: 195px; }
.order #required-2 { top: 28px; right: 45px; }
.order #required-3-1 { top: 56px; right: 416px; }
.order #required-3-2 { top: 120px; right: 416px; }
.order #required-4-1 { top: 30px; right: 120px; }
.order #required-4-2 { top: 80px; right: 120px; display: none;  }
.order #required-4-3 { top: 148px; right: 120px; display: none;  }
.order #required-5 { top: 70px; right: 27px; }

/*************************************************************************************************
    CUSTOM WIRE SHELF
*************************************************************************************************/
.shelves #steps {  }
.shelves #required { margin: 20px 0 0 134px; }
.shelves #note { margin-top: 20px; }
.shelves #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.shelves #note span + span { width: 530px; margin: 0; }
.shelves #note span + span + span { width: 530px; margin-left: 134px; }
.shelves .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }
.shelves-note { clear: both; float: left; color: #000; margin: 12px 0 0 35px; font-size: 12px; }
.shelves-note span { width: 340px; margin: -14px 0 0 10px; font-weight: normal; text-transform: none;}

/* step 1 */
.shelves #step-1 > span { margin-top: 160px; }
.shelves #step-1 > div { float: left; width: 480px; height: 382px; background: url(../images/graphic-shelves.jpg) no-repeat #fff; border: 1px solid #000; -moz-border-radius: 30px; border-radius: 30px; }
.shelves #step-1 #direction { background: #ed1c24; color: #fff; text-transform: uppercase; width: 420px; padding: 3px 3px 3px 10px; margin: 20px 0 0 25px; font-size:13px; }
.shelves #step-1 #arrow { width: 41px; height: 112px; background: url(../images/graphic-shelves-arrow.png) no-repeat; margin-left: 30px; }
.shelves #step-1 .options { font-size: 10px; text-transform: uppercase; font-weight: bold; text-align: center;  }
.shelves #step-1 .options select { display: block; width: 80px; margin-bottom: 5px; cursor: pointer; }
.shelves #step-1 .options span.small { display: block; font-size: 8px; }
.shelves #step-1 #shelf-depth { position: absolute; top: 125px; left: 355px; }
.shelves #step-1 #shelf-width { position: absolute; top: 286px; left: 172px; }

/* step 2 */
.shelves #step-2 { margin-top: 20px; }
.shelves #step-2 > span { margin-top:18px; }
.shelves #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.shelves #step-2 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.shelves #step-2 #right { float: left; width: 240px; padding-left: 20px; }
.shelves #step-2 #right select { width: 80px; cursor: pointer; }
.shelves #step-2 #right select:disabled { background: #fff; }
.shelves #step-2 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.shelves #step-2 #left.adjust { line-height: 16px; }

/* step 3 */
.shelves #step-3 { margin-top: 20px; }
.shelves #step-3 > span { margin-top: 38px; }
.shelves #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.shelves #step-3 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.shelves #step-3 #right { float: left; width: 240px; padding-left: 20px; }
.shelves #step-3 #right select { width: 190px; cursor: pointer; }
.shelves #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.shelves #step-3 #left.adjust { line-height: 16px; }
.shelves #step-3 .shelves-note span { width: 200px; }

/* step 4 */
.shelves #step-4 { margin-top: 20px; }
.shelves #step-4 > span { margin-top: 38px; }
.shelves #step-4 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.shelves #step-4 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.shelves #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.shelves #step-4 #right select { width: 80px; cursor: pointer; }
.shelves #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.shelves #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.shelves #step-5 > span { margin-top: 0px; }
.shelves #step-5 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* plus icons */
.shelves #x-value-plus { top: 222px; left: 344px; }
.shelves #y-value-plus { top: 382px; left: 163px; }

/* required icons */
.shelves #required-1-1 { top: 192px; left: 455px; }
.shelves #required-1-2 { top: 354px; left: 270px; }
.shelves #required-2 { top: 490px; left: 362px; }
.shelves #required-3 { top: 677px; left: 472px; }
.shelves #required-4 { top: 728px; left: 362px; }


/*************************************************************************************************
    CUSTOM HEATER WIRE
*************************************************************************************************/
.wire {font-size: 14px; }
.wire #steps { clear: both;  }
.wire #required { margin: 20px 0 0 134px; }
.wire #note { margin-top: 20px; }
.wire #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.wire #note span + span { width: 530px; margin: 0; }
.wire #note span + span + span { width: 530px; margin-left: 134px; }
.wire .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }
.braids { float: left; width: 353px; margin: 22px 0; }
.braids .braids-product { display: block; background: #76787a; width: 353px; text-align: center; color: #fff; font-size: 18px;  padding: 8px 0; }
.braids ~ .braids { margin-left: 30px; }
.braids-bottom { background: url(../images/bg-wire-braids-bottom.jpg) no-repeat bottom left #fff; font-size: 12px; height: 170px;  }
.braids-bottom p { margin: 0; padding: 14px; }
.braids-bottom p ~ p { padding-top: 0; }
.braids-bottom span { color: #ed1c24; }
#wires-right { float: right; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; margin: 10px 3px 0 0; }
.wire-note { clear: both; float: left; color: #000; margin: 12px 0 0 15px; font-size: 12px; }
.wire-note span { position: absolute; left: 73px; top: 58px; width: 240px; margin: 0 0 0 10px; font-weight: normal; text-transform: none;}

/* step 1 */
.wire #step-1 { margin-top: 10px; }
.wire #step-1 > span { margin-top:42px; }
.wire #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.wire #step-1 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-1 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-1 #right select { width: 140px; cursor: pointer; }
.wire #step-1 #right select:disabled { background: #fff; }
.wire #step-1 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-1 #left.adjust { line-height: 16px; }

/* step 2 */
.wire #step-2 { margin-top: 20px; }
.wire #step-2 > span { margin-top:16px; }
.wire #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.wire #step-2 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-2 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-2 #right select { width: 140px; }
.wire #step-2 #right select:disabled { background: #fff; }
.wire #step-2 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-2 #left.adjust { line-height: 16px; }

/* step 3 */
.wire #step-3 { margin-top: 20px; }
.wire #step-3 > span { margin-top: 18px; }
.wire #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.wire #step-3 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-3 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-3 #right select { width: 140px; cursor: pointer; }
.wire #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-3 #left.adjust { line-height: 16px; }

/* step 4 */
.wire #step-4 { margin-top: 20px; }
.wire #step-4 > span { margin-top: 18px; }
.wire #step-4 > div { float: left; height: 124px; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.wire #step-4 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-4 #left span { display: block; text-align: right; font-size: 10px; color: #000; margin-top: -3px; }
.wire #step-4 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-4 #right select { width: 80px; cursor: pointer; }
.wire #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.wire #step-5 { margin-top: 20px; }
.wire #step-5 > span { margin-top: 18px; }
.wire #step-5 > div { float: left; background: #fff; height: 124px; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.wire #step-5 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-5 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-5 #right select { width: 80px; cursor: pointer; }
.wire #step-5 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-5 #left.adjust { line-height: 16px; }
.wire #step-5 .wire-note span { top: 61px; }

/* step 6 */
.wire #step-6 { margin-top: 20px; }
.wire #step-6 > span { margin-top: 52px; }
.wire #step-6 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.wire #step-6 #left { float: left; width: 120px; line-height: 23px; text-align: right; }
.wire #step-6 #right { float: left; width: 165px; padding-left: 20px; }
.wire #step-6 #right select { width: 80px; cursor: pointer; }
.wire #step-6 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.wire #step-6 #left.adjust { line-height: 16px; }

/* step 7 */
.wire #step-7 > span { margin-top: 0px; }
.wire #step-7 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* required icons */
.wire #required-1 { top: 97px; left: 362px; }
.wire #required-2 { top: 234px; left: 362px; }
.wire #required-3 { top: 316px; left: 362px; }
.wire #required-4 { top: 400px; left: 302px; }
.wire #required-5 { top: 545px; left: 302px; }
.wire #required-6 { top: 688px; left: 302px; }


/*************************************************************************************************
    CUSTOM STRIP CURTAINS CHOICE PAGE
*************************************************************************************************/
.strip-curtains-choice #steps { clear: both; padding-top: 30px; }
.strip-curtains-choice .steps { overflow: visible; }
.strip-curtains-choice #steps .curtains-title { background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px; text-align: center; margin-top: -35px; }

/* step 1 */
.strip-curtains-choice #step-1 { margin-top: 10px; height: 470px; }
.strip-curtains-choice #step-1 > span { margin-top:190px; }
.strip-curtains-choice #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }

/* step 2 */
.strip-curtains-choice #step-2 { margin-top: 10px; clear: both; height: 400px; }
.strip-curtains-choice #step-2 > span { margin-top:170px; }
.strip-curtains-choice #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; width: 682px; }
.strip-curtains-choice #step-2 > div ul { margin-top: 20px; overflow: hidden; }
.strip-curtains-choice #step-2 > div ul li { float: left; width: 184px; list-style: none; text-align: center; }
.strip-curtains-choice #step-2 > div ul li img { width: 184px;}
.strip-curtains-choice #step-2 > div ul li ~ li { background: url(../images/graphic-strip-curtains-step-2-line.jpg) no-repeat top left; padding-left: 24px; margin-left: 20px; }
.strip-curtains-choice #step-2 > div ul li .curtains-2-title { text-align: center; background: #000; color: #fff; padding: 4px 0; width: 184px; margin: 0 auto;}
.strip-curtains-choice #step-2 > div ul li p { text-transform: none; color: #000; font-size: 10px; }
.strip-curtains-choice #step-2 #curtains-note { color: #ed1c24; clear: both; font-size: 10px; width: 600px; margin-top: 20px; text-transform: none; }

/* step 3 */
.strip-curtains-choice #step-3 { margin-top: 60px; clear: both; height: 200px;}
.strip-curtains-choice #step-3 > span { margin-top:70px; }
.strip-curtains-choice #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-choice #step-3 > div img { float: left; }
.strip-curtains-choice #step-3 > div p { text-transform: none; width: 460px; float: right; clear: right; margin-left: 20px; color: #000; font-size: 12px; margin-top: 20px; }
.strip-curtains-choice #step-3 > div p ~ p { margin-top: 10px; }

/* hover placeholders */
#strip-curtains-choice-step-1-hover { display: block; width: 682px; height: 452px; position: absolute; top: 23px; left: 51px; }
#strip-curtains-choice-step-2-hover { display: block; width: 682px; height: 386px; position: absolute; top: 503px; left: 51px; }
#strip-curtains-choice-step-3-hover { display: block; width: 682px; height: 200px; position: absolute; top: 913px; left: 51px; }


/*************************************************************************************************
    STRIP CURTAINS BULK
*************************************************************************************************/
.strip-curtains-bulk #steps {  }
.strip-curtains-bulk #required { margin: 20px 0 0 134px; }
.strip-curtains-bulk #note { margin-top: 20px; }
.strip-curtains-bulk #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.strip-curtains-bulk #note span + span { width: 530px; margin: 0; }
.strip-curtains-bulk #note span + span + span { width: 530px; margin-left: 134px; }
.strip-curtains-bulk .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }
.strip-curtains-bulk-note { clear: both; float: left; color: #000; margin: 12px 0 0 35px; font-size: 12px; }
.strip-curtains-bulk-note span { float: right; width: 340px; margin: -14px 0 0 10px; font-weight: normal; text-transform: none;}
.strip-curtains-bulk #top-note { color: #ed1c24; margin-top: -20px; }
.strip-curtains-bulk .shelves-note { font-weight: normal; text-transform: none; margin-left: 54px; }
.strip-curtains-bulk #strip-curtain-title {  color: #ed1c24; }

/* step 1 */
.strip-curtains-bulk #step-1 { margin-top: 20px; }
.strip-curtains-bulk #step-1 > span { margin-top:240px; }
.strip-curtains-bulk #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.strip-curtains-bulk #step-1 #step-1-title { margin-top: 0;}
.strip-curtains-bulk #step-1 #right { float: right; width: 360px; text-transform: none; color: #000; font-size: 12px; margin: 30px 0 0;  }
.strip-curtains-bulk #step-1 #right span { color: #ed1c24; display: block; margin-top: 10px; }
.strip-curtains-bulk #step-1 img { float: left; margin: 20px 0 10px 0;}
.strip-curtains-bulk #step-1 ul li { float: left; }
.strip-curtains-bulk #step-1 ul li a { display: block; width: 141px; overflow: hidden; border: 1px solid #231f20; color: #000; }
.strip-curtains-bulk #step-1 ul li a:hover div,
.strip-curtains-bulk #step-1 ul li a.chosen div { background: #ed1c24; color: #fff; }
.strip-curtains-bulk #step-1 ul li a:hover div span,
.strip-curtains-bulk #step-1 ul li a.chosen div span { color: #fff; }
.strip-curtains-bulk #step-1 ul li span { display: block; color: #000; font-size: 10px; margin: 106px 0 5px 0; padding-left: 10px;  }
.strip-curtains-bulk #step-1 ul li div { font-size: 10px; background: #f1f1f2; border-top: 1px solid #231f20; text-transform: none;  color: #76787a; padding: 7px 6px 5px;}
.strip-curtains-bulk #step-1 ul li div span { display: inline; color: #a7a9ab; text-transform: uppercase; padding-left: 0; }
.strip-curtains-bulk #step-1 ul li ~ li { margin-left: 20px; }
.strip-curtains-bulk #step-1 ul li a#inch-4 { background: url(../images/graphic-strip-curtains-bulk-step1-4inch-thumb.jpg) no-repeat; }
.strip-curtains-bulk #step-1 ul li a#inch-6 { background: url(../images/graphic-strip-curtains-bulk-step1-6inch-thumb.jpg) no-repeat; }
.strip-curtains-bulk #step-1 ul li a#inch-8 { background: url(../images/graphic-strip-curtains-bulk-step1-8inch-thumb.jpg) no-repeat; }
.strip-curtains-bulk #step-1 ul li a#inch-12 { background: url(../images/graphic-strip-curtains-bulk-step1-12inch-thumb.jpg) no-repeat; }

/* step 2 */
.strip-curtains-bulk #step-2 { margin-top: 20px; }
.strip-curtains-bulk #step-2 > span { margin-top: 17px; }
.strip-curtains-bulk #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-bulk #step-2 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-bulk #step-2 #right { float: left; width: 150px; padding-left: 20px; }
.strip-curtains-bulk #step-2 #right select { width: 120px; cursor: pointer; }
.strip-curtains-bulk #step-2 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-bulk #step-2 #left.adjust { line-height: 16px; }


/* step 3 */
.strip-curtains-bulk #step-3 { margin-top: 20px; }
.strip-curtains-bulk #step-3 > span { margin-top: 45px; }
.strip-curtains-bulk #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-bulk #step-3 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-bulk #step-3 #right { float: left; width: 120px; padding-left: 20px; }
.strip-curtains-bulk #step-3 #right select { width: 80px; cursor: pointer; }
.strip-curtains-bulk #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-bulk #step-3 #left.adjust { line-height: 16px; }
.strip-curtains-bulk #step-3 .strip-curtains-bulk-note span { width: 200px; }

/* step 4 */
.strip-curtains-bulk #step-4 { margin-top: 20px; }
.strip-curtains-bulk #step-4 > span { margin-top: 38px; }
.strip-curtains-bulk #step-4 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-bulk #step-4 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-bulk #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.strip-curtains-bulk #step-4 #right select { width: 80px; cursor: pointer; }
.strip-curtains-bulk #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-bulk #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.strip-curtains-bulk #step-5 > span { margin-top: 0px; }
.strip-curtains-bulk #step-5 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* required icons */
.strip-curtains-bulk #required-1 { top: 20px; left: 482px; }
.strip-curtains-bulk #required-2 { top: 25px; left: 394px; }
.strip-curtains-bulk #required-3 { top: 25px; left: 355px; }
.strip-curtains-bulk #required-4 { top: 25px; left: 358px; }


/*************************************************************************************************
    STRIP CURTAINS STRIPS
*************************************************************************************************/
.strip-curtains-strips #steps {  }
.strip-curtains-strips #required { margin: 20px 0 0 134px; }
.strip-curtains-strips #note { margin-top: 20px; }
.strip-curtains-strips #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.strip-curtains-strips #note span + span { width: 530px; margin: 0; }
.strip-curtains-strips #note span + span + span { width: 530px; margin-left: 134px; }
.strip-curtains-strips .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }
.strip-curtains-strips-note { clear: both; float: left; color: #000; margin: 12px 0 0 35px; font-size: 12px; }
.strip-curtains-strips-note span { float: right; width: 340px; margin: -14px 0 0 10px; font-weight: normal; text-transform: none;}
.strip-curtains-strips #top-note { color: #ed1c24; margin-top: -20px; }
.strip-curtains-strips .shelves-note { font-weight: normal; text-transform: none; margin-left: 54px; }
.strip-curtains-strips #selected-image { display: block; margin: 20px;}

/* step 1 */
.strip-curtains-strips #step-1 { margin-top: 20px; }
.strip-curtains-strips #step-1 > span { margin-top:240px; }
.strip-curtains-strips #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.strip-curtains-strips #step-1 #step-1-title { margin-top: 0;}
.strip-curtains-strips #step-1 #right { float: right; width: 360px; text-transform: none; color: #000; font-size: 12px; margin: 30px 0 0;  }
.strip-curtains-strips #step-1 #right span { color: #ed1c24; display: block; margin-top: 10px; }
.strip-curtains-strips #step-1 img { float: left; margin: 20px 0 10px 0;}
.strip-curtains-strips #step-1 ul { margin: 0 80px; }
.strip-curtains-strips #step-1 ul li { float: left; }
.strip-curtains-strips #step-1 ul li a { display: block; width: 141px; overflow: hidden; border: 1px solid #231f20; color: #000; }
.strip-curtains-strips #step-1 ul li a:hover div,
.strip-curtains-strips #step-1 ul li a.chosen div { background: #ed1c24; color: #fff; }
.strip-curtains-strips #step-1 ul li a:hover div span,
.strip-curtains-strips #step-1 ul li a.chosen div span { color: #fff; }
.strip-curtains-strips #step-1 ul li span { display: block; color: #000; font-size: 10px; margin: 126px 0 5px 0; padding-left: 10px;  }
.strip-curtains-strips #step-1 ul li div { font-size: 10px; background: #f1f1f2; border-top: 1px solid #231f20; text-transform: none;  color: #76787a; padding: 7px 6px 5px;}
.strip-curtains-strips #step-1 ul li div span { display: inline; color: #a7a9ab; text-transform: uppercase; padding-left: 0; }
.strip-curtains-strips #step-1 ul li ~ li { margin-left: 20px; }
.strip-curtains-strips #step-1 ul li a#inch-4 { background: url(../images/graphic-strip-curtains-strips-step1-4inch-thumb.jpg) no-repeat; }
.strip-curtains-strips #step-1 ul li a#inch-6 { background: url(../images/graphic-strip-curtains-strips-step1-6inch-thumb.jpg) no-repeat; }
.strip-curtains-strips #step-1 ul li a#inch-8 { background: url(../images/graphic-strip-curtains-strips-step1-8inch-thumb.jpg) no-repeat; }
.strip-curtains-strips #step-1 ul li a#inch-12 { background: url(../images/graphic-strip-curtains-strips-step1-12inch-thumb.jpg) no-repeat; }

/* step 2 */
.strip-curtains-strips #step-2 { margin-top: 20px; }
.strip-curtains-strips #step-2 > span { margin-top: 17px; }
.strip-curtains-strips #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-strips #step-2 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-strips #step-2 #right { float: left; width: 150px; padding-left: 20px; }
.strip-curtains-strips #step-2 #right select { width: 120px; cursor: pointer; }
.strip-curtains-strips #step-2 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-strips #step-2 #left.adjust { line-height: 16px; }

/* step 3 */
.strip-curtains-strips #step-3 { margin-top: 20px; }
.strip-curtains-strips #step-3 > span { margin-top: 38px; }
.strip-curtains-strips #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-strips #step-3 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-strips #step-3 #right { float: left; width: 120px; padding-left: 20px; }
.strip-curtains-strips #step-3 #right select { width: 80px; cursor: pointer; }
.strip-curtains-strips #step-3 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-strips #step-3 #left.adjust { line-height: 16px; }
.strip-curtains-strips #step-3 .strip-curtains-strips-note span { width: 200px; }

/* step 4 */
.strip-curtains-strips #step-4 { margin-top: 20px; }
.strip-curtains-strips #step-4 > span { margin-top: 38px; }
.strip-curtains-strips #step-4 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains-strips #step-4 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains-strips #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.strip-curtains-strips #step-4 #right select { width: 80px; cursor: pointer; }
.strip-curtains-strips #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains-strips #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.strip-curtains-strips #step-5 > span { margin-top: 0px; }
.strip-curtains-strips #step-5 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* required icons */
.strip-curtains-strips #required-1 { top: 20px; left: 545px; }
.strip-curtains-strips #required-2 { top: 25px; left: 394px; }
.strip-curtains-strips #required-3 { top: 25px; left: 355px; }
.strip-curtains-strips #required-4 { top: 25px; left: 355px; }


/*************************************************************************************************
    STRIP CURTAINS
*************************************************************************************************/
.strip-curtains #steps {  }
.strip-curtains #required { margin: 20px 0 0 134px; }
.strip-curtains #note { margin-top: 20px; }
.strip-curtains #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.strip-curtains #note span + span { width: 530px; margin: 0; }
.strip-curtains #note span + span + span { width: 530px; margin-left: 134px; }
.strip-curtains .label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; line-height: 10px; }
.strip-curtains-note { clear: both; float: left; color: #000; margin: 12px 0 0 35px; font-size: 12px; }
.strip-curtains-note span { float: right; width: 340px; margin: -14px 0 0 10px; font-weight: normal; text-transform: none;}
.strip-curtains #top-note { margin-top: -20px; font-weight: bold; color: #ed1c24; }
.strip-curtains #top-note + p { margin: -12px 0 10px 52px; }
.strip-curtains .shelves-note { font-weight: normal; text-transform: none; margin-left: 54px; }
.strip-curtains #selected-image { display: block; margin: 20px;}

/* step 1 */
.strip-curtains #step-1 { margin-top: 20px; }
.strip-curtains #step-1 > span { margin-top: 17px; }
.strip-curtains #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains #step-1 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains #step-1 #right { float: left; width: 150px; padding-left: 20px; }
.strip-curtains #step-1 #right select { width: 120px; cursor: pointer; }
.strip-curtains #step-1 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains #step-1 #left.adjust { line-height: 16px; }

/* step 2 */
.strip-curtains #step-2 { margin-top: 20px; }
.strip-curtains #step-2 > span { margin-top:215px; }
.strip-curtains #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; position: relative; }
.strip-curtains #step-2 #left { float: left; width: 280px; line-height: 23px; text-align: right; font-size: 12px; }
.strip-curtains #step-2 .left-inner-left {  float: left; width: 100px; }
.strip-curtains #step-2 .left-inner-right {  float: left; width: 90px;  }
.strip-curtains #step-2 .left-inner-right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains #step-2 #left .left { float: left; width: 110px; text-align: center; line-height: 13px; }
.strip-curtains #step-2 #left .left.adjust,
.strip-curtains #step-2 #left .right.adjust,
.strip-curtains #step-2 .left-inner-left { line-height: 16px; }
.strip-curtains #step-2 #left p { float: left; color: #000; font-weight: normal; font-size: 12px; line-height: 16px; text-align: left; margin: 4px 0 0 20px }
.strip-curtains #step-2 #left .right { float: left; width: 130px; text-align: center; line-height: 13px; }
.strip-curtains #step-2 #left .group { clear: both; font-size: 16px; padding: 8px 8px; overflow: hidden; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; text-align: left; margin-top: 10px; float: left; width: 250px; position: relative; }
.strip-curtains #step-2 #left .group input[type="radio"] { float: left; margin: 5px 15px 0 20px;  }
.strip-curtains #step-2 #left .group .select-right { float: right; width: 120px; margin-right: 30px; }
.strip-curtains #step-2 #left .group select { width: 100px; cursor: pointer; }
.strip-curtains #step-2 #left #door-height { float: right; padding: 20px; margin: 0px 20px 0 0; width: 160px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px;  }
.strip-curtains #step-2 #left #door-height p { font-size: 10px; line-height: 12px; text-align: center; margin-left: 30px;}
.strip-curtains #step-2 #left #door-height select { width: 100px; cursor: pointer; }
.strip-curtains #step-2 #left #door-height #door-height-title { line-height: 13px; text-align: center; }
.strip-curtains #step-2 #left #door-height #door-height-select { padding: 10px 25px 0 0; }
.strip-curtains #step-2 #left #right { background: none;}
.strip-curtains #step-2 #right { float: left; width: 340px; padding-left: 20px; border-left: 3px solid #000; height: 500px; background: url(../images/graphic-strip-curtains-step-2.jpg) no-repeat top right; position: relative; }
.strip-curtains #step-2 #right p { position: absolute; top: 330px; color: #000; text-transform: none; font-size: 12px; }
.strip-curtains #step-2 #right p + p { top: 370px; font-weight: normal; }
.strip-curtains #step-2 #left span,
.strip-curtains #step-2 #right span { color: #000; font-size: 10px; }
.strip-curtains #step-2 #x-width { position: absolute; display: block; width: 80px; text-align: center; top: 40px; right: 124px; font-size: 18px; }
.strip-curtains #step-2 #y-height { position: absolute; display: block; width: 80px; text-align: center; top: 202px; right: 275px; font-size: 18px; }

/* step 3 */
.strip-curtains #step-3 { margin-top: 20px; }
.strip-curtains #step-3 > span { margin-top: 80px; }
.strip-curtains #step-3 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains #step-3 #left { float: left; width: 180px; line-height: 23px; text-align: right; margin: 20px 0;}
.strip-curtains #step-3 #right { float: left; width: 120px; padding: 3px 0 0 20px; margin: 20px 0; }
.strip-curtains #step-3 #right input ~ input { margin-left: 20px; }
.strip-curtains #step-3 #left.adjust { line-height: 16px; }
.strip-curtains #step-3 .note,
.strip-curtains #step-3 .example { clear: both; overflow: hidden;  }
.strip-curtains #step-3 .note span,
.strip-curtains #step-3 .example span { clear: both; display: block; float: left; color: #000; font-size: 12px; margin-right: 10px;  }
.strip-curtains #step-3 .note p,
.strip-curtains #step-3 .example p { float: left; width: 420px; margin: 0; color: #000; font-size: 11px; text-transform: none; }
.strip-curtains #step-3 .example { margin: 10px 0 0 48px; }

/* step 4 */
.strip-curtains #step-4 { margin-top: 20px; }
.strip-curtains #step-4 > span { margin-top: 38px; }
.strip-curtains #step-4 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.strip-curtains #step-4 #left { float: left; width: 180px; line-height: 23px; text-align: right; }
.strip-curtains #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.strip-curtains #step-4 #right select { width: 80px; cursor: pointer; }
.strip-curtains #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.strip-curtains #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.strip-curtains #step-5 > span { margin-top: 0px; }
.strip-curtains #step-5 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

/* required icons */
.strip-curtains #required-1 { top: 25px; left: 395px; }
.strip-curtains #required-2-1 { top: 30px; left: 122px; }
.strip-curtains #required-2-2 { top: 30px; left: 278px; }
.strip-curtains #required-2-3 { top: 343px; left: 249px; }
.strip-curtains #required-3 { top: 119px; left: 360px; }
.strip-curtains #required-4 { top: 24px; left: 356px; }


/*************************************************************************************************
    CUSTOM GASKETS CHOICE PAGE
*************************************************************************************************/
.gaskets-choice #steps { clear: both; padding-top: 30px; }
.gaskets-choice .steps { overflow: visible; }
.gaskets-choice #steps .gaskets-title { background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px; text-align: center; margin-top: -35px; }

/* step 1 */
.gaskets-choice #step-1 { margin-top: 10px; height: 255px; }
.gaskets-choice #step-1 > span { margin-top:90px; }
.gaskets-choice #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.gaskets-choice #step-1 ul { margin-top : 20px;}
.gaskets-choice #step-1 ul li { float: left; }
.gaskets-choice #step-1 ul li ~ li { margin-left: 15px; }
.gaskets-choice #step-1 ul li a { display: block; background: url(../images/bg-gaskets-choice-box.jpg) no-repeat #76787A; border: 1px solid #000; width: 146px; height: 155px; text-align: center; font-size: 12px; color: #fff; font-weight: normal; position: relative; }
.gaskets-choice #step-1 ul li a:hover { background-color: #ed1c24; }

/* step 2 */
.gaskets-choice #step-2 { margin-top: 10px; }
.gaskets-choice #step-2 > span { margin-top:165px; }
.gaskets-choice #step-2 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.gaskets-choice #step-2 ul { margin-top : 20px; overflow: hidden; }
.gaskets-choice #step-2 ul li { float: left; }
.gaskets-choice #step-2 ul li ~ li { margin-left: 15px; }
.gaskets-choice #step-2 ul li a { display: block; background: url(../images/bg-gaskets-profile-choice-box.jpg) no-repeat #76787A; border: 1px solid #000; width: 146px; height: 146px; text-align: center; font-size: 12px; color: #fff; font-weight: normal; position: relative; }
.gaskets-choice #step-2 ul li a:hover { background-color: #ed1c24; }

.gaskets-choice #step-2.screw { height: 550px; }
.gaskets-choice #step-2.screw > span { margin-top:247px; }

.gaskets-choice #step-2.compression { height: 700px; }
.gaskets-choice #step-2.compression > span { margin-top:330px; }

.gaskets-choice #step-2.retainer > div { width: 640px;}
.gaskets-choice #step-2.retainer > span { margin-top:80px; }

/*************************************************************************************************
    FAQ Forms PAGE
*************************************************************************************************/
.faq-forms #steps { clear: both; }
.faq-forms .steps { overflow: hidden; width:100%; }
.faq-forms .steps h2 { font-size: 14px; }
.faq-forms #steps .gaskets-title { background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px; text-align: center; margin-top: -35px; }

/* step 1 */
.faq-forms .steps { margin-top: 10px; }
.faq-forms .steps > span { margin-top:90px; }
.faq-forms .steps > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.faq-forms .steps ul { margin:20px 0; overflow: hidden;}
.faq-forms .steps ul li { float: left; }
.faq-forms .steps ul li ~ li { margin-left: 15px; }
.faq-forms .steps ul li img { margin: 11px 0; }
.faq-forms .steps ul li a { display: block; background: url(../images/bg-gaskets-choice-box.jpg) repeat-x #76787A; border: 1px solid #000; width: 158px; height: 155px; text-align: center; font-size: 11px; color: #fff; font-weight: normal; }
.faq-forms .steps ul li a.active,
.faq-forms .steps ul li a:hover { background-color: #ed1c24; }
.faq-forms .steps dl { overflow: hidden; font-size: 14px; text-transform:none; }
.faq-forms .steps dt { float: left; padding-right: 12px; }
.faq-forms .steps dd { overflow: hidden; }

/*************************************************************************************************
    HEATER ORDER PAGE
*************************************************************************************************/
.heater-order #steps { clear: both; }
.heater-order .steps { overflow: hidden; }
.heater-order #steps .gaskets-title { background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px; text-align: center; margin-top: -35px; }

/* step 1 */
.heater-order #step-1 { margin-top: 10px; }
.heater-order #step-1 > span { margin-top:90px; }
.heater-order #step-1 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.heater-order #step-1 ul { margin:20px 0; overflow: hidden;}
.heater-order #step-1 ul li { float: left; }
.heater-order #step-1 ul li ~ li { margin-left: 15px; }
.heater-order #step-1 ul li a { display: block; background: url(../images/bg-gaskets-choice-box.jpg) no-repeat #76787A; border: 1px solid #000; width: 146px; height: 155px; text-align: center; font-size: 12px; color: #fff; font-weight: normal; }
.heater-order #step-1 ul li a.active,
.heater-order #step-1 ul li a:hover { background-color: #ed1c24; }
.heater-order #step-1 dl { overflow: hidden; font-size: 14px; text-transform:none; }
.heater-order #step-1 dt { float: left; padding-right: 12px; }
.heater-order #step-1 dd { overflow: hidden; }

/* step 2 */
.heater-order #step-2 { margin-top: 10px; }
.heater-order #step-2 > span { margin-top:90px; }
.heater-order #step-2 > div { float: left; text-transform: uppercase; color: #ed1c24; font-weight: bold; }
.heater-order #step-2 .step-title { text-align: center; background: #000; color: #fff; padding: 17px 20px 14px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; -moz-border-top-left-radius:20px; -moz-border-top-right-radius:20px; border-top-left-radius: 20px; border-top-right-radius: 20px;  }
.heater-order #step-2 .step-content { min-height: 400px; overflow: hidden; background: #fff; position: relative; padding: 17px 20px 14px; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; -moz-border-bottom-left-radius:20px; -moz-border-bottom-right-radius:20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;  }
.heater-order #step-2 .step-content .config-img { padding-bottom: 30px; }
.heater-order #step-2 .dimensions { position: absolute; text-align: center; color: #000; }
.heater-order #step-2 .dimensions select { width: 80px; }
.heater-order #step-2 .dimensions .label { text-transform: uppercase; color: #000; text-align: center; line-height: 10px; }
.heater-order #step-2 .dimensions .label img { position: absolute; top:4px; right: -16px; }
.heater-order #step-2 .dimensions .small { font-size:10px; }
.heater-order #step-2 .dimensions .large { font-size:24px; font-weight: normal; line-height: 30px; position: relative; }
.heater-order #step-2 .required-field { position: absolute; top:25px; right: 20px; text-align: right; font-size: 12px; text-transform:none;  }
.heater-order #step-2 .required-field li { padding-bottom: 8px; }
.heater-order #step-2 .required { color:#ed1c24; font-size: 13px;  }

.heater-order #step-2 .dimensions .plus-icon { left: -20px; top: 6px; }
.heater-order #step-2 .dimensions li { position: relative; }
.heater-order #step-2 li.clear-values { width: 90px; }
.heater-order #step-2 li.total-length { width: 280px; margin-right: 20px; text-align: right; font-size: 12px; }
.heater-order #step-2 li.total-length .small { font-size: 9px; color: #000; line-height: 8px; }
.heater-order #step-2 .total-input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.heater-order #step-2 .input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.heater-order #step-2 .select-heater { overflow: hidden; }
.heater-order #step-2 .heater-totals .left,
.heater-order #step-2 .select-heater .left { text-align: right; width: 300px; font-size: 12px; }
.heater-order #step-2 .heater-totals .left p:first-child,
.heater-order #step-2 .select-heater .left p:first-child { margin-top: 0px; }
.heater-order #step-2 .heater-totals .left p span,
.heater-order #step-2 .select-heater .left p span { color:#000000; font-size: 10px; }
.heater-order #step-2 .heater-totals .right,
.heater-order #step-2 .select-heater .right { width: 280px;  font-size: 12px; }
.heater-order #step-2 .heater-totals .right p:first-child { margin-top: 0px; }
.heater-order #step-2 .heater-totals .right div { overflow: hidden; }
.heater-order #step-2 .heater-totals .right { font-size: 8px; color: #000000; }
.heater-order #step-2 .heater-totals input,
.heater-order #step-2 .heater-totals img { float: left; margin-right: 10px; }
.heater-order #step-2 .heater-totals .length-matches { display: none; }
.heater-order #step-2 .heater-totals .length-matches p { padding-top: 10px; }
.heater-order #step-2 .select-heater .select { border: 1px solid #000; -moz-border-radius:5px; float: right; border-radius:5px; overflow: hidden; background:#ed1c24 url(../images/bg-select-arrows-length.png) no-repeat right center; padding-right: 20px; width: 260px;  }
.heater-order #step-2 .select-heater table { width:260px; background-color:#FFFFFF; text-align:center; border-collapse:collapse }
.heater-order #step-2 .select-heater thead { color: #ed1c24;  }
.heater-order #step-2 .select-heater tbody { color:#000000; }
.heater-order #step-2 .select-heater table td { padding: 2px 0; }
.heater-order #step-2 .heater-totals .within-total { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 35px; line-height:35px; color: #ed1c24;  font-size: 14px; margin-right: 20px; padding: 0 16px;  }
.heater-order #step-2 .order-check-inner {border-top: 1px solid #000000; padding-top: 16px; margin-top: 16px; }
.ui-dialog-content tbody tr:hover{ background-color: #DBDCDE; cursor:pointer; }

/* step 2 - Config 1 */
.heater-order #step-2 #config-1 .dimensions.length { top: 194px; left: 270px; }

/* step 2 - Config 2 & 4 */
.heater-order #step-2 #config-2 .dimensions.length,
.heater-order #step-2 #config-4 .dimensions.length { top: 216px; left: 224px; }
.heater-order #step-2 #config-2 .dimensions.height,
.heater-order #step-2 #config-4 .dimensions.height { top: 64px; left: 114px; }
.heater-order #step-2 #config-2 .dimensions.width { top: 250px; left: 485px; }
.heater-order #step-2 #config-4 .dimensions.width { top: 280px; left: 510px; }

/* step 2 - Config 3, 5, 6 */
.heater-order #step-2 #config-8 .dimensions.length,
.heater-order #step-2 #config-6 .dimensions.length,
.heater-order #step-2 #config-5 .dimensions.length,
.heater-order #step-2 #config-3 .dimensions.length { top: 254px; left: 246px; }
.heater-order #step-2 #config-8 .dimensions.height,
.heater-order #step-2 #config-6 .dimensions.height,
.heater-order #step-2 #config-5 .dimensions.height,
.heater-order #step-2 #config-3 .dimensions.height { top: 130px; left: 540px; }

/* step 2 - Config 7 */
.heater-order #step-2 #config-7 .dimensions.length { top: 216px; left: 204px; }
.heater-order #step-2 #config-7 .dimensions.height { top: 110px; left: 520px; }
.heater-order #step-2 #config-7 .dimensions.width  { top: 250px; left: 465px; }

/* step 3 */
.heater-order .steps#step-3 { overflow: visible; height: 100px; }
.heater-order #step-3 > div { float: left; background: #fff; font-size: 11px; padding: 17px 20px 5px; width: 604px; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.heater-order #step-3 .number-of-slides #left { line-height:14px; font-weight: normal; font-size: 14px; font-weight: bold; }
.heater-order #step-3 > span { margin-top: 18px; }
.heater-order #step-3 #left { float: left; width: 300px; text-align: right; font-size: 14px; font-weight: bold; color: #ed1c24; }
.heater-order #step-3 #right { float: left; width: 100px; padding-left: 20px; }
.heater-order #step-3 ul li ~ li { margin-top: 15px; }
.heater-order #step-3 .small { font-size: 8px; display: block; }
.heater-order #step-3 select { width: 80px; cursor: pointer; }
.heater-order #step-3 #left select { width: 80px; cursor: pointer; display: block; margin-left: 10px; }
.heater-order #step-3 #left .customSelect { margin-left: 10px; }
.heater-order #step-3 #right select { width: 80px; cursor: pointer; display: block; margin-left: 20px; }
.heater-order #step-3 #right .customSelect { margin-left: 20px; }
.heater-order #step-3 .number-of-slides label { line-height:32px; }
.heater-order #step-3 .required-icon { position: absolute; top: 30px; right: 255px; }
.heater-order #step-3 a#roll-heater-help { display: block; height: 34px; background: url(../images/icon-help.png) no-repeat top left; width: 50px; position: absolute; top: 20px; right: 120px; color: #000; padding: 5px 0 0 42px; }
#roll-heater-popup { position: absolute; z-index: 100; right: 20px; top: 80px; width: 530px; height: 230px; background: #fff; display: none; border: 1px solid #000; padding: 10px 20px; }
#roll-heater-popup p { font-weight: bold; line-height: 16px; font-size: 10px; }

/* step 4 */
.heater-order .steps#step-4 { clear: both; }
.heater-order #step-4 > span { margin-top: 38px; }
.heater-order #step-4 > div { float: left; background: #fff; padding: 17px 20px 14px; color: #ed1c24; text-transform: uppercase; font-weight: bold; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; }
.heater-order #step-4 #left { float: left; width: 110px; line-height: 23px; text-align: right; }
.heater-order #step-4 #right { float: left; width: 120px; padding-left: 20px; }
.heater-order #step-4 #right select { width: 80px; cursor: pointer; }
.heater-order #step-4 #right input { border: 1px solid #000; -moz-border-radius: 5px; border-radius: 5px; height: 20px; width: 65px; padding: 2px 5px; }
.heater-order #step-4 #left.adjust { line-height: 16px; }

/* step 5 */
.heater-order #step-5 > span { margin-top: 0px; }
.heater-order #step-5 input { background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin-left: 90px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }

.heater-order #required { margin: 20px 0 0 134px;  }
.heater-order #note { margin-top: 20px; }
.heater-order #note span { display: block; float: left; width: 46px; font-size: 12px; margin-left: 88px; }
.heater-order #note span + span { width: 530px; margin: 0; }
.heater-order #note span + span + span { width: 530px; margin-left: 134px; }

/*************************************************************************************************
    TERMS AND CONDITIONS
*************************************************************************************************/
.static { background: #f1f1f2; border: 1px solid #000; margin: 24px 0 24px; padding: 10px 10px 30px 10px; overflow: hidden; position: relative; }
.terms .static { padding-top: 20px; padding-bottom: 0; }
.static + h2#payment { font-size: 18px; color: #fff; background: #000; padding: 6px 10px; margin: 0; text-transform: uppercase; font-weight: normal; }
.terms a { color: #ed1c24; }
.terms h2 { font-size: 16px; margin: 0; }
.terms h2 + p { padding: 0; margin: 3px 0 15px; }
.subject { color: #ed1c24; text-transform: uppercase; font-weight: bold; font-size: 16px; }
.static .no-pad { margin-top: 0;}


/*************************************************************************************************
    CONTACT
*************************************************************************************************/
#contact-box { background: #fff; border: 1px solid #000; -moz-border-radius: 30px; border-radius: 30px; overflow: hidden; padding: 10px 0 0 20px; height: 500px; }
#contact-box .title { display: block; color: #ed1c24; font-weight: bold; font-size: 12px; margin: 14px 0 0 65px; }
#contact-box a { color: #231f20; }
.contact-third { float: left; width: 33%; height: 120px; }
.contact-third.phone { background: url(../images/graphic-contact-phone.jpg) no-repeat; }
#contact-box .contact-third.phone .title { margin-top: 0px; }
.contact-third.email { background: url(../images/graphic-contact-email.jpg) no-repeat; }
.contact-third.fax { background: url(../images/graphic-contact-fax.jpg) no-repeat; }
.contact-third #phone-num { display: block; font-size: 20px; font-weight: bold; color: #ed1c24; margin: 4px 0 4px 65px; }
.contact-third #hours { font-size: 13px; font-weight: bold; color: #231f20; margin-left: 65px;}
.contact-third .numbers,
.contact-half .numbers { display: block; color: #231f20; margin: 3px 0 15px 65px; font-size: 12px; }
.contact-half { float: left; width: 50%; height: 286px; background: url(../images/graphic-contact-mail.jpg) no-repeat; }
#contact-box .contact-half .title { margin-top: 0; }


/*************************************************************************************************
    FORMS
*************************************************************************************************/
.forms form { clear: both; }
.form-block ul { padding-bottom: 20px; }
.form-block ul li { margin-bottom: 10px; }
.form-block label { display: inline-block; color: #ed1c24; width: 145px; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 13px; margin-right: 10px; vertical-align: middle; }
.form-block input { border: 1px solid #000; padding: 8px 25px 8px 12px; width: 526px; height: 15px; }
.form-block input.required { background: url(../images/icon-star-white-form.jpg) no-repeat #fff right 10px; }
#extra-info-text { display: block; margin-left: 20px; font-size: 10px; }
.form-title { text-transform: uppercase; font-size: 18px; display: block; text-align: right; width: 147px; margin-bottom: 10px; }
#catalog-note { display: block;  margin-left: 20px; clear: both; }
#catalog-note.serial { margin-bottom: 30px; overflow: hidden;  }
#catalog-note span { float: right; width: 460px; margin-right: 220px;}
#catalog-note.serial span { width: 540px; margin-right: 140px; }
.form-text { margin: 20px 0 20px  20px; }
.form-text + ul { margin: 0 0 30px 20px;  }
.form-text + ul li { list-style: disc; margin: 0 0 10px 40px; }
.form-text + ul + input#submit,
.form-block + input#submit { float: left; background: url(../images/bg-submit-btn.jpg) repeat-x #bf151b; color: #fff; font-size: 14px; margin: 0 30px 40px 30px; text-transform: uppercase; padding: 4px 40px; border: 1px solid #000; -moz-border-radius: 20px; border-radius: 20px; cursor: pointer; }
#preferred-method-of-contact { width: 100px; }
#required-method-of-contact { top: 1195px; left: 475px; }

/*************************************************************************************************
    FOOTER
*************************************************************************************************/
footer { clear: both; position: relative; overflow: hidden; border-top: #000 10px solid; padding: 20px 0 30px; }
footer a { color: #939597; }
footer a:hover { text-decoration: underline; }
footer #left { float: left; }
footer #right { float: left; margin-left: 20px; }
footer span { display: block; }
footer #footer-logo { display: block; width: 323px; height: 0; padding-top: 52px; overflow: hidden; background: url(../images/logo-footer.jpg) no-repeat; }
footer #phone { color: #ed1c24; font-size: 20px; font-weight: bold; margin-left: 90px; }
footer #copyright { margin:6px 0 0 92px; font-size: 10px;  }
footer h2 { font-size:14px; margin-top: 0; }
footer ul { float: left; font-size: 12px; width: 175px; border-left:1px solid #000; margin-left: 4px; padding-left: 20px; overflow: hidden; min-height: 140px; }
footer ul li { line-height: 20px; position: relative; }
footer #live-chat { display: block; width: 170px; height: 40px; background: url(../images/bg-chat-online.png) no-repeat top left; position: absolute; top: 0px; padding-left: 28px; left:0; color: #27A9E1; text-decoration: none;}
footer #live-chat span { color: #58585B; font-size: 12px; font-style: italic; }
footer #live-chat.offline { background: url(../images/bg-chat-offline.png) no-repeat top left; color: #58585B; }


/*************************************************************************************************
    CUSTOM SELECT BOXES
*************************************************************************************************/
span.customSelect { background: url(../images/bg-select-box.jpg) repeat-x; color:#626366; padding:0 0 0 7px; border:1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 6px 6px; font-size: 12px; line-height: 21px; margin-bottom: 5px; }
span.customSelect.changed { background-color: #f0dea4; }
.customSelectInner { background:url(../images/bg-select-arrows.png) no-repeat right; }
span.customSelectDisabled,
input:disabled  { background: #cbcbcb; cursor: default; }

/*************************************************************************************************
    JQUERY DIALOG BOXES
*************************************************************************************************/
.ui-widget-header { border: none; background: none; }
.ui-dialog .ui-dialog-content { padding: 0; }
.ui-dialog .ui-dialog-titlebar { display: none; }




.watermark-center { position: absolute; top: 60px; left: 20px; color: #B1B3B5; }
.chosen-profile .watermark-center { top: 130px; left: 70px;}


.watermark.center { position: absolute; left: 26px; top: 55px; color: #999; }