.cccMainContent{width:735px; float:left;margin: 10px 0; }

/* Right Sidebar Items */
.rightSideBarItem {float:right; width:210px; clear:right; margin:10px 0 0; border:solid 1px #ccc; font-size:12px;}
.rightSideBarItem img{display:block; margin:10px auto;}
.rightSideBarItem ul{margin:5px 0 10px 0; border-top:1px solid #ccc; padding:5px 0 5px 0;}
.rightSideBarItem ul li{padding:5px 10px 0 15px; color:#336699; line-height:1.3em; font-size:12px; font-weight:bold;margin:0 0 2px 0; }
.rightSideBarItem ul li.current{background-color:#E8E8E8;}
.rightSideBarItem ul li a{color:#336699 !important; font-weight:bold; font-size:10px;}
.rightSideBarItem  ul li img{display:inline; margin:0 5px 0 0; padding:0; position:relative; top:5px;}
.rightSideBarItem p{font-size:10px; padding-left:5px;}
.rightSideBarItem p.title{font-size:18px;text-align:center; font-weight:bold;margin-top:7px; color:#344869}


/* CCC Benefits Items */
.cccBenefits{float:right; width:210px; clear:right; margin:10px 0 0; border:solid 1px #ccc; font-size:12px;}
.cccBenefits img{display:block; margin:10px auto;}
.cccBenefits ul{margin:5px 0 10px 0; border-top:1px solid #ccc; padding:5px 0 5px 0;}
.cccBenefits ul li{padding:5px 10px 0 15px; color:#black; line-height:1.3em; font-size:12px; font-weight:bold;margin:0 0 2px 0;list-style-type:disc; list-style-position:inside; }
.cccBenefits p{font-size:10px; padding-left:5px;}
.cccBenefits p.title{font-size:18px;text-align:center; font-weight:bold;margin-top:7px; color:#344869}

/* Section Titles */
.configurationSectionTitle{position:relative; background-image: url("/images/customCable/toolBarBg.png");color:White; font-size:22px; font-weight:500; height:30px; padding:8px 0px 7px 150px; margin-top:10px; }
.configurationSectionTitle span.circle {background-image: url("/images/customCable/ccCirclebg.png"); background-repeat:no-repeat;padding:2px 30px 5px 11px;}
.green { background-image: url("/images/customCable/greenbg.png");margin-right:30px;  font-size:22px; font-weight:normal; padding-top: 10px; padding-bottom: 13px;padding-left: 15px; padding-right: 15px; position:absolute; top:0px; left:0px; width: 110px;}

.red { background-image: url("/images/customCable/redbg.png");margin-right:30px;  font-size:22px; font-weight:normal; padding-top: 10px; padding-bottom: 13px;padding-left: 15px; padding-right: 15px;position:absolute; top:0px; left:0px; width: 110px;}
.disabled {background-image: url("/images/customCable/toolBarBgDisabled.png"); color:#f8ffff;}
.disabled span.circle {background-image: url("/images/customCable/ccCirclebgDisabled.png"); background-repeat:no-repeat;padding:2px 30px 5px 11px;}
.arrowUp {height:24px; width:140px; position:absolute; top:0; right:0; font-size:14px; font-weight:bold; background:#E6E4E5; margin: 5px; text-align:center; color:black; margin-top: 10px; margin-right: 10px;}
.arrowDown {height:24px; width:140px; position:absolute; top:0; right:0; font-size:14px; font-weight:bold; background:#E6E4E5; text-align:center;color:black;margin-top: 10px; margin-right: 10px;}
.arrowDownDisabled {background-image: url("/images/customCable/arrows/downarrowDisabled.png"); background-repeat:no-repeat;height:39px; width:32px; position:absolute; top:0; right:0; }
.arrowUpDisabled {background-image: url("/images/customCable/arrows/downarrowDisabled.png"); background-repeat:no-repeat;height:39px; width:32px; position:absolute; top:0; right:0; }
.shadow{   -moz-box-shadow: 3px 3px 4px #17212a;   -webkit-box-shadow: 3px 3px 4px #17212a;   box-shadow: 3px 3px 4px #17212a;    /* For IE 8 */    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#17212a')";    /* For IE 5.5 - 7 */    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#17212a');}
.shadowLarge{   -moz-box-shadow: 6px 6px 8px #17212a;   -webkit-box-shadow: 6px 6px 8px #17212a;   box-shadow: 6px 6px 8px #17212a;    /* For IE 8 */    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#17212a')";    /* For IE 5.5 - 7 */    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#17212a');}

/* Section Grey Content */
.configurationGreySection { background-color:#e6e4e5; margin-bottom:0px; padding: 15px 15px 0px 15px; height:60px; }
.configurationGreySectionLargePadding { background-color:#e6e4e5; margin-bottom:0px; padding: 50px 15px 25px 15px; height:60px; }
.configurationGreySectionReview { background-color:#e6e4e5; margin-bottom:0px; padding: 15px 15px 0px 15px;  height:220px; }
.configurationGreySectionReviewInstr { background-color:#e6e4e5; margin-bottom:0px; padding: 15px 15px 0px 15px;  height:120px; }

.txtSpecialInstructions {
    width:500px;
    height: 60px; 
}
.configurationGreySection a{ text-decoration:none; } 
.usageSelection { height: 380px }
.usageSelection ul{  }
.usageSelection ul li{  float:left;}
 .usageSelection ul li img{  border:5px solid #b6b6b6; margin-right:44px;  margin-bottom:10px; float:left }
 .usageSelection ul li img.last{   margin-right:0px;  }
 .usageSelection ul li span.button{ color:White; font-weight:bold;  background-image: url("/images/customCable/usages/buttonbg.png") ; background-repeat:no-repeat; padding:3px 0; margin-left:25px; height:35px; float:left; clear:left;width:93px; text-align:center }

.changeConfig { text-decoration:none; color:black;cursor:pointer;}

/* Design Cable Section */
.designButton {color:White; font-size:12px;  background:#C21E1D ; height:22px; float:left; width:144px; text-align:center; padding:6px 15px 11px 10px; line-height: 14px;margin-bottom:6px;cursor:pointer; text-decoration:none;}

.designSection .left{   margin-left:10px  }
.designSection .middle{   margin:0px 82px;  }
.designSection .right{   margin-right:10px;  }

/* Preview Section */


#CCPreviewDiv {background-color: #e6e4e5; margin-bottom:20px; padding:0px 15px 15px 15px; height:690px;   }
.ccPreview {  border:5px solid #b6b6b6; width:695px; height:200px; background-color:White; clear:both; border-radius:5px; }
.ccPreview .connectorA, .connectorB {  width:200px; float:left; height:170px;  }
.ccPreview .cable { width:295px;float:left;  height:170px;  }
 .label { text-align:center; background-image: url("/images/customCable/design/labelbg.png") ; background-repeat:repeat-x; font-weight:bold; width:95%; font-size:16px; margin:10px 5px; padding:2px 0; height:19px }
.connectorMainImage { max-width:200px; max-height:130px }
.leftImage { float:right; }
.cableMainImage{ min-width:295px; max-height:130px }
.wraptocenter, .wraptocenter * {  vertical-align: middle; padding:0px;}
.connectorA table, .connectorB table, .cable table  {   height:130px;  *border-collapse: collapse;}
td { *position: relative;}

.lengthPreview{ background-color:White; color:Black;  font-size:16px; height:22px; padding:1px 5px; position: relative;bottom:52px !important; left:88px !important; overflow:hidden; border-top:0px; font-weight:bold ; width:100px; text-align:center;padding-top:3px}
.lengthPreviewTop{ background-color:White;  border:3px solid black;width:288px; height:10px;  position: relative; right:0px !important; overflow:hidden; border-top:0px; }
.lengthPreviewBottom{ background-color:White;  border:3px solid black; width:288px; height:10px;  position: relative; right:0px !important; overflow:hidden; border-top:0px; border-bottom:0px; }

/* Alt Images */
.ccPreviewAltImages {max-height:80px;}
 .connectorAAltImages {position:relative; left:5px; float:left;}
 .cableAltImages{float:left; position:relative; left:65px; }
 .forceHeight{height:80px }
 .connectorBAltImages{position:relative; right:5px;float:right;}
.connectorAAltImages ul li{float:left; padding:8px;}
.connectorBAltImages ul li{float:left; padding:8px;}
.cableAltImages ul li{float:left; padding:8px;}
.previewLargeImage{max-height:350px; max-width:450px; }
.previewLargeImageContainer {   position: absolute; overflow:hidden; top:0% !important; left:18% !important; border:5px solid #b6b6b6; padding:40px; background-color:#e6e4e5; border-radius:5px;z-index: 50}
.previewLargeImageContainer .close {color:Red; top:10px; margin-right:10px;}


/* Labels */
.previewLabelAContainer{ position:relative; bottom:121px; width:100px;  padding:1px 10px; left:0px; background-color:#adc0d1; margin-left:10px; }
.previewLabelBContainer{ position:relative; bottom:135px; width:100px;  padding:1px 10px; left:165px; background-color:#adc0d1; margin-right:10px; }
.previewLabelBContainerSingle{ position:relative; bottom:121px; width:100px;  padding:1px 10px; left:165px; background-color:#adc0d1; margin-right:10px; }



.previewLabelALabel{ background-color:White; color:#898989; font-size:10px; padding:1px 5px;}
.previewLabelBLabel{ background-color:White; color:#898989; font-size:10px; padding:1px 5px;}

/* Selector Popup */
.selectConnectorPopup{width:700px;  top:10%; right:25%;  position:absolute; }
.selectorPleaseWait{  top:38%; right:58%; position:absolute; border:1px solid black;  padding:25px ; background-color:White; }
.selectorItemPleaseWait{  top:20%; right:325px;  position:absolute; border:1px solid black; padding:25px ; background-color:White; }
.selectorHeader{background-image: url("/images/customCable/selector/headerBg.png");color:White; font-size:25px; font-weight:500; height:30px; padding:8px 0px 7px 40px; margin-top:10px; }
.close{ font-size:25px; font-weight:Bold; margin-right:20px;top:20px; right:0; cursor:pointer; position:absolute;}
.hidden{display:none;}
.selectorBody{ background-color:White; border:2px solid #737373; border-top:0px; max-height:500px; overflow:auto; position:relative; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.selectorOther{  border:2px solid #737373; border-top:0px; border-bottom:1px;  position:relative; }
/* .selectorOption { text-align:center; width:148px; float:left;padding:10px; height:130px; } */
.selectorOption { text-align:center; width:148px; float:left;padding:1px; height:140px; margin:5px; border: 1px dotted #444;}
.selectorOption a{ text-decoration:none;  }
.selectorOption img{height:50px; width:50px; padding-bottom:10px; }
.selectorOption .label{  background-image: url("/images/customCable/selector/headerBg.png"); background-repeat:repeat-x;color:White; font-weight:normal; width:148px;font-size:16px; margin:0 0 5px 0; padding:5px 0;height:31px}

 .pickerOther{clear:both; position:relative;  background:#e8e8e8; padding:5px 0; text-align:center;}
 .pickerOther a{color:#448dbc; margin:0; padding:0;font-size:12px;}
 .pickerOther p{color:#448dbc; margin:0; padding:0; font-weight:bold;}


/* Misc Buttons */
.back{float:left;  background-image: url("/images/customCable/nextbutton.png"); background-repeat:no-repeat; margin-right:5px; font-size:24px; font-weight:bold;clear:both; width:79px; vertical-align:middle; padding-top:3px; height:33px; text-align:center;}
.back a{text-decoration:none; color:White;}
.startOver{float:left;  background-image: url("/images/customCable/nextbutton.png"); background-repeat:no-repeat; margin-right:5px; font-size:24px; font-weight:bold;clear:both; width:79px; vertical-align:middle; padding-top:3px; height:33px; text-align:center;}
.startOver a{text-decoration:none; color:White;}
.bottomButtonsLeft {float:left; }
.bottomButtonsLeft img{max-height:40px; cursor:pointer;padding-right:75px;}
.bottomButtonsNext {float:right}
.bottomButtonsNext img{max-width:150px;  cursor:pointer;}

.bottomButtonsRight {float:right; width:450px;}
.bottomButtonsRight img{cursor:pointer;}
.reviewButton {background-image: url("/images/customCable/reviewbg.png"); font-size:25px; font-weight:Bold;  padding:8px 15px; border-radius:5px;  color:White; float:left; margin:10px; cursor:pointer}
.reviewButton a{text-decoration:none; color:White;}
.nextButton { font-size:25px; font-weight:Bold;  padding:8px 15px; border-radius:5px;  color:White;  cursor:pointer}
.nextButton a{text-decoration:none; color:White;}
.redButton{background-image: url("/images/customCable/Redbg.png"); }
.greenButton{background-image: url("/images/customCable/greenbg.png"); }


/* Options - Edit Mode */
.optionsRow{  clear:both}
.optionsRow div{ padding-top:10px; }
.optionsRow div p{ font-size:16px; font-weight:bold;padding:0 10px; float:left}
.optionsRow .leftOptions{ float:left ; width:30%;}
.optionsRow .leftOption{ min-height:20px; clear:left   }
.optionsRow .centerOption{ min-height:20px ; clear:left }
.optionsRow .centerOptions{float:left; width:38%; }
.optionsRow .rightOption{ min-height:20px; clear:left   }
.optionsRow .rightOptions{float:right ; width:30%; clear:right}
.optionsTextbox {float:left; border:1px solid #565656; background-color:#fefefe; width:125px; height:20px; margin-top:0x; *margin-top:0px;padding:2px 5px 0 5px; color:#565656;}
.optionsRedBorder { float:left; border:2px solid red; background-color:#fefefe; width:125px; height:20px; margin-top:0x; *margin-top:0px;padding:2px 5px 0 5px; color:#565656; }
.optionsConnectorDescription {width:79px;}
.optionsRow div p.subOption{padding-left:2px;}
.optionsDDL {float:left; border:1px solid #565656; background-color:#fefefe; width:136px; height:20px;padding:0 0 0 5px; color:#565656;  margin-right:12px; float:right; margin-top:6px; }
.pinoutDDL{width:128px; float:left; margin-left:4px; }
.rbPinout {padding-left:20px; }
/* Options - Review Mode */
.reviewContent{float:left;   padding:3px 5px 0 5px; font-size:14px; color:#063678; font-weight:bold; margin-top:7px;}
.clearLeft{clear:left; padding-left:15px; padding-bottom:10px; }
.optionsRow div p{ font-size:16px; font-weight:bold;padding:0 10px; float:left}


/* Review Section */
.reviewSection {text-align:center; padding-top:0px }
.reviewSection p{font-size:16px; font-weight:bold;padding:10px; float:left}
.reviewSection textarea{margin-left:15px; width:95%; height:50px; margin-bottom:10px}
.reviewSection img{float:right; padding:5px; cursor:pointer}
.reviewMargin{margin-bottom:0px}
.messageContainer {   position: absolute; overflow:hidden; top:35% !important; left:18% !important; border:5px solid #b6b6b6; padding:40px; background-color:white; border-radius:5px; width:350px;z-index: 50}
.messageContainer textarea{  width:100%; height:100px; margin:15px 0}
.messageContainer .close {color:Red; top:10px; margin-right:10px;}
.cccProductName { font-size: 18px;text-decoration: none; }

.gaurantee{  cursor:pointer;background-image: url("/images/customCable/greenbuttonbg.png"); font-size:14px;   padding:5px 10px; border-radius:2px;  color:White; font-weight:bold; margin-right:10px;  *position:absolute; *top:8px; *right:0;}
.leftQuoteItem {float:left; clear:left; width:100%}
.leftQuoteItem p{float:left; text-align:left; clear:left; width:250px; padding:5px 10px 0px 15px}
.leftQuoteItem p input{width:100%}
.left{float:left !important; }
.right{float:right  !important;}
.rightQuoteItem {float:left; clear:left; width:100%}
.rightQuoteItem p{padding:5px 0  !important;}
.quoteTextboxMulti{margin:0 15px 0 0 !important; height:100px !important; }

.quoteError{color:Red; font-size:10px; font-weight:bold}

#bpPricing{border:solid 1px #000;  margin:10px 70px; height:70px;}
			#discounting ul{padding:5px; height:12px}
			#quantity input{width:30px; margin-right:0px;}
			#cccQuantityAdd .cccQuantityTotal{color:#336633; font-size:16px;}


/* Quick Form Section */
.quickFormHeader{background-image: url("/images/customCable/quickform/headerbg.png"); color:White; font-size: 24px;padding:5px; padding-left:20px; font-weight:bold;} 
.quickFormContent{padding-left:5px}
.quickFormContent p{    font-size:13px !important; color:Black !important; }
.quickFormContent H2{    font-size:26px !important; color:Black !important; font-weight:bold;margin:10px 0; float:left; width:48%;text-align:left}
.quickFormGroup {border:1px solid grey; padding: 10px; }
.qfLeftSide{  width:48%;  float:left}
.qfRightSide{  width:48%;   float:right; padding-left:25px}
.formItem span{clear:both; float:left; padding:5px 0;font-size:20px; width:100%}
.formItem input{clear:both;  float:left; width:90%; margin-bottom:5px}
.formItem textarea{clear:both;  float:left; width:90%; margin-bottom:5px}
.quickFormValidator{    float:none !important;}
.errorList ul li { padding:2px; font-weight:bold }
.emailConfirmation { padding:20px; font-size:18px; border:2px solid #b6b6b6; margin-bottom:10px;  background-color:#e6e4e5}

/* Starting View Section */
.startViewHeader{background-image: url("/images/customCable/quickform/startviewheaderbg.png"); color:White;font-size: 20px;padding:5px; padding-top:7px;font-weight:bold; padding-left:30px; margin-bottom:10px}
.tagLine{ font-style:italic;  font-size:16px; float:right; padding-right:30px; padding-top:0px;}
.startViewOption{float:left; margin:0 25px; width:43%}
.startViewOption p{margin-top:10px; font-size:18px; margin-bottom:30px; color:#333}
.startViewOption h2{font-size:24px; font-weight: bold;  padding-left:50px; padding-top: 20px; }
.startViewOption ul{padding-left:50px; padding-top:5px}
.startViewOption ul li{padding:2px 0;font-size:14px; font-weight:bold; color:#333}
.svRightBar{}
.startViewRBHeader{background-image: url("/images/customCable/quickform/startviewheaderbg.png"); color:White;font-size: 16px;padding:5px; padding-top:7px;font-weight:bold; text-align:center; height:20px}
.svGreySection{margin-bottom:0px; padding-top:5px;}
.svGreySection img{margin-bottom:0px; width:100%; border:2px solid black}


/* Apprise */

.appriseOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: none;
}

.appriseOuter
{
    top: 400px;
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 99999999;
    min-width: 200px;
    min-height: 50px;
    max-width: 75%;
    position: fixed;
    display: none;
}

.appriseInner
{
    color: #333;
    text-shadow: 0 1px 0 #fff;
    padding: 20px;
}

.appriseInner button
{
        border: 1px solid #bbb;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -khtml-border-radius: 3px;
        background: 0;
        color: #232d3d;
        font-size: 12px;
        font-weight: 700;
        text-shadow: 0 1px 0 #fff;
        cursor: pointer;
        box-shadow: 0 1px 2px #ccc;
        -moz-box-shadow: 0 1px 2px #ccc;
        -webkit-box-shadow: 0 1px 2px #ccc;
        margin: 0 3px;
        padding: 4px 10px;
}

.appriseInner button:hover { color: #d85054; }

.aButtons, .aInput
{
    text-align: center;
    margin: 20px 10px 0;
}

.aTextbox
{
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    width: 180px;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */