/* Register - basic.css ---------------------------------------*/ /* 1. Global Elements/Classes a. Browser Reset b. Font Definitions c. Element Styles d. Global Classes 2. Global Sections a. Columns b. Banner c. Nav d. Footer e. Sidebars 3. Homepage 4. Domain Search 5. WHOIS 6. Products 7. Cross Sell 8. Checkout 9. Forgot Password 10. One Click Renewal 11. Errors 12. Success Stories 13. About 14. Partner Offers 15. Legal 16. Titanizations */ /************************************* =1a. Browser Reset - YUI Reset CSS ********************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after {content:''; } abbr,acronym { border:0; } /************************************* =1b. Font Definitions ********************************************/ @font-face { font-family: "Vagabond"; font-weight: bold; letter-spacing: 0 !important; src: url(/font/vag-bold.eot); /* IE */ src: local("VAGRoundedLTCom-Bold"), url(/font/vag-bold.ttf) format("truetype"); /* non-IE */ } /************************************* =1c. Element Styles ********************************************/ body { background:#fff; color:#56594b; font: normal 12px trebuchet, "Trebuchet MS", sans-serif; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1,h2,h3 { color:#303326; } h1,h2 { font-family: Vagabond, trebuchet, "Trebuchet MS", sans-serif; } legend { color: #56594B; } strong { font-weight: bold; } em { font-style: italic; } a { color:#33a1cc; text-decoration:none; } a:hover { text-decoration:underline; } p { line-height:auto; margin:0 0 1em 0; } select { border:2px solid #B8B9B9; color:#56594B; font-family:trebuchet,"Trebuchet MS",sans-serif; font-size:15px; font-weight:bold; margin:0pt; padding:0px 0px 0px 0px; } input { height:22px; margin:0; padding:2px 5px 0px 5px; border:2px solid #b8b9b9; background:url(/imgs/formElements/bgTextField247.gif) no-repeat; color:#56594B; font-weight:bold; font-size:16px !important; } /* override default sub and sup to keep line-spacing consistent */ sup, sub, span.sup { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } /************************************* =1d. Global Classes ********************************************/ /* float clearing for IE7 */ *+html .clearFix{ min-height: 1%; } /* float clearing for IE6 */ * html .clearFix{ height: 1%; overflow: visible; } .clearFix:after { clear: both; content: "."; height: 0; display: block; visibility: hidden; } .validationErrorMessage { color:#d72a18; font-size:14px; } .alertText { color: #d72a18; } .formCenterCol .validationErrorMessage { font-weight:bold; } .errorIcon { margin-right:3px; position:relative; top:3px; } input.validationError, select.validationError { border:2px solid #d72a18; } input.checkbox, input.radio { width:auto; height:14px; margin-bottom:2px; *margin-bottom:0px; border:none; background:none; } select.smallSelect { font-size:12px; padding:1px; border:1px solid #b8b9b9; } input.noborder { border:medium none; height:auto; padding:0pt; width:auto; } .imgButton { width:auto !important; height:auto !important; padding:0 !important; border:none !important; background:none !important; } .btnAddToCart { position:relative; left:-9px; } .clear { clear:both; } .strike { text-decoration:line-through; } .lastItem { /* this style is useful if the last item in a list of items doesn't need an underline for example */ background-image:none !important; } .productTitle { color: #000; font-size: 14px; margin-left: 16px; font-weight: bold; text-decoration: underline; } .detailIcon { float: left; margin-right: 5px; } .detailTxt { padding-top: 10px; } .hlBlue { color: #33a1cc; } /************ OLD CART PAGE *******************/ .addProduct { font-weight: bold; font-size: 19px; color: #666666; } /* Rollover Note Popups */ .noteRollover { cursor:pointer; } .notePopup { border:1px solid #ccc; border-top:none; border-bottom:none; background-color:#fafafa; _background: #fafafa url(/imgs/global/bgNotePopup.gif) repeat-x; width:235px; position:absolute; margin-top:24px; padding:0px 10px 0px 10px; display:none; z-index: 105; } .notePopupTopCap { position:absolute; top:-24px; left:-1px; width:257px; height:27px; background:transparent url(/imgs/global/notePopupTopCap.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/global/notePopupTopCap.png',sizingMethod='crop'); } .notePopupBottomCap { bottom:-9px; left:-1px; position:absolute; width:257px; height:9px; background:transparent url(/imgs/global/notePopupBottomCap.png) no-repeat; _bottom:-19px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/global/notePopupBottomCap.png',sizingMethod='crop'); } /******* CROSSSELL ***************/ .crossSells { margin:15px 0 0 0; padding:20px 0 0 0; } .crossSells h3 { font-size:28px; } .oneCrossSell { float:left; } .oneCrossSell .content { width: 274px; padding: 8px 15px 8px 20px; background-color:#e8f3f7; } .oneCrossSell .content h3 { margin-bottom: 5px; color: #303326; font-weight: bold; font-size: 18px; line-height: 1;} .oneCrossSell .content h4 { margin-bottom: 10px; font-weight: bold; font-size: 14px; line-height: 15px; } .oneCrossSell .content p { margin:10px 40px 5px 0; } .oneCrossSell .content ul { margin: 0 0 5px 0; padding: 0px; list-style-image: url(https://www.register.com/images/crosssell/bullet.gif); list-style-position: inside; line-height:15px; } .oneCrossSell .content a { font-weight:bold; } .oneCrossSell .content p a { font-weight:normal; } .oneCrossSell .content form { margin-top: 10px; } .oneCrossSell .content div.priceAndForm { margin-top: 10px; } .oneCrossSell .content form img { float: left; } .oneCrossSell .content div.price { float: left; color: #7E8271; font-weight: bold; font-size: 16px; line-height: 1;} .oneCrossSell .content div.price span { font-size:24px; color: #303326; } .oneCrossSell .content div.price .extraFee { color:#7D8170; font-weight: normal; font-size:10px; } .oneCrossSell .content form input { margin-top: 5px; float: right; vertical-align: bottom; } .oneCrossSell .topCap { width:309px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -340px; font-size:1px; } .oneCrossSell .bottomCap { width:309px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -347px; font-size:1px; } .oneCrossSellSecond { margin-left: 6px; } .oneCrossSellSecond .content { background-color:#eff7fa; } .oneCrossSellSecond .topCap { background-position: 0 -360px; } .oneCrossSellSecond .bottomCap { background-position: 0 -367px; } .featureCallOut { width: 270px; background-color:#fafafa; border:1px solid #d3d3d3; border-top:none; border-bottom:none; position:relative; padding:5px 7px 9px 5px; line-height:18px; clear:both; } .featureCallOut h2 { display:block; overflow:hidden; height:25px; width:226px; font-size:15px; } .featureCallOut h3 { margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #D3D3D3; font-size:14px; } .featureCallOut a { display:block; } /******* END CROSSSELL ***************/ /************************************* =2. Global Sections */ /************************************* =2a. Columns ***************/ #shadowWrapper { width:966px; margin-right:auto; margin-left:auto; background:url(/imgs/global/bgShadowBox.gif) repeat-y top center; min-height:500px; } #shadowWrapperCap { width:966px; height:13px; margin-left:auto; margin-right:auto; background:url(/imgs/global/capRoundedCorners.png) no-repeat 0 -260px; font-size:1px; } #content { margin:0 23px 0 24px; padding:19px 0 36px 0; } #contentColumns { margin-top: 13px; } .col_L { position:relative; width:624px; float:left; padding: 0; } .col_R { width:283px; float:right; padding:0; } /************************************* =2b. Banner ***************/ #bannerLogo { margin-bottom:8px; } #bannerLogo #registerLogo { display:block; float:left; width:auto; } #bannerLogo #topAd { float:right; width:auto; } /************************************* =2c. Navigation ***************/ ul#bannerNav { list-style:none; position:relative; left:-8px; width:934px; margin:0; padding:0; z-index:1000; } ul#bannerNav li { float:left; position:relative; width:auto; } ul#bannerNav li a { display:block; overflow:hidden; height:40px; background-position:0px 0px; text-indent:-500px; z-index:1000; } body#email ul#bannerNav li#email a.topLevelLinkActive { background-position:0px -49px !important; } ul#bannerNav li#home a { background: #f7f7f7 url(/imgs/navs/navHome.png) no-repeat; width:33px; } ul#bannerNav li#domain a { background: #f7f7f7 url(/imgs/navs/navGetADomain.png) no-repeat; width:117px; } ul#bannerNav li#email a { background: #f7f7f7 url(/imgs/navs/navAddEmail.png) no-repeat; width:95px; } ul#bannerNav li#build a { background: #f7f7f7 url(/imgs/navs/navBuildAWebsite.png) no-repeat; width:123px; } ul#bannerNav li#hosting a { background: #f7f7f7 url(/imgs/navs/navHostAWebsite.png) no-repeat; width:123px; } ul#bannerNav li#security a { background: #f7f7f7 url(/imgs/navs/navSecureYourSite.png) no-repeat; width:129px; } ul#bannerNav li#learn a { background: #f7f7f7 url(/imgs/navs/navLearn.png) no-repeat; width:68px; } ul#bannerNav li#marketing a { background: #f7f7f7 url(/imgs/navs/navMarketYourSite.png) no-repeat; width:130px; } ul#bannerNav li#yourAccount a { background: #f7f7f7 url(/imgs/navs/navYourAccount.png) no-repeat; width:116px; } ul#bannerNav li div { display: none; position:absolute; left:-4px; top:36px; z-index:1000; } ul#bannerNav li ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px -5px 6px; } ul#bannerNav li ul li { margin:0; padding:0;} ul#bannerNav li ul li a { display:block; overflow: hidden; height: auto; margin: 0; padding:9px 2px 9px 9px; border-bottom: 1px dotted #d6d3d6; background-image: none !important; background-repeat: no-repeat !important; font-weight:bold; font-size:12px; color:#303326; line-height:15px; text-decoration: none; text-indent:0; z-index:1; } ul#bannerNav li ul li a:hover { background-color:#ffcc00 !important; } ul#bannerNav li ul li.last { margin-left: -2px; margin-top: -2px; bottom: -2px; background: transparent none no-repeat scroll left bottom; z-index: 2; } ul#bannerNav li ul li.last a { border-bottom: none; margin-left: 2px; margin-bottom: 5px; } ul#bannerNav li#home:hover a, ul#bannerNav li#domain:hover a, ul#bannerNav li#email:hover a, ul#bannerNav li#build:hover a, ul#bannerNav li#hosting:hover a, ul#bannerNav li#security:hover a, ul#bannerNav li#learn:hover a, ul#bannerNav li#marketing:hover a, ul#bannerNav li#yourAccount:hover a { background-position: 0px -98px; } ul#bannerNav li#home:hover div, ul#bannerNav li#domain:hover div, ul#bannerNav li#email:hover div, ul#bannerNav li#build:hover div, ul#bannerNav li#hosting:hover div, ul#bannerNav li#security:hover div, ul#bannerNav li#learn:hover div, ul#bannerNav li#marketing:hover div, ul#bannerNav li#yourAccount:hover div { display: block; } /* Get a Domain */ ul#bannerNav li#domain div { width: 124px; background:transparent url(/imgs/navs/bgDropdownShadow_GetADomain.png) repeat-y scroll 0%; } ul#bannerNav li#domain ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:112px; } ul#bannerNav li#domain ul li a { width:101px; } ul#bannerNav li#domain ul li.last { width: 124px; background-image: url(/imgs/navs/dropdownBottomCap_GetADomain.png);} /* Add Email */ ul#bannerNav li#email div { width: 102px; background:transparent url(/imgs/navs/bgDropdownShadow_AddEmail.png) repeat-y scroll 0%; } ul#bannerNav li#email ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:90px; } ul#bannerNav li#email ul li a { width:79px; } ul#bannerNav li#email ul li.last { width: 102px; background-image: url(/imgs/navs/dropdownBottomCap_AddEmail.png); } /* Build a Website + Host a Website*/ ul#bannerNav li#build div, ul#bannerNav li#hosting div { width: 130px; background:transparent url(/imgs/navs/bgDropdownShadow_BuildASite.png) repeat-y scroll 0%; } ul#bannerNav li#build ul, ul#bannerNav li#hosting ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:118px; } ul#bannerNav li#build ul li a, ul#bannerNav li#hosting ul li a { width:107px; } ul#bannerNav li#build ul li.last, ul#bannerNav li#hosting ul li.last { width: 130px; background-image: url(/imgs/navs/dropdownBottomCap_BuildASite.png); } /* Secure your Site */ ul#bannerNav li#security div { width: 136px; background:transparent url(/imgs/navs/bgDropdownShadow_SecureYourSite.png) repeat-y scroll 0%; } ul#bannerNav li#security ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:124px; } ul#bannerNav li#security ul li a { width:113px; } ul#bannerNav li#security ul li.last { width: 136px; background-image: url(/imgs/navs/dropdownBottomCap_SecureYourSite.png); } /* Market your Site */ ul#bannerNav li#marketing div { width: 137px; background:transparent url(/imgs/navs/bgDropdownShadow_MarketYourSite.png) repeat-y scroll 0%; } ul#bannerNav li#marketing ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:125px; } ul#bannerNav li#marketing ul li a { width:114px; } ul#bannerNav li#marketing ul li.last { width: 137px; background-image: url(/imgs/navs/dropdownBottomCap_MarketYourSite.png); } /* Learn */ ul#bannerNav li#learn div { width: 130px; background:transparent url(/imgs/navs/bgDropdownShadow_learn.png) repeat-y scroll 0%; } ul#bannerNav li#learn ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:118px; } ul#bannerNav li#learn ul li a { width:107px; } ul#bannerNav li#learn ul li.last { width: 130px; background-image: url(/imgs/navs/dropdownBottomCap_BuildASite.png); } /* Your Account */ ul#bannerNav li#yourAccount div { width: 116px; background:transparent url(/imgs/navs/bgDropdownShadow_YourAccount.png) repeat-y scroll 0%; } ul#bannerNav li#yourAccount ul { background:url(/imgs/navs/bgDropdownVerticalGradient.gif) repeat-x bottom; width:105px; } ul#bannerNav li#yourAccount ul li a { width:93px; } ul#bannerNav li#yourAccount ul li.last { width: 116px; background-image: url(/imgs/navs/dropdownBottomCap_account.png); } /************************************* Phone and Cart Strip ***************/ #bannerPhone { width: 919px; height: 30px; z-index:0; position:relative; } #bannerPhone .content { float: left; width: 902px; height: 24px; padding-top: 6px; padding-left: 3px; background-color:#fcf8ed; color:#363636; font-size:14px; } #bannerPhone .content div { float: left; } #bannerPhone .content a { font-weight: bold; } #bannerPhone .content span { color:#898989; } #bannerPhone .content #phoneNumber, #bannerPhone .content #phoneNumber span { color:#FF9900; font-weight:bold; } #bannerPhone .content #loginNavs { float: right; color:#F7941D; font-size:12px; font-weight:bold; } #bannerPhone .content #loginNavs img { vertical-align: text-top; margin-top: -3px; } #bannerPhone .topCap{ float: left; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 0; width:7px; height:30px; font-size:1px; } #bannerPhone .bottomCap { float: left; background: url(/imgs/global/capRoundedCorners.png) no-repeat -7px 0; width:7px; height:30px; font-size:1px; } .usPhoneDisplay .phoneNumberUSReplace { display: none; } .intlPhoneDisplay .phoneNumberIntlReplace { display: none; } /*new domain search bar*/ input#domainNameMini { background:transparent url(/imgs/formElements/bgTextField349.gif) no-repeat; height:19px; *height:18px; font-size:11px !important; vertical-align: top; width:330px; padding-top: 5px; *background-attachment:fixed; background-color: white; color: #666666; } input#btnMini { vertical-align: top; } #domainsearch { font-size: 13px; padding-left: 12px; margin-top: 5px; vertical-align: top; float: left; color: #000; } #newNav { width: 920px; *width: 918px; position: relative; margin-top: 7px; } #newSearch { float: left; width: 500px; position: relative; padding-top: 12px; } #newInfo { float: right; margin-right: 1px; width: 283px; color: #f2af5e; height: 30px; font-size: 12px; font-weight: bold; } #newInfo #loginNavs { width: 283px; color:#F7941D; font-size:12px; font-weight:bold; height: 30px; position:relative; right:0px; top:0px; width: 283px; text-align: right; } #newInfo #loginNavs img { left:0px; position:relative; top:0px; margin-top: -6px; margin-right: -5px; vertical-align: middle; } #newInfo #loginNavs .content { width: 244px; height: 23px; padding: 7px 16px 0 9px; float: left; background-color:#fcf8ed; } #newInfo #loginNavs .topCap{ float: left; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 0; width:7px; height:30px; font-size:1px; } #newInfo #loginNavs .bottomCap{ float: left; background: url(/imgs/global/capRoundedCorners.png) no-repeat -7px 0; width:7px; height:30px; font-size:1px; } #loginLeft { float: left; } #cartRight { float: right; } /*bannerBelowNavAd */ .bannerBelowNavAd { margin-top: 15px; text-align:center; } /******* END BANNER ***************/ /******* =2e. FOOTER ***************/ #footer { width:948px; margin: 13px auto 50px auto; text-align:center; } #footerAds { margin-top:-5px; } #footerAds table { width:100%; } #footerAds table td { text-align:center; padding:0; margin:0; padding-top:20px; } #disclaimer { font-size:11px; color:#a6a6a6; margin-top:40px; } #disclaimer a { color:#5ec0e7; } #linksFooter { width:966px; margin: 20px auto 0 auto; padding-top:15px; border-top:1px solid #d9d9d9; color:#a6a6a6; font-size:11px; text-align: left; } #linksFooter h3 { font-size:11px; } #linksFooter a { color:#a6a6a6; } #linksFooter .linksFooterColumn { float:left; width:115px; padding-right:5px; } #linksFooter .linksFooterColumnLast { padding-right:0; } #linksFooter ul { list-style:none; } #footerLinks { margin-left: auto; margin-right: auto; margin-top: 15px; color: #ededed; font-size: 14px; font-weight: bold; border-bottom: dashed 1px #d9d9d9; padding-bottom: 25px; } #footerLinks .divider { padding-left: 15px; padding-right: 15px; } /******* END FOOTER ***************/ /****************************************************** SIDEBAR STYLES *******************************************************/ /* sidebarCart */ #sidebarCart { margin-bottom: 15px; } #sidebarCart .content { padding:0 5px 9px 5px; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; background:#fafafa url(/imgs/global/bgCartStrip.gif) no-repeat bottom center; } #sidebarCart .content h3 { display:block; float: left; padding-bottom: 5px; font: bold 17px Vagabond, trebuchet, "Trebuchet MS", sans-serif; } #sidebarCart .content a#editLink { float: right; display: block; width: auto; margin-top: 4px; } #sidebarCart .content ul li { clear:both; margin-top: 8px; padding-top:10px; border-top:1px solid #d3d3d3; font-size:14px; line-height:18px; font-weight:bold; color:#303326; } #sidebarCart .content ul li ul li { margin: 0; padding: 0; border: none; font-size:12px; color:#56594b; } #sidebarCart .content ul li h5, #sidebarCart .content ul li ul li h6 { width:200px; float:left; } #sidebarCart .content ul li div.price { float:right; width:66px; padding-right: 5px; font-weight:bold; font-size:12px; color:#303326; text-align: right; } #sidebarCart .content .total { clear:both; margin:8px 0 15px 0; padding-top: 10px; border-top:1px solid #d3d3d3; color: #303326; } #sidebarCart .content .total h4 { float:left; width:200px; font-weight:bold; font-size:14px; } #sidebarCart .content .total .price { float:right; width:66px; padding-right: 5px; color:#303326; font-weight:bold; font-size:14px; text-align:right; } #sidebarCart .content .btnGoToCheckout { display:block; overflow:hidden; height:39px; width:160px; margin-right:auto; margin-left:auto; } #sidebarCart .content .btnGoToCheckoutGray { background: url(/imgs/global/btnCheckoutGray.png) no-repeat; display:block; overflow:hidden; text-indent:-999px; height:41px; width:160px; margin-right:auto; margin-left:auto; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/global/btnCheckoutGray.png',sizingMethod='crop'); _cursor:pointer; } #sidebarCart .topCap { width:283px; height:10px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -30px; font-size:1px; } #sidebarCart .bottomCap { width:283px; height:11px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -280px;font-size:1px; } /* sidebarContact */ #sidebarContact { width: 255px; /* 283px total */ height: 139px; /* 171px total */ margin-bottom: 15px; padding: 16px 14px; background: url('/imgs/global/bgContact.gif') no-repeat top left; font-weight: bold; } #sidebarMoreChoices h3 { font-size:17px; font-family: Vagabond,trebuchet,"Trebuchet MS", sans-serif; } #sidebarContact p { margin: .66em 0; padding: .66em 0; border-top: 1px solid #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-size: 12px; } #sidebarContact #usphone { margin: .66em 0; padding: .66em 0; border-top: 1px solid #d3d3d3; border-bottom: 1px dotted #d3d3d3; font-size: 12px; } #sidebarContact ul { list-style-image: url('/imgs/global/bulletBlueRightArrow.gif'); list-style-type: disc; margin-left: .62em; padding-left: .62em; padding-top: .33em; font-size: 11px; } /* sidebarInteractiveGuide */ #sidebarInteractiveGuide { margin-bottom: 15px; } /* sidebarSuccessStories */ #sidebarSuccessStories { margin-bottom: 15px; } /* sidebarCallout */ .sidebarCallout { width: 268px; height: 149px; margin-bottom: 15px; padding: 5px 8px; background: url('/imgs/global/gradient_bubble.gif') no-repeat; } .sidebarCallout h3 { color:#F26522; font-size:16px; font-weight:bold; } .sidebarCallout h3 span { display: block; color:#303326; } /* sidebarMoreChoices */ #sidebarMoreChoices { margin-bottom: 15px; } #sidebarMoreChoices .content { padding: 0 7px; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; background-color:#fafafa; line-height:18px; } #sidebarMoreChoices .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -30px; width:283px; height:10px; font-size:1px; } #sidebarMoreChoices .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -40px; width:283px; height:10px; font-size:1px; } #sidebarMoreChoices h3 { display:block; font-size:17px; font-family: Vagabond,trebuchet,"Trebuchet MS", sans-serif; } #sidebarMoreChoices h4 { margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #D3D3D3; font-size:14px; } #sidebarMoreChoices a { display:block; } /* sidebarSuccessStories */ #sidebarSuccessStories li { height:199px; overflow:hidden; } #sidebarSuccessStories li { position:relative; width:285px; } #sidebarSuccessStories .successImage { width:187px; text-align:center; bottom:0px; left:0px; position:absolute; } #sidebarSuccessStories .successCopy { float:left; width:384px; font-weight:bold; color:#56594b; margin-top:30px; padding-left:205px; } #sidebarSuccessStories .successStoryTitle { font-weight:bold; font-size:18px; color:#7d8170; } #sidebarSuccessStories .successStoryBlurb { line-height:15px; margin-top:6px; } #sidebarSuccessStories .successStoryTitle .productName{ color:#56594b; } #sidebarSuccessStories .successStoryTitle .domainName{ color:#b7b7b7; } #sidebarSuccessStories .next{ position:absolute; right:0px; cursor:pointer; top:5px; } #sidebarSuccessStories .successSiteImage { position:absolute; bottom:-75px; right:30px; } /* sidebarAds300px */ .sidebarAds300px { width: 300px; margin-bottom: 15px; } .sidebarAds300px h4 { margin:0; font-weight: normal; font-size:10px; text-align:right; color:#ccc; } .sidebarAds300px .300x250 { margin-bottom: 15px; } .sidebarAds300px .300x150 { margin-top: 15px; } /* sidebarPartnerOffers */ #sidebarPartnerOffers { width: 300px; margin-bottom: 15px; } #sidebarPartnerOffers .ad-wrap {width:300px; margin-bottom:20px;} #sidebarPartnerOffers .ad-wrap p {margin:0; font-size:10px; text-align:right; color:#cccccc;} #sidebarPartnerOffers .sideAd { float: left; width: 300px; height: 31px; line-height: 30px; padding-left: 10px; background-image: url(https://www.register.com/images/partneroffer/ad_module_backgrounds.gif); background-repeat: repeat-y;} #sidebarPartnerOffers .sideAd a { font-family: trebuchet,'Trebuchet MS',sans-serif; font-size: 14px; color: #999999; font-weight: bold; } /**************END SIDEBAR *************/ /* sampleWebsites */ #sampleWebsites #tempBGtop{ position:absolute; top:0px; right:0px; background-color:transparent; width:74px; height:244px; } #sampleWebsites #tempBGtop.tempOpenSlide { position:relative; top:0px; left:0px; } #sampleWebsites #tempBGtop .tempSlide { position:absolute; top:0px; right:0px; background-color:#FFFFFF; width:0px; height:244px; border:1px solid #ececec; } #sampleWebsites #tempBGtop #tempLeftArrow { position:absolute; top:120px; left:20px; display:none; } #sampleWebsites #tempBGtop #tempTitle { position:absolute; top:30px; left:223px; width:215px; display:none; } #sampleWebsites #tempBGtop #tempTitle h2 { font-size: 26px; line-height: 1; letter-spacing: -1px; } #sampleWebsites #tempBGtop #tempRightArrow { position:absolute; top:120px; right:20px; display:none; } #sampleWebsites #temBGptop .tempNext_slide, #sampleWebsites #tempBGtop .tempPrev_slide { cursor:pointer; cursor: hand; } #sampleWebsites #tempBGbottom { position:absolute; top:244px; right:0px; width:0px; height:11px; background-image:url(../imgs/global/slideShadowBottom.png); background-position:top right; background-repeat:no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/global/slideShadowBottom.png',sizingMethod='crop'); } #sampleWebsites #tempSlideCAR { position:absolute; top:70px; left:44px; } #sampleWebsites #tempSlideCAR #templates { /* style for hiding carousel while it's building */ position: relative; visibility: hidden; left: -5000px; } #sampleWebsites #tempSlideCAR #templates li { position:relative; height:197px; width:179px; text-align:center; overflow:hidden; } /************************************* =3. Homepage ********************************************/ /************************************* =4. Domain Search ********************************************/ body.domainSearch h1, body.domainSearch h2 { font: bold 38px/40px Vagabond, trebuchet, "Trebuchet MS", Verdana, sans-serif; letter-spacing:-2px; } body.domainSearch h1 { width: 614px; word-wrap: break-word; } body.domainSearch h1 span { color: #f26522; } body.domainSearch h2 { display: inline; margin-top:5px; margin-right:20px; } body#domainTaken h2 { display: block; margin-top:9px; font-size: 22px; line-height: 1.3; } body#domainTaken form#searchAgain { margin-top: 30px; } body#domainTaken form#searchAgain fieldset legend { font: bold 22px Vagabond, trebuchet, "Trebuchet MS", Verdana, sans-serif; color: #424131; } body#domainTaken form#searchAgain fieldset p {margin: 0; } body#domainTaken h3 { display: block; float: left; margin-right: 40px; font-weight: bold; } body.domainSearch a#seeFeatures { display: block; margin-left: 15px; font-weight: bold; } body.domainSearch .premiumCallIn { margin-left:10px; *margin-left:0px; font-size: 19px; color: #7D8170; } body.domainSearch .phone { color: #F90; } body.domainSearch table#altDomains { clear: both; width:100%; border-collapse:collapse; font-weight:bold; } body.domainSearch table#altDomains caption { margin-top: 30px; font: bold 22px Vagabond, trebuchet, "Trebuchet MS", Verdana, sans-serif; color: #424131; } body.domainSearch table#altDomains caption span { font-size: 14px; color: #7d8170;} body.domainSearch table#altDomains col.select { width:30px; } body.domainSearch table#altDomains col.name { width: 185px; } body.domainSearch table#altDomains col.status { width: 55px; } body.domainSearch table#altDomains col.price { width: 220px; } body.domainSearch table#altDomains col.addToCart { width: 80px; } body.domainSearch table#altDomains th { padding: 6px; font-weight: bold; text-align:left; padding:6px; } body.domainSearch table#altDomains tfoot td { padding-top: 10px; padding-right: 20px; background-color:#fff !important; text-align: right; } body.domainSearch table#altDomains td { background-color:#f0f0f0; padding:6px; height:34px; } body.domainSearch table#altDomains tr.alt td { background-color:#fff !important; } body.domainSearch table#altDomains tr.highlightDomain td { background-color:#faf6e7; color:#f26522; } body.domainSearch table#altDomains label { display: block; width: 185px; word-wrap: break-word; } body.domainSearch .getThisDomain { margin:30px 0 0 0; padding:30px 0 0 0; } body.domainSearch .getThisDomain .optionsRight { float:right; width:222px; } body.domainSearch .getThisDomain .optionsRight input.noborder { background-image:none; left:-6px; position:relative; top:6px; } body.domainSearch .getThisDomain .optionsLeft { float:left; width:390px; } body.domainSearch .getThisDomain .optionsLeft a{ display:block; font-weight:bold; font-size:12px; color:#33a1cc; clear:left; } body.domainSearch .getThisDomain .optionsLeft input { float:left; } body.domainSearch .getThisDomainLabel { width:370px; display:block; } body.domainSearch .moreDomains, .searchAgain, .makeAnOffer { margin:15px 0 0 0; padding:20px 0 0 0; } body.domainSearch .moreDomains h3 { font-family: font-size:20px; trebuchet, "Trebuchet MS", sans-serif; color:#303326; } body.domainSearch .moreDomains .btnAddToCart { float:right; margin:20px 30px 0 0; height:auto; width:auto; border:none; background:none; } body.domainSearch .moreDomains h3 .selectAny { font-size:12px; color:#56594b; } body.domainSearch .optionLinks a { font-weight:bold; padding-right:35px; } /* Search failed domain search form */ body.domainSearch form#domainSearch input.domainName { width:236px; } body.domainSearch form#domainSearch select#tldSelect { width:85px; } body.domainSearch form#domainSearch input.noborder { vertical-align:middle; } /* domain search styles */ body.domainSearch input#domainName { background:transparent url(../imgs/formElements/bgTextField309.gif) no-repeat scroll 0% 50%; float:left; height:26px; margin-top:5px; padding-top:5px; width:309px; } /* set a manual height on the domain search box */ body.domainSearch #optionsDiv0 { margin-top:1px; width:185px !important; } body.domainSearch #tldSelect { visibility:hidden; } body.domainSearch .optionLinks { clear:both; } body.domainSearch .premium { cursor:pointer; color:#56594b; border-bottom:1px dashed #33a1cc; text-decoration:none; } body.domainSearch .addEmail { font-size: 16px; font-weight: bold; margin-left:11px; margin-top:15px; line-height:16px; } body.domainSearch .addEmail input { margin-bottom:3px; margin-right:15px; } body#premiumDomains h2 { font-size: 20px; color: #696b5e; font-family: Vagabond, Trebuchet MS; } body#premiumDomains h3 { font-size: 15px; color: #696b5e; font-family: Vagabond, Trebuchet MS; } body#premiumDomains label { font-size: 15px; font-family: Vagabond, Trebuchet MS; } body#premiumDomains .orange { color: #f26522; } body#premiumDomains p.teaser { font-weight: normal !important; } body#premiumDomains p.copy { width: 300px; margin:0; font-size: 11px; } body#premiumDomains p.inputColWrapper { width: 300px; margin:0; } body#premiumDomains hr { border: dashed 1px #dbdbdb; margin: 10px 0 10px 0; width: 95%; } body#premiumDomains .inputCol { width: 300px; float: left; margin-bottom: 12px; } body#premiumDomains .inputCol2 { width: 300px; float: left; margin: 0 0 12px 15px; } body#premiumDomains input.textbox { width:207px; height: 20px; float: left; margin-top: 7px; } body#premiumDomains input.findIt { border: none; width: 69px; height: 38px; background: none; } body#premiumDomains .colDomains { width: 350px; margin-top: 8px; } /************************************* =5. WHOIS ********************************************/ body.whois #contentColumns {margin-top:10px; background:url(../imgs/global/bgWhoisRightCol.gif) right top repeat-y;} body.whois .col_L { width:575px; padding-top:0px; } body.whois .col_R { width:314px; padding:28px 3px 0 12px; } body.whois h1 { margin-top:21px; font-size: 38px; letter-spacing:-2px; } body.whois h2 { margin: 10px 0 40px 0; color: #7d8170; font-size: 20px; } body.whois .subDeclaration { font-size:18px; font-weight:bold; } body.whois .miniDeclaration { margin-top:15px; font-size:18px; font-weight:bold; } /* search */ body.whois form#domainSearch { margin:30px 0; } body.whois .input, body.whois img { vertical-align:middle; } body.whois input#domainName { float:left; height:26px; width:309px; margin-top:5px; padding-top:5px; background:transparent url(/imgs/formElements/bgTextField309.gif) no-repeat scroll 0% 50%; } body.whois .example { color:#f36623; } body.whois #captcha { margin-left:20px; float:right; } body.whois #captcha .content { width: 205px; padding: 13px 30px; background-color:#e8f3f7; } body.whois #captcha .content h2 { margin: 0; color:#303326; font-weight:bold; font-size:18px;} body.whois #captcha .topCap { width:265px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -420px; font-size:1px; } body.whois #captcha .bottomCap { width:265px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -427px; font-size:1px; } body.whois #captcha .content img#captcha_code { margin:15px 0; } body.whois #captcha .content form { margin: 0; } body.whois .validationErrorMessage { margin: 10px 0; } body.whois .oneCrossSell { margin:10px 0px 20px; } body.whois a.printFriendly { margin-left:-4px; } body.whois input#j_captcha_response { width:187px; } /******* WHOIS PRINT-FRIENDLY PAGE ***************/ #printerFriendlyContainer { margin:20px; } #printerFriendlyContainer #logoHeader { margin-bottom:30px; } /******* END WHOIS PRINT-FRIENDLY PAGE ***************/ /************************************* =6. Products ********************************************/ body.productDetail .col_L h1, body.productCategory .col_L h1 { margin-bottom: 26px; color:#303326; font-weight: bold; font-size: 36px;} body#websitedesign .col_L h1 { margin-bottom: 6px; } body.productDetail .col_L h1 span, body.productCategory .col_L h1 span { display: block; color: #F26522; } body.productDetail .col_L .teaser, body.productCategory .col_L .teaser { font-size:14px !important; font-weight:bold !important; } body.productDetail .col_L .teaser img { display: block; float: left; margin: -10px 5px 0 0; } body.productDetail .col_L #features { float: left; width: 260px; margin: 0; padding-right: 70px; } /* sometimes the #features is on the ul, other times there are multiple uls wrapped in a div#features */ body.productDetail .col_L ul#features, body.productDetail .col_L #features ul { margin-bottom: 16px; padding-left: 15px; } body.productDetail .col_L ul#features li, body.productDetail .col_L #features ul li, body.productCategory .col_L ul#features li, body.productCategory .col_L #features ul li { list-style-image:url(/imgs/global/bulletGrayRightArrow.gif); color:#56594B; font-size:14px; font-weight:bold; line-height:18px; } body.productDetail .col_L ul#features li.last, body.productDetail .col_L #features ul li.last { list-style-image: none; list-style-type: none; margin: 16px 0 0 -16px; padding: 0; font-weight: normal; font-size:12px; } body.productDetail .col_L #features h4 { margin-left:16px; color:#000000; font-size:14px; font-weight:bold; text-decoration:underline; } body.productDetail .col_L #priceAndTerm { float: left; } body.productDetail .col_L #priceAndTerm h3 { color: #7d8170; font-size: 18px; font-family: Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.productDetail .col_L #priceAndTerm .price { color:#56594b; font-size:53px; font-weight:bold; } body.productDetail .col_L #priceAndTerm span.extraFee { display: block; font: normal 12px trebuchet,"Trebuchet MS",sans-serif; } body.productDetail .col_L #priceAndTerm span.extraFee img { vertical-align: top; } body.productDetail .col_L #priceAndTerm div.extraFee { display: block; float: left; color: #7d8170; } body.productDetail .col_L #priceAndTerm img.extraFee { display: block; float: left; margin-left: 5px; } body.productDetail .col_L #priceAndTerm label { display:block; margin-bottom:5px; color:#898989; font-size:14px; font-weight: bold; } body.productDetail .col_L #priceAndTerm .imgButton { display: block; margin-top:10px; } body#pdr .col_L #priceAndTerm .imgButton, body#emailmarketing .col_L #priceAndTerm .imgButton { margin-top:0px; } body#webpromotionmarketing-sem .col_L .featureCallout .content { width: 263px; padding: 0 10px; background-color:#faf6e7; font-size:12px; line-height: 1.5em; } body#webpromotionmarketing-sem .col_L .featureCallout .content p { color: #52594a; font-weight: bold; font-size: 13px; margin: 0; /*reset*/ } body#webpromotionmarketing-sem .col_L .featureCallout .topCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -480px; width:283px; height:7px; font-size:1px; } body#webpromotionmarketing-sem .col_L .featureCallout .bottomCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -487px; width:283px; height:7px; font-size:1px; } body.productCategory .col_L ul#features { margin: 0; padding-left: 15px; } body.productCategory .col_L #options { margin-top: 1em; font-size: 18px; font-weight: bold; } body#webhosting .col_L #options, body#ecommercesolutions .col_L #options, body#webpromotionmarketing .col_L #options { margin-bottom: 12px; } body.productCategory .col_L .group { float: left; width: 285px; } body.productCategory .col_L #group1 { padding-right: 14px; border-right: 2px solid #d3d3d3; } body.productCategory .col_L #group2 { padding-left: 14px; } body.productCategory .col_L .group h2 { position: relative; margin-bottom: 11px; font-weight:bold; font-size:32px; line-height:1em;} body#businessemailsolutions .col_L .group { margin-top: 120px; } body#businessemailsolutions .col_L .group h2 { margin-top: -75px; } body#websitedesign .col_L .group, body#webpromotionmarketing .col_L .group { margin-top: 85px; } body#websitedesign .col_L .group h2, body#webpromotionmarketing .col_L .group h2 { margin-top: -43px; } body#websitedesign .col_L #group1 { border-right: none; } body#websitedesign .col_L #group2 { border-left: 2px solid #d3d3d3; } body#webhosting .col_L .group { margin-top: 0px; } body#webhosting .col_L #group1, body#ecommercesolutions .col_L #group1, body#security-sslcertificates .col_L #group1 { border-right: 2px solid #fff; } body.productCategory .col_L .group h3 { padding: 15px 0px 10px 0; border-top: 1px dotted #d3d3d3; color:#7D8170; font-weight:bold; font-size:18px; font-family: Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.productCategory .col_L .group h3 a { color: #7D8170;} body.productCategory .col_L .group h4 { margin: 0; font-weight: normal; font-size:11px; } body.productCategory .col_L .group p { margin: 0; font-weight: normal; font-size:11px; } body.productCategory .col_L .group ul { margin: 0 0 0 20px; list-style-type: disc; font-size: 11px; } body.productCategory .col_L .group ul li.last { list-style-image: none; list-style-type: none; margin: 5px 0 0 -21px; padding: 0; font-weight: normal; font-size:12px; } body.productCategory .col_L .group a.learnMore { display: block; font-weight: normal; font-size:12px; } body.productCategory .col_L .group .priceAndAction div { margin-top: 10px; float: left; color:#7e8271; font-weight: bold; font-size:14px; font-family: Vagabond,trebuchet,"Trebuchet MS",sans-serif; line-height: 1.3em; } body.productCategory .col_L .group .priceAndAction div span.price { clear: left; color:#313427; font-weight: bold; font-size:22px; } body.productCategory .col_L .group .priceAndAction .action { display: block; float: right; margin-top: 20px; } body.productCategory .col_L .group .priceAndAction img.action { margin-bottom: 10px; } body.productCategory .col_L .group .priceAndAction p { color: #7D8170; font-size: 12px; } body.productCategory .col_L #featureCalloutWrapper { margin-top: 30px; } body.productCategory .col_L #featureCalloutWrapper .featureCallout { float:left; width: 283px; margin-left: 15px; } body.productCategory .col_L #featureCalloutWrapper .first { margin-left: 0px; } body.productCategory .col_L .featureCallout .content { height: 110px; overflow:hidden; padding: 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color:#fafafa; font-size:12px; line-height: 1.5em; } body.productCategory .col_L .featureCallout .content h3 { margin: 0; /*reset*/ margin-bottom: 10px; font-size:15px; font-weight:bold; } body.productCategory .col_L .featureCallout .content h4 { margin: 0; /*reset*/ font-weight:bold; } body.productCategory .col_L .featureCallout .content p { font-weight: normal; font-size: 12px; margin: 0; /*reset*/ } body.productCategory .col_L .featureCallout .topCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -30px; width:283px; height:10px; font-size:1px; } body.productCategory .col_L .featureCallout .bottomCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -40px; width:283px; height:10px; font-size:1px; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Tabs ----------------------------------*/ #tabs { margin-top:40px; } #tabs #tabs-headings li { list-style: none; float:left; height:31px; width:auto; text-align:center; vertical-align:bottom; background:transparent url(/imgs/global/tabRegular.gif) no-repeat scroll 0 0; } #tabs #tabs-headings li h2 { float:left; height:26px; margin: 0; margin-left:20px; padding:5px 20px 0 0; background:transparent url(/imgs/global/tabRegular.gif) no-repeat scroll right center; color:#313131; font: bold 15px trebuchet,"Trebuchet MS",sans-serif; line-height: 1.3em; } #tabs #tabs-headings li.ui-tabs-selected { background:transparent url(/imgs/global/tabSelected.gif) no-repeat scroll 0 0; clear:right; } #tabs #tabs-headings li.ui-tabs-selected h2 { background:transparent url(/imgs/global/tabSelected.gif) no-repeat scroll right center; } #tabs #tabs-headings li a { color:#313131; text-decoration: none; } #tabs #tabs-headings li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } #tabs #tabs-headings li a, .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #tabs .tabs-panel { display: block; width: 624px; min-height: 198px; margin-top:-1px; padding: 0; padding-top: 1px !important; background: transparent url('/imgs/global/bgTabsBox.gif') no-repeat scroll left top; } /* Tab content in list-format */ #tabs .tabs-panel ul, #tabs .tabs-panel ol, #tabs .tabs-panel p { padding: 15px; } #tabs .tabs-panel ul { list-style-type: disc; } #tabs .tabs-panel ol { list-style-type: decimal; } #tabs .tabs-panel p { padding-bottom: 0; margin-bottom: 0; } #tabs .ui-tabs-hide { display: none !important; } #tabs .tabs-panel li { margin:6px 0 6px 13px; font-size:12px; } #tabs .tabs-panel ul li {list-style-image:url(/imgs/global/bulletGrayRightArrow.gif); } #tabs .tabs-panel li h3 { display: inline; font-weight:bold; font-size:12px; } #tabs .tabs-panel li.adNotice { list-style: none; list-style-image:none; margin-top:1.5em; padding-left:0; } /* Tab content in table-format */ #tabs .tabs-panel table { width: 100%; } #tabs .tabs-panel table col.col1 { width: 33%; } #tabs .tabs-panel table th { text-align: left; font-weight: bold; } #tabs .tabs-panel table thead th { padding: 6px; } #tabs .tabs-panel table tbody th { font-weight: normal; } #tabs .tabs-panel table tbody tr { background-color: #F7F7F7; } #tabs .tabs-panel table tbody tr.even { background-color: #FFF; } body.productCategory #tabs .tabs-panel table tbody tr td.register { background-color: #FFF; } body.productDetail #tabs .tabs-panel table tbody tr td.register { font-weight: bold; } #tabs .tabs-panel table tbody th, #tabs .tabs-panel table tbody td { padding: 6px; vertical-align: top; } #tabs .tabs-panel table tbody tr.even th, #tabs .tabs-panel table tbody tr.even td { padding: 5px 6px; } #tabs .tabs-panel table tbody td { } #tabs .tabs-panel table tbody td img { padding-left: .5em } #tabs .tabs-panel table tfoot td { padding-top: 2em; } /* Tab content with faq */ #tabs .tabs-panel .overflow { height:310px; overflow:auto; position: relative; margin:15px 15px 0 0;} /* position: relative needed to overcome ie6 and 7 problem with relative positioning */ #tabs #faqQuestions, #tabs #faqAnswers { line-height: 1.2em; } #tabs #faqQuestions li { list-style: none; margin-top: 0; margin-bottom: 0; } #tabs #faqAnswers { margin-left: 28px; } #tabs #faqAnswers dt { font-weight: bold; margin-top: 1em; } #tabs #faqAnswers dd { margin: 0 10px; } #tabs #faqAnswers dd ul, #tabs #faqAnswers dd ol { padding: 0 0 0 15px; } #tabs #faqAnswers dd li {list-style-image: none; margin: 0 0 0 13px; } #tabs #faqAnswers dd h5 { font-weight: normal; font-size: 12px; text-decoration: underline; } #tabs #faqAnswers dd p { padding: 0; margin-bottom: 1em;} /************ END PRODUCT PAGES *******************/ /************************************* =7. Cross Sell ********************************************/ body.crossSell h1 { font: bold 32px/36px Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.crossSell h1 span { color:#F26522; } body.crossSell h1 span.hasBeenAdded { display: block; color:#7D8170; } body.crossSell div#price { font: bold 18px Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.crossSell div#price span { font-size:54px; } body.crossSell div#blurb { font: bold 18px Vagabond,trebuchet,"Trebuchet MS",sans-serif; color:#56594B; margin:10px 0px 5px 0px; } body.crossSell .checkout { margin-top:20px; font: bold 22px Vagabond,trebuchet,"Trebuchet MS",sans-serif; text-align:right; } body.crossSell .checkout a img { vertical-align: middle; } body#domainCrossSell #getEmail { margin-top: 10px; } body#domainCrossSell #getEmail .content { width: 586px; padding:0 5px 0 15px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color:#fcfcfc; font-size: 17px; font-weight: bold; } body#domainCrossSell #getEmail .content div { float: left; width: 370px; margin-bottom: 10px; padding-right: 15px; } body#domainCrossSell #getEmail .content div h2 { margin-bottom: 20px; font-weight: bold; font-size: 24px; word-wrap: break-word; } body#domainCrossSell #getEmail .content div h2 span { color: #fd7913; } body#domainCrossSell #getEmail .content div p { margin: 0; line-height: 1em; } body#domainCrossSell #getEmail .content form { float: left; } body#domainCrossSell #getEmail form img { display: block; margin-top: 6px; margin-bottom:10px; } body#domainCrossSell #getEmail .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -440px; width:608px; height:11px; font-size:1px; } body#domainCrossSell #getEmail .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -451px; width:608px; height:11px; font-size:1px; } body#domainCrossSell h2 { margin-bottom: 10px; font-size: 20px; font-weight: bold; } body#domainCrossSell h2 span { color: #fd7913; } body#domainCrossSell a#domainOnlyBottom { display: block; margin-top: 7px; font-weight: bold; font-size: 15px; } body#domainCrossSell a#domainOnlyTop { display: block; margin-top: 10px; margin-left: 400px; font-weight: bold; font-size: 15px; } body#domainCrossSell .crossSells { padding-top: 0; border: none; } body#domainCrossSell .crossSells .content { height: 230px; } /************************************* =8. Checkout ********************************************/ /* element styles*/ body.checkout #bannerLogo #phoneBanner { float: right; font: bold 27px/27px Vagabond,trebuchet,sans-serif; color: #f90; text-align: right; } body.checkout #bannerLogo #phoneBanner p { margin: 0; font: bold 11px trebuchet,"Trebuchet MS",sans-serif; letter-spacing: 0px; line-height: 1.3; color: #666; } body.checkout #bannerLogo #phoneBanner p#intl { font-weight: normal; } body.checkout #bannerLogo #phoneBanner p#intl .phoneNumberIntlReplace { font-weight: bold; } body.checkout h1 { margin: .25em 0; font: bold 32px Vagabond,trebuchet,"Trebuchet MS",sans-serif; letter-spacing: -1px; color: #7d8170; } body.checkout h1 span { display: block; font-size: 60px; line-height: 1.1; letter-spacing: -2px; color: #303326; } body.checkout h2, body.checkout h3 { font-family: Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.checkout fieldset legend { *margin-left: -7px !important; font: bold 18px Vagabond,trebuchet,"Trebuchet MS",sans-serif; color: #303328; } body.checkout legend span { font: normal 12px trebuchet,"Trebuchet MS",sans-serif; color: #56594B; } body.checkout fieldset fieldset legend { font-family: trebuchet,"Trebuchet MS",sans-serif; } body.checkout fieldset fieldset legend ol { font-weight: normal !important; } /* the form "hints" */ body.checkout .formUpdateCol { color:#F26522; display:none; float:right; font-size:18px; font-weight:bold; padding-left:20px; position:absolute; right:0px; width:280px; } body.checkout .formToolTip { background:transparent url(../imgs/checkout/formOrangeArrow.gif) no-repeat scroll 0px 3px; color:#F26522; font-size:18px; font-weight:bold; height:auto; /*margin-bottom:-92px;*/ padding-left:20px; position:relative; right:-280px; width:280px; top:5px; } body.checkout .formToolTipJs { /* extra spacing info for tooltips on js replaced form elements */ top: -34px; } /* Form fields */ body.checkout input { margin-bottom:10px; width:236px; font-size:13px; } body.checkout input.imgButton { width:auto; } body.checkout input.checkbox { width:auto; height:14px; border:none; margin-bottom:2px; *margin-bottom:0px; } body.checkout input.radio { width:auto; height:14px; border:none; margin-bottom:2px; *margin-bottom:0px; } body.checkout select { width:250px; margin-bottom:10px; font-size:16px !important; color:#56594B; font-weight:bold; padding:2px 0px 2px 0px; } body.checkout label, body.checkout #registrationForm fieldset#secret_question legend, body.checkout #registrationForm fieldset#account_type legend { color:#56594B; display:block; font-size:14px; font-weight:bold; position:static; margin:0; } body.checkout fieldset fieldset label { font-weight:normal; font-size:12px; } body.checkout label.checkboxLabel { display:inline; top:0px; left:0px; margin:none; } body.checkout #nospWrapper { margin-bottom:1em; padding-left:1px; } body.checkout #prefectureSelect, #freeformSelect { display:none; } body.checkout label.radioLabel { display:inline; top:0px; left:0px; margin:0; } body.checkout label.selectLabel { color:#56594B; display:block; font-size:14px; font-weight:bold; position:static; margin:0; } body.checkout #loginForm #btnLogIn { float:left; width:auto; position:relative; left:-5px; margin-bottom:8px; } body.checkout #loginForm .loginOptions { float:right; margin-top:2px; width:165px; } body.checkout #loginForm .loginOptions a { display:block; font-size:12px; line-height:18px; } body.checkout #optIn {} body.checkout #optIn .topCap { width:299px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -320px; font-size:1px; } body.checkout #optIn .content { background-color:#e8f3f7; padding:4px 12px; } body.checkout #optIn .bottomCap { width:299px; height:7px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -327px; font-size:1px; } /* Error Messages */ body.checkout .validationErrorMessage { width: 262px; position:relative; top:-10px; } body.checkout .paypalErrorMessage { margin:0; font-size: 14px; font-weight: bold; color: #D72A18; } body.checkout #formErrors { display:none; } body.checkout .lnkContinueToNextStep { clear:both; display:block; height:45px; margin-left:705px; overflow:hidden; padding-top:22px; text-align:left; top:22px; width:192px; position:static; } /* JS replaced form elements */ body.checkout .selectArea { width:250px !important; margin-bottom:10px; } body.checkout .selectArea .center { width:214px !important; _width:210px !important; } body.checkout .optionsDivVisible { width:216px !important; margin-top:3px !important; } /* END JS replaced form elements */ body.checkout #msgError{ margin:0 0 6px 0;background:url(../imgs/global/errorIcon.gif) no-repeat;height:18px;line-height:17px;color:#f22222;font-size:14px;font-weight:bold;padding:0 0 0 24px; height: auto; } body.checkout #msgError.off{display:none;} body.checkout #errorTop{ margin:0 0 6px 0;background:url(../imgs/global/errorIcon.gif) no-repeat;height:18px;line-height:17px;color:#f22222;font-size:14px;font-weight:bold;padding:0 0 0 24px; } body.checkout #errorTop.off{display:none;} /* =CART */ /* #yourCart */ body#cart table#yourCart { width:100%; border-collapse:collapse; text-align: left; } body#cart table#yourCart caption { margin-top: 20px; margin-bottom: 10px; font: bold 40px Vagabond, trebuchet,"Trebuchet MS",sans-serif; color:#303326; text-align: left; } body#cart table#yourCart col.item { width:302px; } body#cart table#yourCart col.serviceType { width: 133px; } body#cart table#yourCart col.term { width:191px; } body#cart table#yourCart col.autoRenew { width: 135px; } body#cart table#yourCart col.price { width: 55px; } body#cart table#yourCart col.remove { width: 104px; } /* #yourCart thead */ body#cart table#yourCart thead th { text-align: left; font-size:16px; font-weight: bold; } body#cart table#yourCart thead th.item { padding-left: 10px; } body#cart table#yourCart thead th.serviceType { text-align: center; } body#cart table#yourCart thead th.term { text-align: center; } body#cart table#yourCart thead th.autoRenew { text-align: center; } body#cart table#yourCart thead th.price { text-align: right; } /* #yourCart tfoot */ body#cart table#yourCart tfoot td { } body#cart table#yourCart tfoot td { border-top: 1px solid #d3d3d3; vertical-align: top; font-size: 11px; } body#cart table#yourCart tfoot td .total { font: bold 27px Vagabond, trebuchet,"Trebuchet MS",sans-serif; } body#cart table#yourCart tfoot td label { display: block; margin-bottom: 4px; font-weight: bold; font-size: 13px; color: #313427; } body#cart table#yourCart tfoot td.promoCode { padding-top: 13px; padding-left: 10px; line-height: 1.25em; } body#cart table#yourCart tfoot td.promoCode p { margin-bottom: 1.75em; } body#cart table#yourCart tfoot td.promoCode button { width: 56px; height: 29px; margin: 0 0 -1px 5px; padding: 0; border: none; vertical-align: top; background-color: transparent; cursor: pointer; cursor: hand; } body#cart table#yourCart tfoot td.price { padding-top: 7px; padding-left: 20px; font-size: 13px; text-align: right; } body#cart table#yourCart tfoot td.price #proceedToCheckout { margin-right: -3px; } body#cart table#yourCart tfoot .validationErrorMessage { top: 0; width: auto; } /* #yourCart tbody */ body#cart table#yourCart tbody { padding-bottom: 18px; } body#cart table#yourCart tbody th, body#cart table#yourCart tbody td { vertical-align:top; } body#cart table#yourCart tbody td.serviceType { text-align: center; } body#cart table#yourCart tbody td.term { vertical-align:bottom; text-align: center; } body#cart table#yourCart tbody td.price { text-align: right; font-weight: normal !important; font-size: 13px !important; white-space: nowrap; } body#cart table#yourCart tbody td.autoRenew { text-align: center; } body#cart table#yourCart tbody td.remove { padding-right: 30px; text-align: right; } body#cart table#yourCart tbody tr.cartItemPrimary th, body#cart table#yourCart tbody tr.cartItemPrimary td { margin-top: 7px; padding-top: 7px; padding-bottom: 5px; border-top: 1px dotted #d3d3d3; font-size: 13px; word-wrap: break-word; } body#cart table#yourCart tbody tr.cartItemPrimary th { padding-left: 10px; color:#262b1e; font-weight:bold; font-size:15px; text-align: left; } body#cart table#yourCart tbody .requiredStep { font-weight: bold; color:#ff0000; } body#cart table#yourCart tbody tr.cartItemPrimary td { font-size: 13px; } body#cart table#yourCart tbody tr.cartItemSecondary th, body#cart table#yourCart tbody tr.cartItemSecondary td { color: #56594b; padding-bottom: 4px; } body#cart table#yourCart tbody tr.cartItemSecondary th { padding-left: 30px; font-weight:bold; font-size:13px; text-align: left; } body#cart table#yourCart tbody tr.cartItemPrimary td, body#cart table#yourCart tbody tr.cartItemSecondary td { color:#56594b; font-weight: normal; font-size: 11px; vertical-align: top; } body#cart table#yourCart tbody tr.last td { height: 20px; } body#cart table#yourCart tbody tr.lifeOfDomainWarning th { padding-left: 30px; padding-bottom: 25px; font-weight: normal; font-size:13px; color:#ff0000; } body#cart table#yourCart tbody tr.lifeOfDomainWarning a { font-weight: bold; } body#cart a.editDomain { padding-left: 5px; font-size: 9px; font-weight: normal; } body#cart select { width: 150px; margin: 0; padding: 0; font-weight: normal; font-size: 11px !important; } body#cart .question { } /* VAT */ body#cart #vat { text-align: right; margin: 15px 15px; width: 825px; } /* Guarantee */ /*body#cart #guarantee { margin-top:45px; } */ body#cart #guarantee .content { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background-color:#ffc; line-height:18px; padding: 0 27px; } body#cart #guarantee .content h3 { font-size:16px; font-family: trebuchet, "Trebuchet MS", sans-serif; color:#56594B; } body#cart #guarantee .topCap { width:919px; height:11px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -100px; font-size:1px; } body#cart #guarantee .bottomCap { width:919px; height:12px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -111px; font-size:1px; } /* Cross-Sells */ body#cart .crossSellWrapper { margin-top: 6px; } body#cart .crossSell { float:left; width: 302px; margin-left: 6px; } body#cart .crossSellWrapper .first { margin-left: 0px; } body#cart .crossSell .content { height: 128px; overflow:hidden; padding: 8px 15px 8px 20px; background-color:#e8f3f7; font-size:12px/15px } body#cart .crossSell .content h3 { margin-bottom: 10px; color:#303326; font:bold 18px/18px trebuchet, "Trebuchet MS", sans-serif; } body#cart .crossSell .content p { margin-right: 40px; } body#cart .crossSell .topCap{ width:302px; height:6px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -300px; font-size:1px; } body#cart .crossSell .bottomCap { width:302px; height:6px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -306px; font-size:1px; } /* =EXTENDED CART */ body#cartExtended table#yourCart { width: 100%; } body#cartExtended table#yourCart caption { margin-top: 20px; margin-bottom: 20px; font: bold 40px Vagabond, trebuchet,"Trebuchet MS",sans-serif; color:#303326; text-align: left; } body#cartExtended table#yourCart col.item { width: 370px; } body#cartExtended table#yourCart col.reason { width: 360px; } body#cartExtended table#yourCart col.edit { width: 195px; } body#cartExtended table#yourCart th { padding-left: 10px; padding-right: 20px; border-bottom: 1px solid #d3d3d3; color:#262b1e; font-weight:bold; font-size:15px; text-align: center; } body#cartExtended table#yourCart td { padding: 4px 20px 4px 10px; border-bottom: 1px solid #d3d3d3; color: #56594b; font-weight:bold; font-size:13px; vertical-align: top; text-align: left; } body#cartExtended table#yourCart td.reason { color:#ff0000; } body#cartExtended table#yourCart td.edit { font-weight: normal; font-size: 11px; } /* =LOG IN */ body#login form { margin-top: 27px; } body#login fieldset { border: none; } body#login fieldset ol { list-style-type: none; } body#login fieldset legend { display: none; } body#login fieldset#logIn { float: left; width: 300px; margin-left: 175px; } body#login fieldset#createNewAccount { float: left; height: 146px; padding-left: 87px; background: url('/imgs/checkout/orDivide.gif') center left no-repeat; } body#login fieldset#createNewAccount img { display: block; margin-top: 58px; } /* =REGISTRATION PAGES */ body#registration fieldset { margin-bottom: 15px; padding-bottom: 15px; border: none; border-bottom: 1px dotted #d3d3d3; } /*body#registration legend { color: #56594B; }*/ body#registration fieldset div.instructions { float: left; width: 300px; } body#registration fieldset ol { float: left; width: 375px; margin: -20px 0 0 41px; list-style-type: none; } body#registration fieldset li.subGroup { width: 262px; margin-bottom: 5px; border-bottom: 1px dotted #d3d3d3; } body#registration fieldset fieldset { margin-bottom: 0; padding-bottom: 0; border: none; } body#registration fieldset fieldset#account_type { margin-top: .5em } body#registration fieldset fieldset legend { padding-bottom:0px; } body#registration fieldset fieldset ol { margin: 0; list-style-type: none; } body#registration fieldset fieldset ol li input.radio{ display: block; float: left; margin-top: 5px; margin-right: 5px;margin-bottom:10px; margin-top:2px; *margin-top:3px; } body#registration fieldset fieldset ol li label { display: block; float: left; margin-bottom:10px; white-space: nowrap; font-size:12px; font-weight: normal; } body#registration fieldset fieldset#account_type ol li { display: block; float: left; } body#registration fieldset fieldset#account_type ol li label { margin-right: 15px; } body#registration fieldset#setupYourAccount { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* =WALLET PAGES */ body#wallet fieldset { margin-bottom: 15px; padding-bottom: 15px; border: none; border-bottom: 1px dotted #d3d3d3; } /*body#wallet legend { color: #56594B; }*/ body#wallet fieldset ol { width: 375px; margin: -20px 0 0 341px; list-style-type: none; } body#wallet fieldset li.subGroup { width: 262px; margin-bottom: 5px; border-bottom: 1px dotted #d3d3d3; } body#wallet fieldset fieldset { margin-bottom: 0; padding-bottom: 0; border: none; } body#wallet fieldset fieldset legend span { display: block; width: 375px; margin-bottom: 15px; } body#wallet fieldset fieldset ol { width: 262px; margin: 0; list-style-type: none; } body#wallet fieldset fieldset ol li.creditCard { margin-bottom:5px; padding-top: 2px; padding-bottom:5px; border-bottom: 1px dotted #d3d3d3; } body#wallet li.payPal { width: 242px; padding-left: 20px; } body#wallet fieldset fieldset ol li.last { border-bottom: none; } body#wallet fieldset fieldset ol li.creditCard input.radio{ display: block; float: left; margin-top: 5px; margin-right: 5px; } body#wallet fieldset fieldset ol li.creditCard label { display: block; float: left; white-space: nowrap; font-size:12px; font-weight: normal; } body#wallet fieldset fieldset ol li.creditCard label img { display: block; float: left; margin-right: 10px; } body#wallet fieldset fieldset ol li.creditCard a.edit, body#wallet li.payPal img, body#wallet li.payPalAdd img { display: block; float: right; } body#wallet li.payPalAdd { margin-top:5px; padding-top:10px !important; border-top: 1px dotted #d3d3d3; } body#wallet #walletBottomButton, body#wallet #walletTopButton { display: block; margin-left: 341px; } body#wallet #walletTopButtonWrapper { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #d3d3d3; } /* Pay by Check*/ body#wallet form#payByCheck { margin-bottom: 15px; padding-bottom: 15px; border: none; border-bottom: 1px dotted #d3d3d3; } body#wallet #payByCheck fieldset { margin-bottom: 10px; padding-bottom: 0; border: none;} body#wallet #payByCheck input.radio { display: block; float: left; margin-right: 6px; } body#wallet #payByCheck fieldset fieldset legend { font-size: 14px; color: #56594B; } body#wallet #payByCheck #payByCheckButton { display: block; margin-left: 341px; } body#wallet #payByCheck #PBCVATNumberCountryCode { width: 25px; } body#wallet #payByCheck #PBCVATNumber { width: 180px; margin-left: 12px; } /* New Card Information*/ body#wallet #newCardInformation input.checkbox { display: block; float: left; margin-right: 6px; } /* Same Address, Service Agreement */ body#wallet #sameAddress { margin-bottom: 15px; } body#wallet #sameAddress .content { width: 248px; padding: 5px 12px; background-color:#e8f3f7; } body#wallet #sameAddress .topCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -210px; width:272px; height:7px; font-size:1px; } body#wallet #sameAddress .bottomCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -217px; width:272px; height:7px; font-size:1px; } body#wallet #serviceAgreement { margin-bottom: 10px; padding-bottom: 0; border-bottom: none; } body#wallet #sameAddress input.checkbox, body#wallet #serviceAgreement input.checkbox { display: block; float: left; margin-right: 6px; margin-bottom: 1em;} body#wallet #serviceAgreement label { display: block; float: left; width: 230px; font-size:12px; font-weight: normal; } /* Order Summary */ body#wallet #orderSummary #orderSummaryTableWrapper { margin: -20px 0 0 341px; } body#wallet #orderSummary #orderSummaryTableWrapper .content { width: 375px; padding: 5px 12px; background-color:#e8f3f7; } body#wallet #orderSummary #orderSummaryTableWrapper .topCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -80px; width:399px; height:7px; font-size:1px; } body#wallet #orderSummary #orderSummaryTableWrapper .bottomCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -87px; width:399px; height:7px; font-size:1px; } body#wallet #orderSummary table { width: 100%; border-collapse: collapse; } body#wallet #orderSummary th, body#wallet #orderSummary td { padding: 10px 0 2px 0; border-bottom: 1px dotted #d3d3d3; text-align: left; } body#wallet #orderSummary .total th, body#wallet #orderSummary .total td { border-bottom: none; } body#wallet #orderSummary a.edit { display: block; width: 375px; margin-left: 365px; text-align: right; } body#wallet #orderSummary #subTotal { font-weight: bold; font-size: 14px; } body#wallet #orderSummary #cartSubtotal { font-weight: bold; font-size: 14px; } body#wallet #orderSummary #grandTotal { font-weight: bold; font-size: 18px; } body#wallet #orderSummary #cartGrandTotal { font-weight: bold; font-size: 18px; } body#wallet #orderSummary #cartVAT { font-weight: bold; } body#wallet #VATNumberFields #VATNumberCountryCode { width: 25px; } body#wallet #VATNumberFields #VATNumber { width: 135px; margin-left: 12px; } /* Contact Information */ body#wallet fieldset#contactInfo { margin-bottom: 10px; padding-bottom: 0; border-bottom: none !important;} body#wallet #contactInfo #contactInfoTableWrapper { margin: -20px 0 0 341px; } body#wallet #contactInfo #contactInfoTableWrapper .content { width: 375px; padding: 5px 12px; background-color:#fafafa; } body#wallet #contactInfo #contactInfoTableWrapper .topCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -190px; width:399px; height:7px; font-size:1px; } body#wallet #contactInfo #contactInfoTableWrapper .bottomCap{ background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -197px; width:399px; height:7px; font-size:1px; } body#wallet #contactInfo table{ width: 100%; border-collapse: collapse; } body#wallet #contactInfo th, #contactInfo td { border-bottom: 1px dotted #d3d3d3; text-align: left; padding: 10px 10px 2px 0; } body#wallet #contactInfo th { width: 90px; vertical-align: top; text-align: left; } body#wallet #contactInfo td { padding-top: 10px; padding-bottom: 2px; } body#wallet #contactInfo .address th, #contactInfo .address td { border-bottom: none; } /************ THANK YOU PAGE *******************/ body#thankYou #nextSteps { } body#thankYou #nextSteps h1 { margin-top: 20px; margin-bottom: 10px; font-size: 30px; } body#thankYou #nextSteps h1 span { font-size: 62px; letter-spacing: -2px; color: #303326; } body#thankYou #orderNumber { float: left; width: 292px; } body#thankYou #orderNumber h3 { margin-top: 15px; margin-bottom: 5px; font-weight: bold; font-size: 18px; } body#thankYou #orderNumber h3 span { color: #F26522; } body#thankYou #orderNumber p { color: #7D8170; } body#thankYou #specialOffer { float: left; width: 287px; margin: 160px 25px 0 20px; } body#thankYou #specialOffer h4 { margin-bottom: 8px; font-size: 16px; font-weight: bold; } body#thankYou #specialOffer h4 span { color: #7D8170; } body#thankYou #specialOffer .content { padding: 5px 30px 5px 20px; background-color:#e8f3f7; } body#thankYou #specialOffer .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -380px; width:287px; height:7px; font-size:1px; } body#thankYou #specialOffer .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -387px; width:287px; height:7px; font-size:1px; } body#thankYou #letsGetStarted { float: left; width: 283px; } body#thankYou #letsGetStarted h3 { margin-bottom: 5px; font-weight: bold; font-size: 22px; } body#thankYou #letsGetStarted .content { width: 257px; padding: 0 12px; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; background-color:#fafafa; font-weight: bold; font-size: 14px; } body#thankYou #letsGetStarted ul { list-style-image:url(/imgs/global/bulletGrayRightArrow.gif); margin:20px 0 25px 16px; padding:0; } body#thankYou #letsGetStarted li { padding-bottom: 4px; font-size: 12px; } body#thankYou #letsGetStarted a { display: block; text-align: center; } body#thankYou #letsGetStarted .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -30px; width:283px; height:10px; font-size:1px; } body#thankYou #letsGetStarted .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -40px; width:283px; height:10px; font-size:1px; } body#thankYou #ads { margin: 40px 0 20px 0; padding: 20px; border-top: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; } body#thankYou #orderWrapUp { } body#thankYou #orderWrapUp table { width: 100%; border-collapse: collapse; } body#thankYou #orderWrapUp caption { margin-bottom: 7px; font: bold 18px Vagabond,trebuchet,"Trebuchet MS",sans-serif; text-align: left;} body#thankYou #orderWrapUp th { font-weight: bold; text-align: left; } body#thankYou #orderWrapUp th, body#thankYou #orderWrapUp td { padding: 3px; vertical-align: top; } body#thankYou #paymentAndContact { float: left; width: 310px; } body#thankYou #paymentAndContact table { margin-bottom: 25px; } body#thankYou #paymentAndContact th, body#thankYou #paymentAndContact td { border-bottom: 1px dotted #d3d3d3; } body#thankYou #paymentAndContact tr.last th, body#thankYou #paymentAndContact tr.last td { border-bottom: none; } body#thankYou #orderSummary { float: left; width: 540px; margin-top: 33px; margin-left: 30px; } body#thankYou #orderSummary table { margin-bottom: 0x !important; } body#thankYou #orderSummary caption { margin-top: -50px; } body#thankYou #orderSummary thead th { padding-top: 10px; border-bottom: 1px dotted #D3D3D3; font-size: 14px; } body#thankYou #orderSummary th, body#thankYou #orderSummary td { color: #303326; } body#thankYou #orderSummary .content { padding: 10px 20px; background-color:#eff7fa; color: #303326; font-weight: bold; } body#thankYou #orderSummary .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -400px; width:540px; height:7px; font-size:1px; } body#thankYou #orderSummary .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -407px; width:540px; height:7px; font-size:1px; } body#thankYou #orderSummary #ad { height:230px; margin:20px auto 0; width:300px; } body#thankYou #orderSummary tr.last th, body#thankYou #orderSummary tr.last td { border-top: 1px dotted #D3D3D3;} body#thankYou #privacyMatters1, body#thankYou #privacyMatters2, body#thankYou #businessMax {display: none; position: absolute; z-index: 1000; margin-top: -100px; margin-left: -15px; padding-bottom: 20px; width: 949px; background-color: #fff; } body#thankYou #privacyMatters1 h3.orderComplete, body#thankYou #privacyMatters2 h3.orderComplete, body#thankYou #businessMax h3.orderComplete { width: 100%; height: 35px; margin-bottom: 15px; padding-top: 8px; background: #fff url('/imgs/feeServices/bgYourOrderIsComplete.png') repeat-x; font-size: 14px; font-family: trebuchet, "Trebuchet MS", sans-serif !important; text-align: center; } body#thankYou .feeServices { width: 922px; padding-left: 15px; } body#thankYou .feeServices form { display: block; float: right; margin-bottom: 10px; margin-left: 15px; padding: 20px; padding-top: 0; width: 277px; background-color: #fcf8ed; } body#thankYou .feeServices form h3 { margin: 0 0 0 -46px; width: 343px; height: 178px; background: transparent url('/imgs/feeServices/arwGet10CashBack.png') no-repeat top right; text-indent: -2000px; } body#thankYou .feeServices form p { margin-top: 20px; width: auto; font-size: 11px; font-family: trebuchet, "Trebuchet MS", sans-serif; } body#thankYou .feeServices form fieldset { margin-top: 20px; } body#thankYou .feeServices form legend { margin-bottom: 10px; font-size: 14px !important; } body#thankYou .feeServices form label { font-size: 12px; padding-left: 85px; } body#thankYou .feeServices form li label { display: block; float: left; padding-left: 0; padding-top: 7px; width: 90px; } body#thankYou .feeServices form li input { display: block; float: left; width: 160px; font-size: 14px !important; } body#thankYou .feeServices form .enrollMeNow { border: none; margin-left: -5px; padding: 0; width: 282px; height: 66px; } body#thankYou .feeServices form a { font-weight: normal; font-size: 12px; text-decoration: underline; } body#thankYou .feeServices h2 { width: 545px; font-size: 28px; color: #13539d; } body#thankYou .feeServices sup { font-size: 50%; } body#thankYou .feeServices .pitch p { width: 545px; margin-bottom: 1.25em; font-size: 17px; font-family: Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #5a5d52; } body#thankYou .feeServices .pitch p strong { text-transform: uppercase; color: #13539d; letter-spacing: -1px; } body#thankYou .feeServices .pitch ul { width: 545px; margin-bottom: 15px; font-family: trebuchet, "Trebuchet MS", sans-serif; } body#thankYou .feeServices .pitch ul li { margin-bottom: 10px; padding-left: 30px; background: #fff url(/imgs/global/eleBlueCheck.png) no-repeat 0px 7px; font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #5a5d52; } body#thankYou .feeServices .pitch ul li strong { font-size: 22px; font-family: Vagabond, trebuchet, "Trebuchet MS", sans-serif; font-weight: normal; letter-spacing: 0px; color: #13539d; } body#thankYou .feeServices a { font-size: 14px; font-weight: bold; } body#thankYou .feeServices .pitch h3 { margin: 20px 0 5px 0; font: bold 14px trebuchet, "Trebuchet MS", sans-serif !important; color: #24271d; } body#thankYou .feeServices p.offerDetails { width: auto; font-size: 11px !important; font-family: trebuchet, "Trebuchet MS", sans-serif !important; color: #44473b; } body#thankYou .feeServices .additionalDetails ul { text-align: center; } body#thankYou .feeServices .additionalDetails ul li { display: inline; font-size: 14px; } body#thankYou p.error { margin: 10px 0 0 0; padding-left: 25px; background: transparent url('/imgs/global/icnAlert.png') no-repeat top left; } body#thankYou #feeServicesResponse { float: left; display: none; width: 309px; margin-left: -10px; margin-bottom: 15px; } body#thankYou #feeServicesResponse h3 { margin-bottom: 8px; font: bold 14px trebuchet, "Trebuchet MS", sans-serif !important; color: #44473b; } body#thankYou #feeServicesResponse h4 { margin-bottom: 8px; font: bold 19px Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #303326; } body#thankYou #feeServicesResponse h4 span { color: #F26522; } body#thankYou #feeServicesResponse sup { font-size: 50%; } body#thankYou #feeServicesResponse p { font-weight: bold; color: #44473b; } body#thankYou #feeServicesResponse .content { padding: 5px 30px 5px 20px; background-color:#e8f3f7; } body#thankYou #feeServicesResponse .topCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -130px; width:309px; height:7px; font-size:1px; } body#thankYou #feeServicesResponse .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -137px; width:309px; height:7px; font-size:1px; } /************************************* =9. Forgot Password ********************************************/ /* CSS Document */ body.forgotPassword .col_L { padding-top:0px; width:575px; } body.forgotPassword .col_R { padding-top:0px; width:314px; padding:0px 3px 0 12px; } body.forgotPassword h1 { margin-top:21px; margin-bottom:0; font-weight:bold; font-size:38px; letter-spacing: -1px; } /* make the uneven height buttons line up */ body.forgotPassword p.continue a { display: block; float: left; vertical-align: middle; } body.forgotPassword p.continue a.formSubmit img { margin-top: 3px; } /* body.forgotPassword .declaration, orangeDeclaration, h1 { font-size:38px; font-weight:bold; margin-top:21px; margin-bottom:0; } body.forgotPassword .orangeDeclaration { color:#F26522; } body.forgotPassword .subDeclaration { font-size:18px; font-weight:bold; } body.forgotPassword .miniDeclaration { margin-top:15px; font-size:18px; font-weight:bold; } body.forgotPassword .lnkCancel { position:relative; top:5px; } */ /* search */ body.forgotPassword .lookup { margin:5px 0; } body.forgotPassword .lookup form { margin-bottom:10px; } body.forgotPassword .lookup form legend { margin-top:15px; font:bold 18px Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.forgotPassword .lookup input, body.forgotPassword .lookup img { vertical-align:middle; } body.forgotPassword .lookup form label { display: block; float: left; width:90px; height:18px; margin:5px 0; padding:4px 0; font-weight:bold;} body.forgotPassword .lookup form input { display: block; float: left; margin:5px 0;} body.forgotPassword .lookup form p.faq { display:block; float: left; margin-left: 20px; margin-top: 8px;} body.forgotPassword .lookup form p.continue { padding:10px 0 0 85px;} /* secret question & select email */ body.forgotPassword .question form, body.forgotPassword .select_email form {padding-top:15px; border-top: 1px dotted #d3d3d3;} body.forgotPassword .question p.faq {display:block; float: left; margin-left: 20px; } body.forgotPassword .question p.secret_question {display:block; float: left; font-weight:bold;} body.forgotPassword .question .response, body.forgotPassword .select_email .response {padding-left:20px;} body.forgotPassword .question .response p {font-weight:bold;} body.forgotPassword .question .response input, body.forgotPassword .select_email .response input {vertical-align:middle;} body.forgotPassword .select_email p.continue a { display: block; float: left; vertical-align: middle; } body.forgotPassword .select_email p.continue a.faq { margin-top: 12px; margin-left: 20px; } /* results */ body.forgotPassword .results { margin:15px 0; } /* right col elements */ body.forgotPassword .ad-wrap {} body.forgotPassword .ad-wrap {width:300px; margin-bottom:20px;} body.forgotPassword .ad-wrap p {margin:0; font-size:10px; text-align:right; color:#cccccc;} body.forgotPassword #contentColumns {margin-top:10px; background:url(../imgs/global/bgWhoisRightCol.gif) right top repeat-y;} /************************************* =10. One Click Renewal ********************************************/ /* CSS Document */ body.oneClickRenewal h1 { font-size:38px; color:#303326; margin-top:20px; margin-left:10px; } body.oneClickRenewal .dLine { height:1px; overflow:hidden; background-color:#d9d9d9; } body.oneClickRenewal .horizDotted { background:url(../imgs/global/bgDottedLineHorizontal.gif) repeat-x; height:1px; overflow:hidden; margin-top:10px; } body.oneClickRenewal .headerRow a { font-size:12px } body.oneClickRenewal .headerRow th { height:30px; } body.oneClickRenewal #renewTopLeft { float:left; width:430px; margin-bottom:20px; font:12px Trebuchet MS, Arial, Verdana; font-weight:bold; margin-top:-8px; margin-left:10px; } body.oneClickRenewal #renewTopRight { float:right; width:350px; font:11px Trebuchet MS, Arial, Verdana; line-height:13px; text-align:right; margin-right:85px; *margin-right:81px; _margin-right:40px; } body.oneClickRenewal #renewTopRight img { padding-left:10px; } body.oneClickRenewal #renewTopRight input { width:145px; height:32px; border:0; background:none; padding:0; margin:0; } body.oneClickRenewal #renewTopRightBottom { position:absolute; top:30px; right:28px; float:right; width:156px; font:11px Trebuchet MS, Arial, Verdana; line-height:13px; text-align:right; } body.oneClickRenewal #renewTopRightBottom img { padding-left:10px; } body.oneClickRenewal #renewTopRightBottom input { width:145px; height:32px; border:0; background:none; padding:0; margin:0; } /* CART TABLE STYLES */ body.oneClickRenewal table#yourCart { width:100%; background:url(../imgs/global/bgDottedLineHorizontal.gif) repeat-x bottom; } body.oneClickRenewal table#yourCart { text-align:left; border-collapse:collapse; } body.oneClickRenewal table#yourCart td { vertical-align:top; } body.oneClickRenewal table#yourCart th { font-size:16px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td { background:url(../imgs/global/bgDottedLineHorizontal.gif) repeat-x top; padding-top:11px; font-size:14px; padding-bottom:5px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td .itemName{ color:#303326; font-weight:bold; font-size:14px; line-height:21px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td .error{ color:#D72A18; } body.oneClickRenewal table#yourCart td.itemsList, table#yourCart th.itemsList{ padding-left:10px !important; width:360px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td .requiredStep{ font-size:14px; font-weight:bold; color:#ff0000; line-height:15px; margin:5px 0 0 0; height:14px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td.emptyCart { width:auto; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td.terms, table#yourCart tr.cartItemPrimary td.price{ font-weight:bold; font-size:14px; color:#303326; width:178px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td.price{ font-weight:bold; font-size:13px; color:#303326; width:120px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td.terms { width:197px; } body.oneClickRenewal table#yourCart tr.cartItemPrimary td.expires { width:150px; color:#f22222; font-weight:bold; } body.oneClickRenewal .niceform td.autoRenew{ padding-left:23px !important; } body.oneClickRenewal table#yourCart td.autoRenew input{ height:15px; } body.oneClickRenewal table#yourCart tr.cartItemSecondary td { color:#7d8170; font-size:12px; line-height:15px; padding:0 0 3px 0; } body.oneClickRenewal table#yourCart tr.cartItemSecondary td.expires{ color:#f22222; } body.oneClickRenewal table#yourCart tr.lastSubRow td { padding-bottom:15px; } body.oneClickRenewal table#yourCart .lnkAddMoreProducts { margin-top:3px; display:block; } body.oneClickRenewal table#yourCart td.termsEdit a, table#yourCart td.remove a{ font-size:12px; font-weight:normal; margin-top:10px; } body.oneClickRenewal table#yourCart td.termsEdit { width:142px; } body.oneClickRenewal .terms select { width: 152px; } body.oneClickRenewal #privateRegistrationRenew { font-size:12px; font-weight:bold; color:#6d6f63; margin-top:18px; margin-bottom:10px; margin-left:10px; } /* price bar styles */ body.oneClickRenewal #total { background:url(../imgs/checkout/bgTotalBar2.gif) no-repeat; height: 87px; width:872px; position:relative; margin:17px 0 0 -10px; text-align:center; } body.oneClickRenewal .lnkContinueToNextStep { display:block; position:absolute; right:24px; top:22px; _cursor:hand; } body.oneClickRenewal #billingTo { width:380px; position:absolute; top:20px; left:22px; text-align:left; font-size:17px; color:#6d6f63; font-family:Trebuchet MS, Arial; } body.oneClickRenewal #billingTo img { margin-bottom:-1px; } body.oneClickRenewal #billingTo .line { color:#d9d9d9; } body.oneClickRenewal #billingTo .editLink { font-size:11px; } body.oneClickRenewal #promoCode { width:380px; position:absolute; top:40px; left:22px; text-align:left; font-size:17px; color:#6d6f63; font-family:Trebuchet MS, Arial; font-size:11px; } body.oneClickRenewal #promoCode img { margin-bottom:0px; margin-right:2px; } body.oneClickRenewal #selectAnother { width:480px; position:relative; top:38px; left:305px; } body.oneClickRenewal .pricesWrapper { left:435px; position:absolute; text-align:left; top:10px; width:239px; } body.oneClickRenewal #totalPriceRenew { font-family: Trebuchet MS, Arial, Verdana; color:#303326; font-size:25px; font-weight:bold; float: right; } body.oneClickRenewal #totalSavedRenew { font-family: Trebuchet MS, Arial, Verdana; color: #FF9900; font-size: 25px; font-weight: bold; float: right; } body.oneClickRenewal #titleTotal { width: 100px; font-size: 25px; font-weight: bold; float: left; text-align: left; } body.oneClickRenewal #titleSaved { width: 120px; font-size: 25px; font-weight: bold; float: left; text-align: left; } body.oneClickRenewal #totalPrice .price { color:#56594b; } body.oneClickRenewal #totalSavings { margin-bottom:-28px; } body.oneClickRenewal #totalSavings #moreInfo { font:12px Trebuchet MS, Arial, Verdana; color:#b5b6b1; padding:8px 12px 0 72px; } body.oneClickRenewal #needHelpBar { position:relative; width:919px; height:14px; text-align:center; margin-top:20px; } body.oneClickRenewal #needHelpGuy { position:absolute; bottom:1px; *bottom:-4px; left:20px; } body.oneClickRenewal #needHelpTxt { font:18px Trebuchet MS, Arial, Verdana; position:absolute; top:35px; left:175px; color:#303326; } body.oneClickRenewal #needHelpCall { font:12px Trebuchet MS, Arial, Verdana; font-weight:bold; color:#303326; position:absolute; top:25px; left:460px; line-height:15px; } body.oneClickRenewal #needHelpCall span { color:#ff9900; font:22px Trebuchet MS, Arial, Verdana; font-weight:bold; display:block; margin-left:-1px; } body.oneClickRenewal #visitCustSupport { position:absolute; top:35px; right:27px; font:12px Trebuchet MS, Arial, Verdana; font-weight:bold; } body.oneClickRenewal .oneCrossSell { width:267px; *width:266px; overflow:hidden; } body.oneClickRenewal #promotionalCode .validationErrorMessage { left:350px; position:relative; top:-11px; width:500px; } /* styles for the premium refund 30 day notice */ body.oneClickRenewal .premiumRefundNotice { background-color:#FFFFFF; border-color:#D3D3D3; border-style:none solid; border-width:medium 1px; background-color:#ffc; line-height:18px; margin:30px 0pt 0pt; padding:5px 7px 9px 27px; position:relative; *width:883px; } body.oneClickRenewal .premiumRefundNotice h3 { font-size:16px; color:#56594B; } body.oneClickRenewal .premiumRefundTopCap { background: url(../imgs/global/30DayWideTopCap.gif) no-repeat; height:10px; left:-1px; position:absolute; top:-10px; width:919px; font-size:1px; } body.oneClickRenewal .premiumRefundBottomCap { background: url(../imgs/global/30DayWideBottomCap.gif) no-repeat top center; height:12px; width:919px; font-size:1px; margin:0 0 12px 0; } body.oneClickRenewal #shadowWrapperBottomCap { background:transparent url(../imgs/global/bgShadowBoxCap.gif) no-repeat scroll center; font-size:1px; height:13px; margin-left:auto; margin-right:auto; } body.oneClickRenewal .formCenter { width:570px; margin:0 auto; } body.oneClickRenewal .formCenterCol { float:left; overflow-y:hidden; overflow-y:visible; width:262px; } body.oneClickRenewal .formCreateRight { float:left; position:relative; top:58px; width:187px; padding-left:25px } body.oneClickRenewal .formOr { float:left; width:22px; padding:0 30px 0 40px; } /* incomplete Transaction */ body.oneClickRenewal .incomplete .formCenterCol { width:auto; position:relative; top:34px; } body.oneClickRenewal .incomplete .formCenterCol img { margin-bottom:5px; } body.oneClickRenewal .incomplete .formCreateRight { float:left; position:relative; padding-left:25px; top:0; width:257px; } body.oneClickRenewal .incomplete .formCreateRight .loginOptions { position:relative; top:3px; } body.oneClickRenewal #transIncomplete { margin-top:43px; margin-bottom:26px; } body.oneClickRenewal label, body.oneClickRenewal #registrationForm fieldset#secret_question legend { color:#56594B; display:block; font-size:14px; font-weight:bold; margin:0pt; position:static; } /* END: styles for the premium refund 30 day notice */ body.oneClickRenewal .formCenter { width:570px; margin:0 auto; } body.oneClickRenewal .formCenterCol { float:left; overflow-y:hidden; overflow-y:visible; width:375px; } body.oneClickRenewal .formCreateRight { float:left; position:relative; top:58px; width:187px; padding-left:25px } body.oneClickRenewal .formOr { float:left; width:22px; padding:0 30px 0 40px; } body.oneClickRenewal .incomplete .formCenterCol { position:relative; top:34px; width:auto; } body.oneClickRenewal .incomplete .formCenterCol img { margin-bottom:5px; } body.oneClickRenewal .incomplete .formCreateRight { float:left; position:relative; top:0; width:257px; padding-left:25px; } body.oneClickRenewal .incomplete .formCreateRight .loginOptions { position:relative; top:3px; } /* =LOG IN */ body.oneClickRenewal h1 { margin: 25px 0 45px 0; font: bold 32px Vagabond,trebuchet,"Trebuchet MS",sans-serif; letter-spacing: -1px; } body.oneClickRenewal div#callUs { float: left; width: 300px; margin-left: 175px; padding-top: 30px; } body.oneClickRenewal div#callUs h2 { font: bold 21px Vagabond,trebuchet,"Trebuchet MS",sans-serif; } body.oneClickRenewal div#callUs h2 span.phoneNumber { font-size: 27px; color: #f90; } body.oneClickRenewal div#callUs h2 small { display: block; font: bold 10px trebuchet,"Trebuchet MS",sans-serif; } body.oneClickRenewal div#callUs h2 small span.phoneNumber { font-size: 10px; color: #f90; } body.oneClickRenewal form#loginForm { float: left; height: 146px; padding-left: 87px; background: url('/imgs/checkout/orDivide.gif') center left no-repeat; } body.oneClickRenewal form#loginForm fieldset { border: none; } body.oneClickRenewal form#loginForm fieldset legend { display: none; } body.oneClickRenewal form#loginForm fieldset ol { list-style-type: none; } body.oneClickRenewal form#loginForm img { display: block; margin-top: 58px; } /************************************* =11. Errors ********************************************/ body.errors h1 { margin: .25em 0; font-size: 27px; } body#timeout form { margin-top: 27px; } body#timeout input { margin-bottom:10px; width:236px; font-size:13px; } body#timeout input.imgButton { width:auto; } body#timeout label { color:#56594B; display:block; font-size:14px; font-weight:bold; position:static; margin:0; } body#timeout fieldset { border: none; } body#timeout fieldset legend { display: none; } body#timeout fieldset#logIn { width: 300px; margin-left: 175px; } body#timeout #loginForm #btnLogIn { float:left; width:auto; position:relative; left:-5px; margin-bottom:8px; } /*domainHoldPopup only works on ie */ body#domainHoldPopup { height: 460px; background: #fff url('/imgs/global/bgDomainHold.png') repeat-x 0% 100%; margin: 25px auto 0 auto; padding: 0 60px; text-align: center; } body#domainHoldPopup h1 { font-size: 44px; line-height: 1.1; margin-bottom: 10px; } body#domainHoldPopup p { margin: 0; text-align: center; font: normal 16px Vagabond, Trebuchet, sans-serif; color: #5a5d52; } body#domainHoldPopup h1 span, body#domainHoldPopup p strong { font-weight: bold; color: #e06b25; font-style: none !important; } body#domainHoldPopup h1 span.firstName { text-transform: capitalize; color: #5a5d52; } body#domainHoldPopup a { font-weight: bold; color: #3399cc; } body#domainHoldPopup form { margin: 0; } body#domainHoldPopup fieldset#domainNames { margin-top: 25px; margin-left: 295px; text-align: left; } body#domainHoldPopup fieldset#domainNames label { display: block; margin-top: 3px; font: bold 20px Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #e06b25;} body#domainHoldPopup div.login { width: 758px; margin: 20px 96px 0 96px; } body#domainHoldPopup div.login fieldset { float: left; width: 271px; } body#domainHoldPopup div.login fieldset#existingCustomer { margin-left: 75px; } body#domainHoldPopup div.login fieldset legend { padding-bottom: 5px; font: bold 18px Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #313427; } body#domainHoldPopup div.login fieldset ol { display: block; margin-top: .5em; } body#domainHoldPopup div.login fieldset ol li { margin-bottom: 5px; font-size:12px; vertical-align: middle; white-space: nowrap; } body#domainHoldPopup div.login fieldset ol li label { display: block; float: left; width: 70px; margin-top: 5px; text-align: left; } body#domainHoldPopup div.login fieldset ol li input { display: block; float: left; width: 175px; } body#domainHoldPopup div.login fieldset ol li a { display: block; margin-left: 35px; line-height: 1.3; font-size: 10px; font-weight: normal; } body#domainHoldPopup div.login fieldset ol li .imgButton { margin-top: 7px; margin-left: 70px; } body#domainHoldPopup .imgButton { } body#domainHoldPopup ul.errors { list-style-image: url('/imgs/global/errorIcon.gif'); list-style-type: disc; margin-left: 1.25em; padding-left: 1.25em; margin-top: 25px; margin-bottom: 25px; color:#D72A18; font-size:14px; font-weight: bold; } body#domainHoldPopup ul.errors li { margin-top: .5em; } body#domainHoldPopup ul.options { list-style-image: url('/imgs/checkout/domain_hold.gif'); list-style-type: disc; margin: 1.7em 0 1.7em .55em; padding-left: .55em; } body#domainHoldTimeout { padding: 0 60px; text-align: center; } body#domainHoldTimeout h1 { font-size: 44px; line-height: 1.1; margin-bottom: 10px; } body#domainHoldTimeout p { margin: 0; font: normal 16px Vagabond, Trebuchet, sans-serif; color: #5a5d52; } body#domainHoldTimeout h1 span, body#domainHoldTimeout p strong { font-weight: bold; color: #e06b25; font-style: none !important; } body#domainHoldTimeout h1 span.firstName { text-transform: capitalize; color: #5a5d52; } body#domainHoldTimeout a { font-weight: bold; color: #3399cc; } body#domainHoldTimeout fieldset#domainNames { margin-top: 25px; margin-left: 357px; text-align: left; } body#domainHoldTimeout fieldset#domainNames label { display: block; margin-top: 3px; font: bold 20px Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #e06b25;} body#domainHoldTimeout div.login { margin-left: 163px; margin-top: 30px; } body#domainHoldTimeout div.login fieldset { float: left; } body#domainHoldTimeout div.login fieldset#existingCustomer { margin-left: 75px; } body#domainHoldTimeout div.login fieldset legend { padding-bottom: 5px; font: bold 18px Vagabond, trebuchet, "Trebuchet MS", sans-serif; color: #313427; } body#domainHoldTimeout div.login fieldset ol { display: block; margin-top: .5em; } body#domainHoldTimeout div.login fieldset ol li { margin-bottom: 5px; font-size:12px; vertical-align: middle; white-space: nowrap; } body#domainHoldTimeout div.login fieldset ol li label { display: block; float: left; width: 70px; margin-top: 5px; text-align: left; } body#domainHoldTimeout div.login fieldset ol li input { display: block; float: left; width: 175px; } body#domainHoldTimeout div.login fieldset ol li a { display: block; margin-left: 70px; line-height: 1.3; font-size: 10px; font-weight: normal; } body#domainHoldTimeout div.login fieldset ol li .imgButton { margin-top: 7px; margin-left: 70px; } body#domainHoldTimeout .imgButton { margin-top: 25px; } body#domainHoldTimeout ul.errors { list-style-image: url('/imgs/global/errorIcon.gif'); list-style-type: disc; margin-top: 25px; margin-left: 1.25em; padding-left: 1.25em; color:#D72A18; font-size:14px; font-weight: bold; } body#domainHoldPopup ul.errors li { margin-top: .5em; } body#domainHoldTimeout ul.options { list-style-image: url('/imgs/checkout/domain_hold.gif'); list-style-type: disc; margin: 1.7em 0 1.7em .55em; padding-left: .55em; } /************************************* =12. successStories ********************************************/ body.successStories #story { float: left; width:565px; margin-top: 25px; } body.successStories #story img { border-bottom:1px solid #D9D9D9;} body.successStories #story h1 { margin: 25px 0 10px 10px; font-size:17px; color:#303326; line-height:1.2em;} body.successStories #story p { margin: 0 0 5px 10px; padding-right: 25px; font-size:14px; color:#7d8170; line-height:1.1em;} body.successStories #btnPlayVideo { display:block; float:right; width:136px; z-index:10; margin-top: 25px; } body.successStories #btnPlayVideo img { border-bottom: 0; } body.successStories #moreStories { float: right; width:347px; margin-top:10px; padding:0; border-left:1px solid #d9d9d9;} body.successStories #moreStories h2 { width:347px; margin-left: 15px; margin-bottom: 2px; background:url(/imgs/successStories/bgMoreStories.gif) left bottom no-repeat; font-size:22px; color:#56594b; } body.successStories #moreStories ul li { float:left; width:173px; height:130px; margin-top:10px; background:url(/imgs/successStories/bgLiLeft.gif) 0 0 no-repeat;} body.successStories #moreStories ul li.even {background:url(../imgs/successStories/bgLiRight.gif) 0 0 no-repeat;} /************************************* =13. About ********************************************/ body.about .col_L h1, body.about .col_L h1 { margin-bottom: 26px; color:#303326; font-size:36px; font-weight:bold; } body.about .col_L h1 span, body.about .col_L h1 span { display: block; color: #F26522; } /* Tab content in list-format */ body.about .tabs-panel ul, body.about .tabs-panel ol, body.about .tabs-panel p { padding: 15px; } body.about .tabs-panel p { padding-bottom: 0; margin-bottom: 0; } body.about .ui-tabs-hide { display: none !important; } body.about .tabs-panel li { margin:6px 0 6px 13px; font-size:12px; } body.about #topHeader { height: 300px; width: 625px; border-bottom: solid 1px #e4e4e4; margin-bottom: 25px; } body.about #topHeader .headerImg { width: 235px; float: right; margin-left: 25px; } body.about #topHeader p { font-weight: bold; font-size: 15px; color: #999999; } body.about #topHeader h2 { font-size: 26px; font-weight: bold; color: #595c4e; } body.about #topHeader h3 { font-size: 19px; font-weight: bold; color: #666666; } body.about #aboutUs img { float: left; margin-top: 35px; } body.about #adTabs { margin: 15px 0 0 15px; } body.about #adTabs a { font-weight: bold; font-size: 12px; } body.about #adTabs h2 { font-weight: bold; font-size: 12px; color: #666666; margin: 0; padding: 15px 0 5px 0; } body.about #adTabs p { font-size: 12px; color: #666666; margin: 0; padding: 0; width: 595px; } body.about #adTabs li { list-style-type: round; list-style-image: none; } body.about #adTabs #terms { margin-left: 15px; } body.about #advertise ul { margin-left: 15px; } body.about #advertise ul li { font-size: 13px; color: #595c4e; list-style-image:url(/imgs/global/bulletGrayRightArrow.gif); } body.about #sitemetrics { font-size: 13px ;color: #535353; margin-left: 35px; } body.about #sitemetrics ul { padding-left: 0; } body.about #sitemetrics ul li { list-style-type: round; list-style-image: none; } body.about #sitemetrics h2 { font-weight: bold; font-size: 13px; color: #535353; } body.about #sitemetrics div.stats { width: 150px; float: left; } body.about #affiliate h2 { font-weight: bold; font-size: 15px; color: #595c4e; } body.about #affiliate p { font-size: 13px; color: #595c4e; } body.about #affiliate #lst, body.about #affiliate #first { float: left; } body.about #affiliate #first { margin-left: 15px; margin-right: 75px; } body.about #affiliate ul li { font-size: 13px; color: #595c4e; list-style-image:url(/imgs/global/bulletGrayRightArrow.gif); } body.about #affiliate img { margin-top: 15px; } body.about #contact { margin: 15px 0 0 25px; font-size: 12px; } body.about #contact h2 { font-weight: bold; font-size: 14px; color: #555555; } body.about #contact .title { color: #555555; } body.about #contact .email { color: #3399cc; } body.about #contact .phone { color: #666666; } body.about #affiliateAgreement { margin-left: 15px; margin-top: 15px; } body.about #affiliateAgreement h2 { font-weight: bold; font-size: 12px; color: #666666; margin-top: 15px; margin-bottom: 15px; } body.about #affiliateAgreement p { padding: 0; margin: 0; font-size: 12px; color: #666666; } body.about #affiliateAgreement ul li { list-style-type: round; list-style-image: none; } body.about #affiliateFAQ { margin-left: 15px; margin-top: 15px; } body.about #affiliateFAQ h2 { font-weight: bold; font-size: 12px; color: #666666; } body.about #affiliateFAQ p { padding:0; padding-bottom: 15px; margin: 0; font-size: 12px; color: #666666; } body.about #affiliateFAQ ul li { list-style-type: round; list-style-image: none; } body.about .award { float: left; font-weight: bold; margin-bottom: 12px; } body.about .award img { float: left; margin-right: 20px; border-right: solid 1px #e4e4e4; } body.about .award h2 { font-size: 15px; color: #595c4e; } body.about .award h3 { font-size: 13px; color: #666666; } body.about .award p { font-weight: normal; font-size: 11px; color: #595c4e; margin-top: 12px; } body.about #careers h3 { font-weight: bold; font-size: 15px; color: #333333; margin-bottom: 15px; } body.about #careers p { font-size: 11px; color: #595c4e; width: 605px; } body.about .team { margin-bottom: 25px; } body.about .team h2 { font-size: 18px; font-weight: bold; color: #666666; } body.about .team h3 { font-weight: bold; font-size: 15px; color: #999999; margin-bottom: 15px; } body.about .values { border-bottom: solid 1px #e9e9e9; margin-bottom: 25px; } body.about .values2 { border-bottom: none; margin-bottom: none; } body.about .values h2, body.about .values2 h2 { font-weight: bold; font-size: 15px; color: #595c4e; padding-bottom: 12px; } body.about .values p, body.about .values2 p { font-weight: bold; font-size: 11px; color: #595c4b; padding-bottom: 5px; } body.about #tabs .tabs-panel table { width: 90%; margin-left: 2px; border-spacing: 0; } body.about #tabs .tabs-panel table thead th, body.about #tabs .tabs-panel table tbody td { padding-left: 15px; } body.about #tabs .tabs-panel table tbody td.a { background-color: #ffffff; width: 15%; } body.about #tabs .tabs-panel table tbody td.b { background-color: #eff7fa; width: 25%; } body.about #tabs .tabs-panel table tbody td.c { background-color: #ffffff; width: 20%; } body.about #tabs .tabs-panel table tbody td.a2 { background-color: #f7f7f7; width: 15%; } body.about #tabs .tabs-panel table tbody td.b2 { background-color: #e8eff2; width: 25%; } body.about #tabs .tabs-panel table tbody td.c2 { background-color: #f7f7f7; width: 20%; } body.about #payouts { margin: 15px 0 0 15px; } body.about #payouts h2 { font-weight: bold; font-size: 15px; color: #555555; margin: 0 0 15px 0; } body.about #payouts .offers { font-weight: bold; font-size: 15px; color: #898989; } body.partnerOffers .col_L { width:602px; padding-top:30px; } body.partnerOffers .col_R { width:300px; padding-top:30px; } body.partnerOffers #navPartnerOffers li { float: left; height: 60px; } body.partnerOffers #offers .content { padding-left: 15px; border-right:1px solid #d6d3d6; border-left:1px solid #d6d3d6; background-color:#fff; } body.partnerOffers #offers .content .bodyAd { width: 560px; background-image: url(https://www.register.com/images/partneroffer/partner_ad_border_slice.gif); background-repeat: repeat-y; } body.partnerOffers #offers .content .bodyAdTitle { font-size: 17px; font-family: trebuchet,'Trebuchet MS',sans-serif; color: #3399cc; } body.partnerOffers #offers .content .bodyAdUL { list-style-image: url(https://www.register.com/images/partneroffer/custom_ad_bulletpoint.gif); margin: 5px 5px 5px 16px; padding: 0; color: #666633; } body.partnerOffers #offers .topCap { margin-top: -1px; background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -500px; width:602px; height:11px; font-size:1px; } body.partnerOffers #offers .bottomCap { background: url(/imgs/global/capRoundedCorners.png) no-repeat 0 -511px; width:602px; height:13px; font-size:1px; } /************************************* =15. Legal ********************************************/ /************************************* =15. Modals ********************************************/ body.modal { padding:0px 20px; } body.modal h1 { margin-bottom: 10px; font-size:22px; font-weight:bold; color:#6A6D5E; } body.modal h2 { font-size:17px; font-weight:bold; color:#56594B; } body.modal h1.wide { width:100%; } body.modal .dialogHeaderFull { width:100%; } body.modal .dialogHeaderFull h1 { width:500px; } body.modal .headerOptions { top:15px; z-index:100; margin-bottom:10px; } body.modal #closeButton { position:absolute; right:4px; top:4px; display:block; padding:2px; background:#333; color:#fff; font-weight:bold; } body.modal .dialogHeader { margin-bottom:10px; } body.modal #loadingScreen { width:90%; height:200px; position:absolute; background-color:#fff; z-index:1000px; text-align:center; padding-top:25%; } body.modal label.leftAlign { display:block; float:left; line-height:25px; padding-right:8px; position:relative; text-align:right; top:5px; width:150px; } body.modal form br { clear:both; display:block; margin-bottom:10px; } body.modal .tldform .imgButton { width:auto; height:auto; } body.modal .tldform .rightButton { left:341px; width:auto; height:auto; _top:10px; _left:350px; } body.modal #selectDomain .rightButton { float:right; top:-32px; margin-bottom:-100px; position:relative; } body.modal .tldform input { width: 236px; z-index:900000; position:relative; opacity:1; visibility:visible; background:none; } body.modal .tldform input.radio { width:auto; } body.modal .tldform input.listRadio { background-image:none; border:medium none; clear:both; display:block; float:left; height:auto; margin-left:21px; margin-right:10px; padding-left:250px; width:15px; border:1px solid #fff; } body.modal label.listRadioLabel { float:left; width:auto; border:1px solid #fff; } body.modal .tldform select { width: 250px; position: relative; top: 5px; vertical-align: top; } body.modal .tldform .formNote{ font-size:11px; margin-left:160px; } body.modal .tldform .formNoteLeft{ /* for notes which are left aligned such as on TLD search */ clear:both; *margin-top:10px; } body.modal .tldform select#selectedTLDs { width:auto; } /* modal search form */ body.modal .searchForm select { font-size:16px; padding-bottom:3px; position:relative; top:-1px; } body.modal .searchForm .imgButton { vertical-align:middle; margin-top:-4px; *margin-top:-8px; } /* Domain Attach Styles */ body.modal .savingsNotice { color:#f26522; font-weight:bold; text-align:center; } body.modal #attachForm { width:325px; margin-left:auto; margin-right:auto; } body.modal #attachForm select { width:175px; position:relative; top:-6px; } body.modal #attachForm .imgButton { border:medium none; display:block; margin-left:auto; margin-right:auto; padding:0pt; width:auto; } /* login form styles */ body.modal #loginForm { clear:both; margin-left:50px; } body.modal #loginForm .imgButton { float:left; width:auto; } body.modal #loginForm label { color:#56594B; display:block; font-weight:bold; } body.modal #loginForm input { width:200px; } body.modal #loginForm .forgotOptions { float:left; padding-left:10px; } body.modal #loginForm a { display:block; } /* forgot password styles */ body.modal #forgotPasswordForm { clear:both; margin-left:50px; } body.modal #forgotPasswordForm .imgButton { float:left; width:auto; } body.modal #forgotPasswordForm label { color:#56594B; display:block; font-weight:bold; } body.modal #forgotPasswordForm input { width:200px; } body.modal #forgotPasswordForm .forgotOptions { float:left; padding-left:10px; } body.modal #forgotPasswordForm a { display:block; } /*domain search styles */ body.modal #findDomain input#search { width:236px; } body.modal #findDomain .imgButton { vertical-align:middle; } /* domain search results styles */ body.modal .searchResults { list-style:none; width:auto; } body.modal .searchResults li { padding:10px; vertical-align:middle; } body.modal .searchResults li input.radio { vertical-align: middle; } body.modal .searchResults .alt { background-color:#f0f0f0; } body.modal #termForm{ height:100px; *height:1%; } /*cartLinksModal*/ body#cartLinksModal h1 { margin: 0; line-height: 1.1; } body#cartLinksModal h1 span { display: block; } body#cartLinksModal h2 { float: left; font-size: 17px; line-height: 1.1; color: #333; } body#cartLinksModal h2 .price { font-size: 30px; } body#cartLinksModal h2 .xtraFee { display: block; } body#cartLinksModal input.imgButton { float: left; margin-top: 5px; margin-left: 15px; } body#cartLinksModal p { margin-bottom: 7px; font-weight: bold; font-size: 13px; color: #999; } body#cartLinksModal h3 { margin-top: 7px;font-weight: bold; font-size: 11px; color: #666; } body#cartLinksModal ul { margin-left: 1.5em; list-style-image: url('/imgs/global/bulletModal.gif'); list-style-type: disc; list-style-position: outside; font-size:11px; color:#666666; } body#cartLinksModal a { display: block; margin-top: 5px; font-weight: bold; } /*extendedCartModal */ body#extendedCartModal form fieldset { margin-top: 5px; } body#extendedCartModal form fieldset legend { font-weight: bold; font-size: 13px; color: #56594B; } body#extendedCartModal form ol li { margin-bottom: 5px; font-size:12px; } body#extendedCartModal form#seo ol li label, body#extendedCartModal form#bifm ol li label, body#extendedCartModal form#seo ol li input, body#extendedCartModal form#bifm ol li select { display: block; float: left; } body#extendedCartModal form#seo ol li label, body#extendedCartModal form#bifm ol li label { margin-top: 5px; } body#extendedCartModal form#bifm ol li label { width: 135px; } body#extendedCartModal form#bifm .imgButton { margin-left: 132px; margin-top: 5px; } body#extendedCartModal form#seo fieldset legend { margin-left: -5px; } /*domainHoldModal*/ body#domainHoldModal h1, body#domainHoldModal h2 { line-height: 1.1; margin: 0; } body#domainHoldModal h2 { color:#999; margin-bottom: 10px; } body#domainHoldModal a { font-weight: bold; color: #3399cc; } body#domainHoldModal div.login { margin-top: 20px; } body#domainHoldModal div.login form { float: left; } body#domainHoldModal div.login form#domainHoldDialogForm2 { margin-left: 20px; } body#domainHoldModal div.login form fieldset legend { padding-bottom: 5px; font-weight: bold; font-size: 18px; color: #56594B; } body#domainHoldModal div.login form ol { display: block; margin-top: .5em; } body#domainHoldModal div.login form ol li { margin-bottom: 5px; font-size:12px; vertical-align: middle; white-space: nowrap; } body#domainHoldModal div.login form ol li label { display: block; float: left; width: 70px; margin-top: 5px; } body#domainHoldModal div.login form ol li input { display: block; float: left; width: 175px; } body#domainHoldModal div.login form ol li a { display: block; margin-left: 70px; line-height: 1.3; font-size: 10px; font-weight: normal; } body#domainHoldModal div.login form ol li .imgButton { margin-top: 7px; margin-left: 70px; } body#domainHoldModal ul.errors { list-style-image: url('/imgs/global/errorIcon.gif'); list-style-type: disc; margin-left: 1.25em; padding-left: 1.25em; color:#D72A18; font-size:14px; font-weight: bold; } body#domainHoldModal ul.options { list-style-image: url('/imgs/checkout/domain_hold.gif'); list-style-type: disc; margin: 1.7em 0 1.7em .55em; padding-left: .55em; } body#feeServicesModal ol, body#feeServicesModal ul, body#feeServicesModal p, body#feeServicesModal ol li { margin: 0 0 1em; } body#feeServicesModal ul li { margin: 0 0 .5em; } body#feeServicesModal ul { margin-left: 2em; list-style-type: disc; } body#feeServicesModal ol { margin-left: 2em; list-style-type: decimal; } body#feeServicesModal h1, body#feeServicesModal h2, body#feeServicesModal h3, body#feeServicesModal h4 { color: #000; margin: 0 0 1em; } body#feeServicesModal h1 { font-size: 19px; text-transform: uppercase; } body#feeServicesModal h2 { font-size: 17px; margin: 1.5em 0 0; } body#feeServicesModal h3 { font-size: 12px; font-family: trebuchet, "Trebuchet MS", sans-serif; } body#feeServicesModal sup { font-size: 60%; } body#feeServicesModal #copyright { padding: 5px 0 20px; margin: 0 auto; color: #999; } /************************************* =16. Titanizations for old Janus Pages (e.g., Account Manager ********************************************/ table#srchFrm { margin-left: 5px; margin-bottom: 5px; width: 510px; } table#srchFrm tr { height: 25px; width: 510px; } table#srchFrm tr.alt { background-color: #F9F9F9; } table#srchFrm td.tld { padding-right: 5px; } table#srchFrm td { font-size: 13px; font-weight: bold; } #chooseyourtld { font-size: 17px; font-weight: bold; margin-bottom: 5px; clear: left; } #searchForaDomainName { float: left; padding-right: 12px; margin-top: 9px; font-size: 17px; font-weight: bold; } #searchBox { float: left; margin-bottom: 5px; margin-top: 8px; width: 227px; } #gobtn { float: left; padding-left: 15px; } #srchB { float: left; width: 238px; font-weight: bold; } .whoislookup { padding-right: 12px; } .goBtn { width: 65px; height: 39px; border: none; background: none; }h1.legacyJanus { margin-bottom:10px; padding-bottom:2px; border-bottom:1px solid #DFE7EF; font:bold 17px verdana,arial,helvetica,sans-serif; letter-spacing:1px; text-transform:uppercase; color:#444444; }