body { margin: 0px; padding: 0px; text-align: center; background: #545454; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#808080; /*overflow: hidden;*/ } /*a:link, a:visited, a:active, a:focus { color: #f65e14; text-decoration: none; } */ a:link, a:visited, a:active, a:focus { color: #f65e14; text-decoration: underline; } a:hover { color: #6d6f72; text-decoration : none; } abc { font-size: 14px; } h1 { font-size: 14px; padding: 0px; margin: 0px; } #timestamp { font-size: 12px; font-weight:normal; } h2 { font-size: 14px; color: #404040; margin: 0; background-color: #ccc; padding: 2px 0 2px 5px; } h3 { font-size: 12px; font-weight: lighter; color: #404040; margin: 0; } p { padding: 0; margin: 0; } #clickhere { font-weight: bold; font-size: 14px; } p#clickhere { font-weight: bold; font-size: 12px; } /* The "p#clickhere a" is added by Sisir */ p#clickhere a { font-weight: bold; font-size: 12px; } p#leader { font-size: 12px; font-weight:bold; color: #404040; } /*ul { margin: 0; padding: 0; } li { list-style: none; padding: 0; margin: 0 0 2px 0; } */ ul { margin: 0; padding: 0 0 10px 10px; } li { list-style:none; padding: 5px 0 0 0; color: #808080; } a { color: #f65e14; } a:hover { color: #6d6f72; text-decoration:underline; } #holder { width: 870px; padding: 0; margin:auto; } #header { background-color: #f5f5f5; padding: 2px 0 2px 5px; margin: 0px; border: 1px solid #bfbfbf; } #prep h2{ font-style:italic; background-color: #fff; margin-bottom: 5px; padding: 0; } #prep { float: left; margin: 0; } #places { background-color: #f5f5f5; } #pickup { /*border: 1px solid #cccccc;*/ background-color: #fff; width: 430px; float: left; z-index:110px; } #dropoff { border: 1px solid #cccccc; background-color: #f5f5f5; width: 430px; float: right; z-index:100px; } #entry { width: 230px; padding: 0 0 10px 5px; float: left; z-index:100px } #entry h3, #extras h3{ padding: 9px 0 0 3px; } #extras { float: left; } #educate { width: 425px; padding: 10px 0 10px 5px; float: left; } #educate1 { width: 425px; padding: 10px 0 10px 5px; float: left; } /* its for call us region. created at= 10 may 2007 start */ #CallUs { border:1px solid #cccccc; width: 425px; /*padding: 10px 0 10px 5px;*/ color:Black; margin:4px -1px; text-align:center; float: right; background-color: #f5f5f5; } #PhoneNo { color: #f65e14; text-align:center; font-weight:bold; } /* end*/ #educate h3{ margin-bottom: 5px; } #items { margin: 30px 0; border: 1px solid #cccccc; background-color: #f5f5f5; float: left; width: 870px; } #details { padding: 0 0 0 5px; } #extrasplus { border: 1px solid #cccccc; background-color: #f5f5f5; float: left; width: 870px; } #extrasplus_title { float: left; background-color: #cccccc; padding-right: 10px; } #extrasplus_content { float: left; padding-left: 10px; padding-top: 0px; } ul.menu { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } #extrasplus_content1 { float: left; padding-left: 10px; padding-top: 0px; } ul.menu { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } #extrasplus_content2 { float: left; padding-left: 10px; padding-top: 0px; } ul.menu { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* This is where the css for the results start. Note: some styles are applied from css above as well. */ h4 { color: #404040; padding: 0; margin: 5px 0px 5px 0px; } h5 { color: #404040; margin: 0; padding:0; font-size: 18px; } #placesR { width: 600px; margin: 55px 0; } #placesR1 { width: 535px; margin: 30px 0; } #pickupR { width: 290px; padding: 12px 0 0 5px; float: left; } #dropoffR { width: 300px; padding: 12px 0 0 0; float: left; } #dropoffBoth { width: 590px; padding: 3px 0 0 0; float: left; } #quotes { float: left; width: 870px; margin: 5px 0; } #quotes1 { float: left; width: 870px; margin: 5px 0; } #join { width: 260px; /*background-color: #f4f4f4; border: 1px solid #808080;*/ margin-top: 20px; float: left; padding: 0; } #quotes li { height: 25px; padding-top: 8px; padding-left: 10px; border-right: 1px solid #e6e6e6; } #basegap { margin-top: 12px; background-color: #f5f5f5; padding: 5px; } #baserate{ margin-top: 10px; background-color: #f5f5f5; padding: 5px; /*height: 75px;*/ } #savings{ color:#f65e14; font-weight: bold; } #carrier li { padding-left: 5px; } #carrier, #transport, #time, #baseprice, #extracharges, #total, #selection { float: left; } /*#baserate { height: 75px; /* change by Mr Rakesh dated 28.6.07 previous value 45px } */ #baseratetext { float: left; width: 600px; } #baseratecost { float: left; color: #f65e14; font-weight: bold; width: 135px; font-size: 14px; padding-left: 10px; padding-top: 0px; margin-top:-5px; } #baseratebut { float: left; padding-left: 10px; width: 50px; padding-top: 5px; } #carrier { width: 180px; } #transport { width: 145px; } #time { width: 117px; } #baseprice { width: 78px; } #extracharges { width: 156px; } #total { color: #f65e14; font-weight: bold; width: 97px; font-size: 14px; } #total .category { font-size: 12px; } #selection { width: 97px; border-right: none; } #selection li img { margin-top: -2px; } .shade { background-color: #f5f5f5; } .topborder { border-top: 1px solid #e6e6e6; } .arial11_black_td { /* font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #E6E6E6; text-decoration:none; margin-right: 10px;*/ } #quotes li.category, #selection li { border-right: none; } #placetitles { color: #404040; } .transparent_bg { background-image: url(../images/transparent_bg.gif); background-repeat: repeat-x; } .txtbox1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; height: 18px; width: 154px; border: 1px solid #a7a6a6; margin-left: 0px; } .txtbox4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; height: 18px; border: 1px solid #a7a6a6; margin-left: 5px; padding-left: 0px; } .txtboxcommon { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px solid #a7a6a6; } #main { clear: both; padding-left: 16px; } #container { text-align: left; margin: 0 auto; width: 932px; /*margin-top: 35px; /*overflow: hidden;*/ background: #fff url(../images/background.jpg) repeat-y; padding-top: 0px; } #container2 { text-align: left; margin: 0 auto; width: 932px; /*margin-top: 35px; overflow: hidden;*/ background: #fff url(../images/wbackground.jpg) repeat-y; padding-top: 0px; } #container1 { text-align: left; width: 870px; background-color: #fff; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 15px; } #containerinner { text-align: left; margin: 0 auto; width: 932px; /*margin-top: 35px; overflow: hidden; background: #fff url(../images/backgroundinner.jpg) repeat-y;*/background: #fff url(../images/backgroundinner_new.jpg) repeat-y; padding-top: 0px; } ul.ul1 { font-size: .8em; list-style-image: url(../images/rightgreyarrow.jpg); } ul.ul1 a { text-decoration: none; color: #f65e14; } .topmar5 { vertical-align:middle; margin-left:5px; margin-right:0px; } .topmar3 { margin-top:2px; } ul.menu { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } img { border: none; } .welcome { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; padding-top: 3px; padding-right: 12px; padding-bottom: 3px; padding-left: 12px; background-color:#f5f5f5; color:gray; } .welcome1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #f65e14; text-decoration: none; background-color: #FFFFFF; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; } #footer { clear:both; position:relative; height:15px; /*background:#fff url(../images/fcfooter.jpg) bottom no-repeat; */ color:#bebebe; margin-top: 10px; margin-bottom: 10px; margin-left:16px; padding-left:16px; z-index:15; } #statement a { text-decoration: none; color: #999; font-size:10px; } #footer span { display: none; } #footer1 { clear:both; position:relative; height:35px; color:#333; margin-top:-1px; margin-bottom:0px; padding-left:16px; z-index:15; background-color: #fff; background-image: url(../images/fcfooter1.jpg); background-repeat: no-repeat; background-position: bottom;} .bdrtop { border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; } .bg_trwhitebdr { background-color: #FFFFFF; background-image: url(../images/bg_transparent.gif); background-position: bottom; background-repeat: repeat-x; } .bdrbottom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } /* for login Control in Login.aspx */ #login { width: 250px; /*background-color: #f4f4f4; border: 1px solid #808080;*/ margin: 20px 40px 0 0; float: left; } #map { /*width: 250px; background-color: #f4f4f4; border: 1px solid #808080;*/ margin: 20px 40px 0 0; float: left; } .txtbox_login { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; height: 16px; width: 100px; border: 1px solid #a7a6a6; margin-left: 5px; padding-left: 0px; } .bg_loginaccount { background-image: url(../images/bg_corner_account.gif); background-repeat: repeat-x; } .loginTitlenew { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; } .arial11_qqq { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #000000; padding-left:9px; text-decoration: none; } /* arial11_qq class is added by Sisir On 27-03-2007 */ .arial11_qq { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight:normal; color: #000000; text-decoration: none; } .transparent_bg { background-image: url(../images/transparent_bg.gif); background-repeat: repeat-x; } .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: center; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #FF9900; background-image: url(../images/bg_button.gif); background-repeat: no-repeat; background-position: center center; height: 22px; width: 63px; } .bgbox_la { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #a0a0a0; border-left-color: #a0a0a0; background-color: #f4f4f4; } .newuser { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #f65e14; text-decoration: none; } .bgbottombox_la { background-image: url(../images/bg_bottombox_la.gif); background-repeat: repeat-x; } Login1_lnkBtnForgotPwd { font-size:20px; } /* "txtheader" is added by Sisir On 27-03-2007 */ span.txtheader { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight:bold; color: #404040; text-decoration: none; } /* added by mahendra on 29-05-2007 */ .Disabled_M { font-size:medium; font-weight:bold; color:Red; } /* ---- pickupdropoff page,ShipmentsDetails.aspx -- start */ A:unknown { FONT-SIZE: 10px; COLOR: #f65e14; TEXT-DECORATION: none } IMG.steps { MARGIN-TOP: 20px } LI.odd { BACKGROUND: #f5f5f5 } .even_back { BACKGROUND: #f5f5f5 } LI.odd1 { list-style: none; padding: 5px; BACKGROUND: #f5f5f5 } LI.odd2 { padding: 1px; BACKGROUND: #f5f5f5 } .LblFont { list-style: none; padding: 5px;font-weight: bold; } .even { list-style: none; padding: 5px; } div.odd1 { list-style: none; padding: 5px; BACKGROUND: #f5f5f5 } div.even { list-style: none; padding: 5px; } #instruct { PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 45px 0px; COLOR: #404040; LINE-HEIGHT: 22px; PADDING-TOP: 0px } .column { FLOAT: left; WIDTH: 420px } .column_con { FLOAT: left; WIDTH: 868px } #call { FLOAT: left; padding-bottom: 10px; padding-top: 10px;WIDTH: 868px; border-bottom: #ccc 2px solid;margin: 20px 0px 30px; border-top: #ccc 2px solid } #call P { PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #404040; LINE-HEIGHT: 22px; PADDING-TOP: 0px; FONT-STYLE: italic } #ShowMsg { } #ShowMsg P { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #404040; LINE-HEIGHT: 22px; PADDING-TOP: 10px; FONT-STYLE: italic } .destination { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; MARGIN: 0px 0px 50px; BORDER-LEFT: #ccc 1px solid; WIDTH: 868px; BORDER-BOTTOM: #ccc 1px solid } #content { FLOAT: left; MARGIN: 0px 0px 40px; } #content LABEL { FLOAT: left; WIDTH: 100px; PADDING-TOP: 0px } /* for Bill Info */ #content1 { FLOAT: left; margin: 0px 0px 30px; } .column5 { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 400px; MARGIN-RIGHT: 50px; BORDER-BOTTOM: #ccc 1px solid } .column5 LABEL { FLOAT: left; WIDTH: 100px; PADDING-TOP: 3px } .column6 { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 400px; BORDER-BOTTOM: #ccc 1px solid; margin-bottom : 35px; } .label1 { FLOAT: left; WIDTH: 100px; PADDING-TOP: 3px } /* Till here Bill Info */ #holder_Pickup { width: 870px; padding: 0; margin-bottom:25px; } .column2 { float: left; width: 400px; background: #f5f5f5; border: 1px solid #ccc; margin-bottom: 40px; } .item { float: left; width: 868px; padding-bottom: 50px; } .column1 { float: left; width: 400px; border: 1px solid #ccc; margin-right: 28px; margin-bottom: 40px; } .item1 {FLOAT: left; WIDTH: 868px} .column3 { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 400px; MARGIN-RIGHT: 50px; BORDER-BOTTOM: #ccc 1px solid } .column4 { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 400px; BORDER-BOTTOM: #ccc 1px solid } .summaries { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; MARGIN-BOTTOM: 50px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 868px; BORDER-BOTTOM: #ccc 1px solid } .sum { PADDING-LEFT: 5px; FLOAT: left; WIDTH: 190px; MARGIN-RIGHT: 25px } .sum1 { FLOAT: left; WIDTH: 190px; MARGIN-RIGHT: 50px } .sum2 { FLOAT: left; WIDTH: 190px; MARGIN-RIGHT: 25px } .sum3 { PADDING-RIGHT: 5px; FLOAT: left; WIDTH: 185px; MARGIN-RIGHT: 0px } #holder2 { FLOAT: left; WIDTH: 870px } .item_con { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 406px; MARGIN-RIGHT: 50px; BORDER-BOTTOM: #ccc 1px solid} .item2_con { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FLOAT: left; BORDER-LEFT: #ccc 1px solid; WIDTH: 406px; BORDER-BOTTOM: #ccc 1px solid; margin-right: 0px; } .item_con P { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } P.itemDesc { MARGIN-BOTTOM: 10px } .priceItem { FLOAT: left; WIDTH: 320px } .total { FONT-WEIGHT: bold; COLOR: #313131 } .txtRADIO { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; height: 16px; width: 235px; border: 1px solid #a7a6a6; margin-left: 5px; } .terms { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 50px; WIDTH: 868px; PADDING-TOP: 50px } .termsAccept { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 868px; PADDING-TOP: 5px } .heading{ FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #404040 } .btnclass { PADDING-LEFT: 550px; } /* ---- pickupdropoff page,ShipmentsDetails.aspx,BillingInfo.aspx and Conformation.aspx -- end */ #q-details { FLOAT: left; WIDTH: 508px; LINE-HEIGHT: 18px } #q-details .carrier { FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: #404040 } #q-details .carrier1 { FONT-WEIGHT: bold; COLOR: #404040 } #q-details .terminal { FONT-WEIGHT: bold; COLOR: #404040 } #number-cost { FLOAT: left; WIDTH: 320px; MARGIN-RIGHT: 50px } #number-cost P { FONT-WEIGHT: bold; FLOAT: left } #number-cost .title1 { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: #ccc; PADDING-BOTTOM: 10px; MARGIN: 0px 2px 2px 0px; WIDTH: 130px; COLOR: #000; PADDING-TOP: 10px } #number-cost .title2 { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; BACKGROUND: #ccc; PADDING-BOTTOM: 2px; MARGIN: 0px 2px 2px 0px; WIDTH: 80px; COLOR: #000; PADDING-TOP: 5px; } #number-cost .value { /*PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 18px; BACKGROUND: #f65e14; PADDING-BOTTOM: 7px; WIDTH: 80px; COLOR: #fff; PADDING-TOP: 7px*/ PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FLOAT: left; BACKGROUND: #f65e14; PADDING-BOTTOM: 3px; WIDTH: 80px; COLOR: #fff; PADDING-TOP: 5px } #details { FLOAT:left; WIDTH: 870px;margin-top: 15px; } .txtbox2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; height: 20px; border: 1px solid #a7a6a6; margin:1px; } .txtareabox1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; width: 370px; height:128px; border: 1px solid #a7a6a6; margin-left: 0px; padding-left: 5px; margin-top: 10px; margin-bottom: 10px; } .lbl { font-weight:bold; } .txtbox3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #FFFFFF; margin-left:6px; } #call1 { FLOAT: left; padding-bottom: 10px;padding-top: 10px; MARGIN: 20px 0px 30px; WIDTH: 868px; border-bottom: #ccc 2px solid;border-top:#ccc 2px solid; } #call1 P { PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #404040; LINE-HEIGHT: 22px; PADDING-TOP: 0px; FONT-STYLE: italic } #content_download { FLOAT: left; MARGIN: 0px 0px 0px; BORDER-BOTTOM: #ccc 2px solid } #print { margin-left: 150px; } .home_cont { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight:bold; color:#808080; line-height:22px; } .label_text { display: none; color:#000000; font-size: 15px; font-weight:bold; padding-bottom:20px; line-height:35px; } #quotes1 h1 { font-weight: bold; font-size: 33px; color: #313131; letter-spacing: -1px; margin: 0 0 10px; } #quotes1 h2 { font-weight: bold; font-size: 22px; color: #313131; margin: 0 0 10px; } #quotes1 h3.subHead { font-weight: bold; font-size: 16px; color: #f65e14; margin: 0; text-transform: uppercase; } #quotes1 p { font-size: 12px; color: #6d6f72; line-height: 16px; margin: 0 0 10px; } #quotes1 a { font-weight: bold; color: #f65e14; text-decoration: none; border-bottom: 1px solid #f65e14; } #quotes1 a:hover { color: #313131; border-bottom: 1px solid #313131; } #quotes1 .widgetInfoSteps { float: left; width: 870px; background: url(../images2/barTopWidgetSteps.gif) top no-repeat #E1EAF3; margin: 30px 0; } #quotes1 .widgetInfoSteps span { float: left; width: 850px; background: url(../images2/barBottomWidgetSteps.gif) bottom no-repeat; margin:0; padding: 10px 10px 8px; } #quotes1 .widgetInfoSteps h1 { float: left; font-weight: bold; font-size: 28px; color: #313131; margin: 5px 0; line-height: 30px; } #quotes1 .widgetInfoSteps a.getaQQ { float: right; font-weight: normal; font-size: 16px; color: #fff; width: 260px; height: 28px; background: url(../images2/btn_getaQQ.gif); text-decoration: none; margin: 0; padding: 12px 0 0 20px; border-bottom: none; } #quotes1 .widgetInfoSteps a.getaQQtradeshow { float: right; font-weight: normal; font-size: 16px; color: #fff; width: 260px; height: 28px; background: url(../images2/btn_getQQtradeshow.gif); text-decoration: none; margin: 0; padding: 12px 0 0 20px; border-bottom: none; } #tradeshowHeader { float: left; width: 870px; height: 300px; background: url(../images2/headerTradeshow.gif); margin: 10px 0 0 0; } #tradeshowHeader h1, #tradeshowHeader h3 { float: left; margin: 0; padding: 0; width: 100px; font-size: 12px; text-indent: -9999px; height: 100px; } #tradeshowHeader ul { float: left; margin: 40px 0 0 135px; list-style: none; padding: 0; } #tradeshowHeader li { padding: 0 0 0 17px; margin: 0 0 13px; background: url(../images2/chk_blu.gif) no-repeat 1px 2px; font-size: 14px; color: #313131; } #tradeshowHeader li strong { font-weight: bold; color: #fff; } #tradeshowIntro { float: left; width: 870px; margin: 0 0 25px; } #tradeshowIntro p { float: left; width: 573px; font-size: 16px; line-height: 30px; } #tradeshowSignUp { float: left; width: 277px; background: #ebebeb; margin: 0 0 0 20px; } #tradeshowSignUp span { float: left; width: 247px; padding: 15px; } #tradeshowSignUp p { float: left; width: auto; font-size: 14px; line-height: 20px; } #tradeshowSignUp a { float: left; width: 170px; height: 40px; background: url(../images2/btn_getQuoteTradeshow.gif); text-decoration: none; text-indent: -9999px; margin: 0; padding: 0; clear: both; border-bottom: none; } #tradeshowSignUp a:hover { border-bottom: none; } #highlights { float: left; width: 870px; text-align: left; margin: 0; padding: 0; } #highlights img { float: right; } #highlights .columns { float: left; width: 573px; } #highlights .columnsL { margin-right: 20px; } #highlights h2 { font-size: 17px; color: #313131; font-weight: bold; margin: 0 0 2px; background: none; /* padding: 0 0 0 17px; background: url(../images2/chk.gif) 0 2px no-repeat; */ } #highlights p { font-size: 13px; color: #6d6f72; margin: 0 0 20px; /* padding: 0 0 0 17px; */ line-height: 16px; } /* --------------------------------------------------------------------------------------- New default page containers 4.28.09 ---------------------------------------------------------------------------------------- */ #bkgdAndSidebars { text-align: left; margin: 0 auto; width: 932px; background: #fff url(../images/wbackground.jpg) repeat-y; padding: 0px; } #containerFlush { margin: 0 auto; padding: 0; width: 900px; clear: both; } #containerPadded { margin: 0 auto; padding: 0; width: 870px; clear: both; } /* --------------------------------------------------------------------------------------- New default style 5.20.09 ---------------------------------------------------------------------------------------- */ .clearFix { clear: both; } /* .successMessage needs phased out bc it's used for fails, replace with failMsg*/ .successMessage { float: left; padding: 10px; margin: 0 10px 10px; width: 848px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff; font-size: 12px; line-height: 12px; } .successMessage ul { padding: 0; } .successMessage li { color: #fff; } .failMsg { float: left; padding: 10px; margin: 0 10px 10px; width: 848px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; } .successMsg { float: left; margin: 0 10px 10px; width: 831px; background: #CEF9B2 url(../images2/chk_green.gif) 10px 11px no-repeat; border-top: 1px solid #009B00; border-bottom: 1px solid #009B00; padding: 10px 10px 10px 27px; color: #009B00; font-size: 12px; font-weight: bold; line-height: 12px; } .truckload { background: url(../images2/openRoad.jpg); } .engine { background: url(../images2/engine.jpg); } .furniture { background: url(../images2/furniture.jpg); } .government { background: url(../images2/graphicHeader_government.jpg) 0 -300px; } .gh_goDaddy { background: url(../images2/goDaddyHeader.jpg); } #headerGraphic { height: 170px; position: relative; margin-bottom: 15px; } #headerGraphic h1 { text-indent: -9999px; } #headerGraphic p { position: absolute; top: 105px; left: 20px; font-size: 18px; font-weight: bold; line-height: 18px; color: #313131; } .blankHeader { background: url(../images2/graphicHeaders_blank.jpg); } .redTruckHeader { background: url(../images2/graphicHeaders_redTruck.jpg); } .orangeTruckHeader { background: url(../images2/graphicHeaders_orangeTruck.jpg); } .furnitureHeader { background: url(../images2/graphicHeaders_furniture.jpg); } .engineShippingHeader { background: url(../images2/graphicHeaders_engine.jpg); } .youCrateHeader { background: url(../images2/graphicHeaders_youCrate.jpg); } #headerGraphic a { position: absolute; top: 74px; left: 663px; width: 150px; height: 29px; background: url(../images2/btn_blankHeader.jpg); font-weight: bold; font-size: 16px; text-decoration: none!important; color: #fff!important; padding: 11px 0 0 30px; } .blankHeader a:hover { background-position: 0 -40px; } #headerGraphic h1.visible { position: absolute; top: 65px; left: 20px; text-transform: uppercase; text-indent: 0; color: #fff; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 36px; line-height: 36px; letter-spacing: -0.5px; text-shadow: 0 -1px 0 #6d6f72; } #standardHeader { float: left; background: url(../images2/standardHeaderbkgd.gif) no-repeat; height: 45px; width: 868px; margin: 25px 0 0; padding: 0 0 25px; } #standardHeaderBottomFlush { float: left; background: url(../images2/standardHeaderbkgd.gif) no-repeat; height: 45px; width: 868px; margin: 25px 0 0; padding: 0; } #standardHeader h1, #bookHeader h1, #standardHeaderBottomFlush h1 { float: left; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; color: #fff; text-transform: uppercase; margin: 0; padding: 13px 10px 0 10px; } #standardHeader p { float: left; font-size: 11px; color: #808080; line-height: 11px; padding: 19px 0 0 0; } #standardHeaderBottomFlush p.quoteTime { float: right; font-size: 11px; color: #808080; line-height: 11px; padding: 19px 10px 0 0; } #bookHeader { float: left; height: 45px; width: 868px; margin: 25px 0 0; padding: 0 0 25px; } .booking0 { background: url(../images2/bookingHeader0.gif) no-repeat; } .booking1 { background: url(../images2/bookingHeader1.gif) no-repeat; } .booking2 { background: url(../images2/bookingHeader2.gif) no-repeat; } .booking3 { background: url(../images2/bookingHeader3.gif) no-repeat; } .booking4 { background: url(../images2/bookingHeader4.gif) no-repeat; } .booked { background: url(../images2/bookedHeader.gif) no-repeat; } .bookedPrint { background: url(../images2/bookedHeader.gif) no-repeat; } .bookingNum { float: right; width: 205px; text-align: center; font-size: 12px; line-height: 12px; color: #313131; font-weight: bold; text-transform: uppercase; padding: 15px 0 0; } .bookingNum span { font-size: 18px; color: #f65e14; } .headerChat { float: right; width: 202px; margin: 0; padding: 0; height: 45px; background: url(../imagesChatGeneral/rollover.gif); } .headerChat img { margin: 0; padding: 0; } .noWidget { float: right; padding: 16px 10px 0 0; line-height: 12px; } .displayNone { display: none; } #sidebarAgent { float: left; margin: 0 0 20px; } /* --------------------------------------------------------------------------------------- Homepage styles 4.9.09 ---------------------------------------------------------------------------------------- */ #homeIntroHolder { width: 100%; background: url(../images2/homeMastTile.jpg) repeat-x; height: 295px; } #homeIntro { margin: 0 auto; width: 870px; height: 295px; padding: 0; background: url(../images2/homeMastBKGD.jpg); position: relative; } .infiniteCarousel { width: 870px; position: relative; } .infiniteCarousel .wrapper { width: 870px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 295px; margin: 0; position: absolute; top: 0; } .infiniteCarousel .wrapper ul { width: 9999px; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel ul li { display: block; float: left; padding: 0; height: 285px; width: 870px; position: relative; z-index: 1000; } .infiniteCarousel ul li img { float: left; } .infiniteCarousel .arrow { display: block; height: 22px; width: 38px; text-indent: -9999px; position: absolute; top: 0; cursor: pointer; z-index: 10000; outline: none; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; } .infiniteCarousel .arrow:hover { filter:alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; } .infiniteCarousel .back { right: 38px; background: url(../images2/arrowBack.png) no-repeat; } .infiniteCarousel .forward { right: 0; background: url(../images2/arrowForward.png) no-repeat; } #btnHomeQQ { position: absolute; top: 166px; left: 340px; width: 250px; height: 78px; background: url(../images2/btnHomeQQ.png) 0 0; text-indent: -9999px; z-index: 1000; cursor: pointer; } #btnHomeQQ:hover { background-position: 0 -78px; } #btnHomeCreateAccount { position: absolute; top: 167px; left: 595px; width: 148px; height: 39px; background: url(../images2/btnHomeCreateAccount.png) 0 0; text-indent: -9999px; z-index: 1000; cursor: pointer; } #btnHomeTour { position: absolute; top: 205px; left: 595px; width: 148px; height: 39px; background: url(../images2/btnHomeTour.png) 0 0; text-indent: -9999px; z-index: 1000; cursor: pointer; } #btnHomeTour:hover, #btnHomeCreateAccount:hover { background-position: 0 -40px; } #homeIntro h1 { float: left; margin: 45px 0 5px; padding: 0; text-indent: -9999px; } h1#slideOne { width: 515px; height: 60px; background: url(../images2/homeHeadline1.png); } h1#slideTwo { width: 523px; height: 64px; background: url(../images2/homeHeadline2.png); } h1#slideThree { width: 523px; height: 64px; background: url(../images2/homeHeadline3.png); } h1#slideFour { width: 523px; height: 64px; background: url(../images2/homeHeadline4.png); } #homeIntro p { float: left; color: #313131; font-size: 15px; font-weight: bold; line-height: 18px; width: 500px; margin: 0 0 0 4px; } #loadingDock { position: absolute; top: 0; right: -50px; z-index: -1; } #homeCarrierListHolder { width: 100%; background: url(../images2/homeCarriersBKGD.gif) repeat-x; border-bottom: 1px solid #ccc; height: 40px; margin: 0; } #homeCarrierList { margin: 0 auto; width: 870px; height: 40px; padding: 0 15px; position: relative; } #homeCarrierList h5 { float: left; font-size: 16px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #6d6f72; margin: 10px 0 0; text-shadow: 0 1px 0 #f2f2f2; } #homeCarrierList img { float: right; } img#browserShots { position: absolute; top: -18px; left: 136px; z-index: 1001; } #homeContent h2 { padding: 0 0 8px; margin: 0; background: none; font-size: 16px; line-height: 20px; color: #313131; } #homeContent p { font-size: 12px; line-height: 17px; color: #6d6f72; padding: 0 0 12px; margin: 0; } #callOuts { float: left; width: 646px; margin: 30px 0 0; } #callOuts .callOut { float: left; width: 202px; } #callOuts .callOut img { float: left; filter: alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; } #callOuts .callOut img.opacity { filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; } #callOuts .middle { margin: 0 20px; } #callOuts ul { float: left; width: 200px; padding: 0; margin: 0; border: 1px solid #e6e6e6; border-top: none; background: #f0f0f0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } #callOuts li { float: left; margin: 0; padding: 0; } #callOuts li a { float: left; color: #474747; font-size: 12px; line-height: 12px; text-decoration: none; margin: 0 15px; padding: 10px 0; width: 170px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e3e3e3; text-shadow: 0 1px 0 #fff; background: url(../images2/homeCalloutArrow.png) 155px 11px no-repeat; } #callOuts li a:hover { color: #f65e14; background: url(../images2/homeCalloutArrow.png) 155px -21px no-repeat; } #callOuts li a.dummy { background: none; } #callOuts li a.first { border-top: none; padding-top: 11px; } #callOuts li a.last { border-bottom: none; padding-bottom: 11px; } #homeTrackShipment { float: left; width: 614px; padding: 9px 15px; margin: 30px 0 0; background: #f0f0f0; border: 1px solid #e6e6e6; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #homeTrackShipment h2 { float: left; margin: 4px 10px 0 0; font-size: 18px; padding: 0; } #homeTrackShipment p { float: left; margin: 7px 10px 0 0; padding: 0; } #homeTrackShipment input { float: left; padding: 5px; color: #313131; font-size: 14px; border: 1px solid #e1e1e1; width: 150px; } #homeTrackShipment a { float: left; width: 86px; height: 30px; text-indent: -9999px; background: url(../images2/btn_trackHomepage.jpg) 0 0; margin: 0 0 0 10px; } #homeTrackShipment a:hover { background-position: 0 -30px; padding: 0; } #homeText { margin: 30px 0; padding: 30px 0 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #homeText ul { float: left; margin: 10px 0 0; padding: 0; list-style: none; width: 276px; } #homeText li { float: left; background: none; font-size: 12px; color: #6d6f72; font-style: italic; font-weight: normal; line-height: 20px; margin: 0 0 7px; padding: 0 0 0 21px; width: 255px; position: relative; } #homeText li img { position: absolute; top: 2px; left: 0; } #homeContent blockquote { float: left; width: 606px; padding: 0 20px; margin: 0; /*margin: 25px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ text-align: center; font-style: italic; } #homeContent blockquote p { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #313131; line-height: 26px; } #homeContent blockquote p span { color: #6d6f72; } #homeShip { float: left; width: 202px; padding: 30px 0 0; margin: 0; position: relative; } #homeShip span { float: left; width: 95px; padding: 15px 90px 15px 15px; margin: 0; background: #313131; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #homeShip p { float: left; color: #fff; font-size: 14px; line-height: 17px; width: 95px; margin: 0 0 10px; padding: 0; } #homeShip a { float: left; font-size: 14px; width: 95px; } #homeShip a:hover { color: #f65e14; } #homeShip img { position: absolute; bottom: 0; right: 6px; } h2.homeCommonShipments { float: left; padding-top: 25px !important; padding-left: 10px !important; } ul#homeCommonShipments { float: left; width: 192px; margin: 0; padding: 0 0 24px 10px; } ul#homeCommonShipments li { float: left; width: 176px; margin: 0 0 8px; padding: 0 0 0 16px; background: url(../images2/arrowOrange.gif) no-repeat scroll 0 5px; font-size: 12px; font-weight: bold; } ul#homeCommonShipments li a { color: #6d6f72; } ul#homeCommonShipments li a:hover { color: #f65e14; } #socialCreds { float: left; width: 170px; padding: 15px; margin: 25px 0 0; background: #EDF3F8; border: 1px solid #DBE6F1; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #socialCreds a.inc5000 { float: left; width: 170px; font-size: 12px; font-weight: bold; text-align: center; color: #88acd1; padding: 40px 0 0; margin: 5px 0; background: url(../images2/homeInc5000.gif) top no-repeat; text-decoration: none; } #socialCreds a.twitter { float: left; width: 170px; height: 22px; background: url(../images2/twitter_followUs.gif) 0 0; text-indent: -9999px; margin: 0 0 5px; padding: 0; } #socialCreds a.facebook { float: left; width: 170px; height: 22px; background: url(../images2/facebook_findUs.gif) 0 0; text-indent: -9999px; margin: 0; padding: 0; } #socialCreds a.facebook:hover, #socialCreds a.twitter:hover { background-position: 0 -24px; } #socialCreds .hr { float: left; width: 170px; height: 1px; font-size: 0; line-height: 0; background: #FBFCFE; border-top: 1px solid #DBE6F1; margin: 15px 0; } #socialCreds img { margin: 0 0 0 50px; padding: 0; } #socialCreds img.homeBadges { margin: 0; } /*styles below may be from old design and need removed - some may need preserved. */ #positioningHolder { float: left; width: 870px; height: 285px; position: absolute; top: -25px; left: 0; } #homeIntroBtn { width: 240px; height: 44px; background: url(../images2/homeIntroBtn.gif) top; display: block; margin: 8px 0 0 -5px; } #homeIntroBtn:hover { background-position: 0 -44px; } #homeIntroBtn span { display: none; } #homeIntroLinks { float: left; width: 380px; padding: 8px 0 0 2px; text-align: left; color: #E7EEF6; font-size: 12px; } #homeIntroLinks a { color: #F3F7FA; } #homeIntroLinks a:hover { color: #313131; } #homeHighlights { padding: 10px 0 0; } #homeHighlights a.firstHome { float: left; width: 335px; height: 45px; padding: 35px 0 0 15px; margin: 0 0 10px; background: url(../images2/btn_firstTimerHome.jpg) 0 0; font-weight: bold; font-size: 20px; line-height: 16px; color: #fff; text-decoration: none; } #homeHighlights a.firstHome span { float: left; color: #474747; font-weight: normal; margin: 3px 0 0; font-size: 12px; } #homeHighlights a.firstHome:hover { background-position: 0 -80px; } #homeHighlights ul { float: left; margin: 0; padding: 0; } #homeHighlights li { float: left; width: 350px; list-style: none; margin: 0 0 10px; background: url(../images2/homeHighlightBKGDtop.gif) 0 0 no-repeat; } #homeHighlights li.hover { background-position: -350px 0; cursor: pointer; } #homeHighlights li span { float: left; width: 316px; padding: 13px 17px; background: url(../images2/homeHighlightBKGDbottom.gif) 0 bottom no-repeat; } #homeHighlights li span.hover { background-position: -350px bottom; cursor: pointer; } #homeHighlights li img { float: left; margin: 6px 25px 0 0; } #homeHighlights li h2 { float: left; margin: 0 0 5px; padding: 0; font-size: 16px; line-height: 16px; color: #f65e14; width: 200px; background: none; } #homeHighlights li h2 a { text-decoration: none; color: #f65e14; } #homeHighlights li h2 a:hover { text-decoration: none; color: #f65e14; } #homeHighlights li p { float: left; margin: 0; padding: 0; font-size: 12px; line-height: 16px; color: #6d6f72; width: 208px; } #homeReasons { padding: 30px 0 0; } #homeReasons blockquote { padding: 0; margin: 0 0 20px; border-bottom: 1px solid #ccc; } #homeReasons blockquote p { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 14px; color: #313131; line-height: 20px; } #homeReasons blockquote span, #homeReasons blockquote a { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; } #homeReasons h2 { font-size: 24px; font-weight: normal; color: #88acd1; background: none; text-transform: uppercase; margin: 0 0 5px; padding: 0; } #homeReasons ul { float: left; width: 239px; list-style: none; margin: 0; padding: 0; } #homeReasons ul.reasonsL { margin: 0 20px 0 0; } #homeReasons h3 { font-size: 14px; color: #6d6f72; font-weight: bold; } #homeReasons p { font-size: 12px; line-height: 18px; margin: 2px 0 16px; color: #999; } #homeLinks { float: left; width: 840px; padding: 15px 15px 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; color: #999; } #homeLinks a { color: #999; } #homeLinks h5 { float: left; font-size: 16px; line-height: 15px; color: #6d6f72; text-transform: uppercase; width: 70px; margin: 2px 0 0; padding: 0; } #homeLinks ul { float: left; width: 770px; margin: 0; padding: 0; } #homeLinks li { float: left; margin: 0 0 7px; padding: 0; line-height: 12px; font-size: 10px; display: block; } #homeFoot { margin: 0 0 0 30px; color: #999; } #IEdoubleMarginFix2 { float: left; width: 870px; clear: both; padding: 15px; } #clear { clear: both; height: 50px; } /* --------------------------------------------------------------------------------------- Quick Quote Styles - Nov 18, 2009 ---------------------------------------------------------------------------------------- */ /* for using the corner jquery script #quotePage { background: #88acd1; padding: 1px; width: 866px; } #quotePage .destination { padding: 0 19px 20px; background: url(../images2/quoteBKGD.gif) top no-repeat; } */ #quotePage { background: url(../images2/quoteBKGDbottom.gif) bottom no-repeat; float: left; width: 868px; margin: 0 10px 25px; } #quotePage .destination { background: url(../images2/quoteBKGDtop.gif) top no-repeat; padding-top: 0; } #quotePage h2 { float: left; color: #313131; font-size: 20px; line-height: 20px; margin: 0 0 5px; padding: 0 0 10px; background: none; border-bottom: 1px solid #ccc; } .shipmentType { float: left; margin: 10px 0 0; width: 798px; } .shipmentType h3 { float: left; font-size: 12px; color: #6d6f72; text-transform: uppercase; margin: 0; padding: 0; width: 110px; } .shipmentType h3.tType { width: 108px; } .shipmentType label { float: left; color: #313131; margin: 0 20px 0 0; font-size: 12px; padding: 0; } #locations { float: left; background: url(../images2/locationsBoxBottom.gif) bottom no-repeat; margin: 20px 0 0; } #locations .locationsInner { float: left; background: url(../images2/locationsBoxTop.gif) top no-repeat; } #from, #to { float: left; width: 374px; /*background: url(../images2/locationsBoxBottom.gif) bottom no-repeat;*/ padding: 15px; } #from { margin: 0 20px 0 0; } #quotePage h2.inline { width: auto; margin: 0 5px 0 0; padding: 0; border: none; } #locations h2 { width: 374px; } #locations h2 span { float: left; } #locations h2 span.wid { float: left; font-size: 11px; line-height: 13px; margin: 5px 0 0; } #locations h2 span.wid strong { color: #F00; text-transform: uppercase; display: block; } #locations h2 a { float: right; height: 20px; width: 117px; text-indent: -9999px; background: url(../images2/btn_AddressBook.gif); font-size: 12px; margin: 0; padding: 0; } #locations h2 a:hover, .quoteSection h2 a:hover { background-position: 0 -20px; } .locationInfo { float: left; width: 200px; clear: left; } .locationInfo label { float: left; width: 198px; font-size: 12px; color: #6d6f72; text-transform: uppercase; margin: 10px 0 2px 2px; padding: 0; } .locationInfo label a { text-transform: none; } #rblTruckType { float: left; margin: 0; width: auto; } #rblTruckType td { float: left; padding: 0; font-size: 12px; color: #313131; } .destination .shipmentType input, #rblTruckType input { width: auto; height: auto; border: none; background: none; padding: 0; margin: 0 2px 0 0; vertical-align: middle; } .destination .locationInfo input { width: 165px; } #pickupDateHolder { float: left; width: 374px; position: relative; } .destination .locationInfo input#txtPickUpDate { width: 165px; } img.ui-datepicker-trigger { float: left; margin: 0 0 0 3px; } .destination .locationInfo select { width: 175px; padding-left: 0; padding-right: 0; } #divCityLbl { float: left; width: 374px; } /*.destination .locationInfo .quoteZip { width: 100px; }*/ .qqBadZip { float: left; width: 354px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; margin: 0 0 10px; display : none; } .destination .qqAccessorials input { float: none; width: auto; border: none; padding: 0; background: none; margin: 0 3px 0 0; } .accessorials { float: left; width: 174px; margin: 10px 0 0; } .accessorials td { float: left; height: 18px; color: #313131; font-size: 11px; margin: 0; padding: 0; } .accessorials td.qqExtrasTitle { float: left; color: #6d6f72; font-size: 12px; text-transform: uppercase; } #educate, #educate1 { float: left; width: 374px; padding: 0; margin: 20px 0 0; } #educate p, #educate1 p { color: #313131; font-size: 12px; line-height: 17px; margin: 5px 0 0; padding: 0; } #educate h4, #educate1 h4 { color: #313131; font-size: 12px; line-height: 17px; margin: 0; padding: 0; } .quoteSection { float: left; width: 828px; background: url(../images2/quoteSectionBottom.gif) bottom no-repeat; padding: 0; margin: 20px 0 0; } .quoteSection .quoteSectionInner { float: left; width: 798px; background: url(../images2/quoteSectionTop.gif) top no-repeat; padding: 15px; margin: 0; } .quoteSection .light { background: url(../images2/quoteSectionTopLight.gif) top no-repeat; } .quoteSection h2 { width: 798px; } .quoteSection span { float: left; } .quoteSection h2 a { float: left; height: 20px; width: 135px; text-indent: -9999px; background: url(../images2/btn_AddItem.gif); font-size: 12px; margin: 0 0 0 8px; padding: 0; } .quoteSection span.classTagline { float: right; font-size: 12px; font-weight: normal; float: right; display: inline; } .accessorialTip { margin: 0 0 0 2px; } #CommodityTable { float: left; width: 798px; margin: 10px 0 0; font-size: 12px; } #CommodityTable tr.itemHeadRow { margin: 0 0 3px; } #CommodityTable td { /*background: url(../images2/dotCCC.gif) right repeat-y;*/ } #CommodityTable td.num { width: 15px; } #CommodityTable td.packaging { width: 150px; } #CommodityTable td.quantity { width: 85px; } #CommodityTable td.weight { width: 125px; } #CommodityTable td.dim { width: 263px; } #CommodityTable td.class { width: 130px; } #CommodityTable td.delete { width: 20px; } #CommodityTable input { float: none; width: 30px; } #CommodityTable select { float: none; width: 45px; } #CommodityTable .packaging select { width: 115px; } #CommodityTable .class select { width: 70px; } #CommodityTable a.removeItem { float: left; width: 16px; font-size: 10px; /*font-size used to assign IE height*/ height: 16px; background: url(../images/btn_deleteO.gif) top left no-repeat; margin: 2px 0 0; padding: 0; } #itemExtras { float: left; width: 798px; margin: 15px 0 0; } #itemExtras table { float: left; } #itemExtras td { float: left; padding: 0; } #itemExtras h3 { float: left; color: #6d6f72; font-size: 12px; width: 798px; text-transform: uppercase; margin: 0 0 5px; padding: 20px 0 0; border-top: 1px solid #ccc; font-weight: normal; } .destination #itemExtras input { float: none; width: auto; border: none; padding: 0; background: none; margin: 0 3px 0 0; } .destination #itemExtras label { color: #313131; font-size: 12px; margin: 0; padding: 0; } .destination #itemExtras input.input { float: none; width: auto; margin: 0 3px 0 0; padding: 4px 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; height: auto; } #pnlContactInfo { float: left; } #pnlContactInfo input { width: 80px; margin: 0; } #pnlContactInfo input.extNum { width: 30px; } #pnlContactInfo label { float: left; font-size: 12px; color: #6d6f72; text-transform: uppercase; margin: 0 3px 0 15px; padding: 6px 0 0; } #pnlContactInfo span.phoneSpacer { float: left; font-size: 12px; color: #6d6f72; text-transform: uppercase; padding: 7px 0 0; width: 10px; text-align: center; } #CommodityTable td.TLweight { width: 515px; } .truckTypeRequired, .TLbadContactInfo { float: left; padding: 10px; margin: 0 0 10px; width: 778px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; } #pickupDateHolder .pickupDateMissed { position: absolute; left: 205px; top: 25px; font-size: 9px; width: 50px; height: 18px; color: #fff !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); z-index: 100; } /* -------- Styles the rollover popup information sections --------- */ #demotip { display: none; background: transparent url(/images2/orangeBubble.png); font-size: 12px; line-height: 15px; height: 70px; width: 160px; padding: 25px; color:#313131; } #demo img { border:0; cursor:pointer; margin:0 8px; background: red; }/* style the trigger elements */ /* -------- Styles the previous rollover popup information sections --------- */ #Popup { margin: 0; padding: 0; border: 1px solid #313131; background: #fff; } #Popup .helpHeader { background: #313131; color: #fff; padding: 3px; margin: 0; font-size: 11px; font-weight: bold; text-align: center; } #helpContent td { padding: 5px; margin: 0; color: #6d6f72; background: #fff; font-size: 11px; font-weight: normal; line-height: 14px; } #helpContent table { margin: 0; padding: 0; } .transparent { DISPLAY: none; WIDTH: 200px; COLOR: white; POSITION: absolute; HEIGHT: auto; } #tblContactInfo td, #tblContactInfo tr, #tblContactInfo table, #trContactInfo, #trContactInfo tr, #trContactInfo td { margin: 0; padding: 0; border: none; border-collapse: collapse; } #contactInfo { float: left; width: 870px; margin: 0; padding: 20px 0 0; } #contactInfo label { float: left; margin: 0 3px 0 20px; padding: 5px 0 0; font-size: 11px; color: #313131; text-transform: uppercase; } #contactInfo label.first { margin-left: 0; } #contactInfo input { float: left; width: 115px; height: auto; margin: 0; padding: 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #contactInfo input.getQuoteBtn { float: right; width: 206px; height: 65px; padding: 0; margin: 0; border: none; } #tblContactInfo td { float: left; margin: 0 0 8px; padding: 10px; width: 850px; border-bottom: 2px dotted #ccc; border-top: 2px dotted #ccc; background: #f2f2f2; } #contactInfo .qqHelp { float: left; margin: 0; padding: 22px 10px 0; width: 644px; border: none; color: #bebebe; font-size: 18px; font-weight: bold; text-align: right; } #tblContactInfo h3 { float: left; margin: 0; padding: 2px 0 0; width: 200px; font-size: 16px; color: #f65e14; font-weight: bold; text-transform: uppercase; } #tblContactInfo h3 span { text-transform: lowercase; font-weight: normal; font-size: 11px; } #buttonTable { float: right; margin: 0; padding: 0; width: 206px; } table.alwaysVisible { float: left; width: 860px; } #newFoot { clear: both; width: 870px; text-align: left; /*border-top: 2px dotted #ccc;*/ padding: 10px 0; } #newFoot2 { width: 870px; text-align: center; /*border-top: 2px dotted #ccc;*/ padding-top: 10px; } /* new fee and naming feature */ #extrasplus input.handlefee { float: left; width: 33px; margin: 0 0 0 10px; padding: 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #extrasplus input.widgetName { float: left; width: 133px; margin: 0 0 0 10px; padding: 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #extrasplus p { float: left; margin: 5px 0 0 10px; } #extrasplus h2.withInput { margin-top: 5px; } /* Alt styles for the quickquote control used on landing pages */ #quoteSectionHide, #getRatesQQControl { display: none; } /*pre hide*/ #getRatesQQControl { float: left; width: 832px; margin: 5px 0 0; clear: both; } #getRatesQQControl .qqHelp { float: left; margin: 0; padding: 22px 10px 0; width: 595px; border: none; color: #fff; font-size: 18px; font-weight: bold; text-align: right; } #getRatesQQControl input.getQuoteBtn { float: right; width: 205px; height: 50px; padding: 0; margin: 7px 0 0; } #nextBtnQQControl { float: left; width: 828px; margin: 5px 0 0; background: both; } #nextBtnQQControl a { float: right; width: 150px; height: 50px; background: url(../images2/btnContinue_QQcontrol.gif); text-indent: -9999px; } #nextBtnQQControl a:hover { background-position: 0 -50px; } #nextBtnQQControl .qqHelp { float: left; margin: 0; padding: 17px 10px 0; width: 650px; border: none; color: #fff; font-size: 18px; font-weight: bold; text-align: right; } #QQcontrol h2 { text-transform: none; color: #6d6f72; } #QQcontrol h4 { color: #313131; font-size: 22px; margin: 5px 0 0; padding: 0; width: 828px; } #QQcontrol #locations { margin: 10px 0 0; } #QQcontrol .destination { padding: 10px 20px; } /* ------------------------------------------------------------------------------------------ Freight Class Popup ------------------------------------------------------------------------------------------- */ #classPopup { float: left; width: 430px; padding: 5px 0 0 25px; text-align: left; } #classPopup h1 { float: left; width: 430px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; font-size: 22px; margin: 15px 0 10px; padding: 0; line-height: 22px; background: none; } #classPopup h2 { float: left; width: 400px; font-weight: bold; color: #6d6f72; font-size: 16px; margin: 0 0 5px; padding: 0; background: none; } #itemType, #itemToClass { float: left; width: 430px; background: url(/images2/barTopBlueClass.gif) top no-repeat #dbe6f1; margin: 10px 0 0; } #itemType span, #itemToClass span { float: left; width: 400px; padding: 15px; background: url(/images2/barBottomBlueClass.gif) bottom no-repeat; } #itemCategory { float: left; width: 430px; background: url(/images2/barTopGrayClass.gif) top no-repeat #e1e1e1; margin: 10px 0 0; } #itemCategory span { float: left; width: 400px; padding: 15px; background: url(/images2/barBottomGrayClass.gif) bottom no-repeat; } #classPopup select { float: left; width: 398px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; padding: 2px; } #classPopup .listBox { float: left; width: 398px; height: 70px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; } #classPopup input.classButton { float: left; padding: 5px; margin: 5px 5px 0 0; color: #fff; background: #6d6f72; border: 1px solid #474747; font-weight: bold; } #classPopup input:hover.classButton { color: #fff; background: #313131; cursor: pointer; } #classPopup h3 { float: left; width: 400px; font-weight: bold; color: #313131; font-size: 16px; font-style: italic; padding: 30px 0 5px; margin: 0; } #classPopup p { float: left; width: 430px; font-size: 12px; line-height: 18px; } #classPopup strong { color: #313131; } /* STYLES FOR LOW RES MONITORS */ .stubby #classPopup #itemType, .stubby #classPopup #itemToClass, .stubby #classPopup #itemCategory { margin: 0; background: #DBE6F1; } .stubby #classPopup #itemType span, .stubby #classPopup #itemToClass span, .stubby #classPopup #itemCategory span { padding: 7px 15px; background: none; } .stubby #classPopup .listBox { height: 55px; font-size: 12px; } .stubby #classPopup select { font-size: 12px; } .stubby #classPopup h1 { margin: 4px 0 8px; } .stubby #classPopup h2 { margin: 0 0 2px; font-weight: normal; font-size: 15px; color: #313131; } .stubby #classPopup h3 { font-size: 14px; padding: 15px 0 5px; } .stubby #classPopup p { font-size: 11px; line-height: 13px; } /* ------------------------------------------------------------------------------------------ Address Book Popup ------------------------------------------------------------------------------------------- */ #addressPopup { float: left; width: 670px; padding: 5px 0 25px 25px; text-align: left; } #addressPopup h1 { float: left; width: 670px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; font-size: 22px; margin: 15px 0 15px; padding: 0; line-height: 22px; background: none; } #AddressLookUp1_pnlFilters { float: left; width: 670px; margin: 0 0 5px; } #AddressLookUp1_pnlFilters a { float: left; padding: 0 6px 0 0; font-size: 12px; font-weight: bold; color: #88acd1; } #AddressLookUp1_pnlFilters a:hover { color: #313131; } #AddressLookUp1_gvAddresses { float: left; width: 668px; text-align: center; border: none; border-collapse: collapse; } #AddressLookUp1_gvAddresses tr { border: 1px solid #fff; } #AddressLookUp1_gvAddresses td { padding: 3px; border: 1px solid #fff; } #AddressLookUp1_gvAddresses th { padding: 3px; border: 1px solid #fff; background: #313131; font-size: 10px; text-transform: uppercase; text-align: center; font-weight: bold; color: #fff; } #addressPopup input.selectButton { float: left; padding: 2px; margin: 0; color: #f65e14; background: none; border: none; font-weight: bold; text-decoration: underline; } #addressPopup input:hover.selectButton { color: #313131; cursor: pointer; } #addressPopup input.cancelButton { float: left; padding: 5px; margin: 5px 5px 0 0; color: #fff; background: #6d6f72; border: 1px solid #474747; font-weight: bold; } #addressPopup input:hover.cancelButton { color: #fff; background: #313131; cursor: pointer; } #AddressLookUp1_lblerror { float: left; padding: 5px 0; width: 670px; font-size: 12px; font-weight: bold; color: red; } /* ------------------------------------------------------------------------------------------ Zip Code Look-Up Popup ------------------------------------------------------------------------------------------- */ #zipPopup { float: left; width: 430px; padding: 5px 0 0 25px; text-align: left; font-family: Arial, Helvetica, sans-serif; } #zipPopup h1 { float: left; width: 430px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; font-size: 22px; margin: 15px 0 10px; padding: 0; line-height: 22px; background: none; } #zipPopup h2 { float: left; width: 400px; font-weight: bold; color: #6d6f72; font-size: 16px; margin: 0 0 5px; padding: 0; background: none; } #zipState h2 span { float: none; width: 300px; font-weight: bold; color: #6d6f72; font-size: 16px; margin: 0; padding: 0; background: none; } #zipCountry, #zipCity { float: left; width: 430px; background: url(/images2/barTopBlueClass.gif) top no-repeat #dbe6f1; margin: 10px 0 0; } #zipCountry span, #zipCity span { float: left; width: 400px; padding: 15px; background: url(/images2/barBottomBlueClass.gif) bottom no-repeat; } #zipState, #zipSelect { float: left; width: 430px; background: url(/images2/barTopGrayClass.gif) top no-repeat #e1e1e1; margin: 10px 0 0; } #zipState span, #zipSelect span { float: left; width: 400px; padding: 15px; background: url(/images2/barBottomGrayClass.gif) bottom no-repeat; } #zipState select { float: left; width: 398px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; padding: 2px; } #zipCity select { float: left; width: 125px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; padding: 2px; } #zipCity input { float: left; width: 175px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; padding: 3px; margin: 0 0 0 5px; } #zipSelect .listBox { float: left; width: 398px; height: 150px; border: 1px solid #ccc; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; } #zipPopup input.classButton { float: left; padding: 5px; margin: 5px 5px 0 0; color: #fff; background: #6d6f72; border: 1px solid #474747; font-weight: bold; } #zipCity input.classButton { float: left; padding: 3px; margin: 0 0 0 5px; color: #fff; background: #6d6f72; border: 1px solid #474747; font-weight: bold; width: auto; height: auto; text-transform: uppercase; font-size: 10px; } #zipPopup input:hover.classButton { color: #fff; background: #313131; cursor: pointer; } #Ziplookup1_rdCountryType input { vertical-align: bottom; margin: 0; } #Ziplookup1_rdCountryType label { margin: 0 10px 0 2px; } #Ziplookup1_rdCountryType { float: left; } /*#zipPopup h3 { float: left; width: 430px; font-weight: bold; color: #313131; font-size: 16px; font-style: italic; margin: 30px 0 5px; padding: 0; background: none; } #zipPopup p { float: left; width: 430px; font-size: 12px; line-height: 18px; } #zipPopup strong { color: #313131; }*/ /* STYLES FOR LOW RES MONITORS */ .stubby #zipPopup #zipCountry, .stubby #zipPopup #zipCity, .stubby #zipPopup #zipState, .stubby #zipPopup #zipSelect { margin: 0; background: #DBE6F1; } .stubby #zipPopup #zipCountry span, .stubby #zipPopup #zipCity span, .stubby #zipPopup #zipState span, .stubby #zipPopup #zipSelect span { padding: 7px 15px; background: none; } .stubby #zipPopup #zipSelect .listBox { height: 70px; } .stubby #zipPopup h1 { margin: 4px 0 8px; } .stubby #zipPopup h2 { margin: 0 0 2px; font-weight: normal; font-size: 15px; color: #313131; } .stubby #zipPopup #zipState h2 span { margin: 0; padding: 0; background: none; font-weight: normal; font-size: 15px; color: #313131; } /* ------------------------------------------------------------------------------------------ Quick Quote Results ------------------------------------------------------------------------------------------- */ #quotes .resultsHeader { color: #fff; background: #b9b9b9; padding: 4px 5px; border: 1px solid #fff; } #quotes .successMessage { margin: 0 0 10px; } #quotes .resultsData { color: #999999; padding: 0 5px; border: 1px solid #fff; border-bottom: 1px solid #ccc; font-size: 11px; /*bkgd colors work in all browsers so far*/ } #quotes .price { color: #313131; font-weight: bold; font-size: 20px; font-family: Arial Black, Arial, Helvetica, sans-serif; } #quotes .transitDays { color: #313131; font-weight: bold; font-size: 13px; } #quotes .carrierName { color: #313131; font-weight: bold; font-size: 13px; } #quotes .carrierHistory { color: blue; } #shipment { float: left; margin: 25px 0 20px; padding: 10px 10px 6px; width: 403px; background: #EDF3F8; border: 1px solid #DCEAF4; } #shipment h4 { float: left; width: 300px; margin: 0 0 10px; padding: 0; font-size: 12px; color: #6d6f72; text-transform: uppercase; } #shipmentCriteria { float: left; width: 403px; /*background: url(../images2/barTopSummary.gif) top no-repeat #ebebeb;*/ } #shipmentCriteria .shipCrit { float: left; width: 403px; font-size: 10px; color: #6d6f72; margin: 0 0 6px; padding: 0; font-weight: bold; } #shipmentCriteria .shipCrit label { float: left; width: 90px; font-weight: normal; color: #999; } #shipmentCriteria .shipCrit .resultsInfo { font-weight: bold; font-size: 10px; color: #6d6f72; } #shipmentCriteria .shipCrit span { font-weight: bold; font-size: 12px; } #shipment input { float: right; } #resultInstruct { float: left; width: 870px; text-align: center; margin: 5px 0 20px; } #resultInstruct h2 { font-size: 16px; color: 6d6f72; background: none; font-style: italic; font-weight: normal; } #warmFuzzy { float: left; width: 405px; margin: 25px 0 0 20px; padding: 0 10px; } #warmFuzzy h2 { float: left; width: 405px; background: none; color: #313131; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 21px; margin: 0; padding: 0; } #warmFuzzy p { float: left; width: 405px; font-size: 13px; color: #6d6f72; line-height: 18px; } /* #shipment { float: left; margin: 0 0 20px 20px; padding: 10px 10px 6px; width: 810px; background: #EDF3F8; border: 1px solid #DCEAF4; border-top: 2px solid #DCEAF4; } #shipment h4 { float: left; width: 165px; margin: 0 0 5px; padding: 0; font-size: 12px; color: #6d6f72; text-transform: uppercase; } #shipmentCriteria { float: left; width: 570px; } #shipmentCriteria .shipCrit { float: left; width: 570px; font-size: 10px; color: #6d6f72; margin: 0 0 6px; padding: 0; font-weight: bold; } #shipmentCriteria .shipCrit label { float: left; width: 90px; font-weight: normal; color: #999; } #shipmentCriteria .shipCrit .resultsInfo { font-weight: bold; font-size: 10px; color: #6d6f72; } #shipmentCriteria .shipCrit span { font-weight: bold; font-size: 12px; } #shipment input { float: left; } #resultInstruct { float: left; width: 870px; text-align: center; margin: 5px 0 20px; } #resultInstruct h2 { font-size: 16px; color: 6d6f72; background: none; font-style: italic; font-weight: normal; } */ #dvOExtraServices, #dvDExtraServices, #dropoffBoth { width: auto; padding: 0; margin: 0; } #baserate{ float: left; width: 840px; margin: 0; background: #dbe6f1; border-top: 1px solid #88acd1; border-bottom: 1px solid #88acd1; margin: 5px 0 25px; padding: 10px 15px 5px; } #baseratetext { float: left; width: 600px; } #baseratetext h3 { float: left; height: 38px; width: 160px; color:#f65e14; font-weight: bold; font-size: 12px; text-indent: -9999px; background: url(../images2/baseRateh3.gif) no-repeat; text-transform: uppercase; margin: 2px 0 0; padding: 0; } #baseratetext p { color: #6d6f72; line-height: 16px; font-size: 12px; margin: 0; padding: 0; } #baseratetext ol { margin: 0; padding: 0; } #baseratetext li { font-size: 12px; color: #fff; font-weight: normal; margin: 0; padding: 5px 0; } #baseratetext li span { color: #f65e14; font-weight: bold; } #baseratecost { float: left; width: 230px; padding: 0 0 0 10px; margin: 0; } #baseratecost .price { float: left; color: #313131; font-weight: bold; font-size: 19px; margin: 7px 0 0 10px; padding: 0; } #baseratecost input.baseButton { float: left; margin: -3px 0 0 15px; padding: 0; } #resultsHeadline_NotLoggedIn, #resultsHeadline_LoggedIn { float: left; width: 415px; padding: 0 0 0 20px; text-align: left; } #resultsHeadline_NotLoggedIn h1, #resultsHeadline_LoggedIn h1 { font-size: 20px; line-height: 28px; text-transform: uppercase; color: #313131; font-family: Arial Black, Arial, Helvetica, sans-serif; font-weight: bold; } #resultsHeadline_NotLoggedIn h3, #resultsHeadline_LoggedIn h3 { font-size: 14px; font-weight: normal; color: #6d6f72; font-style: italic; width: 380px; } .qqReviewHelp { float: left; margin: 0; padding: 30px 0 10px; width: 870px; border: none; color: #b4b4b4; font-size: 18px; font-weight: bold; text-align: center; clear: both; } #content input { width: 80px; margin: 0 5px 0 0; padding: 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #content select { width: 185px; margin: 0; padding: 2px; height: 19px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #content .termsAccept input { width: auto; height: auto; } #buttons .qqHelp2 { float: left; margin: 0; padding: 30px 0 10px; width: 870px; border: none; color: #b4b4b4; font-size: 18px; font-weight: bold; text-align: center; } #btnsQQ { float: left; width: 870px; text-align: center; } /*Rate breakdown popup*/ #pricingContent { float: left; padding: 0 0 20px; text-align: left; } h1#chargeDetails { float: left; margin: 10px 0 0 30px; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 22px; color: #313131; background: none; padding: 0; width: 400px; } #litShipmentOverviewPlaceholder { font-family: Arial, Helvetica, sans-serif; float: left; width: 530px; margin: 10px 0 20px 30px; padding: 0; background: url(../images2/barTop_priceInfo.gif) top no-repeat #dbe6f1; font-size: 12px; color: #313131; } #litShipmentOverviewPlaceholder span { float: left; width: 500px; padding: 10px 15px 15px; background: url(../images2/barBottom_priceInfo.gif) bottom no-repeat; } #litShipmentOverviewPlaceholder li { float: left; width: 500px; color: #313131; list-style: none; padding: 5px 0 0; background: url(../images2/tabbedDot.gif) repeat-x 0 16px; } #litShipmentOverviewPlaceholder .priceInfoType { float: left; background: #dbe6f1; width: auto; padding: 0; } #litShipmentOverviewPlaceholder .priceInfo { float: right; background: #dbe6f1; width: auto; padding: 0; } #pricingContent #litContentsPlaceholder { font-family: Arial, Helvetica, sans-serif; float: left; width: 530px; margin: 0 0 20px 30px; background: url(../images2/barTop_price.gif) top no-repeat #e1e1e1; font-size: 12px; color: #313131; } #pricingContent #litContentsPlaceholder span { float: left; width: 500px; padding: 10px 15px 10px; background: url(../images2/barBottom_price.gif) bottom no-repeat; } #pricingContent #litContentsPlaceholder li { float: left; width: 500px; color: #313131; list-style: none; padding: 5px 0 0; background: url(../images2/tabbedDot.gif) repeat-x 0 16px; } #pricingContent #litContentsPlaceholder .priceType { float: left; background: #e1e1e1; width: auto; padding: 0; } #pricingContent #litContentsPlaceholder .priceAmount { float: right; background: #e1e1e1; width: auto; padding: 0; } .total, .subtotal { font-weight: bold; margin-bottom: 7px; text-transform: uppercase; } #CarrierRateDetails1_tblDetail { display: none; } /* ------------------------------------------------------------------------------------------ Truckload Results ------------------------------------------------------------------------------------------- */ #TLresults { height: 250px; background: url(../images2/TLresultsBKGD.jpg) no-repeat; } #TLresults h2 { float: left; width: 868px; height: 90px; background: none; text-indent: -9999px; margin: 30px 0 0; } #TLresults p { float: left; font-size: 14px; color: #313131; line-height: 20px; width: 542px; padding: 10px 0 0 30px; margin: 0; } /* ------------------------------------------------------------------------------------------ Widget Code Page Styles ------------------------------------------------------------------------------------------- */ #places h2 span { float: left; width: 405px; color: #313131; padding: 3px 0 0; margin: 0; font-size: 12px; font-weight: normal; text-transform: none; } #entry input[readonly].qqZip { width: 80px; margin: 0 5px 0 0; padding: 4px; border: 1px solid #ccc; font-size: 11px; color: #6d6f72; background: #f2f2f2; height: auto; } select.qqLoadFacilityOFF { width: 185px; margin: 0; padding: 2px; height: 19px; border: 1px solid #ccc; font-size: 11px; color: #b4b4b4; background: #fff; } #places #entry h3.disabledLabel { color: #999999; } #places #entry a.disabledLink { color: #999999; } #widgetCodeInstruct { float: left; width: 370px; margin: 20px 40px 0 0; } #widgetCodeInstruct h2 { text-align: center; background: none; margin: 0 0 3px; color: #f65e14; font-size: 18px; font-weight: bold; } #widgetCodeInstruct h2 a { color: #f65e14; text-decoration: none; border-bottom: 1px solid #f65e14; font-size: 18px; font-weight: bold; text-transform: none; } #widgetCodeInstruct h2 a:hover { color: #313131; border-bottom: 1px solid #313131; } #widgetCodeInstruct p { font-size: 14px; text-align: center; color: #313131; width: 340px; } #copied { width: 370px; padding: 5px 0; margin: 5px 0; text-align: center; border-top: 1px dotted #f65e14; border-bottom: 1px dotted #f65e14; background: #FDDFD0; color: #f65e14; font-size: 12px; } #txtWidget { float: left; width: 458px; border: 1px solid #6d6f72; font-family: "Courier New", Courier, monospace; padding: 0; height: 140px; font-size: 12px; line-height: 16px; color: #000; background: #fff; margin: 0; } #previewHolder { float: left; width: 818px; padding: 15px 25px; background: #b4b4b4; border: 2px dashed #8c8c8c; margin: 20px 0 20px; } #previewHolder h3 { text-align: center; font-size: 18px; color: #fff; font-weight: bold; margin: 0 0 10px; } #previewHolder h4 { text-align: center; font-size: 12px; color: #fff; font-weight: normal; margin: 10px 0 0; } #homeButtonHolder { width: 870px; text-align: center; margin: 0; padding: 0; } #BtnHome { border: none; padding: 0 0 0 17px; margin: 0; background: url(../images2/homeIcon.gif) no-repeat 0 0; font-size: 16; font-weight: bold; text-align: center;} /* ------------------------------------------------------------------------------------------ Widget Pop-up Styles ------------------------------------------------------------------------------------------- */ #widgetResultsHolder { text-align: left; float: left; width: 100%; background: #ebebeb; border-bottom: 2px solid #ccc; padding: 20px 0; } #widgetResults { margin: 0 auto; width: 570px; } #widgetResults .LblMsgText { float: left; font-weight: normal; font-size: 12px; color: #6d6f72; padding: 0 0 10px; } #widgetResults #LblMsg { font-weight: bold; font-size: 12px; color: #6d6f72; padding: 0 0 10px; } #widgetCarrier { float: left; width: 200px; height: 95px; background: url(/imagesWidget/carrierBKGD.gif); } #widgetCarrier img { float: left; margin: 7px 0 0 15px; } #widgetResultsData { float: left; width: 345px; margin: 0 0 0 25px; } #widgetResultsData .dollar, #widgetResultsData #LblRate { text-align: left; font-size: 44px; font-weight: bold; color: #f65e14; } #widgetResultsData p { text-align: left; font-size: 14px; color: #313131; } #widgetResultsData #LblServiceDays, #widgetResultsData .serviceDays, #widgetResultsData #lblCarrier { font-size: 16px; font-weight: bold; color: #f65e14; } #widgetInfoHolder { float: left; width: 100%; padding: 20px 0; } #widgetInfo { margin: 0 auto; width: 570px; padding: 0; } #widgetInfo p { float: left; width: 430px; font-size: 14px; text-align: left; line-height: 17px; margin: 0; padding: 0; } #widgetInfo p strong { color: #313131; font-weight: bold; font-size: 15px; } #widgetInfo p.popupFineprint { width: 570px; float: left; margin: 25px 0 0 0; font-size: 9px; color: #999999; line-height: 10px; } #widgetInfo a { color: #88acd1; font-weight: bold; } #widgetInfo img { float: right; } #ItemAddEditDialog h1 { color: #88acd1; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px; } #ItemAddEditDialog h3 { color: #fff; font-size: 15px; font-weight: bold; line-height: 20px; } #ItemAddEditDialog a { color: #fff; text-decoration: underline; } #ItemAddEditDialog a:hover { color: #88acd1; text-decoration: underline; } /* ------------------------------------------------------------------------------------------ MyHomePage Styles ------------------------------------------------------------------------------------------- */ #hello { float: left; width: 420px; margin: 0 30px 0 0; } #hello .welcome { float: left; width: 420px; background: none; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px; font-weight: bold; color: #313131; font-size: 18px; padding: 0; } #hello p { float: left; width: 420px; font-size: 12px; line-height: 18px; margin: 0 0 20px; } #pnlAgentInfo { float: left; width: 410px; font-size: 12px; line-height: 18px; color: #313131; margin: 0 0 10px; } #pnlAgentInfo #hlAgentEMail { color: #f65e14; text-decoration: underline; } #pnlAgentInfo #hlAgentEMail:hover { color: #313131; text-decoration: underline; } #pnlAgentInfo .agentStat, #lblAgentName { font-weight: bold; } #myHomeActions { float: left; width: 420px; } #startQuote { float: left; width: 420px; background: url(../images2/barTopStartQuote.gif) top no-repeat #E1EAF3; margin: 0 0 10px; } #startQuote span { float: left; width: 390px; padding: 15px; background: url(../images2/barBottomStartQuote.gif) bottom no-repeat; } #startQuote span a { float: right; width: 170px; height: 38px; background: url(../images2/btn_getQuote.gif); } #startQuote span h1 { color: #313131; font-size: 20px; font-weight: bold; } #startQuote span p { color: #6d6f72; font-size: 14px; line-height: 20px; width: 200px; } #myHomeWidgets { float: left; width: 420px; background: url(../images2/barTopHomeWidgets.gif) top no-repeat #ebebeb; margin: 0 0 20px; } #myHomeWidgets span { float: left; width: 390px; padding: 15px; background: url(../images2/barBottomHomeWidgets.gif) bottom no-repeat; } #myHomeWidgets h2 { float: left; color: #313131; background: none; font-size: 16px; padding: 0; margin: 0 0 3px; } #myHomeWidgets p { float: left; color: #6d6f72; font-size: 14px; line-height: 20px; width: 385px; } #myHomeWidgets a { float: right; color: #f65e14; font-weight: bold; font-size: 14px; text-decoration: none; border-bottom: 1px solid #f65e14; margin: 0 0 0 10px; } #myHomeWidgets a:hover { color: #313131; border-bottom: 1px solid #313131; } #myHomeTrack { float: left; width: 420px; background: url(../images2/barTopHomeWidgets.gif) top no-repeat #ebebeb; margin: 0 0 20px; } #myHomeTrack span { float: left; width: 390px; padding: 15px; background: url(../images2/barBottomHomeWidgets.gif) bottom no-repeat; } #myHomeTrack h2 { float: left; color: #313131; background: none; font-size: 20px; padding: 0; margin: 0 0 3px; width: 180px; } #myHomeTrack p { float: left; color: #6d6f72; font-size: 14px; line-height: 20px; margin: 0; padding: 0; width: 180px; } #myHomeTrack input { float: right; width: 90px; padding: 5px; color: #313131; font-size: 14px; border: 1px solid #ccc; margin: 6px 0 0; } #myHomeTrack input#ibutTrack { float: right; width: 76px; height: 38px; border: none; margin: 0 0 0 5px; padding: 0; } .datagridWrap { float: left; width: 870px; background: url(../images2/itemsTopBlack.gif) top no-repeat #313131; margin: 20px 0 0; padding: 0; } .datagrid { float: left; width: 850px; background: url(../images2/itemsBottomBlack.gif) bottom no-repeat; padding: 10px; margin: 0; border: none; } .grid td, .grid tr, .grid table .grid tbody { margin: 0; padding: 0; border: none; border-collapse: collapse; } .gridWrap { float:left; border: none; background: url(../images2/itemExtrasTop.gif) top no-repeat #f2f2f2; width: 850px; padding: 0; margin: 7px 0 0 0; } .grid { float:left; border: none; background: url(../images2/itemExtrasBottom.gif) bottom no-repeat; width: 836px; padding: 7px; margin: 0; } .grid table { width: 830px; border-collapse: separate !important; } .grid .gridHeader td { border-right: 1px solid #f2f2f2; background: #f2f2f2; color: #6d6f72; text-transform: uppercase; font-size: 11px; text-align: center; height: 25px; border-bottom: 1px solid #e1e1e1; } .grid .gridTD { border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; text-align: center; border-right: 1px solid #f2f2f2; text-transform: none; height: 30px; font-size: 12px; color: #313131; } .datagrid h2.myHome { float: left; width: auto; color: #fff; padding: 0; margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; background: none; } #qqHeader .welcome { float: right; font-family: Arial, Helvetica, sans-serif; padding: 7px 0 0; font-size: 14px; color: #6d6f72; font-weight: normal; text-transform: none; background: none; } .datagrid a.viewAll { float: left; height: 14px; line-height: 14px; /*font-size used to assign height in IE*/ font-weight: bold; padding: 2px 0 0 17px; margin: 0 0 0 10px; background: url(../images2/list.gif) no-repeat; color: #88acd1; } .datagrid a:hover.viewAll { background-position: 0 -16px; color: #f65e14; } .datagrid a.create { float: left; height: 14px; line-height: 14px; /*font-size used to assign height in IE*/ font-weight: bold; padding: 2px 0 0 15px; margin: 0 0 0 10px; background: url(../images2/plus.gif) no-repeat; color: #88acd1; } .datagrid a:hover.create { background-position: 0 -16px; color: #f65e14; } .gridTD input.btn_delete { margin: 2px 0 0; width: 54px; height: 16px; background: url(../images2/btn_deleteIcon.gif) no-repeat 0 -16px; } .gridTD input.btn_delete:hover { background-position: 0 0; } .gridTD input.btn_view { margin: 2px 0 0; width: 58px; height: 16px; background: url(../images2/btn_view.gif) no-repeat 0 -16px;} .gridTD input.btn_view:hover { background-position: 0 0; } .gridTD input.btn_edit { margin: 2px 0 0; width: 52px; height: 16px; background: url(../images2/btn_edit.gif) no-repeat 0 -16px;} .gridTD input.btn_edit:hover { background-position: 0 0; } .gridTD a.downloadBOL { padding: 0 0 0 15px; background: url(../images2/iconDnld.gif) 0 -16px no-repeat; color: #313131; font-weight: bold; text-decoration: none; } .gridTD a.downloadBOL:hover { background-position: 0 0; color: #f65e14; } .gridTD a.insure { float: right; margin: 4px 2px; padding: 0; width: 98px; height: 28px; display: block; background: url(../images2/btn_buyInsurance.jpg) 0 0; text-indent: -9999px; color: #313131; font-size: 1px; text-decoration: none; } .gridTD a.insure:hover { background-position: 0 -28px; } .gridTD a.insure:hover { color: #f65e14; } #dateSearch { float: left; width: 870px; } #dateSearch input { border: 1px solid #ccc; padding: 2px; color: #313131; margin: 0 5px 0 0 ; } #dateSearch input.dateSearchBtn { padding: 0; margin: 0; vertical-align: middle; margin: 0; } #vsAccountDetails { float: left; padding: 10px 10px 2px; margin: 0 0 0 10px; width: 560px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin-bottom: 18px; color: #fff; font-size: 12px; line-height: 12px; } #vsAccountDetails ul { float: left; width: 560px; padding: 0; margin: 0; } #vsAccountDetails li { float: left; width: auto; height: auto; margin: 0 10px 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } .accountsWrongZip { float: left; width: 560px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; margin: 0 0 10px 10px; display : none; } .ADmissedField { position: absolute; left: 285px; top: 7px; font-size: 9px; width: 50px; height: 18px; color: #d8d9da !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); z-index: 100; } /*Tracking Page*/ #trackShipment { float: left; width: 870px; background: url(../images2/barTopWidgetSteps.gif) top no-repeat #E1EAF3; margin: 30px 0; } #trackShipment span.corners { float: left; width: 830px; background: url(../images2/barBottomWidgetSteps.gif) bottom no-repeat; margin: 0; padding: 20px; } #trackShipment span.text { float: left; width: 350px; } #trackShipment h1 { color: #313131; font-size: 20px; font-weight: bold; } #trackShipment p { color: #6d6f72; font-size: 14px; line-height: 20px; /*width: 200px;*/ } #trackShipment #txtTrackingNumbers { float: left; width: 300px; padding: 10px 5px; border: 1px solid #ccc; font-size: 22px; color: #6d6f72; } #trackShipment #ibutTrack { float: left; width: 140px; height: 50px; border: none; margin: 0 0 0 5px; padding: 0; } #trackShipment .failMessage { float: left; padding: 10px; margin: 0 0 15px; width: 820px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; } #divsShipToInfo { float: left; width: 870px; padding: 10px 0 35px 0; } #divsShipToInfo h2 { margin: 0; padding: 0; background: none; font-size: 16px; color: #313131; font-style: italic; text-align: center; } #gvShipmentStatus { float: left; width: 870px; border-collapse: separate !important; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border: 1px solid #f2f2f2; } #gvShipmentStatus tr { } #gvShipmentStatus tr.tableHead th { padding: 8px; color: #313131; background: url(../images2/tableHeadBKGD.gif) repeat-x #d9d9d9; border-left: 1px solid #a6a6a6; border-right: 1px solid #e6e6e6; font-weight: bold; text-shadow: 0 1px 0 #f2f2f2; text-align: center; } #gvShipmentStatus tr.summary th { background: #d8d9da; text-shadow: none; border-left: 1px solid #fff; border-right: 1px solid #bababa; } #gvShipmentStatus tr.tableHead th.first { border-left: none; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } #gvShipmentStatus tr.tableHead th.last { border-right: none; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } #gvShipmentStatus td { padding: 8px 3px; text-align: center; font-weight: normal; font-size: 12px; line-height: 14px; } #gvShipmentStatus tr.oddRow td { background: #f2f2f2; font-weight: normal; } /* ------------------------------------------------------------------------------------------ Widget Info Styles ------------------------------------------------------------------------------------------- */ #qqHeader .noWidget { float: right; margin: 10px 0 0; font-weight: bold; font-size: 14px; } #widgetInfoHeaderWrap { float: left; width: 870px; } #widgetInfoHeader { float: left; width: 425px; } #widgetInfoHeader h1 { float: left; width: 425px; font-weight: bold; font-size: 33px; color: #313131; letter-spacing: -1px; margin: 0 0 10px; } #widgetInfoHeader p { float: left; width: 425px; color: #6d6f72; font-size: 16px; line-height: 28px; margin: 0 0 10px; } /*#widgetInfoHeader a { float: left; width: 425px; }*/ #quotes1 img.browsers { float: right; margin: 0; } .widgetInfoSteps { float: left; width: 870px; background: url(../images2/barTopWidgetSteps.gif) top no-repeat #E1EAF3; margin: 30px 0; } .widgetInfoSteps span { float: left; width: 850px; background: url(../images2/barBottomWidgetSteps.gif) bottom no-repeat; margin:0; padding: 10px 10px 8px; } .widgetInfoSteps h1 { float: left; font-weight: bold; font-size: 30px; color: #313131; margin: 5px 0; line-height: 30px; } #quotes1 .widgetInfoSteps a.getStarted { float: right; font-weight: normal; font-size: 16px; color: #fff; width: 260px; height: 28px; border: none; background: url(../images2/btn_getStarted.gif); text-decoration: none; margin: 0; padding: 12px 0 0 20px; } .widgetInfoSteps h2 { float: left; width: 137px; height: 32px; background: url(../images2/quickNsimple.gif); margin: 0; padding: 0; } .widgetInfoSteps h2 span { display: none; } .widgetInfoSteps ul { float: left; margin: 0; padding: 0; } .widgetInfoSteps li { float: left; font-weight: bold; color: #88acd1; font-size: 18px; padding: 4px 0 0 32px; height: 22px; margin: 3px 0 0 25px; } .widgetInfoSteps li.widget1 { background: url(../images2/widget1.gif) no-repeat; } .widgetInfoSteps li.widget2 { background: url(../images2/widget2.gif) no-repeat; } .widgetInfoSteps li.widget3 { background: url(../images2/widget3.gif) no-repeat; } #widgetInfoReasons { float: left; width: 870px; margin: 30px 0; } #widgetInfoReasons h3 { color: #313131; font-size: 16px; font-weight: bold; margin: 0 0 5px; } #widgetInfoReasons p { font-size: 12px; line-height: 20px; } #widgetInfoReasons .reasons { float: left; width: 270px; margin: 0 30px 0 0; } #widgetInfoReasons .reasonsLast { margin-right: 0; } /* ------------------------------------------------------------------------------------------ Booking Step Styles ------------------------------------------------------------------------------------------- */ .missedFieldRelative { position: relative; } #CCbox .missedField { position: absolute; right: -50px; top: 4px; font-size: 9px; width: 50px; height: 18px; color: #FF4D4D !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); } #dvpaybyoffline .missedField { position: absolute; left: 262px; top: 7px; font-size: 9px; width: 50px; height: 18px; color: #FF4D4D !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); } .PUDODmissedField { position: absolute; left: 280px; top: 7px; font-size: 9px; width: 50px; height: 18px; color: #fff !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); z-index: 100; } #autoForm .missedField { position: absolute; left: 235px; top: 2px; font-size: 9px; width: 50px; height: 18px; color: #FF4D4D !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); } .missedField { font-size: 11px; font-weight: bold; color: red; text-decoration: none; clear: both; width: 270px; height: 20px; text-align: right; float: left; } #holder_Pickup { width: 870px; padding: 0; margin: 0; } #content { float: left; margin: 0; padding: 0; } /* ****** NEW VERIFY ACCOUNT PAGE DONE VERY FAST ********** */ #rdResidential, #rdCommercial { width: auto; float: none; background-color:Transparent;} .stepForm .shippingQuestions { float: left; width: 575px; margin: 15px 0 0 10px; } .stepForm .shippingQuestions2 { float: left; width: 575px; margin: 0 0 0 10px; } .stepForm .shippingQuestions3 { float: left; width: 575px; margin: 0 0 0 10px; } .stepForm .shippingQuestions p { float: left; margin: 7px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 245px; } .stepForm .shippingQuestions2 p { float: left; margin: 7px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 440px; } .stepForm .shippingQuestions3 p { float: left; margin: 15px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 420px; } #verifyAccountTNC { float: left; margin: 15px 0 15px 10px; width: 550px; padding: 15px; background: #ebebeb; } #verifyAccountTNC #ChkAccTNC { width: auto; margin: 0 10px 0 0; } #verifyAccountTNC p { float: left; width: 500px; margin: 0; padding: 0; } /* #bookingHeader { float: left; width: 870px; margin: 5px 0 0; padding: 0 0 5px; border-bottom: 2px dotted #ccc; background: #fff; } #bookingHeader h4 { float: left; width: 660px; font-size: 18px; font-weight: bold; color: #bebebe; margin: 0; padding: 10px 0; } #bookingHeader span { float: right; width: 90px; height: 27px; padding: 8px 10px 0 90px; background: url(../images2/bookingNumBkgd.gif); font-weight: bold; font-size: 18px; color: #f65e14; text-align: right; } #content img.progressBar { float: left; margin: 30px 0 35px; } */ .destinationWrap { float: left; margin-bottom: 25px; padding: 0; background: url(../images2/barBottomDestination.gif) bottom no-repeat; } .destination { float: left; margin: 0; border: none; padding: 20px; background: url(../images2/barTopDestination.gif) top no-repeat; width: 828px; } .destination .instruct { float: left; width: 218px; padding: 0 8px 0 0; } .destination .instruct ul { float: left; margin: 10px 0 0; } .destination .instruct h1 { float: left; color: #313131; font-size: 19px; line-height: 22px; margin: 0 0 10px; letter-spacing: -.5px; text-transform: uppercase; width: 218px; } .destination .instruct h1 .addressType { float: left; width: 208px; font-size: 16px; line-height: 16px; margin: 0; text-transform: none; font-weight: bold; color: #313131; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; } .destination .instruct p { float: left; font-size: 12px; color: #474747; line-height: 20px; margin: 0; font-style: italic; width: 208px; } .destination .stepFormHolder { float: left; width: 601px; border-left: 1px solid #bababa; } .destination .stepForm { float: left; width: 600px; border-left: 1px solid #fff; } .destination .stepForm .locationType { float: left; width: 580px; margin: 0; padding: 0 0 5px 20px; } .destination .stepForm .locationType label { float: left; width: 90px; font-size: 11px; color: #6d6f72; text-align: right; line-height: 14px; padding: 0; margin: 0 5px 0 0; font-weight: normal; } .destination .stepForm .locationType span { float: left; width: 345px; font-size: 11px; color: #313131; line-height: 14px; } .destination .stepForm .locationType a.thickbox { float: left; text-indent: -9999px; margin: 0; font-size: 6px; line-height: 6px; padding: 0; background: url(../images2/link_useAddyBook.gif) right top no-repeat; width: 140px; height: 13px; } .destination .columnHolder .thickbox { } .destination .column { float: left; width: 290px; padding: 0 0 0 10px; } .destination .column ul { float: left; width: 290px; list-style: none; margin: 0; padding: 0; } .destination .column li { float: left; width: 290px; height: auto; margin: 0 0 5px; padding: 5px 0 0; color: #313131; } .destination .column li.last { margin: 0; } .destination .column li label { float: left; width: 100px; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 5px 0 0; font-weight: normal; } .destination .column li span.phoneSpacer { float: left; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 0 0; width: 17px; text-align: center; } .destination input { float: left; width: 170px; margin: 0; padding: 4px 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; height: auto; } .destination input#txtPickUpDate { width: 140px; } .destination input[readonly] { color: #b4b4b4; } .destination input.phoneNum { width: 103px; } .destination input.extNum { width: 40px; } .destination select { float: left; width: 180px; margin: 0; padding: 3px; height: 22px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } .destination select.selectOff { float: left; width: 180px; margin: 0; padding: 3px; height: 22px; border: 1px solid #ccc; font-size: 11px; color: #b4b4b4; background: #fff; } #pickupDate { float: left; width: 600px; margin: 0; padding: 30px 0 0; } #pickupDate h3 { float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 5px; line-height: 15px; color: #313131; width: 600px; text-align: center; } #pickupDate h3 span { font-size: 11px; color: #6d6f72; } #pickupDate #PickUpTo { float: left; color: #313131; margin: 0 0 0 5px; width: 75px; } #pickupDate img { float: left; margin: 1px 0 0 5px; } #PickUpTo_textBox { color: #313131; } #shipToEmail { float: left; width: 573px; margin: 30px 0 0 20px; padding: 0; border: 1px solid #bababa; background: #E7EEF6; } #shipToEmail span { float: left; width: 551px; margin: 0; padding: 10px 10px 8px; border: 1px solid #fff; } #shipToEmailTitle { float: left; width: 330px; } #shipToEmailTitle h3 { float: left; margin: 0; padding: 0 0 3px 20px; font-weight: bold; text-transform: uppercase; color: #313131; background: url(../images2/zoom.png) 0 0 no-repeat; } #shipToEmailTitle p { float: left; margin: 0; padding: 0 0 0 21px; width: 309px; } #shipToEmailInput { float: left; width: 221px; } #shipToEmail label { float: left; width: 48px; margin: 7px 0 0; text-align: right; } #shipToEmail input { width: 156px; margin: 3px 0 0 6px; } #buttons { float: left; width: 868px; margin: -10px 0 35px; padding: 0 10px; } #buttons .qqHelp { float: left; margin: 0; padding: 22px 10px 0; width: 660px; border: none; color: #bebebe; font-size: 18px; font-weight: bold; text-align: right; } #buttons input.getQuoteBtn { float: right; width: 188px; height: 65px; padding: 0; margin: 0; } #buttons #btnImgCancel { float: left; } #buttons .qqHelpShort { float: left; margin: 0; padding: 22px 10px 0; width: 530px; border: none; color: #bebebe; font-size: 18px; font-weight: bold; text-align: right; } #HlnkPickupDate { float: left; line-height: 15px; margin: 0 0 0 5px; } #VSPickupDropOff { padding: 10px 10px 2px; width: 848px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin-bottom: 18px; color: #fff; font-size: 12px; line-height: 12px; } #VSPickupDropOff ul { float: left; width: 848px; padding: 0; margin: 0; } #VSPickupDropOff li { float: left; width: auto; height: auto; margin: 0 10px 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } /*step2*/ .destination .instruct li { padding-top: 10px; color: #474747; } .destination .instruct li span.arrow { color: #f65e14; font-weight: bold; } .singleItem { float: left; width: 580px; height: 265px; } #dgItemDetails {float: left; width: 580px; margin: 0; } #itemDetailsWrap {float: left; width: 580px; padding: 0 0 0 20px; } #dgItemDetails tr, #dgItemDetails td { vertical-align: top; } #dgItemDetails .itemHead { width: 580px; margin: 0 0 10px; padding: 0 0 5px; color: #313131; } #dgItemDetails .itemHead h2 { float: left; font-size: 14px; font-weight: bold; color: #f65e14; text-transform: uppercase; padding: 0; margin: 0 10px 0 0; background: none; } #dgItemDetails .itemDesc { float: left; width: 360px; border: none; } #dgItemDetails .itemDesc textarea { font-family: Arial, Helvetica, sans-serif; float: left; width: 350px; margin: 0; padding: 6px 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; line-height: 14px; } #dgItemDetails .itemKnownDetails { float: left; width: 200px; padding: 0 0 0 20px; margin: 0; border: none; } #dgItemDetails .itemKnownDetails ul { float: left; margin: 0; padding: 0; } #dgItemDetails .itemKnownDetails li { float: left; width: 200px; margin: 0 0 10px; padding: 0; } #dgItemDetails .itemKnownDetails li label { float: left; width: 200px; margin: 0 0 2px; } #dgItemDetails .itemKnownDetails li select.descPack { width: 195px; } #dgItemDetails .itemKnownDetails li input.descQuan { width: 25px; } #dgItemDetails .itemKnownDetails li input.dims { width: 21px; margin: 0 1px 0 0; } #dgItemDetails .itemKnownDetails li.quantity { width: 55px; } #dgItemDetails .itemKnownDetails li.quantity label { width: 55px; } #dgItemDetails .itemKnownDetails li.dimens { width: 145px; } #dgItemDetails .itemKnownDetails li.dimens label { width: 145px; } #dgItemDetails .itemKnownDetails li.dimens label.lwh { width: auto; margin: 0 6px 0 0; padding: 7px 0 0; } .itemInsurance { float: left; width: 580px; } .itemInsurance h2 { float: left; font-size: 14px; font-weight: bold; color: #f65e14; text-transform: uppercase; padding: 0; margin: 0 0 10px 0; background: none; width: 580px; } .itemInsurance .radio input { width: auto; border: none; background: none; margin: 2px 0 0; padding: 0; height: 13px; } .itemInsurance .radio label { float: left; margin: 0 20px 0 3px; padding: 0; } .shipmentValueHolder, #dvDeclaredValue { float: left; width: 580px; padding: 25px 0 0 !important; } #valueHolder { float: left; width: 270px; } #dvDeclaredValue span { float: left; padding: 0 0 4px 0; width: 270px; } #dvDeclaredValue input { float: left; width: 75px; margin: 0; } #dvDeclaredValue { float: left; width: 580px; margin: 0; position: relative; } #dvDeclaredValue #RequiredFieldValidator1 { display: none; } #dvDeclaredValue p.disclaimer { float: left; width: 310px; margin: 0; font-size: 12px; font-style: italic; } .amountValidation { float: left; padding: 10px 10px 2px; margin: 0 10px 10px; width: 848px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; } .amountValidation ul { float: left; width: 520px; padding: 0; margin: 0; } .amountValidation li { float: left; width: 505px; margin: 0 0 8px 15px; padding: 0; list-style-type: disc; color: #fff; font-size: 12px; line-height: 12px; } #itemInsurance { float: left; width: 580px; padding: 0 0 0 20px; min-height: 160px; } #itemInsurance .radio { float: left; width: 580px; } #itemInsurance .radio label, #itemInsurance .radio span { float: left; font-size: 14px; font-weight: bold; color: #f65e14; text-transform: uppercase; padding: 0; margin: 0 0 0 4px; } #itemInsurance .radio input { width: auto; border: none; background: none; margin: 2px 0 0; padding: 0; height: 13px; } ul#insuranceCosts { float: left; width: 350px; margin: 0; padding: 0 200px 0 30px; } ul#insuranceCosts li { float: left; width: 350px; list-style: none; padding: 5px 0 0; font-size: 12px; background: url(/images2/tabbedDot.gif) repeat-x 0 16px; margin: 0; } ul#insuranceCosts .priceType { background: #dadbdc; float: left; } ul#insuranceCosts .priceAmount { background: #dadbdc; float: right; } ul#insuranceCosts .total { color: #313131; font-weight: bold; } .insureDisclaimer { float: left; width: 550px; margin: 0; padding: 10px 0 30px 30px; font-size: 12px; font-style: italic; } #pnlYesInsurance { float: left; width: 870px; } .termsHolder { float: left; width: 870px; margin: 0 10px !important; clear: both; } #insuranceTerms { background: url(../images2/barTopTerms.gif) top no-repeat #dbe6f1; margin-bottom: 10px; /* right and left margins created by grid_12 class*/ } #insuranceTerms span { float: left; width: 848px; padding: 10px 10px 15px; background: url(../images2/barBottomTerms.gif) bottom no-repeat; } #insuranceTerms p { float: left; margin: 2px 0 0 5px; color: #313131; font-weight: bold; font-size: 14px; } #insuranceTerms p.disclaimer { width: 844px; padding: 0 0 0 4px; margin: 0 0 15px; font-weight: normal; font-size: 12px; font-style: italic; } #insuranceTerms a { text-decoration: underline; } #insuranceTerms input { float: left; margin: 2px 0 0; width: auto; padding: 0; height: auto; border: none; background: none; } #txtInsuranceTerms { float: left; width: 836px; height: 100px; border: 1px solid #ccc; color: #6d6f72; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0 0 0 10px; } .insureConfirmationError { float:left; padding: 10px 10px 2px; width: 848px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 10px 10px; color: #fff; font-size: 12px; line-height: 12px; } .insureConfirmationError ul { float: left; width: 848px; padding: 0; margin: 0; } .insureConfirmationError li { float: left; width: auto; height: auto; margin: 0 10px 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } /*Purchase insurance separately*/ #itemInsurance .radioTemp { float: left; width: 580px; margin: 0 0 10px; } #itemInsurance .radioTemp label, #itemInsurance .radioTemp span { float: left; font-size: 14px; font-weight: bold; color: #313131; padding: 0; margin: 0 0 0 4px; } #itemInsurance .radioTemp input { width: auto; border: none; background: none; margin: 2px 0 0; padding: 0; height: 13px; } #lblDeclaredValue { float: left; padding: 7px 5px 0 0; } #txtDeclaredValue { width: 100px; } #pnlDeclaredValue #btnCalculate { width: auto; padding: 2px; margin: 0 0 0 5px; background: #f7702f; border: 1px solid #d15322; color: #fff; font-weight: bold; cursor: pointer; } #insuranceTermsInline { float: left; width: 558px; padding: 10px; background: #F2F2F2; border: 1px solid #dedede; } #insuranceTermsInline p { float: left; margin: 2px 0 0 5px; color: #313131; font-weight: bold; width: 530px; } #insuranceTermsInline p.disclaimer { width: 558px; padding: 0 0 0 4px; margin: 0 0 15px; font-weight: normal; font-size: 12px; font-style: italic; } #insuranceTermsInline a { text-decoration: underline; } #insuranceTermsInline input { float: left; margin: 2px 0 0; width: auto; padding: 0; height: auto; border: none; background: none; } #insuranceTermsInline #txtInsuranceTerms { float: left; width: 546px; height: 100px; border: 1px solid #ccc; color: #6d6f72; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0 0 0 10px; } /*step3*/ .individualItemNoMargin { float: left; width: 620px; margin: 0; } .PayButton { float: left; width: 580px; padding: 0 0 10px 20px; margin: 0; } .PayButtonMargin { padding: 20px 0 0 20px; } .radioWrap { float: left; width: 20px; padding: 2px 0 0 0; } .destination .radioWrap input { float: left; width: auto; height: 13px; border: none; margin: 0; padding: 0; background: none; } h1.paymentOption { float: left; color: #f65e14; margin: 0; padding: 0; font-weight: bold; font-size: 16px; width: 560px; } .PayButton p { float: left; width: 560px; padding: 5px 0 0 20px; } /*#rbtnCardType td { width: 130px; margin: 0; padding: 0; height: 22px; background: red; }*/ .destination .instruct h2.chargesBreakdown { float: left; color: #313131; font-size: 14px; line-height: 14px; margin: 25px 0 5px; background: none; padding: 0; width: 208px; } .destination .instruct img.CClist { float: left; margin: 5px 0 0; } .destination .instruct ul#litContentsPlaceholder { float: left; width: 208px; margin: 0 0 25px; padding: 0; } .destination .instruct ul#litContentsPlaceholder li { float: left; width: 208px; list-style: none; padding: 5px 0 0; font-size: 11px; background: url(/images2/tabbedDot.gif) repeat-x 0 16px; margin: 0; } .destination .instruct ul#litContentsPlaceholder .priceType { background: #d8d9da; float: left; } .destination .instruct ul#litContentsPlaceholder .priceAmount { background: #d8d9da; float: right; } .destination .instruct ul#litContentsPlaceholder .total, ul#litContentsPlaceholder .subtotal { color: #313131; font-weight: bold; } .destination .instruct .weAcceptCards { margin: 25px 0 0; } #CCboxHolder { float: left; width: 580px; margin: 0 0 0 20px; background: url(../images2/CCboxBottom.gif) bottom; } #CCbox { float: left; width: 540px; padding: 20px 20px 15px; background: url(../images2/CCboxTop.gif) no-repeat top; } #CCbox ul { float: left; width: 540px; margin: 0; padding: 0; } #CCbox ul br { display: none; } #CCbox ul li { float: left; width: 540px; padding: 0; margin: 0; } #CCbox #dlCreditCards { background: blue; } #CCbox ul .cardListHead { border-bottom: 1px solid #dedede; padding: 0 0 5px; } #CCbox ul .cardListHead span { float: left; margin: 0; padding: 0; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #b3b3b3; } #CCbox ul .cardListHead .yourCards { width: 300px; } /*#CCbox ul .cardListHead .nameOnCard { width: 170px; }*/ #CCbox ul .cardListHead .expDate { width: 240px; } #CCbox ul .card { border-top: 1px solid #fff; border-bottom: 1px solid #dedede; } #CCbox ul .newCard { padding: 0; } #CCbox ul .cardSummary { float: left; width: 540px; height: 31px; font-size: 12px; font-weight: bold; color: #313131; padding: 8px 0; } #CCbox ul #editCardNew { float: left; width: 540px; } #CCbox ul .newCardSummary { border-top: 1px solid #fff; padding: 8px 0 0; } #CCbox ul .cardSummary em { font-weight: normal; color: #6d6f72; font-style: normal; } #CCbox ul .cardSummary .radio { float: left; width: 25px; height: 31px; } #CCbox ul .cardSummary .radio input { width: auto; border: none; background: none; margin: 8px 0 0; padding: 0; height: 13px; } #CCbox ul .cardSummary .visa { float: left; width: 48px; height: 31px; background: url(../images2/CClistCCbox.gif) 0 0; margin: 0 10px 0 0; } #CCbox ul .cardSummary .mastercard { float: left; width: 48px; height: 31px; background: url(../images2/CClistCCbox.gif) -50px 0; margin: 0 10px 0 0; } #CCbox ul .cardSummary .amex { float: left; width: 48px; height: 31px; background: url(../images2/CClistCCbox.gif) -100px 0; margin: 0 10px 0 0; } #CCbox ul .cardSummary .discover { float: left; width: 48px; height: 31px; background: url(../images2/CClistCCbox.gif) -150px 0; margin: 0 10px 0 0; } #CCbox ul .cardSummary .cardNum { float: left; width: 217px; padding: 8px 0 0; } #CCbox ul .cardSummary .nameOnCard { float: left; width: 170px; padding: 8px 0 0; } #CCbox ul .cardSummary .expDate { float: left; width: 175px; padding: 8px 0 0; } #CCbox ul .cardSummary a { float: left; width: 55px; height: 14px; background: url(../images2/btn_viewCard.gif); margin: 7px 0 0; font-size: 8px; } #CCbox ul .cardSummary a span { display: none; } #CCbox ul .cardSummary .diffCard { float: left; padding: 8px 0 0; width: 515px; } #CCbox ul .editCardTopMargin { margin: 10px 0 0; } #dlCreditCards_ctl00_editCard, #dlCreditCards_ctl01_editCard, #dlCreditCards_ctl02_editCard, #dlCreditCards_ctl03_editCard, #dlCreditCards_ctl04_editCard, #dlCreditCards_ctl05_editCard, #dlCreditCards_ctl06_editCard, #dlCreditCards_ctl07_editCard, #dlCreditCards_ctl08_editCard, #dlCreditCards_ctl08_editCard { float: left; width: 540px; } #CCbox ul .CCform .CCformHead { float: left; width: 540px; margin: 0 0 10px; padding: 0; border-bottom: 1px solid #fff; } #CCbox ul .CCform .CCformHead span { float: left; margin: 0; padding: 0 0 5px; border-bottom: 1px solid #dedede; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #b3b3b3; } #CCbox ul .CCform .CCformHead .cardInfoHead { width: 278px; padding-left: 97px; } #CCbox ul .CCform .CCformHead .cardAddyHead { width: 165px; } #CCbox ul .CCform ul.cardInfo { float: left; width: 260px; margin: 0 20px 0 0; padding: 0; } #CCbox ul .CCform ul.cardAddy { float: left; width: 260px; margin: 0; padding: 0; } #CCbox ul .CCform ul li { float: left; width: 260px; padding: 0; margin: 0 0 10px; color: #313131; font-size: 12px; line-height: 11px; } #CCbox ul .CCform ul li label { float: left; width: 90px; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 5px 0 0; } #CCbox ul .CCform ul li label.sameAddy { float: left; width: 160px; font-size: 11px; font-weight: bold; color: #313131; text-align: left; padding: 0; } #CCbox ul .CCform ul li .checkboxHolder { float: left; width: 15px; padding: 0 5px 0 75px; margin: 2px 0 0; } #CCbox ul .CCform ul li .checkboxHolder input { width: auto; border: none; background: none; padding: none; } #CCbox ul .CCform ul li .storeCard { float: left; padding: 6px 0 0 2px; } #CCbox ul .CCform ul li .defaultCard { float: left; padding: 6px 0 6px 2px; } #CCbox ul .CCform ul li .saveCheckboxHolder { float: left; margin: 2px 0 0; } #CCbox ul .CCform ul li .saveCheckboxHolder input { float: left; width: auto; padding: 0; margin: 0; border: none; background: none; height: auto; } #CCbox ul .CCform ul li .sameAsAccount { float: left; padding: 5px 0 0; } #CCbox ul .CCform ul li input { float: left; width: 154px; margin: 0; padding: 4px 4px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; height: auto; } #CCbox ul .CCform ul li input[readonly], #CCbox ul .CCform ul li select[disabled] { color: #b4b4b4; } #CCbox ul .CCform ul li .checkbox { float: left; width: auto; padding: 0; margin: 0; border: none; background: none; height: 13px; } #CCbox ul .CCform ul li .checkbox input { width: auto; border: none; background: none; padding: none; } #CCbox ul .CCform ul li select { float: left; width: 162px; margin: 0; padding: 3px; height: 22px; border: 1px solid #ccc; font-size: 11px; color: #313131; background: #fff; } #CCbox ul .CCform ul li select.selectOff { float: left; width: 162px; margin: 0; padding: 3px; height: 22px; border: 1px solid #ccc; font-size: 11px; color: #b4b4b4; background: #fff; } #CCbox ul .CCform ul li span.phoneSpacer { float: left; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 0 0; width: 17px; text-align: center; } #CCbox ul .CCform ul li input.phoneNum { width: 93px; } #CCbox ul .CCform ul li input.extNum { width: 34px; } #CCbox ul .CCform ul li select.expMonth { width: 70px; } #CCbox ul .CCform ul li select.expYear { width: 70px; } #CCbox ul .CCform ul li .secCode { width: 70px; } #CCbox ul .CCform ul li a.save { float: right; width: 75px; height: 22px; padding: 8px 0 0 15px; font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url(../images2/btn_saveCC.gif); } #CCbox ul .CCform ul li a#cvv2 { float: left; margin: 6px 0 0 5px; font-size: 11px; color: #f65e14; } #CCbox ul .CCform ul li a.cancel { float: right; color: #f65e14; font-weight: bold; margin: 8px 10px 0 0; padding: 0; } #CCbox ul .CCform ul li .bubbleInfo { position: relative; } #CCbox ul .CCform ul li .popup { position: absolute; z-index: 10000; opacity: 0; -moz-opactiy: 0; fliter:alpha(opacity=0); /* keeps the popup hidden if no JS available */ border: 3px solid #999; } #CCbox ul .CCform ul li.editCard { margin: 35px 0 0; width: 260px; height: 34px; background: url(../images2/editCardBKGD.gif) 4px 0 no-repeat; } #CCbox ul .CCform ul li.editCard label { color: #313131; padding: 12px 5px 0 0; } #CCbox ul .CCform ul li.editCard a.editCardLink { float: left; font-size: 11px; color: #f65e14; text-decoration: underline; background: url(../images2/icn_editO.gif) left top no-repeat; padding: 0 0 0 14px; margin: 12px 0 0 2px; } #CCbox ul .CCform ul li.editCard a.deleteCard { float: left; font-size: 11px; color: #f65e14; text-decoration: underline; background: url(../images2/icn_deleteO.gif) left 2px no-repeat; padding: 0 0 0 11px; margin: 12px 0 0 10px; } #CCbox ul .CCform #dlCreditCards_ctl00_VSCard, #CCbox ul .CCform #ctl00_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl01_VSCard, #CCbox ul .CCform #ctl01_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl02_VSCard, #CCbox ul .CCform #ctl02_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl03_VSCard, #CCbox ul .CCform #ctl03_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl04_VSCard, #CCbox ul .CCform #ctl04_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl05_VSCard, #CCbox ul .CCform #ctl05_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl06_VSCard, #CCbox ul .CCform #ctl06_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl07_VSCard, #CCbox ul .CCform #ctl07_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl08_VSCard, #CCbox ul .CCform #ctl08_CP1_VSDifferentCard, #CCbox ul .CCform #dlCreditCards_ctl09_VSCard, #CCbox ul .CCform #ctl09_CP1_VSDifferentCard, #VSDifferentCard { float: left; width: 520px; padding: 10px 10px 2px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 10px; color: #fff; font-size: 12px; line-height: 12px; } #CCbox ul .CCform #dlCreditCards_ctl00_VSCard ul, #CCbox ul .CCform #ctl00_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl01_VSCard ul, #CCbox ul .CCform #ctl01_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl02_VSCard ul, #CCbox ul .CCform #ctl02_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl03_VSCard ul, #CCbox ul .CCform #ctl03_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl04_VSCard ul, #CCbox ul .CCform #ctl04_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl05_VSCard ul, #CCbox ul .CCform #ctl05_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl06_VSCard ul, #CCbox ul .CCform #ctl06_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl07_VSCard ul, #CCbox ul .CCform #ctl07_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl08_VSCard ul, #CCbox ul .CCform #ctl08_CP1_VSDifferentCard ul, #CCbox ul .CCform #dlCreditCards_ctl09_VSCard ul, #CCbox ul .CCform #ctl09_CP1_VSDifferentCard ul, #VSDifferentCard ul { float: left; width: 520px; padding: 0; margin: 0; } #CCbox ul .CCform #dlCreditCards_ctl00_VSCard li, #CCbox ul .CCform #ctl00_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl01_VSCard li, #CCbox ul .CCform #ctl01_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl02_VSCard li, #CCbox ul .CCform #ctl02_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl03_VSCard li, #CCbox ul .CCform #ctl03_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl04_VSCard li, #CCbox ul .CCform #ctl04_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl05_VSCard li, #CCbox ul .CCform #ctl05_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl06_VSCard li, #CCbox ul .CCform #ctl06_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl07_VSCard li, #CCbox ul .CCform #ctl07_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl08_VSCard li, #CCbox ul .CCform #ctl08_CP1_VSDifferentCard li, #CCbox ul .CCform #dlCreditCards_ctl09_VSCard li, #CCbox ul .CCform #ctl09_CP1_VSDifferentCard li, #CCbox ul .CCform #VSDifferentCard li { float: left; width: 505px; margin: 0 0 8px 15px; padding: 0; list-style-type: disc; color: #fff; font-size: 12px; line-height: 12px; } #CCbox ul .CCform #lblException2 { float: left; width: 520px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff; font-size: 12px; line-height: 12px; margin: 0 0 10px; display : none; } .existingCardWrongZip { float: left; width: 848px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; margin: 0 0 10px 10px; display : none; } #dvpaybyoffline #vsPayByPhone { float: left; width: 540px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 10px 0 0 40px; } #dvpaybyoffline #vsPayByPhone ul { float: left; width: 520px; padding: 10px 10px 2px; margin: 0; } #dvpaybyoffline #vsPayByPhone li { float: left; width: 505px; margin: 0 0 8px 15px; padding: 0; list-style: disc; color: #fff; font-size: 12px; line-height: 12px; } #dvAccountsReceivable, #dvpaybyoffline { float: left; display: none; } /*Display none is to hide initially for use in the collapsable DIV jquery */ #dvAccountsReceivable ul, #dvpaybyoffline ul { float: left; width: 400px; list-style: none; margin: 10px 0 0; padding: 0; } #dvAccountsReceivable li .checkbox, #dvpaybyoffline li .checkbox { float: left; margin: 4px 0 0; } #dvAccountsReceivable li .checkbox input, #dvpaybyoffline li .checkbox input { float: left; width: auto; padding: 0; margin: 0; border: none; background: none; height: auto; } #dvAccountsReceivable li, #dvpaybyoffline li { float: left; width: 400px; height: auto; margin: 0 0 5px; padding: 5px 0 0; color: #313131; } #dvAccountsReceivable li label, #dvpaybyoffline li label { float: left; width: 120px; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 5px 0 0; font-weight: normal; } #dvpaybyoffline li label.phonePay { width: 90px; } #dvAccountsReceivable li span.checkboxText, #dvpaybyoffline li span.checkboxText { float: left; padding: 6px 0 0 2px; } #dvAccountsReceivable li a.save, #dvpaybyoffline li a.save { float: left; width: 75px; height: 22px; padding: 8px 0 0 15px; font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url(../images2/btn_saveAR.gif); } .destination .column li.cardType { height: 100px; } .destination .column li #rbtnCardType td label { float: left; color: #313131; margin: 0; padding: 3px 0 0 3px; width: auto; } .destination #ShowCCFields li.cardType input { float: left; margin: 2px 0 0 0; width: auto; padding: 0; height: auto; border: none; background: none; } #HideBillingDetails .column li .billingRadio { float: left; margin: 6px 0 0 0; width: auto; padding: 0; height: auto; border: none; background: none; } #HideBillingDetails .column li .diff { margin-left: 10px; } #HideBillingDetails .column li label.billingAddy { float: left; color: #313131; margin: 4px 0 0; padding: 3px 0 0 3px; width: auto; } #addressOnFile .column ul { padding: 0 0 0 100px; width: auto; } #addressOnFile .column li { margin: 0; padding: 0; height: auto; width: 175px; } #addressOnFile .onFileCity { text-transform: capitalize; } /*step4*/ .individualItem { float: left; width: 580px; padding: 0 0 0 20px; } .destination .reviewColumn { float: left; width: 180px; margin: 0 20px 0 0; } .destination .reviewColumnLast { margin: 0; } .destination .reviewItems { float: left; width: 580px; margin: 15px 0; padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .destination .reviewCharges { float: left; width: 380px; margin: 0; } .destination h2.reviewHead { font-size: 14px; font-weight: bold; color: #313131; text-transform: none; padding: 0; margin: 0; background: none; } .destination ul.reviewList { margin: 0; padding: 0; } .destination ul.reviewList li { margin: 0; padding: 0; font-size: 12px; } .destination ul.reviewList li .lbl { font-weight: normal; } #tblDetail tr { background: url(../images2/tabbedDot.gif) repeat-x bottom; } #tblDetail td .detailChargeType { background: #ebebeb; float: left; width: auto; font-size: 12px; } #tblDetail td .detailChargePrice { background: #ebebeb; float: right; } #terms { background: url(../images2/barTopTerms.gif) top no-repeat #dbe6f1; margin-top: -10px; margin-bottom: 10px; /* right and left margins created by grid_12 class*/ } #terms span { float: left; width: 848px; padding: 10px; background: url(../images2/barBottomTerms.gif) bottom no-repeat; } #terms p { float: left; margin: 2px 0 0 10px; color: #313131; font-weight: bold; } #butncls1 input.completeShipment { float: right; width: 245px; height: 65px; padding: 0; margin: 0; } #buttons .reviewHelp { float: left; margin: 0; padding: 22px 10px 0; width: 603px; border: none; color: #bebebe; font-size: 18px; font-weight: bold; text-align: right; } #terms input { float: left; margin: 2px 0 0; width: auto; padding: 0; height: auto; border: none; background: none; } ul#litContentsPlaceholder { float: left; width: 380px; margin: 0; padding: 0; } ul#litContentsPlaceholder li { float: left; width: 380px; list-style: none; padding: 5px 0 0; background: url(/images2/tabbedDot.gif) repeat-x 0 16px; margin: 0; } ul#litContentsPlaceholder .priceType { background: #d8d9da; float: left; } ul#litContentsPlaceholder .priceAmount { background: #d8d9da; float: right; } ul#litContentsPlaceholder .total, ul#litContentsPlaceholder .subtotal { color: #313131; font-weight: bold; } /*Completed Booking, Download Paperwork, Shipment Summary, and Account Info*/ #shipmentCompleted { float: left; width: 818px; margin: 0 35px 10px; } #shipmentCompleted strong { font-family: Arial Black, Arial, Helvetica, sans-serif; } #shipmentCompleted h1 { color: #88acd1; font-size: 24px; font-weight: bold; margin: 0 0 10px; } #shipmentCompleted p { color: #313131; margin: 0 0 10px; font-size: 14px; line-height: 20px; } #shipmentCompleted a { font-weight: bold; font-size: 14px; clear: both; margin: 0 0 10px; float: left; } #shipmentCompleted a.print { background: url(../images2/printIcon.gif) no-repeat 0 2px; padding: 0 0 0 16px; } #shipmentCompleted a.backHome { margin: 0 0 25px; background: url(../images2/homeIcon.gif) no-repeat 0 2px; padding: 0 0 0 16px; } #termsBox { float: left; padding: 15px 0 25px 0; } #holder .contentTopMargin { margin: 20px 0 0 0; } .destination .instruct a { float: left; font-weight: bold; margin-top: 10px; } #btnImgClose { float: left; } #btnImgPrint { float: left; margin-right: 15px; } #accountSections { float: left; width: 870px; padding: 0 0 25px; } #accountSections a { font-size: 14px; font-weight: bold; margin: 0 25px 0 0; color: #f65e14; text-decoration: underline; background: url(../images2/edit.gif) no-repeat 0 2px; padding: 0 0 0 16px; } #accountSections a:hover { color: #313131; } #rdCustType table { height: 28px; width: 160px; margin: 0; padding: 0; } #rdCustType tr { height: 28px; width: 160px; } #rdCustType td { float: left; height: 28px; width: 80px; } #rdCustType input { float: left; width: auto; height: auto; border: none; margin: 5px 0 5px 3px; padding: 0; background: none; } .destination .column li #rdCustType label { float: left; text-align: left; width: 48px; height: 15px; font-size: 11px; color: #313131; padding: 7px 0 0 3px; margin: 0; } .destination .column li.customerType { } .destination .column li label .required { float: none; font-weight: bold; color: #f65e14; padding: 0; margin: 0 2px 0 0; font-size: 12px; line-height: 10px; } #pnlbutton { float: right; width: 870px; margin-top: -15px; } #pnlbutton input { float: right; width: 158px; height: 65px; } #butncls1 input.downloadBOL { float: right; width: 200px; height: 50px; padding: 0; margin: 5px 0 0; } #cbEmailStatusUpdate { width: auto; margin-top: 8px; } /* .destination #gvShipmentStatus { float: left; width: 828px; border-collapse: separate !important; margin: 35px 0 0; border: none; } .destination #gvShipmentStatus tr { } .destination #gvShipmentStatus tr.tableHead th { padding: 8px; color: #313131; background: none; border-left: none; border-right: none; font-weight: bold; text-shadow: none; font-size: 14px; text-align: center; border-bottom: 1px solid #ccc; } .destination #gvShipmentStatus td { padding: 8px 3px; text-align: center; font-weight: normal; font-size: 12px; line-height: 14px; border-bottom: 1px solid #ccc; } .destination #gvShipmentStatus tr.oddRow td { background: none; } */ /*Login page*/ #frmLogin { float: left; background: green; } #loginWrap { float: left; width: 425px; background: url(../images2/barTopSummary.gif) top no-repeat #ebebeb; } #loginWrap ul { float: left; width: 405px; margin: 0; padding: 30px 10px 30px; background: url(../images2/barBottomSummary.gif) bottom no-repeat; } #loginWrap li { float: left; font-size: 16px; color: #6d6f72; margin: 0 0 15px; padding: 0; width: 405px; } #loginWrap input { float: left; width: 190px; margin: 0; padding: 8px; border: 1px solid #ccc; font-size: 14px; color: #313131; background: #fff; height: auto; } #loginWrap label { float: left; width: 135px; text-align: right; margin: 2px 10px 0 0; } #loginWrap li.loginButton input { border: none; padding: 0; background: url(../images2/btn_login.gif); width: 128px; height: 55px; margin: -5px 0 0 142px; } #loginWrap li.forgot { width: 365px; margin: 0 0 0 20px; border-top: 2px dotted #ccc; } #loginWrap li.forgot a { width: 365px; float: left; margin: 0; padding: 15px 0 0 0; text-align: center; } #join { float: left; width: 380px; margin: 10px 0 0 45px; text-align: left; } #join h1 { font-size: 28px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; text-transform: uppercase; padding: 0; margin: 0; } #join h3 { font-size: 16px; font-weight: bold; color: #88acd1; margin: 0; padding: 0; } #join li { font-size: 16px; font-weight: normal; padding: 5px 0 0 10px; margin: 0; } #join a { float: left; color: #f65e14; font-size: 14px; font-weight: bold; background: url(../images2/edit.gif) no-repeat 0 2px; padding: 0 0 0 16px; } #join a:hover { color: #6d6f72; } /*tracking*/ #content .trackingWrap { float: left; margin: 0 0 25px; padding: 0; background: url(../images2/trackingBKGD.gif) top no-repeat #ebebeb; width: 870px; } #trackingForm { float: right; width: 430px; } #trackingForm ul { float: right; margin: 0; padding: 0; } #trackingForm li { float: right; width: 430px; margin: 0 0 10px; padding: 0; } #trackingForm li.trackingText { margin: -7px 0 10px; padding: 0; font-style:italic; color: 474747; } #trackingForm label { float: left; width: 150px; text-align: right; padding: 5px 5px 0 0; } #btn_tracking { float: left; width: 110px; height: 35px; background: url(../images2/btn_tracking.gif); text-indent: -9999px; padding: 0; margin: 0; border: none; cursor: pointer; } p.trackingFinePrint { float: left; width: 870px; font-size: 10px; font-style: italic; margin: -15px 0 20px; padding: 0; } p.trackingThanks { float: left; width: 350px; margin: 25px 0 0 50px; color: #313131; } p.trackingThanks strong { font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 26px; } /*TL*/ .TLheader { background: url(../images2/graphicHeaders_TL.gif); } /*for graphic header*/ #TLcontent { } #TLcontent p { line-height: 18px; margin: 0 0 15px; } #TLcontent p.intro { font-size: 14px; line-height: 22px; margin: 0 0 25px; } #TLcontent h2, #TLcontact h3 { margin: 0 0 5px; padding: 0; background: none; font-size: 14px; font-weight: bold; color: #313131; } #TLcontact { background: url(../images2/contactSideBottomBKGD.jpg) bottom right no-repeat; } #TLcontact span { float: left; width: 177px; padding: 15px 10px 15px 15px; background: url(../images2/contactSideTopBKGD.jpg) top no-repeat; } #TLcontact label { float: left; width: 182px; font-size: 12px; margin: 10px 0 1px; } #TLcontact input, #TLcontact select, #TLcontact textarea { float: left; font-family: Arial, Helvetica, sans-serif; width: 150px; border-bottom: 1px solid #CFDEED; border-right: 1px solid #CFDEED; border-top: 1px solid #C3D5E8; border-left: 1px solid #C3D5E8; color: #313131; padding: 4px; font-size: 11px; } #TLcontact select { padding: 2px; width: auto; } #TLcontact textarea { width: 150px; height: 100px; } #TLcontact .TLbutton { float: left; font-family: Arial, Helvetica, sans-serif; width: 75px; height: 25px; color: #fff; border: none; background: url(../images2/buttonTLform.jpg); font-size: 12px; line-height: 10px; padding: 0 0 0 5px; text-align: left; cursor: pointer; margin: 10px 0 0; } #TLcontact .TLbutton:hover { background-position: 0 -25px; } #TLcontact .TLformError { width: auto; height: auto; background: none; margin: 0; padding: 0 0 5px; } #TLcontact .TLformSuccess { width: auto; height: auto; background: none; margin: 0; padding: 0 0 15px; color: red; font-weight: bold; } /* -- You Crate --*/ .youCrateHeader p { text-indent: -9999px; } #youCrateContent .intro p { float: left; font-size: 15px; line-height: 22px; } #youCrateContent h3 { float: left; width: 498px; margin: 22px 0 10px; color: #88acd1; font-size: 17px; text-transform: uppercase; font-weight: bold; } #youCrateContent .intro ol { float: left; width: 498px; margin: 0 0 10px; padding: 0; } #youCrateContent .intro li { float: left; width: 498px; font-style: italic; color: #313131; margin: 0 0 10px; padding: 0; font-size: 15px; } #youCrateContent .intro li strong { font-family: Arial Black, Arial, Helvetica, sans-serif; font-style: normal; } #youCrateContent ul.highlights { float: left; width: 498px; margin: 0; padding: 0; } #youCrateContent ul.highlights li { float: left; width: 483px; margin: 0 0 8px; font-size: 13px; color: #6d6f72; background: url(../images2/bulletGray.gif) 0 2px no-repeat; padding: 0 0 0 13px; } #youCrateBox { float: left; width: 236px; background: #d2d2d2; padding: 20px; } #youCrateBox h2 { float: left; width: 236px; margin: 0 0 5px; padding: 0; font-size: 20px; color: #313131; background: none; letter-spacing: -0.5px; line-height: 24px; } #youCrateBox h2.crateSize { margin-top: 20px; } #youCrateBox input { float: left; font-size: 14px; margin: 0 0 5px; padding: 8px 5px; width: 130px; border: 1px solid #A6A6A6; } #youCrateBox a { float: left; margin: 11px 30px 0 3px; padding: 0; font-weight: bold; } #youCrateBox select { float: left; font-size: 11px; margin: 0 0 20px; padding: 8px 2px; border: 1px solid #A6A6A6; } #youCrateBox #ibtnQuickQuote { float: left; width: auto; height: auto; } #ycHrDouble { float: left; width: 498px; height: 2px; margin: 25px 0 15px; padding: 0; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .youCrateType { float: left; width: 498px; margin: 10px 0 30px; } .youCrateType img { float: right; } .youCrateType h4 { float: left; width: 284px; font-size: 13px; line-height: 17px; color: #474747; margin: 10px 0 0; } .youCrateType h4 strong { float: left; width: 284px; font-size: 16px; font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #313131; margin: 0 0 3px; } .youCrateType h4 span { float: left; width: 284px; color: #6d6f72; } .youCrateType h4 em { width: 60px; font-style: normal; } .youCrateType h5 { float: left; width: 284px; margin: 15px 0 3px; font-size: 14px; color: #313131; } .youCrateType ul { float: left; width: 284px; margin: 0; padding: 0; } .youCrateType li { float: left; margin: 3px 0 0; padding: 0 0 0 14px; width: 270px; background: url(../images2/arrowOrange.gif) 0 3px no-repeat; color: #6d6f72; font-size: 13px; } /*.youCrateType h3 { float: left; width: 154px; font-size: 12px; line-height: 17px; color: #474747; margin: 0 0 0 45px; } .youCrateType h3 strong { float: left; width: 154px; font-size: 16px; font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #313131; margin: 0 0 3px; } .youCrateType h3 span { float: left; width: 154px; } .youCrateType h3 em { width: 60px; font-style: normal; } .youCrateType h5 { float: left; width: 154px; margin: 15px 0 3px 45px; font-size: 14px; color: #313131; } .youCrateType ul { float: left; width: 154px; margin: 0 0 0 45px; padding: 0; } .youCrateType li { float: left; margin: 4px 0 0; padding: 0 0 0 14px; width: 140px; background: url(../images2/arrowOrange.gif) 0 3px no-repeat; color: #474747; } */ /*motorcycles*/ .motoHeader { background: url(../images2/graphicHeaders_moto.jpg); } /*for graphic header*/ .motoHeader p { text-indent: -9999px; } #motoContent #lblMessage { width: 552px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff; font-size: 12px; line-height: 16px; margin: 0 0 10px; } #motoContent h2 { float: left; font-size: 14px; font-weight: bold; margin: 35px 0 0; padding: 0; background: none; } #motoContent p { float: left; color: #6d6f72; margin: 17px 0 0; line-height: 17px; font-size: 12px; } #motoBox { float: left; width: 572px; background: url(../images2/motoBoxBkgd_bottom.jpg) bottom no-repeat; } #motoBox span.bottom { float: left; width: 532px; padding: 20px; background: url(../images2/motoBoxBkgd_top.jpg) top no-repeat; } #motoBox h2 { float: left; width: 532px; margin: 0 0 10px; padding: 0; font-size: 20px; color: #313131; background: none; letter-spacing: -0.5px; } #motoBox h2 span { font-size: 14px; font-weight: normal; } #motoZips { float: left; } #motoZips input { float: left; font-size: 14px; margin: 0; padding: 8px 5px; width: 100px; border: 1px solid #A6A6A6; } #motoZips a { float: left; margin: 11px 0 0 3px; padding: 0; font-weight: bold; } #motoZips img { float: left; margin: 15px 17px; } #motoZips input.btn_getMotoRates { height: auto; width: auto; border: none; margin: 0; padding: 0; } .motoWrongZip { float: left; width: 512px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff !important; font-size: 12px; line-height: 12px; margin: 0 0 10px; display : none; } #motoBox #priceBox span { width: auto; background: none; } #motoPriceBox { z-index: 1; float: left; padding: 0; position: relative; } #priceBoxOverlay { z-index: 10; position: absolute; top: 0; left: 0; width: 528px; height: 77px; padding: 65px 4px 0 0; text-align: center; font-size: 14px; line-height: 14px; color: #313131; font-style: italic; background: url(../images2/motoPriceBox_overlay.gif) no-repeat top; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92; } #motoPriceBox .motoPrice, #motoPriceBox .motoPrice2 { float: left; width: 236px; height: 122px; background: url(../images2/motoPriceBox_bkgd.gif); position: relative; padding: 20px 0 0 20px; } #motoPriceBox .motoPrice2 { margin: 0 20px 0 0; } #motoPriceBox .motoPrice span, #motoPriceBox .motoPrice2 span { float: left; width: 236px; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #ccc; margin: 0; padding: 0; line-height: 16px; } #motoPriceBox .motoPrice h1, #motoPriceBox .motoPrice2 h1 { float: left; width: 236px; font-size: 34px; color: #fff; font-family: Arial Black, Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 34px; } #motoPriceBox .motoPrice input, #motoPriceBox .motoPrice2 input { float: left; margin: 8px 0 0; padding: 0; } #motoPriceBox .motoPrice h1 a, #motoPriceBox .motoPrice2 h1 a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 3px; padding: 0; } #motoPriceBox .motoPrice h1 a:hover, #motoPriceBox .motoPrice2 h1 a:hover { color: #f65e14; } #motoPriceBox .motoPrice .trigger, #motoPriceBox .motoPrice2 .trigger { cursor: pointer; } #motoPriceBox .motoPrice .t2tinfo { position: absolute; z-index: 50; display: none; width: 430px; height: 370px; padding: 25px; background: url(../images2/t2tinfo_bkgd.png) no-repeat; } #motoPriceBox .motoPrice2 .d2dinfo { position: absolute; z-index: 50; display: none; width: 250px; height: 230px; padding: 25px; background: url(../images2/d2dinfo_bkgd.png) no-repeat; } div.motoRule1 { float: left; width: 532px; background: #b3b3b3; height: 1px; margin: 25px 0 0; padding: 0; } div.motoRule2 { float: left; width: 532px; background: #d9d9d9; height: 1px; margin: 0 0 25px; padding: 0; } div.motoRule3 { float: left; width: 532px; background: #999999; height: 1px; margin: 25px 0 0; padding: 0; } div.motoRule5 { float: left; width: 532px; background: #999999; height: 1px; margin: 15px 0 0; padding: 0; } div.motoRule4 { float: left; width: 532px; background: #c7c7c7; height: 1px; margin: 0 0 25px; padding: 0; } #motoBox h3 { float: left; width: 532px; margin: 0 0 10px; padding: 0; font-size: 14px; color: #313131; background: none; text-transform: uppercase; } #motoBox p { float: left; width: 532px; font-size: 14px; color: #595959; font-style: italic; line-height: 20px; margin: 0; padding: 0; } #motoSlideshow { float: left; width: 532px; padding: 20px; background: url(../images2/motoSlideshow_bkgd.gif); margin: 30px 0 0; } #motoSlideshow span { float: left; width: 212px; padding: 0 20px 0 0; } #motoSlideshow h4 { float: left; width: 212px; margin: 0 0 10px 0; font-size: 16px; color: #474747; line-height: 18px; } #motoSlideshow ul { float: left; width: 212px; margin: 0; padding: 0; } #motoSlideshow li { float: left; width: 212px; list-style-type: none; font-size: 14px; margin: 0 0 5px; color: #6d6f72; padding: 0; } #motoSlideshow .motoSWF { float: left; } #motoSidebar { color: #313131; font-size: 12px; line-height: 17px; } #motoSidebar p { color: #6d6f72; margin: 0 0 17px; } #motoSidebar h4 { font-size: 11px; text-transform: uppercase; color: #88acd1; } #motoSidebar h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px; } /*moto popups*/ #motoPriceBox .motoPrice .t2tinfo h4 { float: left; width: 430px; padding: 0; margin: 0 0 9px; font-size: 16px; color: #313131; font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 14px; } #motoPriceBox .motoPrice2 .d2dinfo h4 { float: left; width: 250px; padding: 0; margin: 0 0 9px; font-size: 16px; color: #313131; font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 14px; } #motoPriceBox .motoPrice .t2tinfo p { float: left; width: 430px; padding: 0; margin: 0 0 9px; font-size: 14px; line-height: 18px; color: #313131; } #motoPriceBox .motoPrice2 .d2dinfo p { float: left; width: 250px; padding: 0; margin: 0 0 9px; font-size: 14px; line-height: 18px; color: #313131; } #motoPriceBox .motoPrice .t2tinfo ul { float: left; width: 130px; margin: 0 20px 0 0; padding: 0; } #motoPriceBox .motoPrice .t2tinfo ul.last { margin: 0; } #motoPriceBox .motoPrice .t2tinfo li { font-size: 12px; color: #6d6f72; font-style: italic; margin: 0 0 2px; padding: 0; } #motoPriceBox .motoPrice .t2tinfo li span { font-size: 12px; color: #f65e14; font-style: italic; margin: 0x; padding: 0; float: none; width: auto; } /*Contatct*/ #headerSubNav { float: right; margin: 5px 0 0; font-size: 14px; } #headerSubNav a { float: none; } #sideBar { } #sideBar a.signUp { float: left; width: 192px; height: 21px; padding: 9px 0 0 10px; background: url(../images2/signUpbutton.gif); font-weight: bold; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; } #sideBar a:hover.signUp { background-position: 0 -30px; } #sideBar img.news { border: 10px solid #ebebeb; margin: 15px 0 0; } #contactSide { float: left; background: url(../images2/contactSideBottomBKGD.jpg) bottom; } #contactSide span { float: left; width: 182px; padding: 10px; background: url(../images2/contactSideTopBKGD.jpg) top no-repeat; } #contactSide h3 { float: left; width: 182px; font-size: 14px; color: #313131; font-weight: bold; } #contactSide a { float: left; margin: 10px 0 0; clear: both; width: 130px; } #contactSide a.newWindow { padding: 0 0 0 18px; background: url(../images2/iconOpenWindow.gif) no-repeat 0 1px; } #contactSide a:hover.newWindow { background-position: 0 -15px; } #contactSide a.download { padding: 0 0 0 16px; background: url(../images2/iconDnld.gif) no-repeat; } #contactSide a:hover.download { background-position: 0 -16px; } #contactSide p { float: left; width: 182px; margin: 5px 0 0; } #contactSide ul { float: left; width: 182px; list-style: none; margin: 10px 0 0; padding: 0; } #contactSide li { float: left; width: 182px; margin: 0 0 2px; padding: 0; } #contactSide ul span { float: left; width: 55px; background: none; padding: 0; } #contactSide hr { float: left; width: 182px; height: 1px; margin: 15px 0; border: 0; background: url(../images2/contentSideDot.gif); } #contactContent { } #contactContent h2 { float: left; width: 572px; font-size: 20px; line-height: 20px; color: #313131; font-weight: normal; background: none; margin: 0 0 15px; padding: 0; } #contactContent h2 span { float: left; font-size: 40px; font-weight: bold; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #88acd1; margin: 0; padding: 0; line-height: 40px; letter-spacing: -0.5px; } #contactContent p { float: left; width: 572px; line-height: 18px; } #contactContent p.contactDesc { width: 572px; margin: 5px 0 0; } #contactContent hr { float: left; width: 646px; height: 1px; margin: 20px 0; border: 0; background: url(../images2/grayDot.gif); } #contactContent ul { float: left; width: 572px; margin: 15px 0 0; padding: 0; } #contactContent li { float: left; width: 572px; margin: 0 0 10px; padding: 0; } #contactContent label { float: left; width: 140px; font-weight: bold; color: #313131; font-style: italic; padding: 8px 0 0; } #contactContent input { float: left; width: 205px; border: 1px solid #ccc; background: #ebebeb; font-size: 14px; padding: 5px; } #contactContent select { float: left; width: 215px; border: 1px solid #ccc; background: #ebebeb; font-size: 14px; } #contactContent textarea { float: left; width: 420px; height: 75px; border: 1px solid #ccc; background: #ebebeb; font-size: 14px; padding: 5px; font-family: Arial, Helvetica, sans-serif; } #contactContent #btnSendEmail { float: left; font-family: Arial, Helvetica, sans-serif; width: 75px; height: 25px; color: #fff; border: none; background: url(../images2/buttonContactForm.jpg); font-size: 12px; line-height: 10px; padding: 0 0 0 5px; text-align: left; cursor: pointer; } #contactContent #btnSendEmail:hover { background-position: 0 -25px; } #contactContent .contactFormSuccess { float: left; width: 640px; height: auto; font-size: 14px; background: none; margin: 0; padding: 0 0 15px; color: red; font-weight: bold; } /*FAQ*/ #FAQcontent .FAQanswer { float: left; display: none; } #FAQcontent h2 { float: left; width: 572px; margin: 7px 0 0; padding: 8px 0 0; background: url(../images2/tabbedDot.gif) repeat-x; } #FAQcontent h2 a { float: left; font-size: 14px; font-weight: bold; color: #313131; text-decoration: none; margin: 0 0 0 -20px; padding: 0 0 0 20px; outline: none; } #FAQcontent h2 a.faqDown:hover { background: url(../images2/icn_arrowUpDownOrange.gif) 0 3px no-repeat; color: #f65e14; } #FAQcontent h2 a.faqUp { color: #313131; } #FAQcontent h2 a.faqUp:hover { background: url(../images2/icn_arrowUpDownOrange.gif) 0 -13px no-repeat; color: #f65e14; } #FAQcontent p { float: left; width: 572px; font-size: 12px; line-height: 18px; margin: 5px 0 10px; padding: 0; } #FAQcontent a.expandAll { float: right; margin: 0 13px 0 0; background: url(../images2/icn_arrowUpDownOrange.gif) 0 5px no-repeat; padding: 0 0 0 15px; } #FAQcontent a.collapseAll { float: right; margin: 0; background: url(../images2/icn_arrowUpDownOrange.gif) 0 -13px no-repeat; padding: 0 0 0 15px; } #FAQcontent a.expandAll:hover, #FAQcontent a.collapseAll:hover { color: #f65e14; } /*Auto*/ .auto { background: url(../images2/graphicHeaders_auto.jpg); } /*for graphic header*/ #autoIntro { margin-top: 20px; } #autoIntro h2 { font-size: 17px; line-height: 22px; margin: 0 0 22px; color: #313131; padding: 0; text-transform: uppercase; background: none; } #autoIntro p { font-size: 15px; line-height: 22px; margin: 0 0 22px; padding: 0; } #autoTypes { margin-top: 20px; margin-left: 9px; border-left: 1px solid #ccc; } #autoTypes h4 { float: left; width: 112px; margin: 0 0 22px; padding: 0 0 0 15px; font-size: 13px; color: #313131; } #autoTypes ul { float: left; margin: 0; padding: 0; } #autoTypes li { float: left; width: 93px; margin: 0 0 15px; padding: 0 0 0 34px; font-size: 13px; line-height: 13px; color: #313131; background: url(../images2/chk_blu.gif) 17px 1px no-repeat; } #autoHrDouble { float: left; width: 498px; height: 2px; margin: 15px 0; padding: 0; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #autoHighlights h4 { float: left; width: 498px; margin: 22px 0 18px; color: #88acd1; font-size: 17px; text-transform: uppercase; } #autoHighlights ul { float: left; margin: 0; padding: 0; } #autoHighlights li { float: left; margin: 0; padding: 0; width: 498px; } #autoHighlights h5 { font-size: 13px; line-height: 18px; color: #474747; margin: 0; padding: 0; } #autoHighlights p { font-size: 13px; line-height: 18px; color: #6d6f72; margin: 0 0 18px; padding: 0; } #autoForm { background: url(../images2/autoFormBottom.gif) bottom; margin: 0 0 0 84px; } #autoForm span { float: left; width: 236px; padding: 20px; background: url(../images2/autoFormTop.gif) top no-repeat; } #autoForm h2 { float: left; width: 236px; margin: 0 0 22px; padding: 0; background: none; font-size: 17px; line-height: 17px; text-transform: uppercase; color: #88acd1; } #autoForm ul { float: left; width: 251px; margin: 0; padding: 0; } #autoForm ul li { float: left; width: 251px; margin: 0; padding: 0; height: 34px; } #autoForm label { float: left; width: 100px; text-align: left; color: #6d6f72; font-size: 12px; line-height: 12px; padding: 8px 5px 0 0; } #autoForm ul input, #autoForm textarea, #autoForm ul select { float: left; width: 118px; border-bottom: 1px solid #CFDEED; border-right: 1px solid #CFDEED; border-top: 1px solid #C3D5E8; border-left: 1px solid #C3D5E8; color: #313131; padding: 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #autoForm ul input.hasDatepicker { width: 93px; } #autoForm ul select { width: 126px; } #autoForm ul.left { margin-right: 30px; } .autoFormText { float: left; width: 32px; } #autoForm textarea { float: left; width: 224px; } #autoForm .autoFormButton { float: left; font-family: Arial, Helvetica, sans-serif; width: 120px; height: 40px; color: #fff; border: none; background: url(../images2/btn_autoForm.gif) no-repeat; font-size: 14px; line-height: 16px; padding: 0 0 0 20px; text-align: left; cursor: pointer; margin: 12px 0 0; } #autoForm .contactFormSuccess { float: left; width: 209px; height: auto; background: #CEF9B2 url(../images2/chk_green.gif) 10px 11px no-repeat; border-top: 1px solid #009B00; border-bottom: 1px solid #009B00; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #009B00; font-size: 12px; font-weight: bold; line-height: 12px; } #autoForm .contactFormFail { float: left; width: 209px; height: auto; background: #FF4D4D url(../images2/icn_redX.gif) 10px 11px no-repeat; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; } #vsAuto { float: left; width: 216px; padding: 10px 10px 2px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; color: #fff; font-size: 12px; line-height: 12px; } #vsAuto ul { float: left; width: 216px; padding: 0; margin: 0; } #autoForm #vsAuto li { float: left; width: 201px; height: auto; margin: 0 0 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } /* -- COMMON CONTENT /insurance, /payment, /jobs, /Terms & Conditions --*/ #commonContent .first { margin-top: 0; } #commonContent h2 { float: left; width: 572px; font-size: 17px; font-weight: bold; color: #313131; margin: 30px 0 10px; padding: 0; background: none; } #commonContent h3 { float: left; width: 572px; font-size: 13px; font-weight: bold; color: #474747; margin: 30px 0 10px; padding: 0; background: none; } #commonContent p { float: left; width: 572px; font-size: 13px; line-height: 18px; margin: 0 0 15px; padding: 0; } #commonContent p.intro { font-size: 15px; line-height: 26px; } #commonContent ul { float: left; width: 572px; margin: 0 0 18px; padding: 0; } #commonContent li { width: 542px; font-size: 12px; line-height: 14px; font-style: italic; margin: 0 0 12px 0; padding: 0 0 0 15px; background: url(../images2/bulletGray.gif) no-repeat 0 0; } #commonContent ul.moreText li { font-size: 12px; line-height: 16px; font-style: italic; margin: 0 0 18px 0; } #commonContent li.check { background: url(../images2/chk_blu.gif) no-repeat 0 1px; } #commonContent li.checkGreen { background: url(../images2/chk_green.gif) no-repeat 0 0; } #commonContent li.arrow313131 { background: url(../images2/arrow313131.gif) no-repeat 0 2px; } #commonContent li.arrowOrange { background: url(../images2/arrowOrange.gif) no-repeat 0 2px; } #commonContent .hr { float: left; width: 572px; background: #ccc; height: 1px; margin: 15px 0; padding: 0; overflow: hidden; } #getQuoteCallout { float: left; margin: 0 0 18px; padding: 0; height: 68px; background: url(../images2/getQuoteBKGD_k.gif); } #getQuoteCallout h4 { float: left; padding: 25px 0 0 15px; margin: 0; color: #fff; font-size: 18px; line-height: 21px; } #getQuoteCallout a { float: right; margin: 15px 15px 0 0; padding: 11px 0 0 30px; color: #fff; background: url(../images2/btn_getQuote_onK.gif); width: 150px; height: 29px; font-size: 16px; font-weight: bold; text-decoration: none; } #getQuoteCallout a:hover { background-position: 0 -40px; } #getQuoteCalloutSide { float: left; width: 202px; margin: 0 0 18px; padding: 0; height: 118px; background: url(../images2/getQuoteBKGDsidebar_k.gif); } #getQuoteCalloutSide h4 { float: left; padding: 15px 0 0 15px; margin: 0; color: #fff; font-size: 14px; line-height: 17px; } #getQuoteCalloutSide a { float: left; margin: 16px 0 0 12px; padding: 11px 0 0 30px; color: #fff; background: url(../images2/btn_getQuoteSidebar_onK.gif); width: 150px; height: 29px; font-size: 16px; font-weight: bold; text-decoration: none; } #getQuoteCalloutSide a:hover { background-position: 0 -40px; } /* -- LANDING PAGES --*/ #landingPageRelativeHolder { position: relative; float: left; } #landingPageQuote { position: absolute; top: 0; left: 0; } #landingTLpush { margin-top: 720px; } #landingLTLpush { margin-top: 720px; } #landingSmallBizPush { margin-top: 760px; } #landingFurniturePush { margin-top: 720px; } #landingTCompsPush { margin-top: 780px; } #landingServicesPush { margin-top: 720px; } #landingServicesPush ul { width: auto; } #landingServicesPush li { padding: 5px 0 0; margin: 0; background: none; font-style: normal; } #landingServicesPush h3 { margin: 0; float: none; font-weight: normal; font-size: 12px; } .landingPagePush { margin-top: 740px; } .landingPagePull { position: absolute; top: 270px; left: 0; } #landingPageInfo { position: absolute; bottom: -50px; left: 0; } .landingPageContent .first { margin-top: 0; } .landingPageContent h2 { float: left; font-size: 17px; font-weight: bold; color: #313131; margin: 10px 0; padding: 0; background: none; text-transform: uppercase; } .landingPageContent h3 { float: left; font-size: 14px; font-weight: bold; color: #313131; margin: 10px 0; padding: 0; background: none; } .landingPageContent h4 { float: left; font-size: 13px; font-weight: bold; color: #313131; margin: 0 0 15px; padding: 0; } .landingPageContent p { float: left; width: 572px; font-size: 12px; line-height: 18px; margin: 0 0 14px; padding: 0; color: #6d6f72; } .landingPageContent .grid_7 p { width: 498px; } .landingPageContent p.intro { font-size: 15px; line-height: 23px; margin: 0 0 22px; clear: both; } /*.landingPageContent p.agentCalloutP { width: 440px; }*/ .landingPageContent p.agentCallout { width: 360px; padding: 12px 160px 12px 15px; color: #313131; text-shadow: 0 -1px 1px #fff; background: url(../images2/agentCalloutBKGD.jpg) top repeat-x #ccc; font-weight: bold; font-size: 16px; line-height: 22px; margin: 40px 0; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ccc; } .landingPageContent p.agentCallout a { text-decoration: none; } .landingPageContent p.agentCallout a:hover { color: #E15820; } .landingPageContent p.agentCallout img { position: absolute; right: -45px; bottom: 0; } .landingPageContent ul, .landingPageContent ol { float: left; margin: 0 0 18px; padding: 0; clear: both; width: 572px; } .landingPageContent ul li { font-size: 12px; line-height: 14px; font-style: italic; margin: 0 0 12px 0; padding: 0 0 0 15px; background: url(../images2/arrowOrange.gif) no-repeat 0 3px; color: #313131; } .landingPageContent ol li { font-size: 12px; line-height: 14px; font-style: italic; margin: 0 0 12px 0; padding: 0; list-style-type: decimal; list-style-position: inside; color: #313131; } .landingPageContent ul.moreText li { font-size: 12px; line-height: 18px; font-style: italic; margin: 0 0 18px 0; background: none; border-left: 1px solid #f65e14; color: #6d6f72; padding: 0 0 0 10px; } .landingPageContent img { float: left; } .landingPageContent img.accessorialTip { float: none; } .landingPageContent .hr { float: left; width: 572px; margin: 10px 0 20px; background: #ccc; height: 1px; padding: 0; overflow: hidden; } .landingPageContent .hrDbl { float: left; width: 572px; margin: 10px 0 20px; height: 2px; padding: 0; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 0; } #autoHeader { background: url(../images2/graphicHeaders_auto.jpg); margin-bottom: 20px; } .graphicHeader { float: left; width: 868px; height: 250px; position: relative; margin: 40px 10px; } .graphicHeader h1, .graphicHeader p { text-indent: -9999px; } .graphicHeader a { position: absolute; width: 142px; height: 30px; text-indent: -9999px; } .graphicHeader a:hover { background: #fff; filter:alpha(opacity=07); -moz-opacity:0.07; -khtml-opacity: 0.07; opacity: 0.07; } #enterpriseHeader { height: 250px; background: url(../images2/graphicHeaders_enterprise.jpg); margin: 20px 10px 40px; } #enterpriseHeader a { top: 120px; left: 204px; } #enterpriseHeader2 { height: 200px; background: url(../images2/graphicHeaders_enterprise2.jpg); margin: 20px 10px 30px; } #oceanHeader { height: 220px; background: url(../images2/graphicHeaders_ocean.jpg); } #oceanHeader a { top: 120px; left: 204px; } #govHeader { height: 220px; background: url(../images2/graphicHeaders_gov.jpg); margin: 10px 10px 40px; } #govHeader a { top: 134px; left: 204px; } #govHeader2 { height: 170px; background: url(../images2/graphicHeaders_gov2.jpg); margin: 10px 10px 30px; } #smallBizHeader { background: url(../images2/graphicHeaders_smallBiz.jpg); margin: 10px 10px 40px; } #smallBizHeader a { top: 187px; left: 174px; } #smallBizHeader2 { background: url(../images2/graphicHeaders_smallBiz2.jpg); margin: 10px 10px 30px; height: 220px; } #railHeader { height: 210px; background: url(../images2/graphicHeaders_rail.jpg); margin: 10px 10px 40px; } #railHeader a { top: 101px; left: 161px; } #airHeader { background: url(../images2/graphicHeaders_air.jpg); margin: 0 10px 40px; } #airHeader a { top: 186px; left: 204px; } #TLHeader { height: 230px; background: url(../images2/graphicHeaders_TL.jpg); margin: 40px 10px; } #TLHeader a { top: 74px; left: 350px; } #TLHeader2 { height: 180px; background: url(../images2/graphicHeaders_TL2.jpg); margin: 40px 10px; } #TLequipHeader { height: 230px; background: url(../images2/graphicHeaders_TLequip.jpg); margin: 40px 10px; } #TLequipHeader a { top: 74px; left: 488px;} #supplyHeader { background: url(../images2/graphicHeaders_supplyChain.jpg); margin: 10px 10px 40px; } #supplyHeader a { top: 184px; left: 207px; } #enginesHeader { height: 220px; background: url(../images2/graphicHeaders_engines.jpg); } #enginesHeader a { top: 69px; left: 487px; width: 163px; height: 34px; } #enginesHeader2 { height: 175px; background: url(../images2/graphicHeaders_engines2.jpg); margin: 30px 10px; } #furnitureHeader { background: url(../images2/graphicHeaders_furniture.jpg); margin: 10px 10px 40px; } #furnitureHeader a { top: 120px; left: 487px; width: 163px; height: 34px; } #furnitureHeader2 { height: 200px; background: url(../images2/graphicHeaders_furniture2.jpg); margin: 20px 10px 30px; } #LTLheader { height: 230px; background: url(../images2/graphicHeaders_LTL.jpg); } #LTLheader a { top: 109px; left: 34px; width: 163px; height: 34px; } #LTLqqHeader2 { height: 210px; background: url(../images2/graphicHeaders_LTLqq2.jpg); margin: 5px 10px 0; } #LTLqqHeader { height: 210px; background: url(../images2/graphicHeaders_LTLqq.jpg); margin: 30px 10px; } p#landingHeadText { font-size: 14px; line-height: 20px; } #auditingHeader { height: 230px; background: url(../images2/graphicHeaders_auditing.jpg); margin: 0 10px 40px; } #auditingHeader a { top: 158px; left: 204px; } #intermodalHeader { height: 230px; background: url(../images2/graphicHeaders_intermodal.jpg); } #intermodalHeader a { top: 140px; left: 497px; width: 163px; height: 34px; } #internationalHeader { height: 210px; background: url(../images2/graphicHeaders_international.jpg); } #internationalHeader a { top: 90px; left: 203px; } #firstHeader2 { height: 160px; background: url(../images2/graphicHeaders_first2.jpg); margin: 5px 10px 30px; } #TMSheader { background: url(../images2/graphicHeaders_TMS.jpg); margin: 30px 10px; height: 200px; } #partnerHeader { height: 230px; background: url(../images2/graphicHeaders_partner.jpg); } #partnerHeader a { top: 89px; left: 462px; width: 163px; height: 34px; } .container_12 #tradeshowHeader { margin: 30px 0 -10px; } #householdHeader { height: 210px; background: url(../images2/graphicHeaders_household.jpg); margin: 30px 10px; } #STRONGheader { background: url(../images2/graphicHeaders_STRONG.jpg); margin: 10px 10px 40px; height: 210px; } #LPGheader { background: url(../images2/graphicHeaders_LPG.jpg); margin: 15px 10px 0; height: 215px; } /*#LPGheader p { text-indent: 0; font-size: 14px; line-height: 20px; color: #313131; margin: 72px 0 0 304px; padding: 0; width: 552px; }*/ #LPGheader p { text-indent: 0; font-size: 16px; line-height: 20px; font-weight: bold; color: #406584; margin: 90px 0 0 23px; padding: 0; width: 552px; } #LPGterms { float: left; margin-top: 30px; } #LPGterms h4 { color: #999; } #LPGterms p { color: #999; font-size: 10px; line-height: 14px; font-style: italic; } .landingSideForm { float: left; background: url(../images2/landingContactFormBKGD.gif) 0 0 no-repeat #DBE6F1; width: 236px; padding: 20px 20px 15px; margin: 0 0 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .landingSideForm h3 { margin: 0; padding: 0 0 15px; font-size: 20px; width: 236px; border-bottom: 1px solid #C3D5E8; } .landingSideForm h4 { margin: 0; padding: 0 0 8px; font-size: 16px; width: 236px; /*border-top: 1px solid #F9FBFD;*/ } .landingSideForm p { margin: 0; padding: 0; width: 236px; } .landingSideForm ul { float: left; width: 236px; margin: 0; padding: 15px 0 0; border-top: 1px solid #F9FBFD; /*border-bottom: 1px solid #C3D5E8;*/ } .landingSideForm ul li { float: left; width: 251px; margin: 0 0 8px; padding: 0; background: none; font-style: none; position: relative; } .landingSideForm label { float: left; width: 100px; text-align: left; color: #6d6f72; font-size: 12px; line-height: 12px; padding: 8px 5px 0 0; font-style: normal; } .landingSideForm ul input, .landingSideForm textarea, .landingSideForm ul select { float: left; width: 118px; border-bottom: 1px solid #CFDEED; border-right: 1px solid #CFDEED; border-top: 1px solid #C3D5E8; border-left: 1px solid #C3D5E8; color: #313131; padding: 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .landingSideForm ul select { width: 126px; } .landingSideForm textarea { float: left; width: 224px; } .landingSideForm .landingContactButton { float: left; font-family: Arial, Helvetica, sans-serif; width: 121px; height: 25px; color: #fff; border: none; background: url(../images2/btn_landingContact.gif) no-repeat; font-size: 14px; line-height: 16px; padding: 9px 0 0 15px; text-align: left; cursor: pointer; margin: 0; font-style: normal; text-decoration: none; } .landingSideForm .landingContactButton:hover { background-position: 0 -34px; } .landingSideForm .contactFormFail { float: left; width: 209px; height: auto; background: #FF4D4D url(../images2/icn_redX.gif) 10px 11px no-repeat; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; } .landingSideForm .missedField { position: absolute; left: 235px; top: 2px; font-size: 9px; width: 50px; height: 18px; color: #FF4D4D !important; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); } #sidebarNav { float: left; width: 200px; padding: 0; margin: 0 0 25px; background: #EDF3F8; border: 1px solid #DBE6F1; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #sidebarNav li { float: left; width: 200px; padding: 0; margin: 0; border-bottom: 1px solid #DBE6F1; border-top: 1px solid #FBFCFE; font-weight: bold; font-style: normal; background: none; } #sidebarNav li.title { width: 185px; padding: 7px 0 6px 15px; background: #dbe6f1; border-bottom: 1px solid #c3d5e8; border-top: none; color: #fff; text-transform: uppercase; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #sidebarNav li.first { border-top: none; } #sidebarNav li.last { border-bottom: none; } #sidebarNav li.last a { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } #sidebarNav li a { float: left; width: 185px; padding: 7px 0 6px 15px; margin: 0; text-decoration: none; color: #313131; /*background: url(../images2/arrow313131.gif) 15px 12px no-repeat;*/ } #sidebarNav li.indent a { color: #7391B0; background: none; width: 178px; font-weight: normal; padding-left: 22px; } #sidebarNav li a:hover { background: #F7F9FC } #landingPartnerships #navPartnerships, #landingCalculators #navCalculators, #landingAPI #navAPI, #landingTMS #navTMS, #landingAuditing #navAuditing, #landingSmallBiz #navSmallBiz, #landingEnterprise #navEnterprise, #landingGov #navGov, #landingInternational #navInternational, #landingLTL #navLTL, #landingTL #navTL, #landingTLequip #navTLequip, #landingIntermodal #navIntermodal, #landingOcean #navOcean, #landingAir #navAir, #landingRail #navRail, #landingSupply #navSupply { background: #F7F9FC; } /*Enterprise*/ #enterpriseIntro, #smallBizIntro { margin-bottom: 40px; } #enterpriseIntro p, #smallBizIntro p { width: 424px; } #enterpriseBullets, #smallBizBullets { float: left; margin: 0 0 40px 0; padding: 0 54px 0 20px; width: 147px; /*border-left: 1px solid #ccc;*/ } #enterpriseBullets ul, #smallBizBullets ul { float: left; margin: 0; padding: 0; width: 147px; } #enterpriseBullets li, #smallBizBullets li { float: left; position: relative; width: 127px; padding: 0 0 0 23px; margin: 0 0 18px; font-size: 13px; background: none; color: #313131; font-style: italic; line-height: 18px; } #enterpriseBullets li img, #smallBizBullets li img { position: absolute; top: 2px; left: 0; } #enterpriseMiddle { float: left; background: #f2f2f2; padding: 20px; margin: 0 10px; width: 828px; } #enterpriseMiddle p { width: 262px; margin: 0 20px 0 0; } #enterpriseMiddle h2 { float: left; width: 828px; margin: 0 0 16px; padding: 0; background: none; font-size: 22px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #6d6f72; text-shadow: 0 1px 0px #fff; } #enterpriseMiddle label { float: left; width: 262px; text-align: center; color: #313131; } #enterpriseFinalPoints { margin-top: 40px; } #enterpriseFinalPoints h3 { float: left; width: 202px; font-size: 22px; font-weight: bold; color: #88acd1; line-height: 28px; margin: 0; } #enterpriseFinalPoints ul { float: left; width: 666px; padding: 0; margin: 0; clear: none; } #enterpriseFinalPoints ul.second { padding-left: 202px; } #enterpriseFinalPoints li { float: left; width: 202px; padding: 0 0 0 20px; margin: 0; font-style: normal; background: none; } #enterpriseFinalPoints li p { margin-bottom: 30px; width: 202px; } #enterpriseFinalPoints li strong { float: left; width: 202px; margin: 0 0 3px; font-size: 14px; color: #313131; font-weight: bold; } /*Small Business*/ blockquote#smallBizQuote { float: left; width: 808px; padding: 25px 30px; margin: 0 10px 40px; text-align: center; background: #EDF3F8 url(../images2/quoteTriangle.gif) center bottom no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; } blockquote#smallBizQuote p { width: 808px; font-size: 16px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #313131; } blockquote#smallBizQuote .author { font-size: 12px; color: #6d6f72; font-style: italic; /*font-weight: bold;*/ } .landingPageContent .hrSmallBiz { margin: 0 10px; width: 868px; } .landingPageContent .hrLTLqq { margin: 0 10px 50px 10px; width: 868px; } .landingPageContent .hrExpandingQQ { margin: 10px 10px 50px 10px; width: 868px; } blockquote#smallBizQuote .author a { color: #6d6f72; font-weight: normal; } #smallBizMiddle { background: url(../images2/smallBizAgent.jpg) bottom right no-repeat; padding: 20px 0 0; } #smallBizMiddle h2 { font-size: 22px; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #6d6f72; text-shadow: 0 1px 0px #fff; } #smallBizMiddle p { color: #6d6f72; line-height: 20px; margin: 0 0 50px; } #smallBizFinalPoints { margin-top: 40px; } #smallBizFinalPoints ul { float: left; width: 870px; padding: 0; margin: 0; } #smallBizFinalPoints li { float: left; width: 276px; padding: 0; margin: 0 20px 0 0; background: none; font-style: normal; } #smallBizFinalPoints li.last { margin: 0; } #smallBizFinalPoints li p { margin-bottom: 30px; width: 276px; } #smallBizFinalPoints li strong { float: left; width: 276px; margin: 0 0 3px; font-size: 14px; color: #313131; font-weight: bold; } #smallBizFinalPoints h3 { float: left; width: 870px; margin: 0 0 15px; font-size: 22px; font-weight: bold; color: #88acd1; line-height: 28px; } /*Enginges*/ #engineIntro p { width: 350px; } #enginesList { margin-left: 9px; border-left: 1px solid #ccc; } #enginesList h4 { float: left; width: 112px; margin: 0 0 22px; padding: 0 0 0 15px; font-size: 13px; color: #313131; } #enginesList ul { float: left; width: 202px; margin: 0; padding: 0; } #enginesList li { float: left; width: 168px; margin: 0 0 15px; padding: 0 0 0 34px; font-size: 13px; line-height: 13px; color: #313131; background: url(../images2/chk_blu.gif) 17px 1px no-repeat; } /*Household Goods*/ ul#householdItems { width: 202px; } /*Furniture Pages*/ img.cabinet { float: right; margin: 230px 0 -90px; } img.couchR { float: right; } /*STRONG Certified*/ #STRONGpoints { float: left; width: 572px; margin: 30px 0 40px; padding: 0; background: #f2f2f2; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #STRONGpoints h3 { float: left; width: 532px; margin: 0; padding: 20px; color: #f65e14; font-weight: normal; font-size: 18px; line-height: 18px; background: url(../images2/STRONGpointsBKGD.jpg) bottom repeat-x; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #STRONGpoints ul { margin: 0; padding: 0; } #STRONGpoints li { float: left; width: 492px; position: relative; margin: 0; padding: 15px 25px 15px 55px; background: url(../images2/STRONGpointsBKGD.jpg) bottom repeat-x; color: #313131; font-size: 12px; line-height: 18px; font-style: normal; } #STRONGpoints li.last { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } #STRONGpoints li img { position: absolute; top: 19px; left: 19px; } #STRONGpoints li strong { font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; } img#STRONGcarriersList { margin: 15px 0; } #STRONGgetQuote { float: left; width: 162px; padding: 20px; margin: 0 0 20px; background: #313131; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #STRONGcarriers { float: left; width: 162px; padding: 20px; margin: 0 0 20px; background: #f65e14; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #STRONGgetQuote h4, #STRONGcarriers h4 { float: left; width: 162px; color: #fff; font-size: 16px; font-family: Arial, Arial Black, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 10px; } #STRONGgetQuote h4 { border-bottom: 1px solid #1a1a1a; } #STRONGcarriers h4 { border-bottom: 1px solid #F33C0B; } #STRONGgetQuote p, #STRONGcarriers p { float: left; width: 162px; font-size: 14px; line-height: 20px; font-style: italic; margin: 0; padding: 10px 0 0; } #STRONGgetQuote p { color: #ccc; border-top: 1px solid #4d4d4d; } #STRONGcarriers p { color: #313131; border-top: 1px solid #F8864F; } #STRONGcarriers strong { display: block; text-transform: uppercase; padding-top: 10px; } #STRONGgetQuote a { float: left; text-indent: -9999px; width: 162px; height: 38px; background: url(../images2/btn_getQuoteSTRONG.gif) 0 0; margin: 15px 0 0; padding: 0; } #STRONGgetQuote a:hover { background-position: 0 -38px; } /*Lowest Price Guarantee LPG*/ img#LPGbadge { float: right; } #LPG .hr { margin-top: 20px; } #LPG small { font-style: italic; } /*Testimonials*/ #blockquote.testimonial { float: left; padding: 0 0 30px 0; margin: 0 0 30px; border-bottom: 1px solid #ccc; } #commonContent blockquote.testimonial p { margin: 0; padding: 0; font-size: 15px; font-style: italic; font-family: "Times New Roman", Times, serif; line-height: 22px; color: #313131; width: 532px; padding: 0 20px; } #commonContent blockquote.testimonial span { float: left; width: 572px; font-style: normal; color: #6d6f72; margin: 13px 0 0; padding: 0; width: 532px; padding: 0 20px; text-align: right; } /*#commonContent blockquote.testimonial em { position: relative; } #commonContent blockquote.testimonial em .leftQuote { position: absolute; top: 10px; left: -15px; height: 40px; width: 40px; background: url(../images2/leftDoubleQuote.gif); } */ /*freightcenter-agents.aspx*/ #beAnAgentSidebar p { float: left; width: 200px; font-size: 13px; line-height: 18px; margin: 0 0 18px; padding: 0; color: #313131; } #beAnAgentSidebar p.first { color: #6d6f72; } #beAnAgentSidebar h4 { float: left; width: 200px; font-size: 14px; text-transform: uppercase; color: #88acd1; margin: 0 0 14px; padding: 0; } #beAnAgentSidebar a { font-size: 11px; } /*freightcenter.com/payment*/ #commonContent a.applyNow { float: left; width: 140px; height: 21px; padding: 9px 0 0 10px; background: url(../images2/btn_apply.gif); font-weight: bold; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; text-transform: uppercase; } #paymentContent a:hover.applyNow { background-position: 0 -30px; } /*GoDaddy Pages*/ #daddyHeader { height: 250px; position: relative; margin-bottom: 40px; margin-top: 40px; background: url(../images2/goDaddyHeader.jpg); } #daddyHeader h1 { text-transform: uppercase; color: #fff; /*font-family: Arial Black, Arial, Helvetica, sans-serif;*/ font-size: 36px; line-height: 36px; letter-spacing: -0.5px; margin: 30px 0 15px 30px; } #daddyHeader ul { margin: 0 0 0 30px; padding: 0; list-style: none; } #daddyHeader li { font-size: 14px; line-height: 18px; margin: 0 0 6px; padding: 0; color: #313131; font-weight: bold; } #daddyContent h2 { float: left; width: 572px; margin: 0 0 15px; padding: 0; font-size: 20px; line-height: 24px; color: #313131; font-weight: bold; background: none; } #daddyContent h3 { float: left; width: 572px; margin: 15px 0; padding: 0; font-size: 15px; line-height: 18px; color: #313131; font-weight: bold; } #daddyContent p { float: left; width: 572px; font-size: 14px; line-height: 20px; margin: 0 0 18px; padding: 0; } #daddyContent h3 small { font-size: 12px; margin: 0 0 0 2px; } #daddyContent ul { float: left; margin: 0; padding: 0; list-style: none; width: 276px; } #daddyContent ul.rightMargin { margin-right: 20px; } #daddyContent li { float: left; background: none; font-size: 14px; color: #6d6f72; font-style: italic; line-height: 20px; margin: 0 0 15px; padding: 0 0 0 21px; width: 252px; position: relative; } #daddyContent li img { position: absolute; top: 2px; left: 0; } #daddyContent .hr { float: left; width: 572px; background: #ccc; height: 1px; margin: 15px 0; padding: 0; overflow: hidden; } #daddySidebar h3 { font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 18px; color: #88acd1; text-transform: uppercase; line-height: 18px; margin: 20px 0; } #daddySidebar h3 span { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #313131; text-transform: none; } #goDadContact { float: left; width: 530px; background: #E7EEF6; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 15px 0 0; padding: 20px; border: 1px solid #CFDEED; } #goDadContact h4 { float: left; width: 220px; margin: 0 0 15px; padding: 0; font-weight: bold; font-size: 15px; } #goDadContact p { float: left; width: 220px; } #goDadContact p.notice { font-size: 11px; line-height: 18px; color: #474747; } #goDadContact fieldset { float: right; width: 255px; border: none; padding: 0; margin: 0; } #daddyContent #goDadContactUL { float: left; width: 255px; } #goDadContactUL li { float: left; width: 255px; margin: 0 0 10px; padding: 0; position: relative; } #goDadContactUL li label { float: left; width: 80px; font-style: normal; font-size: 12px; margin: 0 10px 0 0; padding: 5px 0 0; text-align: right; color: #313131; } #goDadContactUL li input { float: left; border: 1px solid #ccc; padding: 5px; font-size: 12px; color: #313131; width: 150px; } #goDadContact a { float: right; width: 86px; height: 32px; background: url(../images2/btn_goDaddySend.gif) 0 0; text-indent: -9999px; margin: 0 2px 0 0; padding: 0; } #goDadContact a:hover { background-position: 0 -32px; } .goDadInlineError { position: absolute; left: 255px; top: 6px; width: 50px; height: 18px; text-indent: -9999px; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); z-index: 100; } #goDadContact #vsAuto { float: right; width: 216px; padding: 10px 10px 2px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; color: #fff; font-size: 12px; line-height: 12px; } #goDadContact #vsAuto ul { float: left; width: 216px; padding: 0; margin: 0; } #goDadContact #vsAuto li { float: left; width: 201px; height: auto; margin: 0 0 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } #goDadContact .contactFormSuccess { float: right; width: 216px; height: auto; background: #CEF9B2 url(../images2/chk_green.gif) 10px 11px no-repeat; border-top: 1px solid #009B00; border-bottom: 1px solid #009B00; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #009B00; font-size: 12px; font-weight: bold; line-height: 12px; } /*Busines - API - Calculator (freightcenter.com/business)*/ .bizHeader { background: url(../images2/graphicHeaders_business.gif); } /*for graphic header*/ .calcHeader { background: url(../images2/graphicHeaders_calculators.gif); } /*for graphic header*/ .APIheader { background: url(../images2/graphicHeaders_API.gif); } /*for graphic header*/ #bizServHeader { float: left; margin: 50px 0 10px; width: 870px; background: url(../images2/header_businessSolutions_Bottom.gif) bottom no-repeat; } #bizServHeader .bizServHeaderBKGD { float: left; padding: 30px; width: 810px; background: url(../images2/header_businessSolutions.gif) top no-repeat; } #bizServHeaderText { float: left; width: 390px; margin: 0 30px 0 0; } #bizServHeaderText h1 { width: 390px; height: 50px; text-indent: -9999px; } #bizServHeaderText p { margin: 10px 0 0; font-size: 14px; color: #313131; line-height: 20px; } #bizServInstruct { float: left; width: 870px; margin: -10px 0 0; /*text-align: center; height: 75px; font-size: 16px; font-weight: bold; color: #6d6f72;*/ } #bizServInstruct a { display: block; color: #f65e14; margin: 10px 0 0; } #bizServCalc { float: left; width: 870px; } #bizServAPI { float: left; width: 870px; } .bizServContent { float: left; width: 840px; padding: 30px 0 0 30px; } #bizServCalcIntro { float: left; width: 380px; } .bizServContent h1 { float: left; width: 380px; font-size: 22px; line-height: 20px; color: #313131; } .bizServContent p { float: left; width: 380px; font-size: 14px; color: #474747; line-height: 20px; margin: 10px 0 0; } .bizServContent p.right { margin: 10px 0 0 40px; } img.bizSerBrowswers { float: left; margin: -25px 0 0 30px; } #bizServCalcReasons { float: left; width: 810px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 0; margin: -20px 0 0; } #bizServCalcReasons ul { float: left; width: 810px; list-style: none; } #bizServCalcReasons li { float: left; width: 385px; margin: 0 40px 10px 0; } #bizServCalcReasons li.reasonsRight { margin: 0 0 20px; } #bizServCalcReasons li a { color: #f65e14; } #bizServCalcReasons h3 { float: left; width: 385px; color: #313131; font-size: 14px; text-transform: uppercase; font-weight: bold; } #bizServCalcReasons p { float: left; width: 385px; font-size: 14px; line-height: 20px; color: #474747; margin: 5px 0 20px; } #bizServAPIintro { float: left; width: 380px; } /*to be used for reference on form - then delete as they are already in this document #autoForm .contactFormSuccess { float: left; width: 209px; height: auto; background: #CEF9B2 url(../images2/chk_green.gif) 10px 11px no-repeat; border-top: 1px solid #009B00; border-bottom: 1px solid #009B00; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #009B00; font-size: 12px; font-weight: bold; line-height: 12px; } #autoForm .contactFormFail { float: left; width: 209px; height: auto; background: #FF4D4D url(../images2/icn_redX.gif) 10px 11px no-repeat; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; padding: 10px 0 10px 27px; color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; } #vsAuto { float: left; width: 216px; padding: 10px 10px 2px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; color: #fff; font-size: 12px; line-height: 12px; } #vsAuto ul { float: left; width: 216px; padding: 0; margin: 0; } #autoForm #vsAuto li { float: left; width: 201px; height: auto; margin: 0 0 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } */ #businessContent h2 { float: left; width: 572px; font-size: 17px; line-height: 22px; text-transform: uppercase; font-weight: bold; color: #313131; margin: 0 0 15px; padding: 0; background: none; } #businessContent p { float: left; width: 572px; font-size: 15px; line-height: 22px; padding: 0; margin: 0 0 15px; } #businessHrDouble { float: left; width: 572px; height: 2px; margin: 15px 0 35px; padding: 0; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #calcContent h2 { float: left; width: 498px; font-size: 17px; line-height: 22px; text-transform: uppercase; font-weight: bold; color: #313131; margin: 0 0 22px; padding: 0; background: none; } #calcContent p { float: left; width: 498px; font-size: 15px; line-height: 22px; padding: 0; margin: 0 0 22px; } #calcHrDouble { float: left; width: 498px; height: 2px; margin: 15px 0; padding: 0; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #calcHighlights h4 { float: left; width: 498px; margin: 22px 0 18px; color: #88acd1; font-size: 17px; text-transform: uppercase; } #calcHighlights ul { float: left; margin: 0; padding: 0; } #calcHighlights li { float: left; margin: 0; padding: 0; width: 498px; } #calcHighlights h5 { font-size: 13px; line-height: 18px; color: #474747; margin: 0 0 3px; padding: 0; } #calcHighlights p { font-size: 13px; line-height: 18px; color: #6d6f72; margin: 0 0 18px; padding: 0; } #calcSidebar { position: relative; background: url(../images2/formBKGDblue.gif) top left; padding: 20px 20px 230px; width: 236px; margin: 0 0 0 74px; } #calcSidebar h4 { float: left; width: 236px; color: #88acd1; text-transform: uppercase; font-size: 17px; line-height: 18px; margin: 0; padding: 0; } #calcSidebar ol { float: left; width: 236px; margin: 0; padding: 0; } #calcSidebar li { float: left; width: 236px; margin: 20px 0 0; padding: 20px 0 0; background: url(../images2/calcSidebarDivider.gif) top repeat-x; } #calcSidebar li strong { float: left; width: 45px; color: #fff; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 60px; text-align: center; line-height: 55px; } #calcSidebar li span { float: left; width: 171px; margin: 0 0 0 20px; font-weight: bold; font-size: 15px; line-height: 20px; } #calcSidebar li.first span { margin-top: 17px; } #calcSidebar img { position: absolute; bottom: 16px; left: 13px; } #calcPreview { float: left; width: 798px; padding: 15px 35px; margin: 30px 0 0; text-align: center; background: #474747; color: #ccc; border-bottom: 1px solid #ccc; } #calcPreview h3 { font-size: 14px; margin: 0 0 15px; font-weight: normal; color: #ccc; } #calcPreview h4 { font-size: 12px; margin: 15px 0 0; font-weight: normal; color: #ccc; } #APIcontent h2 { float: left; width: 424px; font-size: 17px; line-height: 22px; text-transform: uppercase; font-weight: bold; color: #313131; margin: 0 0 22px; padding: 0; background: none; } #APIcontent p { float: left; width: 424px; font-size: 15px; line-height: 22px; padding: 0; margin: 0 0 22px; } #apiForm { background: url(../images2/formBKGDblue.gif) top left; width: 310px; padding: 20px; } #apiForm h2 { float: left; width: 310px; margin: 0 0 20px; padding: 0; background: none; font-size: 17px; line-height: 17px; text-transform: uppercase; color: #88acd1; } #apiForm p { margin: 0 0 20px 0; color: #6d6f72; font-size: 12px; line-height: 17px; } #apiForm ul { float: left; width: 310px; margin: 0; padding: 0; } #apiForm li { float: left; width: 310px; margin: 0; padding: 0 0 10px; } #apiForm label { float: left; width: 95px; text-align: left; color: #6d6f72; font-size: 12px; line-height: 12px; padding: 8px 0 0; } #apiForm input, #apiForm textarea { float: left; width: 205px; border-bottom: 1px solid #CFDEED; border-right: 1px solid #CFDEED; border-top: 1px solid #C3D5E8; border-left: 1px solid #C3D5E8; color: #313131; padding: 6px 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #apiForm textarea { width: 300px; } #apiForm input#btnSendEmail { width: 175px; height: 34px; background: url(../images2/btn_apiForm.gif); border: none; margin: 0; cursor: pointer; margin: 12px 0 0; text-indent: -9999px; } #APIcontent p.bizAlsoCheckout, #calcContent p.bizAlsoCheckout { padding: 15px; background: #ebebeb; font-size: 12px; line-height: 12px; } #APIcontent p.bizAlsoCheckout { width: 392px; margin: 22px 0 0; } #calcContent p.bizAlsoCheckout { width: 468px; margin: 5px 0 22px; } #apiForm .formSentStatus { float: left; font-size: 14px; font-weight: bold; color: red; margin: 0 0 10px; } /*About*/ #standardHeader .company { float: right; width: 69px; height: 23px; background: url(../images2/btn_headerCompany.gif) -69px 0 no-repeat; margin: 11px 10px 0 0; } #standardHeader .people { float: right; width: 55px; height: 23px; background: url(../images2/btn_headerPeople.gif) -55px 0 no-repeat; margin: 11px 10px 0 0; } #standardHeader .news { float: right; width: 47px; height: 23px; background: url(../images2/btn_headerNews.gif) -47px 0 no-repeat; margin: 11px 10px 0 0; } #company #standardHeader .company, #standardHeader .company:hover { background-position: 0 0; } #people #standardHeader .people, #standardHeader .people:hover { background-position: 0 0; } #news #standardHeader .news, #standardHeader .news:hover { background-position: 0 0; } /*Company*/ h1.aboutHeader { font-size: 16px; color: #313131; margin: 0 0 5px; } hr.aboutHR { float: left; margin: 15px 0 25px; width: 572px; } .aboutCopy1 { float: left; width: 272px; padding: 0; margin: 0 20px 0 0; } .aboutCopy2 { float: left; width: 272px; padding: 0; margin: 0; } .aboutCopy1 p, .aboutCopy2 p { float: left; margin: 0 0 10px; font-size: 12px; line-height: 18px; } #awards { float: left; width: 572px; margin-top: 5px; } #awards ul { float: left; width: 272px; padding: 0; margin: 0 20px 0 0; } #awards ul.awards2 { margin: 0; } #awards li { float: left; margin: 0 0 10px; width: 252px; padding: 0 0 0 12px; background: url(../images2/dotMidwest.gif) 0 0 no-repeat; } .aboutSide a { margin: 10px 0 0; } /*News*/ #stories { margin-top: 30px; } #stories a { float: left; width: 241px; padding: 10px 25px 10px 10px; margin: 0; border-bottom: 1px dotted #ccc; color: #6d6f72; text-decoration: none; font-style: italic; } #stories a:hover { background: url(../images2/arrowOrange.gif) no-repeat 255px 14px #ebebeb; } #story { background: url(../images2/storyBKGDbottom.gif) bottom no-repeat; } #story span { float: left; width: 492px; padding: 35px 40px 30px 40px; background: url(../images2/storyBKGDtop.gif) top no-repeat; } #story h2 { margin: 0; padding: 0 0 5px; font-size: 22px; font-weight: bold; color: #88acd1; background: none; } #story h3 { font-size: 12px; font-weight: bold; color: #474747; margin: 5px 0; } #story h4 { margin: 0; padding: 0 0 20px; font-size: 12px; font-weight: bold; color: #313131; font-style: italic; } #story h4 a { margin: 0; padding: 0 0 20px; font-size: 12px; font-weight: bold; color: #313131; font-style: italic; text-decoration: underline; } #story p { font-size: 12px; line-height: 18px; padding: 0 0 10px; } #story p img { float: right; padding: 0 0 10px 10px; } #story strong { color: #5f5f5f; } #story .highlight { background: #e7eef6; float: none; width: auto; padding: 0; } #story ul { margin: 0; padding: 0; } #story li { padding: 0 0 0 10px; margin: 0 0 10px; font-style: italic; background: url(../images2/bulletGray.gif) 0 0 no-repeat; } /*People*/ #headshots { } #headshots a { float: left; width: 58px; height: 58px; border: 1px solid #dcdcdc; margin: 0 10px 10px 0; text-decoration: none; outline: 0; } #headshots a.lastHead { margin: 0 0 10px; } #headshots a#head1 { background: url(../images2/matt.jpg); } #headshots a#head2 { background: url(../images2/jim.jpg); } #headshots a#head3 { background: url(../images2/doug.jpg); } #headshots a#head4 { background: url(../images2/louis.jpg); } #headshots a:hover#head1, #headshots a:hover#head2, #headshots a:hover#head3, #headshots a:hover#head4, #headshots a:hover#head5, #headshots a:hover#head6, #headshots a:hover#head7, #headshots a:hover#head8, #headshots a:hover#head9, #headshots a:hover#head10, #headshots a:hover#head11, #headshots a:hover#head12, #headshots a:hover#head13, #headshots a:hover#head14, #headshots a:hover#head15 { /*background-position: 0 -65px;*/ } #headshots .bubbleInfo { float: left; width: 58px; height: 58px; } #headshots .bubbleInfo img { float: left; } #headshots .popup { width: 160px; height: 40px; background: url(../images2/speechBubble.jpg); text-align: center; } #headshots .popup h3 { /*font-family: Arial Black, Arial, Helvetica, sans-serif;*/ color: #fff; font-size: 14px; line-height: 14px; margin: 5px 0 0 0; font-weight: bold; } #headshots .popup h4 { color: #88acd1; font-size: 10px; font-weight: bold; line-height: 10px; margin: 2px 0 0; padding: 0; } #headshots a.signUp { float: left; width: 205px; height: 21px; padding: 9px 0 0 10px; background: url(../images2/signUpbuttonBKGD.jpg); font-weight: bold; font-size: 12px; line-height: 12px; color: #fff; } #headshots a:hover.signUp { background-position: 0 -30px; } #bioCrop { height: 550px; overflow: auto; overflow-x: hidden; } #bioWide { float: left; width: 6600px; height: 550px; } .bio { width: 424px; height: 500px; float: left; } .bio h1 { float: left; width: 424px; text-transform: uppercase; font-family: Arial Black, Arial, Helvetica, sans-serif; font-size: 28px; color: #313131; margin: 0; padding: 0; line-height: 28px; } .bio h2 { float: left; width: 424px; font-size: 14px; color: #88acd1; margin: 0 0 10px 0; background: none; padding: 0; } .bio p { float: left; width: 424px; padding: 0 0 10px; margin: 0; font-size: 12px; line-height: 18px; } #picCrop { height: 500px; overflow: auto; overflow-x: hidden; } #picTall { float: left; width: 2015px; height: 500px; } .pic { width: 202px; height: 500px; float: left; } #picTall img { border-bottom: 1px solid #ccc; float: left; } #picTall h5 { float: left; font-size: 14px; font-weight: bold; font-style: italic; color: #313131; margin: 10px 0 5px; padding: 0; width: 195px; } #picTall ul { float: left; font-size: 12px; font-style: italic; color: #6d6f72; margin: 0; padding: 0; width: 205px; } #picTall li { float: left; width: 169px; margin: 0 0 5px; padding: 0 0 0 13px; background: url(../images2/bulletArrow.gif) 5px 4px no-repeat; } #picTall a.mail { float: left; margin: 5px 0 0; padding: 0 0 0 20px; background: url(../images2/iconMail.gif) no-repeat 6px 3px; } #picTall a:hover.mail { background-position: 6px -13px; } /*Register*/ #registerNew { float: left; width: 870px; height: 600px; margin: 5px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: none; } #registerIntro { float: left; width: 225px; margin: 30px 20px 0 0; } #registerIntro h1 { width: 225px; font-size: 22px; line-height: 22px; font-family: Arial Black, Arial, Helvetica, sans-serif; font-weight: bold; color: #f65e14; letter-spacing: -1px; margin: 0 0 5px; text-transform: uppercase; } #registerIntro p { padding: 0; margin: 0; color: #313131; font-size: 16px; line-height: 21px; } #registerLoginWrap { float: left; width: 225px; background: url(../images/registerLoginTop.gif) top no-repeat #e1e1e1; margin: 30px 0 0 0; padding: 0; } #registerLogin { float: left; width: 225px; background: url(../images/registerLoginBottom.gif) bottom no-repeat; padding: 5px 0; text-align: center; } #registerLogin p { color: #6d6f72; font-size: 14px; } #registerLogin a { font-weight: bold; color: #f65e14; } #registerFormWrapper { float: left; width: 625px; background: url(../images/loginFormTop.gif) top no-repeat #e1e1e1; margin: 0; padding: 0; } #registerFormNew { float: left; width: 585px; padding: 20px 20px 10px; background: url(../images/loginFormBottom.gif) bottom no-repeat; } #registerNew ul { float: left; width: 290px; list-style: none; margin: 0; padding: 0; } #registerNew li { float: left; width: 290px; height: auto; margin: 0 0 8px; } #registerNew li.tcli { height: auto; } #registerNew input.standard { float: left; width: 155px; margin: 0; padding: 5px; border: 1px solid #ccc; font-size: 11px; color: #313131; } #registerNew input.phoneNum { float: left; width: 95px; margin: 0; padding: 5px; border: 1px solid #ccc; font-size: 11px; color: #313131; } #registerNew input.extNum { float: left; width: 30px; margin: 0; padding: 5px; border: 1px solid #ccc; font-size: 11px; color: #313131; } #registerNew select { float: left; width: 167px; height: 21px; margin: 3px 0 2px 0; padding: 2px; font-size: 11px; color: #313131; border: 1px solid #ccc; } #registerNew label { float: left; width: 110px; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 5px 0 0; } #registerNew label .required { float: none; font-weight: bold; color: #f65e14; padding: 0; margin: 0 2px 0 0; font-size: 12px; line-height: 10px; } #registerNew input.radio { float: left; width: 15px; height: 15px; margin: 5px 0 5px 3px; padding: 0; } #registerNew label.radioLabel { float: left; width: auto; font-size: 11px; color: #313131; padding: 7px 0 0 3px; margin: 0 20px 0 0; } #registerNew label.checkLabel { float: left; width: 215px; font-size: 11px; color: #6d6f72; text-align: left; padding: 0px; margin: 0; line-height: 14px; } #registerNew li span.phoneSpacer { float: left; font-size: 11px; color: #6d6f72; text-align: right; padding: 7px 0 0; width: 17px; text-align: center; } #registerButton { float: left; width: 405px; padding: 10px 0 0 180px; margin: 0; outline: none; } #tandcWrap { float: left; width: 260px; background: url(../images/tandcTop.gif) top no-repeat #f2f2f2; margin: 0 0 0 20px; } #tandc { float: left; width: 240px; background: url(../images/tandcBottom.gif) bottom no-repeat; padding: 10px; } #tandc a { font-weight: bold; color: #f65e14; } #tandcCheck { float: left; width: 21px; } #registerFormNew img { float: left; margin: 10px 0; padding: 0; } p.registerCall { float: left; width: 625px; padding: 15px 0 0 245px; margin: 0; text-align: center; font-size: 14px; } /*#registerNew li span { font-size: 11px; font-weight: normal; color: #FF0000; text-decoration: none; margin: 0; padding: 7px 0 0; }*/ .shippingQuestions { float: left; width: 585px; margin: 5px 0 0 ; } .shippingQuestions p { float: left; margin: 7px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 255px; } .shippingQuestions2 p { float: left; margin: 7px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 450px; } .shippingQuestions3 p { float: left; margin: 15px 0 0; padding: 0; font-size: 12px; color: #6d6f72; width: 430px; } /*.missedField { font-size: 11px; font-weight: bold; color: #f65e14; text-decoration: none; clear: both; width: 270px; height: 20px; text-align: right; float: left; }*/ .acceptTerms { float: left; width: 585px; background: #fddfd0; text-align: center; color: #f65e14; padding: 10px 0; margin: 5px 0; border-top: 1px solid #f65e14; border-bottom: 1px solid #f65e14; font-size: 14px; font-weight: bold; } #rdCustType table { height: 28px; width: 160px; margin: 0; padding: 0; } #rdCustType tr { height: 28px; width: 160px; } #rdCustType td { float: left; height: 28px; width: 80px; } #rdCustType input { float: left; width: 15px; height: 15px; margin: 5px 0 5px 3px; padding: 0; } #rdCustType label { float: left; text-align: left; width: 48px; height: 15px; font-size: 11px; color: #313131; padding: 7px 0 0 3px; margin: 0; } /*#registerNew li.customerType { margin-top: -25px; }*/ #shippingDegree { float: right; margin: 0; padding: 0; } #shippingDegree tr { } #shippingDegree td { float: left; height: auto; width: 100px; margin: 0; } #shippingDegree input { float: left; width: 15px; height: 15px; margin: 5px 0 5px 0; padding: 0; } #shippingDegree label { float: left; text-align: left; width: auto; height: 15px; font-size: 11px; color: #313131; padding: 5px 0 0 3px; margin: 0; } #haveRepCall { float: right; margin: 0; padding: 0; width: 120px; } #haveRepCall tr { } #haveRepCall td { float: left; height: auto; width: 50px; margin: 0; } #haveRepCall input { float: left; width: 15px; height: 15px; margin: 5px 0 5px 0; padding: 0; } #haveRepCall label { float: left; text-align: left; width: auto; height: 15px; font-size: 11px; color: #313131; padding: 5px 0 0 3px; margin: 0; } #ltlOrTruckload { float: right; margin: 0; padding: 0; width: 150px; } #ltlOrTruckload td { float: left; height: auto; width: 70px; margin: 0; } #ltlOrTruckload input { float: left; width: 15px; height: 15px; margin: 10px 0 5px 0; padding: 0; } #ltlOrTruckload label { float: left; text-align: left; width: auto; height: 15px; font-size: 11px; color: #313131; padding: 10px 3px 0 3px; margin: 0; } #ReqFldConfirmPassword { display: none; } /* #registerNew .missedFieldRelative { position: relative; } #registerNew .missedField { position: absolute; right: -45px; top: 8px; font-size: 9px; width: 50px; height: 18px; text-indent: -9999px; padding: 0; margin: 0; background: url(../images2/errorLabel.gif); } */ /* ------------------------------------------------------------------------------------------ Login / Register Popup ------------------------------------------------------------------------------------------- */ #loginRegister { width: 320px; padding: 0; text-align: center; margin: 0 auto; } #register, #signIn, #ForgotPassword { float: left; width: 320px; text-align: left; margin: 0; padding: 0; } #registerForm, #signInForm, #ForgotPasswordForm { float: left; width: 320px; background: url(../images2/barTopLoginRegister.gif) top no-repeat #dbe6f1; margin: 10px 0 0; } #registerForm span, #signInForm span, #ForgotPasswordForm span { float: left; width: 260px; padding: 30px; background: url(../images2/barBottomLoginRegister.gif) bottom no-repeat; } #loginRegister p.toggleText { float: left; font-size: 12px; margin: 15px 0 0; padding: 0; border: none; } .registerHeader { float: left; width: 260px; margin: 0; padding: 0 0 15px; border-bottom: 1px solid #C3D5E8; } .registerHeader h1 { float: left; color: #313131; font-size: 20px; line-height: 20px; background: none; /*width: 260px;*/ } .registerHeader .bubbleInfo { position: relative; float: left; } .registerHeader a { float: left; font-size: 14px; font-weight: normal; color: #f65e14; margin: 0 0 0 5px; padding: 0; line-height: 22px; font-family: Arial, Helvetica, sans-serif; } .registerHeader p { float: left; width: 260px; color: #6d6f72; font-size: 12px; line-height: 15px; padding: 0; margin: 5px 0 0; } #loginRegister input { float: left; padding: 4px; font-size: 13px; color: #6d6f72; background: #fff; border: 1px solid #ccc; margin: 0; width: 130px; } #loginRegister input.radio { padding: 0; margin: 0; background: none; border: none; width: auto; } #loginRegister input.termsCheckbox { padding: 0; margin: 0; color: auto; background: #dbe6f1; border: none; margin: 0; width: 15px; height: 15px; } #loginRegister input.long { width: 175px; } #loginRegister input.doubleInput { margin-right: 10px; } #pnlQuickRegister { float: left; } #loginRegister ul { float: left; margin: 0; padding: 15px 0 0; border-top: 1px solid #F1F5F9; } /*#loginRegister ul.register { border-bottom: 1px solid #C3D5E8; }*/ #loginRegister ul li { float: left; width: 260px; margin: 0 0 5px; padding: 0; } #loginRegister ul li label { float: left; width: 115px; text-align: left; padding: 5px 0 0; margin: 0 0 0px 2px; color: #313131; font-size: 13px; } #loginRegister #signInForm ul li label { width: 65px; } /*#loginRegister ul li.password label { width: 146px; }*/ #loginRegister ul li span { float: none; width: auto; padding: 0; color: #6d6f72; font-size: 11px; font-style: italic; background: none; } #loginRegister #rdCustType { margin: 0 0 7px; float: left; width: 140px; } #loginRegister #rdCustType tr { height: 18px; width: 133px; } #loginRegister #rdCustType td { width: 133px; height: 18px; } #loginRegister #rdCustType td label { width: 100px; } #loginRegister #rdCustType td input { width: auto; padding: 0; margin: 7px 2px 0 0; background: none; border: none; } /*#loginRegister ul li.phone { margin: 0; padding: 0 0 15px; border-bottom: 1px solid #C3D5E8; } #loginRegister ul li.terms { margin: 0 0 5px; padding: 15px 0 0; border-top: 1px solid #F1F5F9; }*/ #loginRegister ul li.seeRatesButton { margin: 0; padding: 0 0 15px; border-bottom: 1px solid #C3D5E8; } #loginRegister ul li.finePrint { margin: 0 0 5px; padding: 15px 0 0; border-top: 1px solid #F1F5F9; font-style: italic; color: #6d6f72; font-size: 10px; letter-spacing: 0.3px; } #loginRegister ul li.loginPass { margin: 10px 0 0; } #loginRegister ul li.terms span.termsTagline { float: left; padding: 0; font-style: normal; color: #313131; font-size: 13px; line-height: 14px; } #loginRegister ul li.terms span.checkboxHolder { float: left; width: 20px; padding: 0 0; } #loginRegister .cancel { float: left; margin: 22px 0 0 12px; color: #313131; } #loginRegister input[readonly] { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; } #loginRegister .orangeButton { float: left; height: 48px; width: 170px; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -0.3px; text-align: left; border: none; background: url(../images2/btn_loginRegister.gif) #f65414; margin: 5px 0 0 -2px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; } #loginRegister .loginButton { float: left; height: 48px; width: 135px; color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -0.3px; text-align: left; border: none; background: url(../images2/btn_loginRegister2.gif) #f65414; margin: 5px 0 0 -2px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; } #loginRegister #vsAuto, #loginRegister #ValidationSummary1,#loginRegister #ValidationSummary2 { float: left; width: 240px; padding: 10px 10px 2px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; margin: 0 0 18px; color: #fff; font-size: 12px; line-height: 12px; } #loginRegister #vsAuto ul, #loginRegister #ValidationSummary1 ul,#loginRegister #ValidationSummary2 ul { float: left; width: 240px; padding: 0; margin: 0; border: none; } #loginRegister #vsAuto li, #loginRegister #ValidationSummary1 li,#loginRegister #ValidationSummary2 li { float: left; width: 220px; height: auto; margin: 0 0 8px 0; padding: 0 0 0 12px; background: url(../images2/icn_redX.gif) 0 2px no-repeat; color: #fff; font-size: 12px; line-height: 12px; } #loginRegister ul #lblError { float: left; width: 240px; margin: 0 0 5px; padding: 10px; background: #FF4D4D; border-top: 1px solid #CC0606; border-bottom: 1px solid #CC0606; color: #fff; font-size: 12px; line-height: 12px; } #shippingQuestionsHolder { float: left; width: 400px; margin: 0 0 10px; padding: 10px 0 0; border-top: 1px solid #F1F5F9; } #loginRegister .shippingQuestions { float: left; width: 400px; margin: 0; padding: 0; } #loginRegister .shippingQuestions p { float: left; margin: 7px 0; padding: 0; font-size: 14px; color: #313131; width: 400px; line-height: 15px; border: none; } #loginRegister .shippingQuestions label { float: left; margin: 0 15px 0 2px; color: #6d6f72; } /*popup*/ .registerHeader .popup { position: absolute; z-index: 50; opacity: 0; -moz-opactiy: 0; fliter:alpha(opacity=0); display: none; /* keeps the popup hidden if no JS available */ } .registerHeader .popup .top { float: left; width: 300px; height: 37px; background: url(../images2/loginRegisterPopupTop.png); } .registerHeader .popup .mid { float: left; width: 260px; padding: 15px 20px 13px; background: url(../images2/loginRegisterPopupMid.png); } .registerHeader .popup .bottom { float: left; width: 300px; height: 5px; background: url(../images2/loginRegisterPopupBottom.png); } .registerHeader .popup p.registerIntro { float: left; width: 260px; font-size: 14px; line-height: 20px; color: #313131; border-bottom: 1px solid #ccc; padding: 0 0 10px; margin: 0; } #loginRegister .registerHeader .popup ul.registerReasons { float: left; width: 260px; border: none; border-top: 1px solid #fff; padding: 10px 0 0; margin: 0; } #loginRegister .registerHeader .popup ul.registerReasons li { float: left; width: 245px; background: url(../images2/loginRegisterPopupBullet.gif) left no-repeat; padding: 0 0 0 15px; margin: 0 0 7px; color: #474747; } .stubby #register span { padding: 10px 15px 5px; width: 290px; } .stubby #register p.toggleText { margin: 5px 0 0; padding: 0 15px; } .stubby #register .registerHeader { border: none; padding: 0 0 8px; /*width: 290px;*/ } .stubby #register .registerHeader p { width: 290px; /*font-size: 11px; line-height: 14px;*/ } .stubby #register ul { padding: 0; border: none; } .stubby #register ul li { margin: 0 0 2px; } .stubby #register ul li.seeRatesButton { padding: 0; border: none; } .stubby #register ul li.finePrint { padding: 3px 0 0; border: none; width: 290px; } /*First Timers*/ .firstTimer { background: url(../images2/graphicHeaders_first.jpg); } /*for graphic header*/ #firstTimerContent p { font-size: 14px; color: #313131; line-height: 20px; margin: 0 0 20px; } #firstTimerContent p.or { float: left; font-weight: bold; color: #6d6f72; text-align: center; width: 572px; margin: 0; } #firstTimerContent a { float: left; width: 552px; height: 63px; padding: 20px 0 0 20px; font-size: 22px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #fff; } #firstTimerContent a span { float: left; font-size: 14px; color: #313131; font-weight: normal; text-transform: none; } #firstTimerContent a.single { background: url(../images2/btn_firstTimer1.jpg) 0 0; } #firstTimerContent a.multiple { background: url(../images2/btn_firstTimer3.jpg) 0 0; margin: 0 0 20px; } #firstTimerContent a:hover { background-position: 0 -83px; } #firstTimerSidebar { color: #313131; font-size: 12px; line-height: 17px; } #firstTimerSidebar p { color: #6d6f72; margin: 0 0 17px; } #firstTimerSidebar h4 { font-size: 11px; text-transform: uppercase; color: #88acd1; } #firstTimerSidebar h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px; } #landingWithForm #TB_title { background: #CFDEED; } #landingWithForm #TB_ajaxContent { background: #E7EEF6; } #ie6spacer { float: left; width: 15px; height: 400px; } #beInTouch { float: left; width: 380px; border-bottom: 1px solid #B8CDE3; position: relative; margin: 30px 0 0; padding: 0 0 35px; } #beInTouch img { position: absolute; bottom: 0; right: 0; } #beInTouch span { float: left; width: 355px; background: url(../images2/chk_green.gif) 10px 10px no-repeat #CFE4AE; border-top: 1px solid #20AF51; border-bottom: 1px solid #20AF51; font-size: 14px; font-weight: bold; color: #20AF51; padding: 7px 0 7px 25px; } #beInTouch h1, #beInTouch p, #whileYouWait p { float: left; width: 230px; color: #313131; } #beInTouch h1, #whileYouWait h2 { font-size: 16px; margin: 20px 0 5px; padding: 0; line-height: 20px; } #beInTouch p, #whileYouWait p { font-size: 14px; margin: 0; line-height: 17px; } #whileYouWait { float: left; width: 380px; border-top: 1px solid #fff; margin: 0; padding: 20px 0 0; } #whileYouWait h2 { float: left; width: 230px; background: none; } #whileYouWait a.whileWaitQQ { float: right; width: 140px; height: 35px; background: url(../images2/btn_whileYouWaitQQ.jpg) 0 0; text-indent: -9999px; margin: 45px 0 0; padding: 0; } #whileYouWait a.whileWaitQQ:hover { background-position: 0 -35px; } #landingWithForm #TB_window #whileYouWait a { color: #f65e14; } #whileYouWait p.whileWaitReg { width: 355px; }