/* 
 This file was generated by Dashcode.  
 You may edit this file to customize your widget or web page 
 according to the license.txt file included in the project.
 */

body {
    margin: 0px;
}

#back {
    display: none;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    min-height: 0px;
    height: auto;
}

#topRingFrame {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    opacity: 1;
    border-color: rgb(102, 14, 18);
    background-color: rgb(253, 255, 199);
    margin-top: 0px;
    margin-left: 0px;
    width: 202px;
    height: 220px;
}

#TCHButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    min-height: 45px;
    height: auto;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    margin-right: 0px;
    margin-left: 75px;
    width: 126px;
    margin-top: 15px;
}

#TCHButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    width: auto;
    bottom: 15px;
    height: auto;
    top: 15px;
    right: 0px;
    left: 25px;
}

#TDLButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 45px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 75px;
    width: 126px;
    top: 100px;
}

#TDLButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    right: 0px;
    width: auto;
    bottom: 6px;
    height: auto;
    top: 6px;
    left: 25px;
}

#TDSButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 45px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 75px;
    width: 126px;
    top: 163px;
}

#TDSButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    top: 6px;
    right: 0px;
    width: auto;
    bottom: 6px;
    height: auto;
    left: 25px;
}

#bottomRingFrame {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    opacity: 1;
    border-color: rgb(102, 14, 18);
    background-color: rgb(253, 255, 199);
    margin-left: 0px;
    margin-top: 0px;
    width: 202px;
    height: 160px;
}

#BCHButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 45px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 37px;
    width: 126px;
    left: 75px;
}

#BCHButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    top: 16px;
    left: 25px;
    right: 0px;
    width: auto;
    bottom: 14px;
    height: auto;
}

#BHHButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 45px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 37px;
    width: 126px;
    left: 75px;
}

#SettingsBox {
    border-color: black;
    border-width: 1px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    opacity: 0.92;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    height: 77px;
    margin-bottom: 5px;
    width: 206px;
}

#topRingBox {
    border-color: black;
    border-width: 1px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 206px;
    height: 223px;
}

#bottomRingBox {
    border-color: black;
    border-width: 1px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
    width: 206px;
    height: 165px;
}

#SliderBox {
    border-color: black;
    border-width: 1px;
    position: absolute;
    opacity: 0.92;
    left: 229px;
    width: 661px;
    height: 473px;
    top: 122px;
}

#LoopSliderBox {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(102, 14, 18);
    background-color: rgb(225, 226, 201);
    margin-left: 0px;
    position: relative;
    width: 657px;
    height: 106px;
    margin-top: 11px;
}

#LengthSliderBox {
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(102, 14, 18);
    background-color: rgb(225, 226, 201);
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    width: 657px;
    margin-left: 0px;
    margin-top: 11px;
    height: 106px;
}

#TopSliderBox {
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    opacity: 1;
    border-color: rgb(102, 14, 18);
    background-color: rgb(225, 226, 201);
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    margin-top: 0px;
    height: 106px;
    width: 657px;
    margin-left: 0px;
}

#BottomSliderbox {
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(102, 14, 18);
    background-color: rgb(225, 226, 201);
    margin-left: 0px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    width: 657px;
    height: 106px;
    margin-top: 11px;
}

#BottomSizeLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 13px;
    margin-top: 4px;
    height: 18px;
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
}

.selected #BottomSizeLabel {
    color: white;
}

#LoopOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 20px;
    height: 23px;
    color: rgb(0, 129, 6);
    margin-top: 36px;
    width: auto;
    margin-right: 0px;
}

.selected #LoopOutput {
    color: white;
}

#LengthOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    margin-bottom: 8px;
    margin-left: 0px;
    height: 23px;
    font-size: 20px;
    color: rgb(0, 129, 6);
    margin-top: 36px;
    width: auto;
    margin-right: 0px;
}

.selected #LengthOutput {
    color: white;
}

#BottomSizeDOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    color: rgb(0, 129, 6);
    margin-left: 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
    margin-right: 0px;
    height: 24px;
    font-size: 16px;
}

.selected #BottomSizeDOutput {
    color: white;
}

#BHHButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    height: auto;
    position: absolute;
    right: auto;
    bottom: 13px;
    width: 125px;
    left: 75px;
    top: 101px;
}

#BHHButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    left: 25px;
    top: 13px;
    right: 0px;
    width: auto;
    bottom: 14px;
    height: auto;
}

#BHHImage {
    position: absolute;
    margin-top: 0px;
    border-style: solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    right: 139px;
    bottom: 65px;
    width: 56px;
    height: 56px;
    background-color: rgb(192, 192, 192);
    border-width: 3px;
    left: 8px;
    top: 95px;
    border-color: rgb(119, 119, 119);
    background-size: 100%;
    background-image: url(Images/Hitch%20-%20Half.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#BCHImage {
    position: absolute;
    margin-top: 0px;
    border-style: solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    left: 8px;
    top: 32px;
    background-color: rgb(192, 192, 192);
    border-color: rgb(0, 0, 0);
    border-width: 3px;
    max-width: 60px;
    max-height: 60px;
    bottom: 72px;
    height: auto;
    right: 138px;
    width: auto;
    background-size: 100%;
    background-image: url(Images/Hitch%20-%20Cow.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#RadioButtonBox {
    border-color: black;
    border-width: 1px;
    position: absolute;
    opacity: 0.92;
    left: 10px;
    top: 122px;
    width: 206px;
    height: 473px;
}

#LoopMax {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    text-align: right;
    right: auto;
    width: 27px;
    bottom: auto;
    height: 16px;
    top: 22px;
    left: 513px;
}

.selected #LoopMax {
    color: white;
}

#LoopMin {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: relative;
    margin-top: 0px;
    text-align: left;
    margin-left: 12px;
    width: auto;
    margin-right: 513px;
    min-height: 16px;
    height: auto;
}

.selected #LoopMin {
    color: white;
}

#LengthMax {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    text-align: right;
    left: 499px;
    top: 22px;
    right: 12px;
    width: auto;
    bottom: 54px;
    height: auto;
}

.selected #LengthMax {
    color: white;
}

#LengthMin {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: relative;
    margin-top: 0px;
    text-align: left;
    margin-left: 12px;
    width: auto;
    margin-right: 513px;
    min-height: 16px;
    height: auto;
}

.selected #LengthMin {
    color: white;
}

#BottomSizeMaxD {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: visible;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    right: 12px;
    height: 16px;
    bottom: auto;
    text-align: right;
    width: auto;
    top: 22px;
    left: auto;
}

.selected #BottomSizeMaxD {
    color: white;
}

#BottomSizeMinD {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: visible;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: relative;
    margin-top: 0px;
    text-align: left;
    margin-left: 12px;
    height: 16px;
    width: auto;
    margin-right: 515px;
}

.selected #BottomSizeMinD {
    color: white;
}

#BottomSizeMinC {
    font-size: 13px;
    overflow: visible;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    text-align: left;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: relative;
    margin-left: 12px;
    height: 16px;
    margin-top: 8px;
    width: auto;
    margin-right: 515px;
}

.selected #BottomSizeMinC {
    color: white;
}

#BottomSizeMaxC {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: visible;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    right: 12px;
    height: 16px;
    bottom: auto;
    text-align: right;
    width: auto;
    top: 73px;
    left: auto;
}

.selected #BottomSizeMaxC {
    color: white;
}

#TopSizeCOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    line-height: 16px;
    color: rgb(0, 129, 6);
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    width: auto;
    margin-right: 0px;
    min-height: 24px;
    height: auto;
    font-size: 16px;
}

.selected #TopSizeCOutput {
    color: white;
}

#BottomSizeCOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    color: rgb(0, 129, 6);
    position: relative;
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
    width: auto;
    margin-right: 0px;
    min-height: 24px;
    height: auto;
    font-size: 16px;
}

.selected #BottomSizeCOutput {
    color: white;
}

#OutputBox {
    border-style: solid;
    position: absolute;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-width: 2px;
    background-color: rgb(225, 226, 201);
    border-color: rgb(41, 138, 46);
    opacity: 0.92;
    width: 657px;
    height: 98px;
    right: auto;
    left: 229px;
    margin-left: 0px;
    bottom: auto;
    top: 10px;
    margin-top: 0px;
}

#TDSInput {
    margin-left: 0px;
    margin-top: 16px;
}

#TCHImage {
    position: absolute;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-style: solid;
    width: 56px;
    height: 56px;
    left: 8px;
    top: 32px;
    border-color: rgb(0, 0, 0);
    border-width: 3px;
    background-size: 100%;
    background-image: url(Images/Hitch%20-%20Cow.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#TDLImage {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-style: solid;
    width: 56px;
    height: 56px;
    margin-top: 0px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    display: block;
    position: absolute;
    left: 8px;
    right: auto;
    bottom: auto;
    border-color: rgb(135, 135, 135);
    top: 94px;
    border-width: 3px;
    background-size: 100%;
    background-image: url(Images/Hitch%20-%20DLoop.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#TDSImage {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    display: block;
    width: 56px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-style: solid;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 8px;
    height: 56px;
    border-color: rgb(135, 135, 135);
    top: 157px;
    border-width: 3px;
    background-size: 100%;
    background-image: url(Images/Hitch%20-%20DStrand.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#TCHInput {
    margin-left: 0px;
    margin-top: 16px;
}

#TDLInput {
    margin-left: 0px;
    margin-top: 16px;
}

#topRingBoxLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    margin-left: 8px;
    position: relative;
    margin-top: 5px;
    width: auto;
    margin-right: 14px;
    min-height: 18px;
    height: auto;
    font-size: 13px;
}

.selected #topRingBoxLabel {
    color: white;
}

#bottomRingBoxLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    margin-left: 8px;
    position: relative;
    margin-top: 5px;
    font-size: 13px;
    width: auto;
    margin-right: 3px;
    min-height: 18px;
    height: auto;
}

.selected #bottomRingBoxLabel {
    color: white;
}

#BCHInput {
    margin-top: 16px;
    margin-left: 0px;
}

#BHHInput {
    margin-top: 16px;
    margin-leftwards: 0px;
    margin-left: 0px;
}

#TopSizeCLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-family: 'Lucida Grande';
    color: rgb(0, 0, 0);
    font-size: 12px;
    position: relative;
    margin-left: 0px;
    text-align: center;
    margin-top: 3px;
    width: auto;
    margin-right: 0px;
    min-height: 15px;
    height: auto;
}

.selected #TopSizeCLabel {
    color: white;
}

#TopSizeDLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    font-family: 'Lucida Grande';
    color: rgb(0, 0, 0);
    font-size: 12px;
    margin-left: 0px;
    text-align: center;
    width: auto;
    margin-right: 0px;
    min-height: 15px;
    height: auto;
    margin-top: 8px;
}

.selected #TopSizeDLabel {
    color: white;
}

#BottomSizeDLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-family: 'Lucida Grande';
    color: rgb(0, 0, 0);
    font-size: 12px;
    margin-left: 0px;
    text-align: center;
    width: auto;
    margin-right: 0px;
    min-height: 15px;
    height: auto;
    margin-top: 8px;
}

.selected #BottomSizeDLabel {
    color: white;
}

#BottomSizeCLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-family: 'Lucida Grande';
    color: rgb(0, 0, 0);
    font-size: 12px;
    position: relative;
    width: auto;
    min-height: 15px;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
    margin-top: 3px;
}

.selected #BottomSizeCLabel {
    color: white;
}

#TRLengthFrame {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    right: 0px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(119, 119, 119);
    bottom: 82px;
    top: 6px;
    margin-top: 0px;
    left: 6px;
    background-color: rgb(255, 247, 238);
    height: 85px;
    width: 242px;
}

#BRLengthFrame {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(119, 119, 119);
    top: 6px;
    background-color: rgb(255, 247, 238);
    height: 85px;
    width: 242px;
    left: 258px;
}

#TRLengthLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    left: 12px;
    top: 15px;
    right: 75px;
    width: auto;
    bottom: 48px;
    height: auto;
}

.selected #TRLengthLabel {
    color: white;
}

#BRLengthLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    left: 12px;
    top: 15px;
    right: 82px;
    width: auto;
    bottom: 48px;
    height: auto;
}

.selected #BRLengthLabel {
    color: white;
}

#Title {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    left: 0px;
    top: 15px;
    right: -1px;
    width: auto;
    bottom: 15px;
    height: auto;
    font-size: 25px;
}

.selected #Title {
    color: white;
}

#TitleBox {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: absolute;
    margin-top: 0px;
    right: 0px;
    bottom: 699px;
    border-style: solid;
    border-width: 2px;
    background-color: rgb(225, 226, 201);
    opacity: 0.92;
    top: 10px;
    width: 202px;
    height: 98px;
    border-color: rgb(228, 212, 28);
    left: 10px;
}

#cmButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    height: 19px;
    position: absolute;
    bottom: auto;
    margin-top: 0px;
    width: 80px;
    top: 25px;
    left: 13px;
}

#cmButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    width: auto;
    top: 2px;
    bottom: 2px;
    height: auto;
    left: 27px;
    right: 0px;
}

#inchButton {
    font-family: HelveticaNeue;
    font-size: 10pt;
    height: 19px;
    position: absolute;
    width: 80px;
    left: 13px;
    top: 49px;
}

#inchButtonLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    top: 2px;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    width: auto;
    bottom: 2px;
    height: auto;
    left: 27px;
    right: 0px;
}

#UnitFrame {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(102, 14, 18);
    margin-left: 0px;
    position: relative;
    margin-top: 0px;
    height: 73px;
    width: 96px;
    background-color: rgb(253, 255, 199);
}

#UnitBoxLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    margin-left: 8px;
    position: relative;
    margin-top: 6px;
    width: auto;
    margin-right: 9px;
    min-height: 18px;
    height: auto;
    font-size: 13px;
}

.selected #UnitBoxLabel {
    color: white;
}

#DiameterFrame {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(102, 14, 18);
    margin-top: 0px;
    height: 73px;
    position: absolute;
    right: auto;
    bottom: auto;
    top: 0px;
    width: 96px;
    left: 106px;
    background-color: rgb(253, 255, 199);
}

#DiameterBoxLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    width: auto;
    margin-right: 20px;
    min-height: 18px;
    height: auto;
    margin-top: 6px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 13px;
}

.selected #DiameterBoxLabel {
    color: white;
}

#thinRingButton {
    width: 80px;
    font-family: HelveticaNeue;
    font-size: 10pt;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 19px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 25px;
    left: 13px;
}

#thinRingLabel {
    position: absolute;
    text-align: left;
    vertical-align: middle;
    bottom: auto;
    top: 2px;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    left: 27px;
    right: 5px;
}

#thickRingButton {
    width: 80px;
    font-family: HelveticaNeue;
    font-size: 10pt;
    height: 19px;
    position: absolute;
    bottom: auto;
    margin-top: 0px;
    left: 13px;
    top: 49px;
}

#thickRingLabel {
    position: absolute;
    top: 2px;
    text-align: left;
    vertical-align: middle;
    bottom: 1px;
    height: auto;
    left: 27px;
    right: 5px;
    font-weight: bold;
    font-family: 'Helvetica Neue';
}

#TRLengthOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 26px;
    top: 7px;
    color: rgb(0, 129, 6);
    right: 3px;
    width: auto;
    text-align: left;
    bottom: 48px;
    height: auto;
    left: 131px;
}

.selected #TRLengthOutput {
    color: white;
}

#BRLengthOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 26px;
    top: 7px;
    color: rgb(0, 129, 6);
    text-align: left;
    left: 131px;
    right: 0px;
    width: auto;
    bottom: 48px;
    height: auto;
}

.selected #BRLengthOutput {
    color: white;
}

#TopOutputFrame {
    border-width: 1px;
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-color: rgb(119, 119, 119);
    background-color: rgb(255, 247, 238);
    position: relative;
    height: 94px;
    margin-left: 5px;
    margin-top: 5px;
    width: 86px;
}

#BottomOutputFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    border-color: rgb(119, 119, 119);
    background-color: rgb(255, 247, 238);
    height: 94px;
    width: 86px;
    margin-top: 5px;
    margin-left: 5px;
}

#BottomSliderFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-color: rgb(119, 111, 99);
    background-color: rgb(253, 255, 199);
    margin-top: 0px;
    position: absolute;
    width: 552px;
    top: 5px;
    bottom: 5px;
    height: auto;
    left: 98px;
}

#LoopOutputFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    border-color: rgb(119, 119, 119);
    background-color: rgb(255, 247, 238);
    height: 94px;
    width: 84px;
    margin-top: 5px;
    margin-left: 5px;
}

#LoopSliderFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-color: rgb(119, 119, 119);
    background-color: rgb(253, 255, 199);
    margin-top: 0px;
    position: absolute;
    bottom: auto;
    width: 552px;
    height: 94px;
    top: 5px;
    left: 98px;
}

#LengthOutputFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    border-color: rgb(119, 119, 119);
    background-color: rgb(255, 247, 238);
    height: 94px;
    margin-top: 5px;
    margin-left: 5px;
    width: 84px;
}

#LengthSliderFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-color: rgb(119, 119, 119);
    background-color: rgb(253, 255, 199);
    margin-top: 0px;
    position: absolute;
    bottom: auto;
    width: 552px;
    height: 94px;
    top: 5px;
    left: 98px;
}

#TopSizeDOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    color: rgb(0, 129, 6);
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
    height: 24px;
    margin-bottom: 0px;
    width: auto;
    margin-right: 0px;
    font-size: 16px;
}

.selected #TopSizeDOutput {
    color: white;
}

#LoopLabel {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: relative;
    margin-top: 4px;
    height: 18px;
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
}

.selected #LoopLabel {
    color: white;
}

#TRSpacingLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    left: 12px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 14px;
    top: 50px;
    bottom: 15px;
    height: auto;
    right: 104px;
    width: auto;
}

.selected #TRSpacingLabel {
    color: white;
}

#BRSpacingLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    left: 12px;
    font-size: 14px;
    top: 50px;
    bottom: 15px;
    height: auto;
    width: auto;
    right: 110px;
}

.selected #BRSpacingLabel {
    color: white;
}

#LRLengthFrame {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    margin-top: 0px;
    bottom: 82px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(119, 119, 119);
    background-color: rgb(255, 247, 238);
    height: 84px;
    top: 6px;
    width: 139px;
    text-align: center;
    left: 510px;
}

#LRLengthLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 16px;
    top: 15px;
    left: 23px;
    width: auto;
    bottom: 47px;
    height: auto;
}

.selected #LRLengthLabel {
    color: white;
}

#LRLengthOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 26px;
    color: rgb(0, 129, 6);
    top: 42px;
    left: 23px;
    text-align: center;
    width: auto;
    bottom: 10px;
    height: auto;
    right: auto;
}

.selected #LRLengthOutput {
    color: white;
}

#TRMultiplierOutput {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    width: 25px;
    min-height: 16px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    height: auto;
    font-size: 14px;
    text-align: right;
    left: 212px;
    color: rgb(0, 129, 6);
    top: 18px;
}

.selected #TRMultiplierOutput {
    color: white;
}

#BottomSizeSlider {
    min-height: 15px;
    height: auto;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    display: block;
    width: 528px;
    margin-top: 10px;
    margin-right: 12px;
    margin-left: 12px;
}

#LoopSlider {
    width: 528px;
    min-height: 15px;
    height: auto;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    display: block;
    margin-top: 10px;
    margin-right: 12px;
    margin-left: 12px;
}

#LengthSlider {
    width: 528px;
    min-height: 15px;
    height: auto;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    display: block;
    margin-top: 10px;
    margin-right: 12px;
    margin-left: 12px;
}

#LengthLabel {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-family: 'Lucida Grande';
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    margin-top: 4px;
    margin-left: 12px;
    text-align: center;
    width: auto;
    margin-right: 12px;
    min-height: 18px;
    height: auto;
}

.selected #LengthLabel {
    color: white;
}

#frontImg {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-style: solid;
    border-color: rgb(255, 247, 106);
    border-width: 5px;
    left: 0px;
    width: 890px;
    top: 0px;
    height: 597px;
    background-image: url(Images/Background.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img3 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#LengthScaleCm {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 10px;
    width: 514px;
    position: absolute;
    bottom: auto;
    margin-top: 0px;
    top: 36px;
    left: 19px;
    background-image: url(Images/VScaleCm.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img4 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#LoopScale {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    width: 514px;
    height: 10px;
    margin-top: 0px;
    position: absolute;
    overflow: hidden;
    clip: rect(0px 514px 10px 0px);
    bottom: auto;
    top: 36px;
    left: 19px;
    background-image: url(Images/ScaleLoop.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img5 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleDInch {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    width: 514px;
    height: 10px;
    margin-top: 0px;
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    left: 18px;
    right: auto;
    bottom: auto;
    visibility: hidden;
    top: 35px;
    background-image: url(Images/ScaleDiaInch.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img9 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleCCm {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 10px;
    width: 514px;
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    left: 18px;
    right: auto;
    top: 67px;
    background-image: url(Images/ScaleCircCm.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img11 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#LengthScaleInch {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    width: 514px;
    height: 10px;
    background-image: url(Images/VScaleInch.png);
    top: 36px;
    left: 19px;
    visibility: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img12 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleDCm {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    width: 514px;
    height: 10px;
    margin-top: 0px;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    position: absolute;
    right: auto;
    bottom: auto;
    left: 18px;
    top: 35px;
    background-image: url(Images/ScaleDiaCm.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img6 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleCInch {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 67px;
    visibility: hidden;
    background-image: url(Images/ScaleCircInch.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img14 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeOutputRule {
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    min-height: 1px;
    height: 2px;
    width: 74px;
    margin-left: 6px;
    margin-top: 3px;
    background-image: url(Images/HDiv.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img15 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeOutputRule {
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 2px;
    width: 74px;
    margin-left: 6px;
    margin-top: 3px;
    background-image: url(Images/HDiv.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img16 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeMinD {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    text-align: left;
    width: auto;
    height: 16px;
    margin-top: 0px;
    position: absolute;
    left: 12px;
    top: 22px;
    right: auto;
    bottom: auto;
}

.selected #TopSizeMinD {
    color: white;
}

#TopSizeMaxC {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    text-align: right;
    top: 75px;
    left: auto;
    right: 12px;
    width: 53px;
    bottom: auto;
    height: 16px;
}

.selected #TopSizeMaxC {
    color: white;
}

#TopSizeMinC {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    text-align: left;
    width: auto;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 73px;
    right: auto;
    bottom: auto;
}

.selected #TopSizeMinC {
    color: white;
}

#TopSizeMaxD {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    font-weight: bold;
    font-family: 'Lucida Grande';
    position: absolute;
    margin-top: 0px;
    top: 22px;
    left: auto;
    right: 12px;
    width: 53px;
    bottom: auto;
    text-align: right;
}

.selected #TopSizeMaxD {
    color: white;
}

#TopSliderFrame {
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-color: rgb(119, 111, 99);
    background-color: rgb(253, 255, 199);
    margin-top: 0px;
    position: absolute;
    bottom: auto;
    height: 94px;
    width: 552px;
    top: 5px;
    left: 98px;
}

#TopSizeLabel {
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    font-size: 13px;
    margin-top: 4px;
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
    height: 18px;
}

.selected #TopSizeLabel {
    color: white;
}

#TopSizeSlider {
    width: 528px;
    min-height: 15px;
    height: auto;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: relative;
    display: block;
    margin-top: 26px;
    margin-right: 12px;
    margin-left: 12px;
}

#TopSizeScaleDCm {
    margin-top: 0px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    width: 514px;
    height: 10px;
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    left: 18px;
    right: auto;
    bottom: auto;
    top: 35px;
    background-image: url(Images/ScaleDiaCm.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img7 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleDInch {
    margin-top: 0px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    width: 514px;
    height: 10px;
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    left: 18px;
    right: auto;
    bottom: auto;
    visibility: hidden;
    top: 35px;
    background-image: url(Images/ScaleDiaInch.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img8 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleCCm {
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    height: 10px;
    width: 514px;
    margin-top: 0px;
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 0px);
    left: 18px;
    right: auto;
    bottom: auto;
    top: 66px;
    background-image: url(Images/ScaleCircCm.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img10 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleCInch {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 66px;
    visibility: hidden;
    background-image: url(Images/ScaleCircInch.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img13 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleCCmRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 66px;
    background-image: url(Images/ScaleCircCmRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img17 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleCInchRed {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 66px;
    visibility: hidden;
    background-image: url(Images/ScaleCircInchRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img18 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleDInchRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    visibility: hidden;
    top: 35px;
    background-image: url(Images/ScaleDiaInchRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img19 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeScaleDCmRed {
    position: absolute;
    right: auto;
    height: 10px;
    width: 514px;
    left: 18px;
    top: 35px;
    background-image: url(Images/ScaleDiaCmRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img20 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleDCmRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 35px;
    background-image: url(Images/ScaleDiaCmRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img21 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleDInchRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    visibility: hidden;
    top: 35px;
    background-image: url(Images/ScaleDiaInchRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img22 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleCCmRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 67px;
    background-image: url(Images/ScaleCircCmRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img23 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeScaleCInchRed {
    position: absolute;
    right: auto;
    width: 514px;
    height: 10px;
    left: 18px;
    top: 67px;
    visibility: hidden;
    background-image: url(Images/ScaleCircInchRed.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img24 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#LoopScaleRed {
    position: absolute;
    width: 514px;
    height: 10px;
    background-image: url(Images/ScaleLoopRed.png);
    top: 36px;
    left: 19px;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img25 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#BottomSizeMask {
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 528px);
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 528px;
    height: 5px;
    left: 12px;
    opacity: 0.46;
    top: 53px;
    background-image: url(Images/Mask.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#LoopMask {
    position: absolute;
    overflow: hidden;
    clip: rect(auto auto auto 528px);
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 528px;
    height: 5px;
    opacity: 0.46;
    left: 12px;
    top: 54px;
    background-image: url(Images/Mask.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#TopSizeMask {
    position: absolute;
    overflow: hidden;
    clip: rect(auto 0px auto auto);
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 528px;
    height: 5px;
    left: 12px;
    opacity: 0.46;
    top: 53px;
    background-image: url(Images/Mask.png);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#CrownRingLoops {
    position: relative;
    display: block;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    background-color: rgb(0, 0, 0);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 405px;
    cursor: default;
    -khtml-user-select: none;
    font-weight: bold;
    font-family: 'Courier New';
    width: 167px;
    margin-top: 33px;
    margin-left: 11px;
    border-color: rgb(204, 25, 32);
    color: rgb(255, 255, 0);
    font-size: 14pt;
}

#GreyOverlay {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    background-color: rgb(0, 0, 0);
    opacity: 0.47;
    position: absolute;
    margin-top: 0px;
    width: auto;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    visibility: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#CrownRingBox {
    border-style: solid;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    opacity: 1;
    border-width: 2px;
    border-color: rgb(0, 129, 6);
    background-color: rgb(255, 247, 238);
    position: absolute;
    margin-top: 0px;
    top: 98px;
    left: 301px;
    right: 402px;
    width: auto;
    bottom: 17px;
    height: auto;
    visibility: hidden;
    font-size: 18px;
}

#CrownRingLabel {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Lucida Grande';
    top: 10px;
    text-align: center;
    left: 11px;
    right: 11px;
    width: auto;
    bottom: 454px;
    height: auto;
}

.selected #CrownRingLabel {
    color: white;
}

#CrownRingDone {
    font-family: HelveticaNeue-Bold;
    font-size: 12px;
    text-align: center;
    width: 60px;
    cursor: default;
    -khtml-user-select: none;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    right: auto;
    margin-top: 0px;
    top: 454px;
    left: 122px;
    bottom: 14px;
    height: auto;
}

#TRSpacingButton {
    font-family: HelveticaNeue-Bold;
    text-align: center;
    cursor: default;
    -khtml-user-select: none;
    position: absolute;
    right: auto;
    margin-top: 0px;
    font-size: 16px;
    color: rgb(0, 129, 6);
    width: 87px;
    top: 46px;
    bottom: 12px;
    height: auto;
    left: 131px;
}

#BRSpacingButton {
    font-family: HelveticaNeue-Bold;
    text-align: center;
    cursor: default;
    -khtml-user-select: none;
    position: absolute;
    margin-top: 0px;
    width: 87px;
    left: 131px;
    color: rgb(0, 129, 6);
    font-size: 16px;
    top: 46px;
    bottom: 12px;
    height: auto;
}

#BottomRingBox {
    border-style: solid;
    background-color: white;
    position: relative;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-top: 98px;
    margin-left: 553px;
    width: auto;
    margin-right: 150px;
    min-height: 490px;
    height: auto;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    border-width: 2px;
    border-color: rgb(0, 129, 6);
    visibility: hidden;
}

#BottomRingLabel {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    -khtml-margin-top-collapse: separate;
    -khtml-margin-bottom-collapse: separate;
    position: absolute;
    margin-top: 0px;
    text-align: center;
    font-weight: bold;
    font-family: 'Lucida Grande';
    top: 10px;
    left: 11px;
    right: 12px;
    width: auto;
    bottom: 456px;
    height: auto;
}

.selected #BottomRingLabel {
    color: white;
}

#BottomRingLoops {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 167px;
    height: 405px;
    left: 11px;
    top: 33px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-color: rgb(204, 25, 32);
    background-color: rgb(0, 0, 0);
    opacity: 1;
    font-weight: bold;
    font-family: 'Courier New';
    cursor: default;
    -khtml-user-select: none;
    color: rgb(255, 255, 0);
    font-size: 14pt;
}

#BottomRingDone {
    font-family: HelveticaNeue-Bold;
    font-size: 12px;
    text-align: center;
    width: 60px;
    cursor: default;
    -khtml-user-select: none;
    position: absolute;
    right: auto;
    margin-top: 0px;
    top: 454px;
    height: auto;
    left: 122px;
    bottom: 14px;
}

#backImage {
    width: 900px;
    height: 607px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 0px;
    left: 0px;
}

#backCopyright {
    font-size: 13px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    text-align: right;
    top: 561px;
    left: 194px;
    right: 460px;
    width: auto;
    height: auto;
    color: rgb(255, 255, 255);
}

.selected #backCopyright {
    color: white;
}

#backVersion {
    font-size: 13px;
    font-family: 'Lucida Grande', Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    left: 30px;
    text-align: left;
    top: 561px;
    right: 753px;
    width: auto;
    height: auto;
    border-color: rgb(255, 247, 106);
    color: rgb(255, 255, 255);
}

.selected #backVersion {
    color: white;
}

#TitleVersion {
    font-family: 'Lucida Grande', Arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    top: 82px;
    text-align: right;
    left: 155px;
    right: 4px;
    width: auto;
    height: auto;
    font-size: 10px;
    min-height: 12px;
}

.selected #TitleVersion {
    color: white;
}

#backImg {
    margin-left: 0px;
    width: auto;
    margin-right: 0px;
    min-height: 607px;
    height: auto;
}

#backCoverImage {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    width: 130px;
    height: 174px;
    top: 8px;
    left: 11px;
}

#inner_image {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#infobutton {
    width: 13px;
    height: 13px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 882px;
    top: 589px;
}

#test {
    position: absolute;
    margin-top: 0px;
    top: 225px;
    left: 436px;
    right: -6px;
    width: auto;
    bottom: 122px;
    height: auto;
}

#backInstructions {
    position: absolute;
    margin-top: 0px;
    border-style: solid;
    font-size: 14px;
    border-width: 1px;
    font-family: 'Helvetica Neue';
    padding: 18px;
    overflow: hidden;
    cursor: default;
    -khtml-user-select: none;
    text-shadow: none;
    color: rgb(255, 255, 255);
    left: 30px;
    right: auto;
    bottom: auto;
    height: 478px;
    top: 30px;
    width: 372px;
    line-height: 17px;
    border-color: rgb(255, 255, 255);
}

#backBookAd {
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin-top: 0px;
    top: 30px;
    width: 408px;
    height: 514px;
    left: 460px;
    border-color: rgb(255, 255, 255);
}

#backDoneButton {
    cursor: default;
    -khtml-user-select: none;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 561px;
    left: 820px;
}

#advertisement {
    position: absolute;
    left: 0px;
    top: 611px;
    margin-top: 0px;
    right: 800px;
    width: auto;
    bottom: 0px;
    height: auto;
}

#p {
    font-size: 34px;
    position: absolute;
    left: 0px;
    top: 34px;
    margin-top: 0px;
    right: 0px;
    width: auto;
    bottom: -74px;
    height: auto;
}

#backAdHeading {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    left: 152px;
    text-align: center;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    font-size: 28px;
    border-color: rgb(102, 14, 18);
    color: rgb(255, 247, 106);
    top: 21px;
    right: 11px;
    width: auto;
    bottom: 345px;
    height: auto;
}

.selected #backAdHeading {
    color: white;
}

#backAdText {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    left: 11px;
    font-family: 'Helvetica Neue';
    color: rgb(255, 255, 255);
    top: 209px;
    font-size: 14px;
    right: 11px;
    width: auto;
    bottom: 130px;
    height: auto;
}

.selected #backAdText {
    color: white;
}

#URLCaption {
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Helvetica Neue';
    font-size: 25px;
    color: rgb(255, 247, 106);
    text-align: center;
    top: 10px;
    left: 178px;
    right: 23px;
    width: auto;
    bottom: 14px;
    height: auto;
    cursor: pointer;
}

.selected #URLCaption {
    color: white;
}

#URLBox {
    border-style: solid;
    position: absolute;
    margin-top: 0px;
    height: 85px;
    left: 11px;
    width: 384px;
    border-width: 1px;
    top: 416px;
    border-color: rgb(255, 255, 255);
    cursor: pointer;
}

#h1 {
    color: rgb(255, 247, 106);
}

#URLButton {
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    top: 15px;
    height: 56px;
    width: 131px;
    left: 19px;
    background-image: url(Images/iBookstore.gif);
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#DC_img26 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}