/* == Price Calculator
----------------------------------------------------------------------------------------------------------------------*/

.scrollHolder{float: left;width: 640px;display: inline;position: relative;height: 70px;}
.scrollHolder label{width:120px;margin: 1px 0 0 0;float: left;background: url(img/bracket-sml.gif) center right no-repeat;height: 62px;line-height: 62px;}
.scrollHolder .scrollBox{float:left; width: 455px;}
.scrollHolder .lblKey{float:left;background: url(img/icon-bubble.gif) top left no-repeat;width: 30px; height: 27px;text-align: center; padding: 3px 0 0 0;font-style: none;font-family: Arial;  font-size: 11px; }
.scrollHolder .slider{position: absolute;background: url(img/slider-bg.gif) center left repeat-x;height:30px;width:253px;border-right: solid 1px #ccc;border-left: solid 1px #ccc;top: 35px;}
.scrollHolder .handle{position: absolute;cursor: pointer;z-index: 100;height: 30px;width: 30px;background: url(img/slider-button.gif) top left no-repeat;}

#holderTime .lblKey{margin-right: 15px;}
#holderPages .lblKey{margin-right: 17px;}
#holderPages .label-end{margin-right: 0;}
#holderPages .slider{width:450px;}

.price .sign{color: #ddd;font-size: 88px;}
.price{ width: 560px;height: auto;text-align: center;font-size: 1000%;font-family: Georgia;color: #bbb;letter-spacing: -10px;/*background: url(img/price-bg.gif) top left no-repeat*/;border: 1px solid #deecf5;margin-top: 10px;padding:10px;position: relative;}

.clr{clear: both;}
/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/

ul.tabs{margin: 10px 0;font-size: 160%;letter-spacing: -1px;font-weight: normal; height: 55px;color: #333;background: url(img/tabs-bg.gif) bottom left repeat-x;float: left;width: 100%;}
ul.tabs li{float: left; list-style: none;margin: 0;}
ul.tabs li a{float: left;height: 35px;padding: 20px 0 0 0;color: #999;width: 135px;text-align: center;text-decoration: none;}
ul.tabs li a.on{background: url(img/tab-on.gif) top left no-repeat;color: #333;}
ul.tabs li a:hover{color: #980535;}

/** width classes **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

em{}

/** The below provides a default hr style along with a cross browser method with consideration for disabled styles **/
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{float: left; width: 100%;margin: 5px 0px; border: none;clear:both; height: 2px; background: url(/_img/line.gif) top left repeat-x;}
div.hr hr{display:none;}