/* Minification failed. Returning unminified contents.
(3131,26): run-time error CSS1036: Expected expression, found ';'
 */
html{color:#000;}body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:100%;}img{border:0;}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}caption{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{*font-size:100%;}legend{color:#000;}ul li{list-style:none;}
.Calender {z-index:9999}

body{font:normal 12px Arial, Helvetica, sans-serif;color:#000;}
img{border:0;} /* set border none in all link image */
a{outline:0;} /*link outline none*/
.clear{clear:both;height:0;line-height:0;font-size:0;}
.left{float:left;}
.center{text-align:center;}
.left-align{text-align:left !important;}
.error {color: Red;}

#container{width:100%;margin:0 auto;background:#fff;}/* main body container */
.alert {
    padding: 15px;
    border: 1px solid transparent;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;    
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.largealert {
    font-size: 1.4em;
}


.form-control:-moz-placeholder {
  color: #cccccc;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #cccccc;
    opacity: 1;
}

.form-control:-ms-input-placeholder
{
  color: #cccccc;
}

input:-ms-input-placeholder.form-control
{
  color: #cccccc;
}
input.form-control:-ms-input-placeholder 
{
  color: #cccccc;
}

input.form-control::-moz-placeholder {
  color: #cccccc;
}

.form-control::-webkit-input-placeholder {
  color: #cccccc;
}

#header .toprow .header-logindetails{float:right;padding-top:14px;padding-right:10px;text-align:right;color:#616161;}
#header .toprow .header-logindetails span{color:#939292;}
#header .toprow .header-logindetails strong{color:#ed6413;font-weight:normal;}
#header .toprow .header-logindetails a{color:#616161;text-decoration:none;margin:0 3px;}
#header .toprow .header-logindetails a:hover{color:#0099cc;text-decoration:underline;}
#header .toprow .header-logindetails table{ float: right;}
#header .toprow .header-logindetails table td{text-align:left}
#header .toprow .header-logindetails table td.right{ text-align: right;}
#header .nav{background:url(../images/top-navbg.jpg) repeat-x;height:37px;min-width: 1013px;}
#header .nav li {float:left;padding:5px 12px;font-size:13px;color:#fff;background:url(../images/menu-div.jpg) no-repeat right;text-align:center;}
#header .nav li a{display:block;font-size:13px;color:#fff;text-decoration:none;padding:6px 5px;}
#header .nav li a:hover{color:#38c0ed;}
#header .nav li a.active{color:#38c0ed;}
/*-------------------- End Header -----------------------*/

/*-------------------- Start Content -----------------------*/
.textbody .leftpan{width:200px;background:url(../images/left-nav-rightborder.png) repeat-y right;}
/*.textbody .leftpan h4{background:url(../images/leftheadingbb.jpg) repeat-x top;min-height:27px;border-bottom:solid 1px #cccccc;}
.textbody .leftpan h4 a{background:url(../images/heading-arrow.png) 5px 2px no-repeat;padding-left:20px;color:#e77107;padding-top:6px;display:block;text-decoration:none;padding-bottom:3px;}*/
.textbody .leftpan .leftnavlist li{border-bottom:solid 1px #cccccc;}
.textbody .leftpan .leftnavlist li a{display:block;background:url(../images/leftnavlist-bg.png) no-repeat top left;padding:5px 4px 5px 20px;text-decoration:none;color:#000000;}
.textbody .leftpan .leftnavlist li a:hover{font-weight:bold;color:#924100;background-position:0 -65px;}
.textbody .leftpan .leftnavlist li a.active{font-weight:bold;color:#924100;background-position:0 -65px;}
.textbody .leftpan .leftnavlist li ul {border-top:solid 1px #cccccc;}
.textbody .leftpan .leftnavlist li ul li a{padding-left:30px;background:url(../images/leftnavlist-bg1.png) no-repeat top left;padding-left:28px;font-weight:normal;}
.textbody .leftpan .leftnavlist li ul li a:hover{background-position:0 -65px;font-weight:normal;}
.textbody .leftpan .leftnavlist li ul li a.active{font-weight:bold;color:#924100;background-position:0 -65px;}

.textbody .rightpan .innercontainer{min-height:500px;padding:18px;}

.textbody .importantnote{border:solid 1px #febfbf;background:#fffafa;color:#e12c2c;padding:10px;line-height:20px;margin:7px 0;}
.textbody .importantnote_green{border:solid 1px #CCE6BB;background:#DEF6CF;color:#265708;padding:10px;line-height:20px;margin:7px 0;}
table.shipment_costs {width: 100%;border: solid 2px #5d5d5d;border-collapse:collapse; margin-bottom:5px;}
table.shipment_costs th {border: solid 2px #5d5d5d;}
table.shipment_costs td {padding-top:2px; padding-bottom:3px;}
table.shipment_costs .shipment_cost_detail {border-bottom: solid 0px #dee3df;}
table.shipment_costs .shipment_audit_detail {border-bottom: solid 2px #dee3df;}
.textbody .preamble{ font-size: 12px;}
.textbody p{line-height:19px;padding:10px 0;}/* define all p tag padding and line-height */
.textbody a{font-weight:bold;color:#0099cc;text-decoration:underline;}/* all link style */
.textbody a:hover{color:#ed6413;}/* all link hover style */
.textbody .form-list{padding-left:16px;margin:10px 0;}
.textbody .form-list .left{padding-top:3px;margin-right:5px;}
.textbody .form-list th{text-align:left;height:31px;}
.textbody .form-list select{border:solid 1px #b0b0b0;background:#fff;color:#000000;padding:1px;float:left;margin-right:5px;}
.textbody .form-list input[type=text], 
.textbody .form-list input[type=file],
.textbody .form-list input[type=password]
{border:solid 1px #b0b0b0;background:#fff;color:#000000;padding:2px;float:left;margin-right:5px;}

.textbody .field-info{background:url(../images/fieldinfo-bgleft.png) no-repeat left top;height:22px;float:left;margin-left:5px;padding-left:17px;}
.textbody .field-info .innertext{background:url(../images/fieldinfo-bgright.png) right top; height:19px;padding:3px 10px 0 0;color:#b05b28;}
.textbody .field-info .innertext.warning{color:red;}
.textbody .hr-line{background:url(../images/hr-line.png) repeat-x 0 10px;height:20px;}
.textbody .form-label{border:solid 1px #dedede;background:#fdfdfd;color:#000000;padding:10px;line-height:20px;margin:7px 0;}
.textbody .form-label th{font-weight:bold;text-align:left;}
.textbody .form-label td{color:#2c2c2c;}
.textbody div.heading{  color: #000000;
    font-size: 16px;
    padding: 5px 0;}
/* button style */
.form-list .quantity {width:34px;}
.ComponentSelectorDropDown {width:350px;}

.textbody .AnchorButton-1 a {color: white; text-decoration: none;}
.textbody .AnchorButton-1 div {background:url(../images/inner-btn-bg1.png) no-repeat left top;width:145px;height:22px;padding:8px 0 0 0;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.textbody .AnchorButton-1 div, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg1.png) no-repeat left top;width:145px;height:22px;padding:6px 0 0 0;margin:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold;border:none;font-size:12px;}/*Firefox only*/

.textbody .button-row{background:url(../images/button-row-bg.png) repeat-x top;height:33px;padding:4px 0 0 220px;margin:10px 0;}

.textbody .button-1{background:url(../images/inner-btn-bg.png) no-repeat left top;width:83px;height:28px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.textbody .button-1:hover{background-position:0 -32px;cursor: pointer;}
.textbody .button-1, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg.png) no-repeat left top;width:83px;height:28px;padding:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}/*Firefox only*/

.textbody .button-1-d, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg-d.png) no-repeat left top;width:83px;height:28px;padding:6px 0 8px 0;text-align:center;color:#e0e0e0;font-weight:bold; border:none;font-size:12px;}/*Firefox only*/



.textbody .button-2{background:url(../images/inner-btn-bg1.png) no-repeat left top;width:145px;height:28px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.textbody .button-2:hover{background-position:0 -32px;cursor: pointer;}
.textbody .button-2, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg1.png) no-repeat left top;width:145px;height:28px;margin:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold;border:none;font-size:12px;}/*Firefox only*/

.textbody .button-3{background:url(../images/inner-btn-bg2.png) no-repeat left top;width:180px;height:28px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.textbody .button-3:hover{background-position:0 -32px;cursor: pointer;}
.textbody .button-3, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg2.png) no-repeat left top;width:180px;height:28px;padding:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold;border:none;font-size:12px;}/*Firefox only*/

.textbody .button-4{background:url(../images/inner-btn-bg4.png) no-repeat left top;width:200px;height:28px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.textbody .button-4:hover{background-position:0 -32px;}
.textbody .button-4, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg4.png) no-repeat left top;width:200px;height:28px;padding:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold;border:none;font-size:12px;}/*Firefox only*/

.button-1-s{background:url(../images/inner-btn-bg-s.png) no-repeat left top;width:83px;height:25px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.button-1-s:hover{background-position:0 -29px;cursor: pointer;}

.button-2-s{background:url(../images/inner-btn-bg-s1.png) no-repeat left top;width:145px;height:25px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.button-2-s.orange{background:url(../images/inner-btn-bg-org-s1.png) no-repeat left top;}
.button-2-s:hover{background-position:0 -29px;cursor: pointer;}

.button-2-d{background:url(../images/inner-btn-bg1-d.png) no-repeat left top;width:145px;height:28px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.button-2-d:hover{background-position:0 -32px;cursor: pointer;}
.button-2-d, x:-moz-any-link, x:default{background:url(../images/inner-btn-bg1-d.png) no-repeat left top;width:145px;height:28px;padding:6px 0 8px 0;text-align:center;color:#fff;font-weight:bold;border:none;font-size:12px;}/*Firefox only*/

.button-3-s{background:url(../images/inner-btn-bg-s1.png) no-repeat left top;width:83px;height:40px;text-align:center;color:#fff;font-weight:bold; border:none;font-size:12px;}
.button-3-s.orange{background:url(../images/inner-btn-bg-org-s1.png) no-repeat left top / 83px 50px;width:83px;height:25px;}
.button-3-s:hover{background-position:0 -29px;cursor: pointer;}



/* end button style */


.forgot-pass{float:right;padding-top:0; *margin-top:-20px;}
.forgot-pass a{font-size:14px;font-weight:bold;text-decoration:none;}
.forgot-pass a:hover{text-decoration:underline;color:#eb6c20;}
.forgot-pass div.contactus {    
    margin-top: 10px;
    text-align: right;
}
    .forgot-pass div.contactus a
    {
     /*   text-decoration:none;*/
        font-size: 11px;
    }
    /*
.forgot-pass div.contactus a:hover
    {
        text-decoration:underline;       
    }
        */


.thumbCell {
    float: left;
    width: 230px;                        
    position: relative;
}
.thumbDescription {
    background: url("../images/image-name-bg.png") repeat-x scroll center top #F5F5F5;
    border: 1px solid #DEDEDE;
    font-weight: bold;
    min-height: 60px;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}
.thumbImage {
    margin: auto;
    width: 100px;
    height: 127px;
    padding: 5px;
}
.thumbImage img {                
    height: 100%;
}

.overPower {background: yellow !important;}
.underPower {background: orange !important;}


div.validation-summary-errors {
    border:solid 1px #febfbf;background:#fffafa;color:#e12c2c;padding:10px;line-height:20px;margin:7px 0;
}

div.validation-summary-errors li
{
    list-style: disc;
    margin-left: 20px;
}

span.field-validation-error {
    color: #E12C2C;
}

#progressbar {
    margin: 5px 0 10px 0;
    background-color: #F0F0F0;
    border: 1px solid #DDDDDD;        
    border-radius: 8px;        
    display: block;
    height: 20px;
    overflow: hidden;
    width: 226px;
}
#progress {       
    display: block;
    height: 20px;        
}
.progressbarValid {
    background-color: #008000;
    background-image: linear-gradient(-90deg, #8AD702 0, #389100 100%);
}
.progressbarInvalid {
    background-color: #FF0000;
    background-image: linear-gradient(-90deg, #F94046 0, #92080B 100%);
}






/* table grid display data */
.textbody .grid table {border:solid 1px #dedede; border-top:none;}
.textbody .grid table th{text-align:left;background:url(/content/images/grid-headingbg.jpg) repeat-x center -12px #f2f2f2; padding:8px 5px;border-bottom:solid 1px #c6c6c6;}

.textbody .grid table tr.altcolor {background:#fafafa;}
.textbody .grid table td{text-align:left;padding:5px}
.textbody .grid td select{border:solid 1px #b0b0b0;background:#fff;color: #000000;padding:1px;margin-right:5px;}
.textbody .grid td .inputbox{border:solid 1px #b0b0b0;background:#fff;color:#000000;padding:2px;margin-right:5px;}
.textbody .grid td .inputbox.flushright{ margin-right: 0;}
.textbody .grid table td.top_border{border-top:solid 1px #dedede;}
.textbody .grid table td.bottom_border{border-bottom:solid 1px #dedede;}
/* end table grid display data */

/* table grid display data */
.textbody .grid2 table {border-left:solid 1px #dedede;border-bottom:solid 1px #dedede;border-right:solid 1px #dedede;}
.textbody .grid2 table th{border-top:solid 1px #dedede;text-align:left;background:url(/content/images/grid-headingbg.jpg) repeat-x top #f2f2f2;padding:8px 5px;}
.textbody .grid2 table tr.altcolor{background:#fafafa;}
.textbody .grid2 table td{border-top:solid 1px #dedede;text-align:left;padding:5px}
.textbody .grid2 table tr.no-border td{border-top:none !important;}
.textbody .grid2 td select{border:solid 1px #b0b0b0;background:#fff;color:#000000;padding:1px;margin-right:5px;}
.textbody .grid2 td .inputbox{border:solid 1px #b0b0b0;background:#fff;color:#000000;padding:2px;margin-right:5px;}
/* end table grid display data */


/* table grid display data */
.textbody .grid3 table {border:solid 0 #dedede !important;}
.textbody .grid3 table th{border-top:solid 0 #dedede;background:url(/content/images/grid-headingbg.jpg) repeat-x top #f2f2f2;padding:8px 5px;}
.textbody .grid3 table tr.altcolor{background:#fafafa;}
.textbody .grid3 table td{border:solid 0 #dedede;padding:0 5px 10px 5px;}
.textbody .grid3 table tr.no-border td{border-top:none !important;}
.textbody .grid3 td .inputbox{border:solid 1px #b0b0b0;background:#fff;color:#000;padding:2px;margin-right:5px;}
.grid-charges{border-right:1px solid #808080;border-bottom:1px solid #808080;}
.grid-charges td{border-left:1px solid #808080;border-top:1px solid #808080;padding:5px;}
/* end table grid display data */

.textbody .image-text img{float:left;margin:10px;}
/*.textbody .form-list span{color:#ff0000;font-weight:bold;}*/
.redStar{color:#ff0000;font-weight:bold;}
.textbody .form-list .error span{color:#ff0000;font-weight:bold;}
.textbody label.radio{margin-right:25px;}

.textbody .grid .plain-banner-upper {background-image: none; background-color: rgb(225,225,225);padding-top:5px;width:100%;font-weight:bold;font-size: 16px; border:solid 1px #dedede;margin:0 auto;}
.textbody .plain-banner-upper a {text-decoration: none;}
.textbody .plain-banner-upper a:hover {text-decoration: underline;}

.textbody .grid .plain-banner-lower {padding:5px;font-weight:bold; white-space: nowrap;}
.textbody .grid .notblue a {color: black;text-decoration: none;font-weight: normal;white-space: nowrap;}
.textbody .grid .notblue a:hover {color: black;text-decoration: underline;font-weight: normal;white-space: nowrap;}
.textbody .grid .qty {padding-right: 50px;text-align: right;}
.textbody .grid .dd-product .qty {padding-right: 20px;text-align: right;width: 30px;}
.quantity { max-width: 50px;}
.nowrap { white-space: nowrap;}


/*homepage news */
a.newslink  {
    text-decoration: none;
    color:black;
}
a.newslink:hover  {
    text-decoration: underline ;
    color:black;
}

.textbody .overdue {color:#ff0000;font-weight:bold;}
.textbody .somethingToPay {color:#ff0000;}

.textbody .dueStatus_OverDue {color:#ff0000;font-weight:bold;}
.textbody .dueStatus_DueToday{color:#000000;font-weight:bold;}
.textbody .dueStatus_NearlyDue, .textbody .dueStatus_NearlyDue a {color:#0099cc;font-weight:bold;}

.textbody .dueStatus_DueThisMonth, .textbody .dueStatus_DueThisMonth a {color:#0099cc;font-weight: normal;}
.textbody .dueStatus_NotDue, .textbody .dueStatus_NotDue  a {color:#000000;font-weight: normal;}



/*-------------------- Start Content -----------------------*/


/*-------------------- Start Footer -----------------------*/
#footer{width:100%;height:12px;padding-top:11px;padding-bottom:30px;background:url(../images/footer-topbg.jpg) repeat-x top #121212;text-align:center;min-height:20px;}
#footer .copyrighttxt{color:#a8a8a8;width:15%;float:left;padding-top:4px;}
#footer .rightlink{width:84%;float:right;text-align:left;color:#a8a8a8;line-height:22px;}
#footer .rightlink a{color:#a8a8a8;margin:0 10px;}
#footer .rightlink a:hover{color:#0099cc;text-decoration:underline;}

/*-------------------- End Footer -----------------------*/
/*------------------..For Login-------------------------*/
.list li{background:url(../images/list-bullet.png) 0 10px no-repeat;padding:6px 0 5px 17px;}
ul.multi-label li{font-size:14px;}
ul.multi-label li ul li{background:url(../images/list-bullet1.png) 0 11px no-repeat !important;padding:5px 0 5px 10px;font-size:12px;}
ul.multi-label li ul li a{font-weight:normal !important;color:#000;}


/*------------------auto Complete------------------------*/
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
ul.multi-label li ul li a{font-weight:normal !important;color:#000;}





/*left accordion*/
li.sub{padding:0 !important;background:none !important;width:201px !important;border-bottom:none !important;}
li.sub ul{float:left;width:201px;}
li.sub ul li{background:#fff url(../images/leftnavlist-bg1.png) no-repeat 0 0 !important;}
li.sub ul li:hover{background:#fff url(../images/leftnavlist-bg1.png) no-repeat 0 -65px !important;}
li.sub ul li.active-sub{background:#fff url(../images/bullet-orange.png) no-repeat -1px -1px !important;margin-right:0 !important;border-right:1px solid #fff;}
li.sub ul li.active-sub a{color:#ed6413 !important;}
li.sub ul li a{width:156px;padding-left:30px;}
        .drawer {
            color:#76797C;
            font-size:11px;
			width:202px;
			float:left;
        }
		h4{border-bottom:solid 1px #999;}
 
 
        .captop {
            bottom:auto;
            top:0;
            margin-top:0;
        }
 
        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;			
        }
		.drawers ul li {background:url(../images/leftnavlist-bg.png) no-repeat 0 0;float:left;}
		.drawers ul li a{color:#666666;width:171px;}
		.drawers ul li a:hover{color:#924100;}
		.drawers ul li.active{background:url(../images/active-tab.jpg) left top !important;color:#ed6413 !important;margin-right:0 !important;border-right:1px solid #fff;}
		/*.drawers ul li.active:hover{background:#fff url(../images/bullet-orange1.png) no-repeat 8px 11px !important;color:#ed6413 !important;margin-right:0px !important;}*/
		.drawers ul li.active a{color:#ed6413 !important;}
		
		.drawers ul li.active-sub1{background:url(../images/sub-selectlist.png) left top !important;color:#2b2b2b !important;margin-right:0 !important;border-right:1px solid #cccccc;}
		.drawers ul li.active-sub1:hover{background:url(../images/sub-selectlist.png) left top !important;color:#2b2b2b !important;margin-right:0 !important;}
		.drawers ul li.active-sub1 a{color:#ED6413 !important}
 
  #Manufacturers li.mainli:hover{background:url(../images/sub-hover-menubg.png) left top !important;color:#2b2b2b !important;margin-right:0 !important;border-right:1px solid #cccccc;}
  #Manufacturers li.mainli:hover a{color:#914100 !important;}
        .drawers A {
            color:#ED6413;
            text-decoration:none;
			display:block;
			padding:6px 15px;						
        }
		.drawers ul li:hover{background:url(../images/leftnavlist-bg.png) no-repeat 0 -65px !important;}
        .drawer li {
            border-bottom:1px solid #E5E5E5;
			border-right:1px solid #ccc;
        } 
    
        UL.drawers {
            margin: 0;
        }
 
        .drawer-handle {
            background:url(../images/leftheadingbb.jpg) 0 0;
            color:#E77107;
            cursor:default;
            font-size:12px;
            font-weight:bold;           
            margin-bottom:0;
			padding:6px 10px 6px 15px;
			border-right: 1px solid #CCCCCC;
			border-bottom:solid 1px #999;
        }
		.drawer-handle:hover{background:url(../images/leftheadingbb-o.jpg) 0 0;color:#fff !important;}
 
        .drawer-handle.open {
           background:url(../images/leftheadingbb-o.jpg) no-repeat 0 0;
            color:#fff;
        }
 
        .drawer UL {
            padding: 0;
            padding-bottom:0;
        }
 
        .drawer-content UL {
            padding-top: 7px;
        }
 
        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }
 
        .alldownloads li {
            border:0 none;
            padding:0;
        }
		li.drawer h4{padding-top:5px;padding-bottom:5px;border-right:solid 1px #cccccc;}
		
		
		li.drawer-single a{background:url(../images/leftheadingbb.jpg) 0 0;border-right:solid 1px #cccccc;border-bottom:1px solid #999999;display:block;padding:6px 10px 6px 15px;}

        li.drawer-single a:hover{background:url(../images/leftheadingbb-o.jpg) 0 0;color:#fff !important;}
.drawer-handle.open a{color:#fff;}
/* end left accordion */


#contentArea {
    clear: both;
}
.navBreadcrumb {
    padding: 0 20px 30px 0;    
}

.navBreadcrumb ul li.breadcrumbFirst {
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    
    padding-left: 0;
}

.navBreadcrumb ul li span img, .navBreadcrumb ul li a img {
    padding-bottom: 1px;
}

    .textbody .navBreadcrumb a {color: black;text-decoration: none;font-weight: normal;white-space: nowrap;}
.textbody .navBreadcrumb a:hover {color: black;text-decoration: underline;font-weight: normal;white-space: nowrap;}




    #leftNav {
  /*  float: left;*/
    padding: 5px 0 4px;
    width: 222px;
    }

#navMenu h2, #secondNav h3, #secondNav h4 {
    background: none repeat scroll 0 0 rgb(0,100,125);
    border: medium none !important;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0 !important;
    line-height: 16px;
    margin: 0 !important;
    padding: 5px 10px;
    text-transform: capitalize;
}

#navMenu .catList {
    margin-bottom: 16px;
}
#navMenu .catList dl {
    border-left: 1px solid #E8E5E4;
    border-right: 1px solid #E8E5E4;
    border-top: 0 none;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#navMenu .catList dl dt {
    border-bottom: 1px solid #E8E5E4;
    padding: 5px 8px 7px 10px;
    margin: 0;
    font-weight: bold; 
}
 
#navMenu .catList dd.SelectedFilter{
    background: #eb6c20;
}
/*#navMenu .catList dl dt:first-child {
    left: -9999px;
    position: absolute;
}*/
#navMenu .catList dl dd {
    border-bottom: 1px solid #EAE6E3;
    margin: 0;    
}
#navMenu .catList dl dd.viewAll {
    font-weight: bold;
}
#navMenu .catList dl dd a {
    display: block;
    padding: 5px 8px 5px 16px;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}
#navMenu .catList dl dd a:hover, #secondNav .catList dl dd a:focus {
    background: none repeat scroll 0 0 #eb6c20;
    color: #ffffff;
    text-decoration: none;
}




#navResults {
        margin-left: 242px;
    }

#navResults h2 {
    background: none repeat scroll 0 0 rgb(0,100,125);
    border: medium none !important;    
    color: #FFFFFF;
  /*  display: block;*/
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0 !important;
    line-height: 16px;
    padding: 5px 10px;
    text-transform: capitalize;
}




.catImage {
    /*clear: both;
    background: none repeat scroll 0 0 #F1EFEE;
    background: none repeat scroll 0 0 #Ffff00;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    width: 120px;       
}
.catName {
    padding-top: 10px;
    text-align: center;
    font-size: 15px;
}





/* news */
h2.news { padding-bottom: 0; }
h3.news { font-size: 14px;  font-weight: bold; }
/* end news */

/*List for home page for News*/

.listNews li{padding:6px 0 5px 17px;font-size: 14px;}
.listNews li a{font-weight:normal !important;text-decoration:none;}

/*Damaged item text box*/
.inputbox_1{border:solid 1px #b0b0b0;background:#fff;color:#000;padding:2px;margin-right:5px;}

/*To show li sub*/
.subActive ul{Display:block !important;}



/* heading style */

/*.textbody h2{font-weight:bold;color:#047db5;font-size:18px;padding:7px 0 7px 0;}*/
.textbody h3{color:#bd4c00;font-size:16px;font-weight:bold;padding:4px 0 4px 0;}
.textbody h5 {
    color: #bd4c00;
    font-size: 14px;
    padding: 4px 0 4px 0;
}



/* heading style */

.order-top-summary{border:solid 1px #f6c475;background:url(../images/order-topbg.jpg) repeat-x bottom #fffaf0;margin-bottom: 10px;}
.order-top-summary .heading-order{padding:10px;}
.order-top-summary .heading-order img{float:left;margin-right:5px;}
.order-top-summary .heading-order div.headingtext{float:left;font-size:16px;font-weight:bold;color:#e4701e;padding-top:3px;}
.order-top-summary .heading-order span{color:#a64f12;}
.order-tab{height:24px;}
.order-tab li{float:left;margin-right:2px;}
.order-tab li a{display:block;float:left;padding:5px 7px;font-size:11px;font-weight:bold;color:#a84601;text-decoration:none;height:12px;}
.order-tab li a:hover {background: url(../images/order-tab-bg.jpg) repeat-x top #fba73f;color: #fff;}
.order-tab li.active a{background:url(../images/order-tab-bg.jpg) repeat-x top #fba73f;color:#fff;border:1px solid #cc8426;}
.order-tab li.disabled a {display: block;float: left;padding: 5px 7px;font-size: 11px;font-weight: bold;color: #b0b0b0;text-decoration: none;height: 12px;}
.order-tab li.disabled a:hover {
        background: none;
        display: block;
        float: left;
        padding: 5px 7px;
        font-size: 11px;
        font-weight: bold;
        color: #b0b0b0;
        text-decoration: none;
        height: 12px;
    }
.order-tab li.disabled a:hover span { background: none; }

.printable-button {background: url(../images/printable-btn-bg-right.png) no-repeat right top;color: #fff;text-decoration: none !important;padding: 8px 2px 25px 10px;*padding: 0 3px 0 10px;cursor: pointer;}
.printable-button span{background:url(../images/printable-btn-bg-left.png) no-repeat left top;padding:8px 6px 25px 10px;*padding:7px 10px 25px 10px;color:#fff;display:inline-block;}
.printable-button:hover{color:#fff !important;text-decoration:none;}
.link-button{background:url(../images/link-button-bg.jpg) repeat-x top #fba73f;padding:5px 10px;text-decoration:none !important;color:#fff !important;border:solid 1px #cc8528;margin-right:5px;}
.link-button-help {font-size: 12px;margin-left: 30px;display:inline-block; vertical-align:top;}
.printable-button-row{padding:10px 0;}



.order-top-summery .heading-order span{color:#a64f12;}
.order-tab{height:24px;}
.order-tab li{float:left;margin-right:2px;background:url(../images/innertabdiv.png) no-repeat right top}
.order-tab li a{display:block;float:left;font-size:11px;padding-left:5px;font-weight:bold;color:#a84601;text-decoration:none;padding:5px 0 5px 2px;}
.order-tab li a span{padding:5px 5px;}
.order-tab li a:hover span{background:url(../images/innertabbg.jpg) right top;}
.order-tab li a:hover{color:#fff;background:url(../images/innertabbg-left.jpg) no-repeat left;}
.order-tab li.active a{background:url(../images/innertabbg.jpg) right top;color:#fff;}
.order-tab li.active a span{background:url(../images/innertabbg.jpg) right top;}
.header-text{font-size:14px;color:#f00;float:left;font-weight:bold;margin:20px 0 0 20px}
.header-text span{font-size:21px;font-weight:bold;}
.button-inline{border:solid 1px #1faad8;background:url(../images/button-image-bg.jpg) repeat-x top;padding:2px 10px 5px 10px;text-decoration:none !important;color:#fff !important;}
.button-inline:hover{border:solid 1px #d87b1f;background:url(../images/button-image-bg-o.jpg) repeat-x top;}

.Wwindow {
  position:absolute;
  width:750px;
  min-height:500px;
  padding:20px;
  display:none;
  z-index:9999;
}
 .fancybox-custom .fancybox-outer
{
    box-shadow: 0 0 50px #222;
}

/* pdf styles */
.textbody .pdf_grid table {border:solid 1px #dedede;}
.textbody .pdf_grid table th{text-align:left;background:url(/content/images/grid-headingbg.jpg) repeat-x top #f2f2f2;padding:6px 3px;border-bottom:solid 1px #c6c6c6;}
.textbody .pdf_grid table tr.altcolor{background:#fafafa;}
.textbody .pdf_grid table td{text-align:left;padding:3px}
.textbody .pdf_grid table td.top_border{border-top:solid 1px #000;}
.textbody .pdf_grid table td.bottom_border{border-bottom:solid 1px #000;}

.textbody h1.pdf{font-size:22px;color:#ea6b20;font-weight:bold;padding:3px;padding-left:0;height:20px;margin-bottom:8px;}
.textbody h2.pdf{font-weight:bold;color:#047db5;font-size:12px;padding:5px 3px;padding-left:0;height:15px;text-transform:uppercase;margin:5px 0;}
.textbody h3.pdf{color:#bd4c00;font-size:10px;font-weight:bold;text-transform:uppercase;padding:2px;padding-left:0;margin:6px 0;}

.textbody p.pdf{line-height:16px;padding:5px 0;}


/* pdf styles */


/* Documentation styles */
.divDocument ul {padding-bottom:30px;margin-left: 30px}
li.presentation {padding-bottom:10px;}
.presentation p {font-weight:bold;font-size:14px;}
#Conference.divDocument h3 {font-size:17px;}
.presentation p.img-footer {font-weight:normal;font-style:italic;}

.design_info_box {float:left; display:none; position:absolute; box-shadow: 8px 8px 10px #888; background: #F5E9D9;}
.design_info_box .selPointer {position:absolute; }
.grid .design_info_box table {border: 2px solid #BFBFBF; padding: 3px 0; width:650px; border-collapse: collapse;}
.grid .design_info_box table td {border: 1px solid grey;}

.uppercase {text-transform:uppercase;}
.errorMessage {font-family: Courier;}

/*--------------- For embeddding HTML assets-------*/

.EmbedHTML li { list-style: disc inside none;}


#hpRadiators th {padding: 0 8px 0 0;}
#hpRadiators td {padding: 0 15px 0 0;}

option.over {background-color: yellow;}
option.under {background-color: orange;}

span.mandatory { color: red;padding: 0 5px;}
.mandatoryMissing {border:2px solid red !important;}

.img-left
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.img-right
{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

/*--------------- Designer -------*/

    .PanelArrayTable {
        border-collapse: collapse;
        
    }
    .radio label 
    {
         padding: 0 12px 0 0;
    }
    .radio input {
        width: 13px;
        height: 13px;
        padding: 0 2px;
        margin:0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        *overflow: hidden;
    }
    
    .Components li   
    {
        padding: 0 0 6px 0;
    }
    .Components li:last-child {
        padding: 0 0 6px 0;
    }


span.ui-button-icon-primary {
    left: 0 !important;   
    top: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
#countrypopup ul{ padding: 10px 0 10px 0;}
#countrypopup ul label{ padding-right: 20px;}
#countrypopup ul li.buttonrow{ padding-top: 20px;}

.productStockDetails {max-width: 400px;}
.productStockDetails li { list-style: none; }
.productStockDetails table { border-collapse: collapse;}
.productStockDetails table th, .productStockDetails table td { border: 1px solid gray;padding: 5px;vertical-align: top; }
.productStockDetails p { font-size: 10px;}

.TableCustomNavigation td { text-align: left;}
.TableCustomNavigation td:last-child { width: 100%;}
.TableCustomNavigation th { white-space: nowrap;padding-right: 5px;text-align: right;width: 15%;}
.TableCustomNavigation .wrap #centered a{pointer-events: none;cursor: default;}

.textbody .form-list .ProductTile {float: left;width: 300px;height: 190px;margin: 5px; }



    .MajorComponentsTable {width: 1200px;border: solid 1px #dedede;margin: 5px 0;min-height: 100px;}
    .SystemSummaryPhysicalTable {width: 1200px}
    
    
    
    
    
    


/* ---------------   Forum --------------- */
.forumDiscussion table {
        border-collapse: collapse;
        width: 70%;
}
.forumDiscussion tr
{
    background-color: #FCFCFC;
}

.forumDiscussion td.user
{
    width: 130px;
}
.forumDiscussion td p
{
    padding: 0;
}
.forumDiscussion td {
    border-top: 1px dotted lightgray;
    vertical-align: top;
    padding: 3px 3px 0 3px;
}
    
.forumDiscussion div.postDate {
    color: #999999;
    padding: 8px 0 2px 0 ;
}
     
.forumDiscussion button {
    margin: 0;
}

.forumDiscussion li
{
    padding: 4px 0;
}
.forumDiscussion .newMsg {
    display: none;
}


.ribbonGradient {
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU5ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0, rgba(229,233,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,1)), color-stop(100%,rgba(229,233,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0,rgba(229,233,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0,rgba(229,233,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0,rgba(229,233,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0,rgba(229,233,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e9ee',GradientType=0 ); /* IE6-8 */
}



.product-dropdown {
        position: relative;
        width: 450px;
        padding:  3px 3px 2px 6px;
        background: white;
        outline: none;
        cursor: pointer;      
        border: 1px solid #B0B0B0;    
}
.product-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 9px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #606060 transparent;   
}

.product-dropdown .dropdown {
    position: absolute;
    top: 100%;
    left: -1px;
    right: 0;
    background: #fff;
    font-weight: normal; 
    display: none;   
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    width: 459px;
    border: 1px solid grey;
    z-index: 1;
}
.product-dropdown.active .dropdown
{
    display: block;
    
}
.dd-product img {        
    float: left;
    margin-right: 8px;
    border: 1px solid #c0c0c0;
    height: 63px;    
}

.dd-product.over {
    background: #FFAA55;
}

.dd-product.under {
    background: #FFFFAA;
}

.dd-product {
    height: 85px;    
    padding: 3px;
    width: 400px;
    border: 1px solid lightgrey;    
    background: white;
}   


.dd-p-partno {
    font-size: 10px;        
    padding-top: 3px;
    color: grey;
}

.dropdown .dd-product {
    width: auto;
    border-width: 0 0 1px 0;
}
.dropdown .dd-product:hover {        
    background-color: #f5f5dc;
}
.dropdown .dd-product.selected {
    background: #3399FF;
    color: white;
}

.dd-product.selected .dd-p-partno {
    color: white;
}
.dd-texts {
    padding-right: 6px;               
}
.dd-texts em {
    font-style: italic;
}

.dd-product.dd-p-option {
    font-weight: bold;
    height: 28px;
    padding: 15px 0 0 30px; 
}
.dd-val {
    margin-right: 25px;
    overflow: hidden;
    height: 14px;
}
.dd-val > span {
    overflow: hidden;
}
.dd-p-manufacturer {
    white-space: nowrap;
    font-weight: bold;
    padding-bottom: 2px;
}
.grid .dd-product .dd-p-stock:after {
    content: "";
}


.dd-p-NextDue.grid {
    float: right;
    font-size: 10px;
}

.grid table {
    border-collapse: collapse;
}

.grid .dd-product .dd-p-stock {
    font: inherit;
}

.dd-p-size {
    font-size: 10px;
    padding-bottom:4px
}

.dd-p-stock {
    float: right;
    font-size: 12px;
    color: green;
}

.dd-product.selected .dd-p-stock {
    color: lightgreen;
}
.dd-p-stock.low,
.dd-product.selected .dd-p-stock.low  {
    color: darkred;
}
.product-dropdown
{
    float: left;
    margin-right: 7px;
}

.dd-p-desc {
    height: 32px;
    font-size: 13px;
}

.dd-p-desc.nav {
    overflow: initial;
}




/*********************************************/

.catBoxes {
    float: left;
    width: 100%;
  }

.catBox {
    float: left;

    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
   
    padding: 6px 6px 0;
    width: 158px;
    margin: 5px;

    position: relative;
}

.catLozenge {
    width: 100%;
    display: block;
    height: 192px;
}

.catBox:hover {
       border-color: #AEAEAE;
}

.catLozenge img {
    max-height: 150px;
    max-width: 100%;    
}

.catName {
    padding: 5px 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.manufacturers .catLozenge {
    height: 100px;    
}

.manufacturers .catLozenge img {
    max-height: 100%;    
}



.navOptions {
    width: auto;
    position: relative;
    height: 22px;
    vertical-align: top;
    background: none repeat scroll 0 0 #E7E7E7;
    margin-bottom: 5px;
    padding: 6px 12px;
    border: 1px solid lightgrey;
}

.navOptions #sortOptions {
    min-width: 290px;
}

.navOptions .listOptions {
    min-width: 290px;
}


.navOptions a{
    cursor: pointer;
    text-decoration: none;
}


#navResults.list .dd-product {
    border-width: 1px 0 0;
    padding: 10px 7px;
    width: auto;
}
#navResults.list .dd-product:last-child {
    border-width: 1px 0 1px 0;
  }


.dd-product ul
{
    padding-top: 4px;
}
.dd-product li
{
    background-position: 0 6px;
    padding: 1px 0 5px 17px;
}

#navResults.list .dd-texts {
    float: left;
}

#navResults.list .dd-p-stock {
    float: none;
}

#navResults.list .dd-p-manufacturer
{
   font-size: 16px;
}

#navResults.list .dd-price {
    float: none;
    
    font-weight: bold;

    display: block;
}
#navResults.list .dd-price .measuredUnit {
  /*  font-size: 14px;*/
    font-weight: normal;
}

#navResults.list .dd-p-desc {
    height: 95px;

}

#navResults.list .dd-product img {   
    height: 100%;
}







#navResults.gallery .dd-product {    
    height: auto;    
    float: left;
    margin: 2px 3px 2px 0;
}

#navResults.gallery .dd-product img.product-image {
    height: 180px;
    display: block;
    float: none;
    margin: auto;
    border: none;
    padding: 2px 2px 8px 2px;
    max-width: 205px;
}


#navResults.gallery .dd-product .dd-p-desc {
    height: 40px;
}

#navResults.gallery .dd-product .dd-p-partno {
    padding: 0;
}

#navResults.gallery .dd-product .dd-texts {
     padding: 0 10px 10px;
}

/***********************************************/

#navResults h2 span {
    font-size: 10px;
}

#navResults #sortOptions {
    float: left;
}

#navResults .pageOptions
{
    position: absolute;
    right: 20px;
}

/*Gallery off*/
.viewToggle.gallerySwitch {
    background-position: 0 -16px;
}

/*Gallery on*/
.gallery .viewToggle.gallerySwitch,
.viewToggle.gallerySwitch:hover {
    background-position: 0 0;
}
/*List on*/
.list .viewToggle.listSwitch,
.viewToggle.listSwitch:hover {
    background-position: -21px -16px;
}
/*List off*/
 .viewToggle.listSwitch {
    background-position: -21px 0;
    margin-right: 10px;
}

.textbody .AssetLink {
    display: none;
}
.textbody .HtmlAsset:hover a {
    display: inline;
}

.textbody .HtmlAsset:hover {
    background: pink;
}

/*  compare prices */
#PriceSelection {
    padding: 10px;
}

#PriceSelection input {
    margin-left: 20px;
    margin-right: 5px;
}
#header {
    position: relative;
}

#header .nav {
    min-width: 964px;
}

.searchIcon {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 34px;
    width: 34px;
    background-color: #F5961E;
    background-image: url("/Content/Images/search.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 5px 5px;
}

.textbody {
    background: url("../../../images/login-mainbg.jpg") repeat-x scroll center top #FFFFFF;
}


.textbody .grid table tr:nth-child(odd) {background:#fafafa;}

.textbody .grid .dd-product .qty {padding-right: 20px;text-align: right;width: 30px;}

#navMenu
{
    width: 165px;
}

#navResults {
        margin-left: 155px;
        /*width: 788px;*/
    width: auto;
    }

/* homepage */
.hpcol {vertical-align: top;}
.hpcol.c1 { padding: 0; width: 60%;}
.hpcol.c2 {padding: 0 0 0 15px; width: 20%;}
.hpcol.c3 { padding: 0 0 10px 15px; width: 20%;}


.hpBox {
    /*background: url("../images/image-textbg.jpg") repeat-x scroll center bottom #FFFFFF;*/
    padding: 10px;
   /* display: inline-block;*/
    overflow: hidden;
    position: relative;
}

.hpBox h2 {
    background: none;
}

.hpRight { 
    
    margin: 0 !important;
}

.featureText {
    font-size: 14px;
    font-weight: 300 !important;
}

.textbody .featureText a {
    color: black;
    font-weight: normal;
}

.stafflozs {   
     border-collapse: separate; border-spacing: 10px;   
     margin: 0 -10px;   
}
.stafftd {
    border: 1px solid black;   
    padding: 10px;
    vertical-align: top;
    width: 25%;   
    background: #D6ECF4;
    border: 1px solid #BDE1ED;
    border-radius: 10px;
}


.staffLarge {
    font-size: 14px;    
}

.staffLarger {
    font-size: 16px;
    font-weight: bold;
}

.hpBoxstaff img {
    margin: 0 15px 0 0;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
}

.hpBoxstaff p {
    padding: 15px 0 0 0;    
}



.hp_alerts {
    border: 1px solid #DEDEDE;
    margin: 5px 0;
    border-radius: 10px;    
    overflow: hidden;
    position: relative;
    background: #fcf8f0;
    padding: 10px;
}

.news_frame {
    background: url("../images/homepage_slides/blank_slide.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    display: inline-block;
    height: 300px;
    margin: 0 auto 10px;
    overflow: hidden;
    position: relative;
    width: 720px;
}

#listNews li{padding:6px 0 5px 17px;font-size: 14px;}
#listNews li a{font-weight:normal !important;text-decoration:none;}
#listNews {padding: 0 0 25px 0;}


h2{
    background: none repeat scroll 0 0 #00647D;
    border: medium none !important;
    color: #FFFFFF;
    
    font-weight: bold;
    letter-spacing: 0 !important;    
    padding: 3px 10px 5px;
    text-transform: capitalize;      
    font-size: 18px;    
}

.order-top-summary{
    margin-bottom: 10px;
}



    .ComponentPartsTable{width:100%}
    .ComponentPartsTable td{vertical-align: top;}
    .ComponentPartsTable th{text-align: left;}
    .ComponentPartsTable th:last-of-type{text-align: right;}
    

.dd-product {
    overflow: hidden;
}

#navResults.gallery .dd-product img.SegenAssuredThumb, img.SegenAssuredThumb {
    position: absolute;
    width: 65px;
    height: 50px;
    top: 20px;
    right: 20px;
    z-index: 10;
}


.grid .dd-product .dd-p-stock:after {
    content: "";
}


.grid table {
    border-collapse: collapse;
}

.grid .dd-product .dd-p-stock {
    font: inherit;
    color: black;
}


.noBackground { background-color: #ffffff !Important;
    border-bottom: none !Important;
}


.pp-rightTab {
    width: 200px;
    float: right;
}

.pp-rightTab .activity, .ListAddTo .activity {
    min-height: 16px;
    min-width: 16px;
    color: green;
}

.pp-rightTab .activity.error {
    color: red;
}

.pp-rightTab .activity.active, .ListAddTo .activity.active{
    background: url("../images/minispinner.gif") no-repeat;    
}

.pp-rightTab input.button-2-s
{
    margin: 4px 0;
}

.pp-rightTab .qtyAdd input{
    width: 40px;
    height: 25px;
    text-align: center;    
}
.pp-rightTab .qtyAdd
{ padding-bottom: 3px;    
}

.prodButtonBottom {
    margin: auto;
    margin-top: 10px;
}

#prod1 .qtyAdd {
    float: left;
    padding-top: 10px;
    padding-right: 15px; 
}

#prod1 .qtyAdd label {
    display: block;
    padding-left: 12px;
    padding-bottom: 2px;   
}

#prod1 .dd-p-stock {
    font-size: 14px;
}

.BulkPacks {
    font-size: 13px;   
}
.bulkPackText {
    font-size: 14px;
    padding: 10px 0;
}
.bulkPackTextItem  {
    padding: 0 0 5px 20px;
}

#prod1 .BulkPacks td,
#prod1 .BulkPacks th {    
    padding-bottom: 3px;   
}

#navResults.gallery .dd-product {
    height: 310px;
}

#navResults.gallery .dd-product.dd-product-tall {
    height: 320px;
}

/**************one product details*/
    .fleft {
    float: left;
    }

    .product_page {
        float: left;
 /*        min-height: 471px;
       width: 980x;*/
        display: table;
    }




    .product_page dd
    {
        line-height: 18px;
        display: inline;
        margin-left: 10px;
    }
  .product_page dd.first
    {        
        margin-left: 0;
    }
    .product_page dt
    {
        font-size: 20px;
        font-weight: bold;
        line-height: 22px;
        padding-bottom: 2px;
    }

    


    #pp_buy {
        
        width: 190px;
       /*    display: inline;
     float: right;*/
        
        background: none repeat scroll 0 0 #FFFFFF;
        border: 2px solid #E8E5E4;

    }

.prodRight {
    background: #FCF8F0;
    border: 2px solid #E8E5E4;
    padding: 14px 18px 0 12px;
    width: 222px;
    border-radius: 10px;
}

.dd-measureunit {
    text-align: right;
}
.measuredUnit {
    float: right;
    font-size: 10px;    
}

.dd-price {
    font-weight:bold
}    

#prod1 .dd-price {
    float: none;
    
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;

    display: block;
    padding-bottom: 4px;
}
#prod1 .dd-price .measuredUnit {
    font-size: 14px;
    font-weight: normal;
}

    .dd-listprice
    {
        font-size: 14px;
        font-style: italic;
        font-weight: normal;
        padding-bottom: 14px;
    }

#prod1 .dd-listprice
    {        
        padding-bottom: 4px;
    }

    .buy-price {
         font-size: 18px;
        font-weight: bold;
        line-height: 20px;
        padding-bottom: 2px;
    }

    .pp_item_img {
        overflow: auto;
        margin-left: 10px;
        margin-right: 15px;
        position: relative;
        top: 0;
        width: 210px;
        height: 315px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 2px solid #E8E5E4;
        padding: 10px;
        border-radius: 10px;
    }


.product_page img.product-image {
    height: 280px;
    width: 210px;
}


.product_page .pp_item_img .manufacturerImage {
    position: absolute;
    bottom: 0;
}

    .pp_description {        
        overflow: hidden;
        float: left;
        padding-right: 13px;
        display: inline;
    }

  .pp_description dl {
      margin-top: 0;
    }

  .item_description p {
      padding: 5px 0 10px 0;
  }

   .item_description h2 {
      padding: 2px 10px;
  }
  .prod_composite th {
      text-align: left;
  }

#IRS {
    margin-top: 20px;    
    padding-top: 3px;    
    padding-bottom: 5px;    
}

#IRS .heading {
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
}
#IRS .notes {
    font-style: italic;
    font-size: 9px;
}

#IRS .rebateBands {
    margin: auto;
}

#IRS dt {
    clear: both;
}

#IRS dt {
   font-size: 14px;
   float: left;
   line-height: 22px;
   font-weight: normal;   
}
#IRS dd {
  font-size: 14px;
  float: right;
  line-height: 22px;
  font-weight: bold;
   
}

#tab_content
{
    clear: both;
    border: 3px solid #C0C0C0;
    padding: 10px;
    min-height: 150px;
}

#tab_content > div
{
    display: none;
}
#tab_content  .Contact {
    padding: 10px 0;    
}

#tab_content  dl {
    margin-bottom:20px;    
}
 
#tab_content dl dt {
   float:left;
    width:250px;
}

#tab_content li {
    border-bottom: 1px solid #E8E5E4;
    margin: 2px 0;
    padding: 5px 0;
}


.bottomBorder {
    border-bottom: 2px;
}

#tab_content dl dd
{
    margin: 2px 0;
    padding: 5px 0;
    border-bottom: 1px solid  #E8E5E4;
}

#related_tab dl.clip dt {
    background: #fff;
    color: #000000;
    float:none;
    font-weight:bold;
    margin-right:10px;
    padding:5px; 
    width:250px;
    border-bottom: 0;
}
#related_tab  dd {    
    border-bottom: 1px solid  #6A94D2;
    padding-bottom: 20px;
}
#related_tab  dd:last-child {    
    border-bottom: 1px solid  #6A94D2;
    padding-bottom: 20px;
}
#related_tab .ClipHead {
     color:black;
    font-size: 13px;
    font-weight: bold;
}
.specialOfferImg
{
    float: left;
    padding-right: 10px;
    width: 75px;
}

.compositeHeading {
    font-size: 16px;
    font-weight: bold;
    color: red;
    padding-top: 10px;
}

.packHeading {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.partSpecial {
    font-size: 13px;
    padding: 3px 0 3px;
}

.IsReduced {
    font-size: 16px;
    font-weight: bold;
    color: red;
    padding-top: 10px;
}

#tab_content .activity {
    min-height: 16px;
    min-width: 16px;
    color: green;
}

#tab_content  .activity.error {
    color: red;
}

#tab_content .activity.active{
    background: url("../images/minispinner.gif") no-repeat;         
}

#spec_tab .manufacturer {
    padding-top: 10px;    
}
#spec_tab .manufacturer img {    

    padding-right: 20px;
}
#spec_tab .quickConfig {
    clear: both;
    font-size: 14px;
    padding-top: 20px;    
}
#spec_tab .manHead {
    font-weight: bold;
}

#spec_tab .manufacturer p {
    padding-top: 0;
}

#navMenu .catList dd {
    background: white;
}

#navMenu .catList dt {
background: none repeat scroll 0 0 #00647D;
    color: white;   
}

/************** Dynamic ******************/


#header, #header .sf-menu, .textbody {
    display: block;
    min-width: 955px;
}
.leftpan { display: none;}

#containerShadow{ padding: 0 0;}
.textbody .rightpan .innercontainer {padding: 12px;min-width: 940px;}
#navMenu {float: left; width: 150px;}

#navResults.list{ width: auto;}

.ListButton { float: left;padding: 2px 2px;}
.ProductNavigationList { width: 100%;vertical-align: top;}
.ProductNavigationList .dd-product{ height: auto;}
.ProductNavigationList .dd-price{ padding-bottom: 1px;}

.ProductNavigationList  td {
    white-space: nowrap;
}

.textbody .grid table .ListStock{text-align: right;}
td.ListProduct{white-space: normal;}

.textbody .grid table td.ListManufacturer{ width: 8%;}

.textbody .grid table td.ListPrice{width: 8%;text-align: right;}
.textbody .grid table .ListAddTo{width: 15%;  text-align: center;}
.textbody .grid table .ListAddToHeader {width: 15%; text-align: center;} 
.textbody .grid table .ListQtyHeader{ text-align: center;width: 6%;}
.textbody .grid table .ListStockHeader{width: 50px; text-align: right;}
.textbody .grid table .ListPriceHeader{width: 100px; text-align: right;}
.ListProductHeader.Main { width: 25%;}
.ListProductHeader.Part { width: 13%;}

#navResults.list .dd-price {font-size:inherit;}

.ListPriceHeader:hover, .ListManufacturerHeader:hover, .ListProductHeader:hover, .ListStockHeader:hover { text-decoration: underline}
.SortedAsc {
    width: auto;
    /*background-image: url('/Content/images/global/ddarow.png');
    background-repeat:no-repeat;
    background-position:right;*/ 
}
.SortedDesc {
    width: auto;
    /*background-image: url('/Content/images/global/ddarow.png');
    background-repeat:no-repeat;
    background-position:right;*/ 
}
.SortedAsc #Arrow {
    width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
    margin-right:5px;
    margin-top: 5px;
    float: left;
}

.SortedDesc #Arrow {
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
    margin-right:5px;
    margin-top: 5px;
    float: left;
}

.Selected  #Arrow {
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid black;
    margin-right:5px;
    margin-top: 5px;
    float: left;
}

.catBox { width: 18.4%;margin: 2px 3px 2px 0;padding:3px;}
.manufacturers .catBox {min-height: 103px;}

.catBoxes.manufacturers {margin-top: 10px;}

#navResults.gallery .dd-product {    
    width: 23.59%;
}
#navResults.news .dd-product {width: 47.18%;}
#navResults.news .dd-product {width: 31.44%;}
#navResults { width: auto;}

.catBox { width: 23.61%; }
/*#navResults { min-width: 912px;}*/

.rightHomePageCol {
    vertical-align: top;
    background: white; /*#F7A465;    */
    border-radius: 10px;
    font-size: 14px;	
}

/* product lists */
.Verbosity2 {display: none;}
    .Verbosity3 {display: none;}
    .Verbosity4 {display: none;}

.ProductSummaryIframe {
    width: 460px;
}

.SecondaryNavBut4 {
    display: none;
}

@media screen and (min-width:1025px)
{
    .catBox { width: 18.4%; }
    .textbody .grid table .ListAddToHeader
    {
        width: 5%;
    }    
}

@media screen and (max-width:1025px)
{
    #navResults { width: 840px;}
    #header .toprow .header-search { width: 46%;}
}


@media screen and (min-width:1100px)
{
    .textbody .grid table .ListAddTo{
        min-width: 175px;
    }
    .catBox { width: 15.4%; }
    .Verbosity2 {display: table-cell;}
}
@media screen and (min-width:1150px) 
{
    #navResults{ margin-left: 175px;min-width: 912px;} 
    #navMenu {float: left;  width: 170px;}
  /*  #navResults.gallery .dd-product {width: 23.8%;}*/
  #navResults.list .dd-price .measuredUnit {display: inline-block;}
 .textbody .grid table .ListAddToHeader
    {
        width: 15%;
    } 
 #header .toprow .header-search { width: 55%;}
}

@media screen and (min-width: 1200px)  
{
    .ProductSummaryIframe {width: 660px;}
    .contentArea #gallery h2 { margin-right: 0;}
    #navOptions{ margin-right: 0;}

    .leftpan { display: table-cell;}
 
}

@media screen and (min-width: 1320px)
{
       #navResults.gallery .dd-product {width: 18.8%;}
       #navResults.news .dd-product {width: 31.44%;}
	   #hpTop { min-width: 1100px;}
.SecondaryNavBut4 {
    display: inherit;
}
}
@media screen and (max-width:1350px)
{
    .stafftd.col4
    {
        display: none;
    }
    .hpcol.c1 { width: 70%; }
    .hpcol.c2 { width: 30%; }
    .hpcol.c3 { display: none;}
    .rightHomePageCol { display: none;}

    .stafftd
    {
        width: 33.3333%;
    }
    #navResults.list .dd-price .measuredUnit {display: block;}    
   
}

@media screen and (min-width: 1340px) {

    .leftpan { display: table-cell;}
    .catBox { width: 13.3%; }    
    .Verbosity3 {display: table-cell;}
 .Verbosity4 {display: table-cell;}
}

@media screen and (min-width: 1350px) {
	#hpTop { float: left; width: 75.8%;}
    .ProductSummaryIframe {width: 760px;}
}


@media screen and (min-width: 1490px)
{
   #navResults.gallery .dd-product {width: 15.7%;}
   #navResults.news .dd-product {width: 24%;}
}



@media screen and (min-width: 1580px)  
{
    .ProductSummaryIframe {width: 960px;}
   /* #navResults {width: 1368px;}  */
    .catBox { width: 11.695%; }
}

@media screen and (min-width: 1775px)
{
   #navResults.gallery .dd-product {width: 13.4%;}   
   #navResults.news .dd-product {width: 24%;}
}

@media screen and (min-width: 1890px)
{
   #navResults.gallery .dd-product {width: 11.8%;}
   #navResults.news .dd-product {width: 24%;}
}


@media screen and (min-width: 1740px)
{
 .catBox { width: 9.29%; } 
}

@media screen and (min-width: 2200px)
{
   #navResults.gallery .dd-product {width: 10.58%;}
   #navResults.news .dd-product {width: 24%;}
}

.textbody .image-text.hpRight
{
    padding: 15px;
    background: #FCF8F0;
}

.CMSHolder {
    display: inline;
    position:relative;
}
.CMSHolder:hover .popup{
    display : block;
}

.newsPanel:hover .popup {
    display: block;
    top: 15%;
}


.popup {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    display: none;
    position:absolute;
    top: 5%;
    left: 5%;
    border: 1px solid black;
    background: white;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding-right: 3px;
}
.popupLabel {
    display: inline-block;
    background: #00647D;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px;
}

.newsNav {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px;
    font: normal 50px Arial, Helvetica, sans-serif;
    color: #00647D;
    cursor: pointer;
    border-radius: 10px;
    z-index: 50;
    background: #D6ECF4;
}


.newsNavLeft {
    left: -17px;
    margin-left: 2px;
    border-right: 1px;
    padding-right: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.newsNavRight {
    left: calc(100% + -1px);
    border-left: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


#towerCollection, #featureCollection, #bannerCollection {
    position: relative;
}

.featureHolder, .bannerHolder {
    border: 1px solid #F9C59D;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: top;
    background: white;
    border-radius: 10px;
    font-size: 14px;
}

.bannerHolder:hover{
    border: 1px solid black;
    cursor: pointer;
}

#FeaturedProductLayout:hover {
    border: 1px solid black;
    cursor: pointer;
}

.leftArrow {
    position:relative;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid #00647D;
    top: calc(50% - 15px);
}

.rightArrow {
    position:relative;
    width: 0;
    height: 0;
    float: right;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #00647D;
    margin-left: 2px;
    top: calc(50% - 15px);
}

#FlashMessage.info
{
    background-color: #CCFFCC;
    border: 1px solid #006600;
    border-radius: 5px;
    padding: 6px;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #339933;
    cursor:pointer;
}
#FlashMessage.warning
{
    background-color: #FFFF99;
    border: 1px solid #CC9900;
    border-radius: 5px;
    padding: 6px;
    font-family: helvetica;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
    color: #663300;
    cursor:pointer;
}
#FlashMessage.error
{
    background-color: #FFCC99;
    border: 1px solid #800000;
    border-radius: 5px;
    padding: 4px;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #990000;
    cursor:pointer;
}

/*
    News Slider
    */
.wrap {
    position: relative;
    float: left;
    width: 100%;
}

/* Frame */
.frame {
    height: 90px;
    overflow: hidden;
    min-width: 620px;
}
.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: calc(100% - 30px);
}
.frame ul li {
    position:relative;
    float: left;
    width: 240px;
    height: 100%;
    margin: 10px 15px 10px 10px;
    padding: 0;
    cursor: pointer;
}
.frame ul li.active .newsThumb {
    background-color: #FFAB1B;
    border: 2px solid #e8e5e4;
}

/* Scrollbar */
.scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}
.scrollbar .handle {
    width: 100px;
    height: 100%;
    cursor: pointer;
}
.scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

/* Pages */
.pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
.pages li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}

.pages li:hover {
    background: #aaa;
}
.pages li.active {
    background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* Effects */
.effects {
    height: 70px;
    line-height: 70px;
    -webkit-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    overflow-y: auto;
}
.effects ul {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.effects ul li {
    position: relative;
    margin: 0 -20px;
    -webkit-transform: rotateY(60deg) scale(0.9);
    -ms-transform: rotateY(60deg) scale(0.9);
    transform: rotateY(60deg) scale(0.9);
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}
.effects ul li.active {
    z-index: 10;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.effects ul li.active ~ li {
    -webkit-transform: rotateY(-60deg) scale(0.9);
    -ms-transform: rotateY(-60deg) scale(0.9);
    transform: rotateY(-60deg) scale(0.9);
}


.newsDisplayPanel{
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 710px;
    width:100%;
    border: 1px solid #BDE1ED;
    border-top: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.newsPanel{
    border-top:1px solid #BDE1ED;
    border-bottom:1px solid #BDE1ED; 
    width: 100%; 
    min-height:160px;
    position: relative;
    display:inline-block;
}

.newsPanel:hover{
    border: 1px solid black;
}

.newsPanelData {
    padding: 10px;
}



.newsPanelDataHome {
    padding: 10px;
    min-height: 120px;
    cursor: pointer;
    border: 1px solid transparent;
}

.newsPanelDataHome:hover {
    border: 1px solid black;
}


.newsPanelSummary {  
    font-weight: normal;
    color: #000;
    font-size: 13px;
    padding: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.newsSliderHeadline {
    font-size: 15px;
    text-decoration: none;
    color: #ea6b20;
    font-weight: bold;
    padding: 0 !important;
}

.newsPanelDate {
    color: #bd4c00;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 0 0 0 !important;
}

.newsImage{
    height:80px;
    float: left;
    padding-right: 10px;
}
			
.navArrow{
    height: 90px;
    width: 20px;
    float:left;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.navArrowRight {
    float: right;
}
			
.navDisplay{
    width: calc(100% - 46px);
    height:90px;
    float:left;
}
			
.navControls{
    display:inline-block;
    width:100%;
    padding: 0;
    padding-bottom: 2px;
    margin: 0;
}
			
.newsThumb{
    height: 100%;
    position:relative;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding: 5px;

}

    .newsThumb:hover {
        border: 1px solid black;
    }

			
.newsThumbText{
    font-size: 11px;   
}
			
.newsThumbImage{
    float: left;
    max-width:70px;
    max-height:60px;
    padding-right: 10px;
}
			
#navResults.news .dd-product {
    height: 190px;
}

#divSearchResult table {
    width: 100%;
}
#divSearchResult table tr th{
    text-align: left;
}


.SearchProductsTable tr .BrandPartNo_heading {
    width: 150px;
}
.SearchProductsTable tr .Manufacturer_heading {
    width: 300px;
}
.SearchProductsTable tr .ProductDesc_heading {
    width: 350px;
}


.SearchProjectsTable tr .Code_heading {
    width: 150px;
}

.SearchProjectsTable tr .BrandPartNo_heading {
    width: 100px;
}

.SearchProjectsTable tr .Type_heading {
    width: 100px;
}

.SearchProjectsTable tr .ProductDesc_heading {
    width: 350px;
}

.SearchProjectsTable tr .ProjectDescription_heading {
    width: 300px;
}

.SearchProjectsTable tr .ShipmentId_heading {
    width: 100px;
}


.SearchNewsTable tr .NewsTitle_heading {
    width: 450px;
}


@charset "UTF-8";

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;

/*	margin:0 auto;
	width:980px;*/
	height:34px;
	padding-top:1px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'stickybug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.sf-menu ul li a {border-top:1px solid #4f4f4f;text-align:left;padding:5px 5px 5px 10px !important;display:block;line-height:20px;}
.sf-menu ul{border-left:1px solid #4f4f4f;border-bottom:1px solid #4f4f4f;border-right:1px solid #4f4f4f;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
/*.sf-menu {
	float:			left;

}*/
.sf-menu a {	
	padding: 		10px 10px;
	text-decoration:none;
	/*background:url(../images/menu-bg.png) repeat-x top #f5f5f5;*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li li {
	background:url(../images/menu-bg.png) repeat-x top #545454 !important;
	padding:0 !important;
}
.sf-menu li li li {
	background:url(../images/menu-bg.png) repeat-x top #545454;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	background:url(../images/menu-overbg.png) repeat-x top #434343 !important;
	outline:		0;
	color:#c10b0b;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat 0 -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
/*	background:	url('../images/shadow.png') no-repeat bottom right;*/
	padding: 0;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*.sf-menu li{width:201px;}*/



.buttonTable {
    width: 100%;
}
.buttonTable td {
    text-align: center;
}

.buttonTable td a:link {
    text-decoration: none;
}

.buttonTable td a:visited {
    text-decoration: none;
}

.buttonTable td a:hover {
    text-decoration: underline;
}

.buttonTable td a:active {
    text-decoration: underline;
}


.secondaryButtonTable {
    width: 100%;
    margin-top: 17px;
}
.secondaryButtonTable td {
    text-align: center;
}

.secondaryButtonTable td a:link {
    text-decoration: none;
}

.secondaryButtonTable td a:visited {
    text-decoration: none;
}

.secondaryButtonTable td a:hover {
    text-decoration: underline;
}

.secondaryButtonTable td a:active {
    text-decoration: underline;
}

.SecondaryNavigationButton {
    width: 190px;
}


.ui-jqgrid{position:relative}.ui-jqgrid .ui-jqgrid-view{position:relative;left:0;top:0;padding:.0em;font-size:11px}.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .2em .2em .3em;position:relative;border-left:0 none;border-right:0 none;border-top:0 none}.ui-jqgrid .ui-jqgrid-title{float:left;margin:.1em 0 .2em}.ui-jqgrid .ui-jqgrid-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-jqgrid .ui-jqgrid-titlebar-close span{display:block;margin:1px}.ui-jqgrid .ui-jqgrid-titlebar-close:hover{padding:0}.ui-jqgrid .ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow-x:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px}.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0}.ui-jqgrid .ui-jqgrid-htable th{height:22px;padding:0 2px 0 2px}.ui-jqgrid .ui-jqgrid-htable th div{overflow:hidden;position:relative;height:17px}.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{overflow:hidden;white-space:nowrap;text-align:center;border-top:0 none;border-bottom:0 none}.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr{border-left:0 none}.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl{border-right:0 none}.ui-first-th-ltr{border-right:1px solid}.ui-first-th-rtl{border-left:1px solid}.ui-jqgrid .ui-th-div-ie{white-space:nowrap;zoom:1;height:17px}.ui-jqgrid .ui-jqgrid-resize{height:20px!important;position:relative;cursor:e-resize;display:inline;overflow:hidden}.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline;cursor:pointer!important}.ui-jqgrid .ui-icon-asc{margin-top:-3px;height:12px}.ui-jqgrid .ui-icon-desc{margin-top:3px;height:12px}.ui-jqgrid .ui-i-asc{margin-top:0;height:16px}.ui-jqgrid .ui-i-desc{margin-top:0;margin-left:13px;height:16px}.ui-jqgrid .ui-jqgrid-sortable{cursor:pointer}.ui-jqgrid tr.ui-search-toolbar th{border-top-width:1px!important;border-top-color:inherit!important;border-top-style:ridge!important}tr.ui-search-toolbar input{margin:1px 0 0 0}tr.ui-search-toolbar select{margin:1px 0 0 0}.ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;text-align:left}.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;outline-style:none}.ui-jqgrid tr.jqgrow{outline-style:none}.ui-jqgrid tr.jqgroup{outline-style:none}.ui-jqgrid tr.jqgrow td{font-weight:normal;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.jqgfirstrow td{padding:0 2px 0 2px;border-right-width:1px;border-right-style:solid}.ui-jqgrid tr.jqgroup td{font-weight:normal;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.jqfoot td{font-weight:bold;overflow:hidden;white-space:pre;height:22px;padding:0 2px 0 2px;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid tr.ui-row-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid}.ui-jqgrid tr.ui-row-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid}.ui-jqgrid td.jqgrid-rownum{padding:0 2px 0 2px;margin:0;border:0 none}.ui-jqgrid .ui-jqgrid-resize-mark{width:2px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;display:none;border:0 none;z-index:99999}.ui-jqgrid .ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0}.ui-jqgrid tr.footrow td{font-weight:bold;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-color:inherit;border-top-style:solid}.ui-jqgrid tr.footrow-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid}.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid}.ui-jqgrid .ui-jqgrid-pager{border-left:0 none!important;border-right:0 none!important;border-bottom:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px;white-space:nowrap;overflow:hidden;font-size:11px}.ui-jqgrid .ui-pager-control{position:relative}.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;width:auto;margin:0}.ui-jqgrid .ui-pg-table td{font-weight:normal;vertical-align:middle;padding:1px}.ui-jqgrid .ui-pg-button{height:19px!important}.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left}.ui-jqgrid .ui-pg-button:hover{padding:0}.ui-jqgrid .ui-state-disabled:hover{padding:1px}.ui-jqgrid .ui-pg-input{height:13px;font-size:.8em;margin:0}.ui-jqgrid .ui-pg-selbox{font-size:.8em;line-height:18px;display:block;height:18px;margin:0}.ui-jqgrid .ui-separator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;float:right}.ui-jqgrid .ui-paging-info{font-weight:normal;height:19px;margin-top:3px;margin-right:4px}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea{margin:0}.ui-jqgrid td textarea{width:auto;height:auto}.ui-jqgrid .ui-jqgrid-toppager{border-left:0 none!important;border-right:0 none!important;border-top:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px!important;white-space:nowrap;overflow:hidden}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:block}.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%}.ui-jqgrid .ui-subgrid table{table-layout:fixed}.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-right-width:1px;border-right-color:inherit;border-right-style:solid;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid .ui-subgrid td.subgrid-data{border-top:0 none!important}.ui-jqgrid .ui-subgrid td.subgrid-cell{border-width:0 0 1px 0}.ui-jqgrid .ui-th-subgrid{height:20px}.ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important;font-size:11px}.ui-jqgrid .jqgrid-overlay{display:none;z-index:100}* html .jqgrid-overlay{width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}.ui-jqgrid .ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden}.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible}.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative}.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em}.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px}.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus{padding:0}.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content{border:0;padding:.3em .2em;background:0;height:auto}.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center}.ui-jqdialog-content .FormGrid{margin:0}.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0}.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0}.EditTable td textarea{width:auto;height:auto}.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content input.FormElement{padding:.3em}.ui-jqdialog-content .data-line{padding-top:.1em;border:0 none}.ui-jqdialog-content .CaptionTD{vertical-align:middle;border:0 none;padding:2px;white-space:nowrap}.ui-jqdialog-content .DataTD{padding:2px;border:0 none;vertical-align:top}.ui-jqdialog-content .form-view-data{white-space:pre}.fm-button{display:inline-block;margin:0 4px 0 0;padding:.4em .5em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1}.fm-button-icon-left{padding-left:1.9em}.fm-button-icon-right{padding-right:1.9em}.fm-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}.fm-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}#nData,#pData{float:left;margin:3px;padding:0;width:15px}.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none}.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span{margin:-1px}.ui-jqgrid .tree-wrap{float:left;position:relative;height:18px;white-space:nowrap;overflow:hidden}.ui-jqgrid .tree-minus{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .tree-plus{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .tree-leaf{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .treeclick{cursor:pointer}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px')}.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px}.ui-jqgrid .ui-jqgrid-title-rtl{float:right;margin:.1em 0 .2em}.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px}.ui-jqgrid .ui-jqgrid-resize-ltr{float:right;margin:-2px -2px -2px 0}.ui-jqgrid .ui-jqgrid-resize-rtl{float:left;margin:-2px 0 -1px -3px}.ui-jqgrid .ui-sort-rtl{left:0}.ui-jqgrid .tree-wrap-ltr{float:left}.ui-jqgrid .tree-wrap-rtl{float:right}.ui-jqgrid .ui-ellipsis{text-overflow:ellipsis}

.ui-dialog {
    z-index: 100;
}

th.ui-th-column div {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto !important;
    vertical-align: middle;
}

.ui-widget,.ui-jqgrid,.ui-jqgrid-view {
    /*font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;*/
color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

}
.ui-widget-content .ui-state-default{
    font-weight: 700;    
}
.ui-jqgrid .ui-jqgrid-view {
    font-size: 12px;
}
.ui-widget-content a {
    color: #0099CC;
    font-weight: bold;
    text-decoration: underline;
}
.ui-widget-content a:hover {
     color: #ED6413;
    font-weight: bold;
    text-decoration: underline;
}

.ui-widget-content {
    background: url("../../content/images/login-mainbg.jpg") repeat-x scroll 0 0 white;
}

.ui-jqgrid .ui-jqgrid-htable th {
    border-bottom: 1px solid #C6C6C6;
}
.ui-jqgrid .ui-jqgrid-htable th div {
    color: #000000;
    padding: 8px 5px;
    height: 17px;
    overflow: hidden;
    position: relative;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: left;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: 22px;
}
.ui-state-default, .ui-widget-content .ui-state-default  {
    background: url("../../../../Content/images/grid-headingbg.jpg") repeat-x scroll center top #F2F2F2;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}
.ui-jqgrid tr.jqgrow td {
    padding: 0px 5px;
    /*border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    height: 22px;
    overflow: hidden;
    padding: 0 2px;
    white-space: pre;*/
}

.GridAltRowClass { background: none repeat scroll 0 0 #FAFAFA; background-image: none; }
.ui-jqgrid tr.ui-row-ltr td {
    border-right-style: none;
}
.ui-jqgrid tr.jqgrow td {
    border-bottom-style: none;
}
/*---------------------Modal Pop Up--------------------------*/
#mask {
  position:absolute;
  top:0;
  z-index:10;
  display:none;
  background-color: #000000; /*#2578cb;*/
  /*filter: alpha(opacity=70);
  opacity: 0.7;*/
  width:100%;
  height:100%
  
}
   
 .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  padding:20px;
  display:none;
  z-index:9999;
}
 .Qwindow {
  position:absolute;
  width:750px;
  min-height:500px;
  display:none;
  padding:20px;
  display:none;
  z-index:9999;
}
.sitemap-link a{background:url(../images/list-bullet.png) 0 10px no-repeat;padding:6px 0 5px 17px;}
.sitemap-link1 a{background:url(../images/list-bullet1.png) 18px 11px no-repeat !important;padding:5px 0 5px 27px;font-size:12px;font-weight:normal;color:#000;}


.WindloadingResults{ width: 300px;}

.textbody .WindloadingResults {border: 1px solid #333;}

.textbody .WindloadingResults th {
    padding: 6px;
    height: 10px;
    text-align: right;
    font-weight: normal;
}

.textbody .WindloadingResults td {
    padding: 6px;
    height: 10px;
    text-align: right;
    font-weight: bold;
    color: #BB0000;
}

.textbody .WindloadingResults .heading {
    text-align: center;
    border-bottom: 1px solid #000000;
    background: none repeat scroll 0 0 #DCE6F1;
    font-size: 12px;
    color: #000000;
}

.MCSSnowBox { float: left; }

.textbody .new_messagebox{border:solid 1px #f3c588;background:#fffdf8;color:#7a4c2b;padding:10px;line-height:20px;margin:7px 0;}
.textbody .design_loaded{border:solid 1px #f3c588;background:#effdef;color:#7a4c2b;padding:10px;line-height:20px;margin:7px 0;}

.textbody h1 {
    font-size: 24px;
}

.textbody h1{font-size:22px;color:#ea6b20;font-weight:bold;padding:5px 0 12px 0;}

table.productSelect {
    border-collapse: collapse;
}



table.productSelect th {
    text-align: center !important;
}
table.productSelect th, table.productSelect td {
    border: 1px solid #CCCCCC;
    padding: 0 3px;
}
table.productSelect th, table.productSelect td
{ border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

table.productSelect tr:nth-child(even) {
    background-color: #F5E9D9;
}
table.productSelect tr.subheader
{
    background-color: inherit;
}

table.productSelect tr.selected {
    background-color: #A5DEA3;
}
.productSelect{ width: 100%;margin: 10px 0;}


.MajorComponentsDiv {float: left;width: 600px;border: solid 1px #dedede;margin: 5px 0;min-height: 100px;}
.MajorComponentsDiv td { text-align: center;}

.ArrayDesignDiv {float: left;width: 1200px;border: solid 1px #dedede;margin: 5px 0;min-height: 100px;}

.sys_sum_head { font-size: 14px;font-weight: bold;color: #047db5;padding-bottom: 10px;}
table.sys_sum table {padding-right: 22px;}


.SystemSummaryPhysicalDiv {float: left;width: 305px;height: 350px;border: solid 1px #dedede;margin-bottom: 5px;margin-top: 5px;margin-right: 2px;}
    .SystemSummaryPanelDiv {float: left;width: 355px;height: 350px;border: solid 1px #dedede;margin-bottom: 5px;margin-top: 5px;margin-right: 2px;}
    .InverterSummaryDiv {float: left;border: solid 1px #dedede;margin: 5px 0;min-height: 100px;}

    .textbody .SystemSummaryPhysicalTABLE .list-data-display { width: 350px;}
    .textbody .InverterSummaryTable .list-data-display { width: 700px;}

    .SystemSummaryPhysicalTD {max-width: 305px;width: 305px;height: 300px;border: solid 1px #dedede;margin-bottom: 5px;margin-top: 5px;margin-right: 2px;padding-left: 2px;vertical-align: top;}
    .SystemSummaryPanelTD {max-width: 355px;width: 355px;height: 300px;border: solid 1px #dedede;margin-bottom: 5px;margin-top: 5px;margin-right: 2px;padding-left: 2px;vertical-align: top;}

    .textbody .SystemSummaryPhysicalTD .label {width: 150px;background: none repeat scroll 0 0 #DCE6F1;}
    .textbody .SystemSummaryPhysicalTD th{padding-left: 5px;border-bottom: 1px solid #DEDEDE;}
    .textbody .SystemSummaryPhysicalTD td{padding-left: 5px;border-bottom: 1px solid #DEDEDE;}
    .textbody .SystemSummaryPanelTD .label {padding-right: 5px;background: none repeat scroll 0 0 #DCE6F1;white-space: nowrap}
    .textbody .SystemSummaryPanelTD th{padding-left: 5px;border-bottom: 1px solid #DEDEDE}
    .textbody .SystemSummaryPanelTD td{padding-left: 5px;border-bottom: 1px solid #DEDEDE}
    .textbody .InverterSummaryTable .InverterSummaryTD .InverterSummaryDiv { border: none;}
    .textbody .InverterSummaryTD .label {padding-left: 5px;background: none repeat scroll 0 0 #DCE6F1;white-space: nowrap}
    .textbody .InverterSummaryTD tr th{padding-left: 5px; border-bottom: 1px solid #DEDEDE;}
    .textbody .InverterSummaryTD tr td{padding-left: 5px; border: 1px solid #DEDEDE;}

    .textbody .SystemSummaryPhysicalDiv .label {background: none repeat scroll 0 0 #DCE6F1;}
    .textbody .SystemSummaryPhysicalDiv tr th{padding-left: 5px;border-bottom: 1px solid #DEDEDE;}
    .textbody .SystemSummaryPhysicalDiv tr td{padding-left: 5px; font-weight: normal;border: 1px solid #DEDEDE;}
    .textbody .SystemSummaryPanelDiv .label {padding-right: 5px;background: none repeat scroll 0 0 #DCE6F1;white-space: nowrap}
    .textbody .SystemSummaryPanelDiv tr th{padding-left: 5px;border-bottom: 1px solid #DEDEDE}
    .textbody .SystemSummaryPanelDiv tr td{padding-left: 5px; font-weight: normal;border: 1px solid #DEDEDE;}
    .textbody .InverterSummaryDiv .label {padding-left: 5px;background: none repeat scroll 0 0 #DCE6F1;white-space: nowrap}
    .textbody .InverterSummaryDiv tr th{padding-left: 5px; border-bottom: 1px solid #DEDEDE;}
    .textbody .InverterSummaryDiv tr td{padding-left: 5px; border: 1px solid #DEDEDE;}
    .textbody .InverterSummaryDiv .list-data-display { width: 800px;}

    .SystemSummaryPanelInnerDiv {
        float: left;
    }
    .SystemSummaryPanelDetails {
        border-collapse: collapse;
        width: 100%;
        border: 0;
    }

    .SystemSummaryPanelDetails td{
        text-align: left;
    }

    .LoadSaveButtons {
    padding-top: 10px;
}


    .PVPerformanceEstimation{border-collapse: collapse;
        width: 600px;
        border: 0;}

    #DisplayBillOfParts{ display: none; visibility: hidden;}

    #showParts-modal { display: none;}

    .textbody .image-detail-box{border:solid 1px #dedede;padding:8px;display:inline-block; margin: 5px auto;}
.textbody .image-detail-box .image-name{background:url(../images/image-name-bg.png) repeat-x top #f5f5f5;height:35px;padding-top:5px;text-align:center;width:100%;font-weight:bold;border:solid 1px #dedede;margin:0 auto;}
.textbody .image-text{border:solid 1px #dedede;padding:8px;margin:5px 0;min-height:100px;background:url(../images/image-textbg.jpg) repeat-x bottom #fff;}
.textbody .image-text-1 {margin:5px 0;}
.textbody .image-text-1 table{border-top:solid 1px #dedede;border-right:solid 1px #dedede;}
.textbody .image-text-1 table th{border-bottom:solid 1px #dedede;border-left:solid 1px #dedede;padding:3px;}
.textbody .image-text-1 table td{border-bottom:solid 1px #dedede;border-left:solid 1px #dedede;padding:3px;}

.textbody .Price-image-text img{max-width:150px;}
.textbody .list-data-display table th{text-align:left;padding:4px 4px 4px 0; height:auto;vertical-align: top;}
.textbody .list-data-display table td{padding:4px 0;}

/*-------------------- Start Login -----------------------*/
/*.login-inner {background:url(../images/login-mainbg.jpg) top repeat-x;min-height:400px;padding-top:120px;}*/

.login-inner1 {background:url(../images/login-mainbg.jpg) top repeat-x;min-height:400px;padding:20px;}
.login-inner1 .loginbox{background: white; border: 2px solid #C1C1C1;border-radius: 13px 13px 13px 13px;box-shadow: 3px 5px 5px #BBBBBB;min-height: 250px;padding: 20px 28px 28px;width: 350px;}
.login-inner1 .loginbox .heading{color:#eb6c20;font-size:21px;font-weight:normal;font-family:Bell Gothic Std, Arial, Helvetica, sans-serif;padding-bottom:10px;}
.login-inner1 .loginbox .error{color:red; font-size:15px;font-family:Bell Gothic Std, Arial, Helvetica, sans-serif; text-align:center;}
.login-inner1 .loginbox ul li{padding:6px 0;}
.login-inner1 .loginbox ul li label.fieldlabel{display:block;font-size:13px;font-weight:bold;padding-bottom:6px;}
.login-inner1 .loginbox ul li .inputbg{background:url(../images/login-inputbg.png) no-repeat left top;width:386px;height:23px;padding:6px 7px;}
.login-inner1 .loginbox ul li .inputbg input{height:20px;width:320px;border:none;background:none;}

.login-inner .button{background:url(../images/button-bg.png) no-repeat left top;width:89px;height:33px;text-align:center;color:#fff;font-weight:bold; text-transform:uppercase;border:none;font-size:13px;}
.login-inner .button:hover{background-position:0 -37px;}

.login-maincontainer{width:405px;margin:5% auto 0 auto;}
#login-maintenance{font-size:17px;text-align: center;color: #eb6c20;font-family: Bell Gothic Std, Arial, Helvetica, sans-serif;font-weight: bold;}
#maintenance {font-size:25px;font-weight: bold;border-radius: 10px;line-height: 1.3em;margin: 0 0 10px;}
#banner-maintenance {font-size:20px;color: red;font-weight: bold; line-height: 1.3em;margin-left: 15px;display: inline-block;padding-top: 10px;}
/*-------------------- End Login -----------------------*/
.OrangeText{color:#EB6C20;}
		.OrangeText a{color:#EB6C20 !important;text-decoration:underline;}

        #tab_content dl dt,
#tab_content dd.title {
    background: #00647D;
    color: #fff;    
    font-weight:bold;
    margin-right:10px;
    padding:4px;  
    border-bottom: 1px solid  #E8E5E4;
}
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: blue;
    }

    .ui-state-default .ui-icon {
        background-image: none;
    }

    #dialog , #subdialog{
        background-color: rgba(0,0,0,0.30);
        padding: 4px;
        margin-bottom: 10px;
        -webkit-border-radius: 9px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
        -moz-border-radius: 9px; /* FF1-3.6 */
        border-radius: 9px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    }


    #dialog-bg, #subdialog-bg {
        background-color: #FBFBFB;
        -webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
        -moz-border-radius: 7px; /* FF1-3.6 */
        border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    }

        #dialog-bg.filter, #subdialog-bg.filter {
            background-color: cornsilk;
        }

    #dialog-title.filter, #subdialog-title.filter {
        background-color:;
    }

    #dialog-title, #subdialog-title {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        background-color: #E9E9E9;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9'); /* IE6-IE9 */
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom: 1px solid #FFFFFF;
        color: #434343;
        text-shadow: 1px 1px 1px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        font-weight: bold;
        font-size: 14px;
        cursor: default;
    }

    #dialog-description, #subdialog-description {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        color: #555555;
        font-size: 13px;
        line-height: 24px;
        border-top: 1px solid #B9B9B9;
        cursor: default;
    }

    .textbody .form-list .editorField {
        display: block;
    }

    .textbody .form-list .editorField .editorLabel {
        color: black;
        font-weight: bold;
        padding-right: 10px;
        float: left;
        width: 150px;
        display: inline;
    }

        .textbody .form-list .editorField label {
        
            color: black;
            vertical-align: top;
        }

        .textbody .form-list .editorField label img{
        
            max-height: 200px;
        }
    a.ShownDisplay {
        color: green;
    }

    a.HideDisplay {
        color: red;
    }

    .textbody .form-list span.editorLabel.recordChanged {
        color: red;
    }

    .editorField textarea, .editorField input, .editorField select {
        width: 400px;
    }

    .editorField textarea {
        width: 100%;
        height: 400px;
    }


body {
}