*{margin:0px; padding:0px;} body{ color:#2c2c2c; background:#004c9c url(../images/bg.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:32px;} img{ border:none;} form{ display:inline;} a{outline:none;} .left{float:left;} .right{float:right;} .clear{clear:both; font-size:1px;} h1{ color:#555555; font-weight:bold; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding:0px; margin:0px; width:100%; padding:15px 0px 10px 0px;} #container{width:907px; margin:auto; background:#ffffff url(../images/bg2.jpg) top left no-repeat; padding-top:56px;} #header{float:left; width:907px; height:79px; background:url(../images/header.gif) top left repeat-x;} #logocontainer{ float:left; width:418px; height:79px; background:url(../images/logo_bg.gif) top left repeat-x;} #logo{ float:left; background:url(../images/logo_right.gif) top right no-repeat; padding:0px 129px 0px 20px; } /*#signin{ float:right; background:url(../images/headertopright.gif) top right no-repeat; font-weight:bold; color:#454545; padding:30px 41px 0px 0px; width:200px;}*/ #signin span{ float:left; padding:6px 10px 0px 0px;} #topNavigation{float:left; width:887px; height:37px; padding:7px 0px 0px 20px; background:url(../images/topnav_bg.gif) top left repeat-x;} #topNavigation ul, #topNavigation ul li{ float:left; padding:0px; margin:0px; list-style:none;} #topNavigation ul li a, #topNavigation ul li a div, #topNavigation ul li a div span{float:left; display:block; text-decoration:none; } #topNavigation ul li a{padding-left:7px; color:#4b4c4c;} #topNavigation ul li a div{ padding-right:7px; background:url(../images/topnavLink.gif) top right no-repeat;} #topNavigation ul li a div span{line-height:37px; height:37px; padding:0px 20px; font-weight:bold; cursor:pointer;} #topNavigation ul li a:hover, #topNavigation ul li.selected a{ background:url(../images/leftTopnav.gif) top left no-repeat; color:#095d93;} #topNavigation ul li a:hover div, #topNavigation ul li.selected a div{ background:url(../images/rightTopnav.gif) top right no-repeat;} #topNavigation ul li a:hover div span, #topNavigation ul li.selected a div span{ background:url(../images/topnav_bg.gif) top left repeat-x;} #search{ float:right; padding:9px 41px 0px 0px;} #search input{ float:left;} #search input.search{ background:url(../images/search_input.gif) top left no-repeat; border:none; width:152px; font-size:11px; padding:4px 3px; margin-right:2px;} /* start : content */ #content{ float:left; width:907px; background:#fff; padding:22px 0px;} #slider{ float:left; width:100%;} .homeContent{ float:left; width:100%; padding:0px 0px 20px 0px;} #quoterDemo{ float:left; width:265px; padding:0px 26px 0px 22px; height:216px;} #quoterDemo p{ height:146px; float:left; overflow:hidden;} #quoterDemo a{ float:left; background:url(../images/icon_view-demo.gif) 0px 3px no-repeat; color:#4eaa00; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; text-decoration:none; padding-left:30px;} #satisfiedCustomers{ float:left; width:236px; padding:0px 24px; height:216px; background:url(../images/satisfiedcustomersBackground.gif) top left no-repeat; overflow:hidden;} #satisfiedCustomers h1{ text-indent:30px;} .customers{ float:right; text-align:right; padding:5px 0px 0px 0px;} .customers span{ float:right; display:block; width:100%; color:#4eaa00;} #freeQuote{ float:left; padding-left:43px; width:247px;} #freeQuote p{ float:left; padding:0px 63px 10px 0px; width:212px;} .gray{ background:#f9f9f9; padding-top:25px;} #contact{ padding-left:22px; float:left; width:266px; background:url(../images/icon_call.gif) 189px 26px no-repeat;} #contact p{ float:left; padding:0px 80px 10px 0px;} #contact span, #about span, #locate span{ float:left; padding:0px 0px 10px 0px;} #about{float:left; padding-left:43px; width:275px;} #about p{ float:left; background:url(../images/icon_psq.gif) 197px 0px no-repeat; padding:0px 63px 10px 0px; width:212px;} #locate{float:left; padding-left:43px; width:247px;} #locate p{ float:left; background:url(../images/icon_locater.gif) 172px 0px no-repeat; padding:0px 63px 10px 0px;} #leftContent{ float:left; width:591px;} #tabContainer{ float:left; padding-top:16px; width:100%;} #tabs{ padding:0px; margin:0px; float:left; list-style:none; line-height:36px; background:url(../images/bg-tabs.gif) top left repeat-x; width:100%;} #tabs li{ padding:0px; margin:0px; float:left; list-style:none;} #tabs li a{ float:left; padding:0px 0px 0px 9px; color:#000000; font-size:13px; text-decoration:none;} #tabs li a div{ float:left; padding:0px 9px 0px 0px;} #tabs li a div span{ float:left; width:179px; text-align:center;} #tabs li a:hover, #tabs li.selected a{ float:left; padding:0px 0px 0px 9px; background:url(../images/tab-left.gif) top left no-repeat;} #tabs li a:hover div, #tabs li.selected a div{ float:left; padding:0px 9px 0px 0px; background:url(../images/tab-right.gif) right top no-repeat;} #tabs li a:hover div span, #tabs li.selected a div span{ float:left; width:179px; background:url(../images/bg-tab.gif) top left repeat-x; cursor:pointer;} #tabContent{ border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;width:509px; padding:40px; float:left;} #tabbottom{ float:left; width:100%; background:url(../images/border-bot.gif) bottom left repeat-x;} #tabbottom div{float:left; width:100%; background:url(../images/corner-bot-left.gif) top left no-repeat; text-align:right;} /* start : roundec box */ .roundedContainer{ float:left; width:100%; padding:10px 0px;} .roundedTop{float:left; width:100%; background:url(../images/border-bot.gif) top left repeat-x;} .roundedTop div{float:left; width:100%; text-align:right; background:url(../images/corner-top-left.gif) top left no-repeat;} .roundedContent{float:left; width:100%; background:url(../images/border-bot.gif) top left repeat-y;} .roundedContent div{float:left; width:100%; background:url(../images/border-bot.gif) top right repeat-y;} .roundedContent div div.text{ pading:10px !important; float:left; border:none !important;} .roundedBottom{ float:left; width:100%; background:url(../images/border-bot.gif) bottom left repeat-x;} .roundedBottom div{ float:left; width:100%; text-align:right; background:url(../images/corner-bot-left.gif) top left no-repeat;} /* start : right content */ #rightContent{float:right; width:260px;} #rightNavContainer{ float:right; width:260px;} #rightNavTop{float:left; width:260px; height:41px; background:url(../images/rightnavtop.gif) top left repeat-x;} #rightNavTop div{ float:left; width:260px; background:url(../images/rightnavTopleft.gif) top left no-repeat;} #rightNavTop div span{float:left; width:230px; padding-left:30px; background:url(../images/rightnavTopright.gif) top right no-repeat; line-height:41px; font-size:15px; } #rightNavigation{ float:left; width:258px; border-left:1px solid #e3e2e2; border-right:1px solid #e3e2e2;} #rightNavigation ul{ padding:25px 28px; margin:0px; list-style:none; width:202px; float:left;} #rightNavigation ul li{ padding:0px; margin:0px; float:left; list-style:none; width:202px; border-bottom:1px solid #ececec; line-height:33px; background:url(../images/a1.gif) 0px 10px no-repeat; text-indent:20px;} #rightNavigation ul li a{ color:#000000; text-decoration:none; float:left;} #rightNavBottom{ float:left; width:260px; height:8px; background:url(../images/border-bot.gif) bottom left repeat-x;} #rightNavBottom div{ float:left; width:260px; background:url(../images/corner-bot-left.gif) top left no-repeat; text-align:right;} /* start : blue box */ #blueboxContainter{ float:left; width:266px; } #blueboxTop{ float:left; width:100%; background:url(../images/blueTop.gif) top left repeat-x;} #blueboxTop div{ float:left; width:100%; background:url(../images/blueTopleft.gif) top left no-repeat; text-align:right;} #blueboxContent{ width:264px; color:#FFFFFF; float:left; background:#efeeee; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a;} #blueboxBottom{ float:left; width:100%; background:url(../images/blueBottom.gif) top left repeat-x;} #blueboxBottom div{ float:left; width:100%; background:url(../images/blueBottomleft.gif) top left no-repeat; text-align:right;} #loginBox{ float:left; width:206px; padding-left:30px; font-size:13px; font-weight:bold;} #loginBox label{ float:left; width:100% !important; padding:5px 0px; font-weight:normal;} #loginBox .text{ border:none; background:url(../images/login_input.gif) top left no-repeat ; width:203px !important; padding:5px 2px; float:left;} *html #loginBox .text{ border:none; background:url(../images/login_input.gif) fixed ; width:203px !important; padding:5px 2px; float:left;} #loginBox .ErrorField{border:none; background:url(../images/errorLogin.gif) top left no-repeat; width:203px; padding:5px 2px;} #loginBox span.ValidationErrors{ font-weight:normal !important; padding:0px !important;} /*.login{ background:url(../images/login.png) top left no-repeat; color:#000000; font-size:11px; width:42px; height:22px; line-height:22px; font-weight:normal; text-decoration:none; display:block; float:left; text-align:center; margin-top:10px;}*/ #loginBox span{ display:block; float:left; width:100%; padding:5px 0px;} #loginBox span a{ color:#1f1f1f; font-weight:normal; text-decoration:none;} #loginBox span a:hover{color:#1f1f1f; text-decoration:underline;} .heading{ background:url(../images/header.gif) left bottom repeat-x; float:left; width:100%; height:60px; line-height:60px; font-size:15px; text-indent:30px;} /* start : footer */ #footer, #footer div, #footer div div{ float:left; width:100%; background:url(../images/footer.gif) top left repeat-x;} #footer div{ background:url(../images/footerLeft.gif) bottom left no-repeat !important;} #footer div div{ background:url(../images/footerRight.gif) bottom right no-repeat !important; } .footerNavigation{ float:left; padding:10px 0px 10px 50px; margin:0px; width:100px;} .footerNavigation li{ padding:0px; margin:0px; float:left; list-style:none; width:100%; font-weight:bold; color:#171717; line-height:20px; display:block;} .footerNavigation li a{ font-weight:normal; color:#171717; text-decoration:none; background:url(../images/footer_bullet.gif) 0px 2px no-repeat; padding-left:15px;} .footerNavigation li a:hover{color:#00408f;} .copyRights{ float:left; width:100%; padding-top:10px; color:#FFFFFF; text-align:center;} .input{ width:200px;} .error{color:#FF0000;} /* ----------------------------------------------START : Coda Slider----------------------------------------------------------------*/ .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ width: 100%; position: relative; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 50px; height: 20px; background: #fff; overflow: hidden;} .stripViewer { /* This is the viewing window */ position: relative; overflow-x: hidden; overflow-y: auto; margin: auto; width: 608px; /* Also specified in .stripViewer .panelContainer .panel below */ background: url(../images/slider_background.gif) top left fixed no-repeat; float:right; height:408px; } body>div .stripViewer { /* This is the viewing window */ position: relative; overflow-x: hidden; overflow-y: auto; margin: auto; width: 608px; /* Also specified in .stripViewer .panelContainer .panel below */ background: url(../images/slider_background.gif) top left no-repeat; float:right; height:408px; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /*-moz-user-select: none; Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; width: 608px; /* Also specified in .stripViewer above */ height: 100%; } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; float:left; width:221px !important; } .stripNav ul { /* The auto-generated set of links */ list-style: none; float:left; width:223px; background: url(../images/slider_border.gif) top left repeat-y; height:448px; } .stripNav ul li { float: left; width:223px; } .stripNav a { /* The nav links */ font-size: 12px; text-align: left; line-height: 29px; color: #000; text-decoration: none; display: block; padding: 0 15px; outline:none; } .stripNav a:hover { font-weight:bold; } .stripNav a.current { background: url(../images/sliderSelected.gif) top left repeat-y; font-weight:bold; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; /*top: 520px;*/ text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; height: 29px; width: 60px; } .stripNavL {left:242px; top:415px; background: url(../images/button_previous.gif) no-repeat center;} .stripNavR {left:310px; top:415px; background: url(../images/button_next.gif) no-repeat center;} .sliderBox{ float:left; padding-left:20px;} .sliderTop{float:left; width:100%; background: url(../images/slider_border.gif) top left repeat-x;} .sliderTop div{ float:left; width:100%; background: url(../images/slider_topleft.gif) top left no-repeat; text-align:right} .sliderTop div span{float:left; width:100%; background: url(../images/slider_topright.gif) top right no-repeat; height:31px; text-align:right} .sliderTop div span.errorMessage{color:red;text-align:left; !important; line-height:31px; width:620px; padding-left:287px; background:url(../images/error_background.gif) 262px center no-repeat;} .sliderContent{ float:left; width:850px; padding-right:13px; background: url(../images/slider_border.gif) top right repeat-y;} .slider_bottom{float:left; width:100%; background: url(../images/slider_border.gif) bottom left repeat-x;} .slider_bottom div{ float:left; width:100%; background: url(../images/slider_bottomLeft.gif) top left no-repeat;text-align:right} .slider_bottom div span{float:left; width:100%; background: url(../images/slider_bottomright.gif) top right no-repeat; height:13px; text-align:right} .uploadedLogo{ float:left; border:1px dashed #ccc; padding:5px; background:#fff;} .uploadInput{ float:left; padding:0px 5px 5px 15px;} /* ----------------------------------------------END : Coda Slider----------------------------------------------------------------*/ .inputColor{width:50px;} TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; } TABLE.productListing td{ padding:0px 0px 6px 3px;} TR.TRproductListing { background: #f4f7fd; border-color: #b6b7cb; font-weight:bold; height:30px; } .TDheadingFirst{background: #fff;text-align:center !important;} .TDheadingSecond{background: #f4f7fd;text-align:center !important;} .headingQuestion{font-size:30px; color:#535353; padding-bottom: 10px; font-family:Arial, Helvetica, sans-serif;} .headingQuestionInput {width:380px; padding:10px 0px; border:1px solid #828282; font-size:16px;} .headingQuestionTextArea {width:380px; height:100px; border:1px solid #828282; overflow:auto; font-size:14px;} /* start : price Quoter Form */ .priceQuoterForm{ width:853px; margin:auto; background:#f9f9f9 url(../images/quoterform_border.gif) top left repeat-y;} .priceQuoterFormtop{ background:#ebebeb url(../images/quoterform_border.gif) top left repeat-x; color:#464646; font-size:20px; font-family:Arial, Helvetica, sans-serif;} .priceQuoterHeading{ width:100%; background:url(../images/quoterform_topleft.gif) top left no-repeat; height:35px;} .priceQuoterHeading div{width:100%; background:url(../images/quoterform_topright.gif) top right no-repeat; height:35px; line-height:35px; text-indent:13px;} .priceQuoterHeading div span{ color:#000000;} .priceQuoterHeading div span.date{font-size:14px;} .quoterCompanyDetails{ background:url(../images/quoterform_border.gif) top right repeat-y; float:left; width:840px; padding:10px 0px 0px 13px;} .quoterLogo{ float:left; width:257px; background:#FFFFFF; border:none; text-align:center; padding:4px;} .quoterCompanyDetails .fields{ float:right; padding-left:15px; color:#424242; font-size:18px; font-family:Arial, Helvetica, sans-serif;} .quoterCompanyDetails .fields a{color:#424242; text-decoration:none;} .fields span{ line-height:33px; border-bottom:1px dashed #bababa; width:375px; float:left;} .fieldsHeading{ padding:0px 0px 0px 15px; width:150px !important;} .quoterForm{ background:#f9f9f9 url(../images/quoterform_border.gif) top right repeat-y; float:right; width:839px; padding:10px 0px 0px 13px;} .quoterFormbottom{background:#f9f9f9 url(../images/quoterform_border.gif) bottom left repeat-x; float:left; width:852px;} .quoterFormbottom div{ background:url(../images/quoterform_bottomright.gif) top right no-repeat;} .textInput{ background:url(../images/textinput.gif) top left no-repeat; width:253px; padding:8px 5px; border:0px;} .textInput1{ background:url(../images/textinput.gif) top left no-repeat; width:265px; padding:8px 5px; border:0px;} .textAreaInput{ background:url(../images/textinput.gif) top left no-repeat; width:253px; line-height:30px; padding:8px 5px;border:0px;} .form tr td{vertical-align:top; padding-bottom:5px;} .form tr td input, .form tr td textarea, .form tr td select{ float:left;} .form .ErrorField{background:url(../images/inputerror1.gif) top right no-repeat;} .textarea .ErrorField {background:url(../images/error_textarea.gif) top left no-repeat; width:253px; height:112px; border:none; padding:8px 5px;} input, textarea, select {font-family:Arial, Helvetica, sans-serif; font-size:12px;color: #000000;} textarea {background:url(../images/textarea.gif) top left no-repeat; width:253px; height:112px; border:none; padding:8px 5px; overflow:auto;} .quoterError{ border:solid 1px red !important; background:url(../images/sliderinput1.gif) top left no-repeat; width:553px; height:60px; padding:10px 10px 0px 10px; border:none; font-size:18px; } /* end : price Quoter Form */ /* start : Csustomer Console */ .pageHeading{ font-size:22px; border-bottom:1px solid #b6b6b6;padding:10px 0px 5px 0px; margin-bottom:10px;} .customerConsole{ margin:auto; width:855px;} .ccHeading{ float:left; background:#4ba403 url(../images/cctopleft.gif) top left no-repeat; height:30px; padding-left:10px;} .ccHeading div{ line-height:30px; font-weight:bold; color:#FFFFFF; background:url(../images/cctopright.gif) top right no-repeat; padding-right:10px;} .cc_content{ float:left; background:red !important; width:815px !important; background:none !important; padding:20px;} .cc_content div.ccBox{ background:url(../images/cc_content.gif) top left repeat-x !important; height:155px; width:100%; float:left; color:#3e3e3e; text-decoration:none; z-index:9999; position:relative; display:block;} .cc_content div.ccBox span{z-index:9000; position:relative;} .cc_content div.ccBox span.text{ padding:45px 81px 0px 10px; float:left; width:510px; background:url(../images/cc_contentRight.gif) center right no-repeat; height:105px;} .cc_content div.ccBox span.text1{ padding:45px 10px 0px 80px; float:left; width:510px; background:url(../images/cc_contentleft.gif) center left no-repeat; height:105px; } #innerContent{ float:left; width:863px; padding:0px 22px;} .cc_content div.ccBox span.text1 div.block{ background:none !important; padding-top:3px;} .sent_message { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #FFFFFF; font-weight: bold; color: #C20428; text-align: center; } .form_fonts { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; text-align:left; } DIV.contact { padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 400px; border: 1px solid #CDCDCD; text-align: center; } .user_table { border:#dddddd 1px solid; border-bottom:none; font-weight:bold; font-size:12px;} .user_table A {COLOR: #424242;} .user_table A:hover {COLOR: #7b7b7b; TEXT-DECORATION: none;} .user_table TD {BORDER-BOTTOM: #dddddd 1px solid; HEIGHT: 28px} .user_table TD.listingHeading {BACKGROUND: #f9f9f9; COLOR: #000;} .even {BACKGROUND: #f8f8f8} .odd {BACKGROUND: #fff} .errorImage{color:red;text-align:center;} .dyDiv{ float:left; width:100%; border-bottom:1px solid #E7E7E7; padding-left:19px;} .dyDiv span{display:block; float:left;} .dyDiv1{ float:left; width:100%; border-bottom:0px solid #E7E7E7;} .dyDiv1 span{display:block; float:left;} .dyRadio{ float:left; padding:15px 22px 10px 18px;} .dyInputOne{ float:left; padding:10px 26px 10px 0px;} .dyAction{float:left; padding:15px 0px 5px 0px !important;} .dyDiv2{ float:left; width:100%; border-bottom:0px solid #E7E7E7; clear:both;} .toolTip{ color:#333; display:block; text-decoration:none; /*position:absolute;*/ float:left; } .toolTip a:hover{ color:#fff; background-color:#666; } .tooltip{ position:absolute; background-color:#dedede; padding:5px; border:1px solid #fff; } .tooltip p{ margin:0; padding:0; color:#fff; background-color:#222; padding:2px 7px; }