/****** FILE: themes/support/css/core.css *****/ /* Description: NS Core CSS Created: 03/17/2009 Last Modified: 03/26/2009 Version: 2.0 */ /* ----------------------------------------------------------------------------------------- Global Declarations -------------------------------------------------------------------------------------- */ * {margin:0;padding:0;} /* zero out everything */ body {font-family:trebuchet ms, arial, verdana, sans-serif; color:#333; text-align:center; background:#EEE url(../../../themes/support/images/backgrounds/ns-body-bg.gif) repeat-x 0 0;} #wrapper {clear:both; margin:0 auto; width:960px; text-align:left;} #wrapper .clr, #wrapper .clr2 {clear:both; margin:0; padding:0; font-size:0; height:0; line-height:0;} #wrapper input, textarea {font-family:trebuchet ms, arial, verdana, sans-serif;} #wrapper p {margin:10px; font-size:12px; line-height:1.5;} a:link, a:active, a:visited {color:#0991AC;} a:hover {color:#96BE24;} img, input { behavior: url(../../../themes/support/css/iepngfix.htc) } /* FOR IE PNG FIX */ /* ----------------------------------------------------------------------------------------- Boxes -------------------------------------------------------------------------------------- */ #wrapper .container {float:left; width:960px;} #wrapper .container .box {float:left; position:relative; margin:10px; background:#FFF;z-index:1;} #wrapper .container .box.cap {margin-right:0;} #wrapper .container .box.drk {background:#787878 url(../images/ns-box-drk-base.gif) repeat-x 0 0;} #wrapper .container .box .c-tl, #wrapper .container .box .c-tr, #wrapper .container .box .c-bl, #wrapper .container .box .c-br {position:absolute; width:10px; height:10px; font-size:1px; line-height:0; background:url(../../../themes/support/images/corners.png) no-repeat 0 0; z-index:10;} #wrapper .container .box .c-tl {top:0; left:0; background-position:0 -10px;} #wrapper .container .box .c-tr {top:0; right:0; background-position:-10px -10px;} #wrapper .container .box .c-bl {bottom:0; left:0; background-position:0 -20px;} #wrapper .container .box .c-br {bottom:0; right:0; background-position:-10px -20px;} /* white corners for interior boxes*/ #wrapper .container .wbox .c-tl {top:0; left:0; background-position:0 -30px;} #wrapper .container .wbox .c-tr {top:0; right:0; background-position:-10px -30px;} #wrapper .container .wbox .c-bl {bottom:0; left:0; background-position:0 -40px;} #wrapper .container .wbox .c-br {bottom:0; right:0; background-position:-10px -40px;} #wrapper .container .box.lrg {width:940px;} #wrapper .container .box.dbl {width:620px;} #wrapper .container .box.big {width:540px;} #wrapper .container .box.med {width:460px;} #wrapper .container .box.reg {width:380px;} #wrapper .container .box.sm {width:300px;} #wrapper .container .box.tiny {width:172px;} /* ----------------------------------------------------------------------------------------- Sliders -------------------------------------------------------------------------------------- */ #wrapper .container .box .view_all {display:none;} #wrapper .container .box .slider {position: relative; overflow:hidden;} #wrapper .container .box .slider .back {position:absolute; z-index: 2;} #wrapper .container .box .slider .back a, #wrapper .container .box .slider .next a {display:none; outline:none; /* This is optional, and is arguably less accessible. */} #wrapper .container .box .slider .next {position:absolute; z-index:2;} #wrapper .container .box .slider .back a, #wrapper .container .box .slider .next a {display:block; width:14px; height:22px; background:url(../../../themes/support/images/btn-slide-left.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} #wrapper .container .box .slider .next a {background:url(../../../themes/support/images/btn-slide-right.png) no-repeat 0 0;} #wrapper .container .box .slider ul {position:relative; left:0; width:auto; margin:0; padding:0; list-style-type:none; overflow:hidden; z-index:1;} #wrapper .container .box .slider ul li {float:left; display:inline;} /* ----------------------------------------------------------------------------------------- Global Hat Elements -------------------------------------------------------------------------------------- */ #global {float:right;margin:7px 20px 5px 20px;} #global .cs {float:left;margin:0 10px 0 0;padding:2px 0;font-size:12px;color:#63982d;} #global .cs span {color:#555;} #global #cart {float:left;padding:2px 5px 2px 25px;font-size:12px;background:#fff url(../../../themes/support/images/icon-cart-empty.gif) no-repeat 5px 2px;} #global #cart.full {background:#fff url(../../../themes/support/images/icon-cart-full.gif) no-repeat 5px 2px;} #global #am-login {float:left;} /* ----------------------------------------------------------------------------------------- Branding -------------------------------------------------------------------------------------- */ #wrapper #branding {float:left;position:relative;margin:0 10px 10px 10px; width:940px;z-index:9999;} #wrapper #branding #logo {float:left; width:220px;} /* Global Navigation */ #wrapper #branding {float:left;position:relative;margin:0 10px 10px 10px; width:940px;z-index:9999;} #wrapper #branding #logo {float:left; width:220px;} /* Global Navigation */ #wrapper #branding ul#g-nav {float:left;list-style:none;} #wrapper #branding ul#g-nav li {float:left;} #wrapper #branding ul#g-nav li a:link, #wrapper #branding ul#g-nav li a:active, #wrapper #branding ul#g-nav li a:visited {float: left;width:141px;padding: 60px 0 0 0;text-indent:-9999px;height: 0px !important; height /**/:60px; /* for IE5/Win only */text-decoration:none;background:url(../../../themes/support/images/ns-nav.gif) no-repeat 0 0;overflow:hidden;} #wrapper #branding ul#g-nav li#g-smb a {background-position:0 0;} #wrapper #branding ul#g-nav li#g-smb.active a {background-position:0 -60px;} #wrapper #branding ul#g-nav li#g-smb.selected a, #wrapper #branding ul#g-nav li#g-smb.active.selected a {background-position:0 -120px;} #wrapper #branding ul#g-nav li#g-web a {background-position:-141px 0;} #wrapper #branding ul#g-nav li#g-web.active a {background-position:-141px -60px;} #wrapper #branding ul#g-nav li#g-web.selected a, #wrapper #branding ul#g-nav li#g-web.active.selected a {background-position:-141px -120px;} #wrapper #branding ul#g-nav li#g-cs a {background-position:-282px 0;} #wrapper #branding ul#g-nav li#g-cs.active a {background-position:-282px -60px;} #wrapper #branding ul#g-nav li#g-cs.selected a, #wrapper #branding ul#g-nav li#g-cs.active.selected a {background-position:-282px -120px;} #wrapper #branding ul#g-nav li#g-edu a {background-position:-423px 0;} #wrapper #branding ul#g-nav li#g-edu.active a {background-position:-423px -60px;} #wrapper #branding ul#g-nav li#g-edu.selected a, #wrapper #branding ul#g-nav li#g-edu.active.selected a {background-position:-423px -120px;} /* Global Navigation Flyout */ #wrapper #branding ul#g-nav li .segment {display:none;position:absolute;top:57px;left:0;width:941px;z-index:1000;} #wrapper #branding ul#g-nav li .segment .seg-exp-top {float:left;width:940px;height:10px;line-height:0;background:url(../../../themes/support/images/ns-seg-exp-top.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment .seg-exp-foot {float:left;width:940px;height:26px;background:url(../../../themes/support/images/ns-seg-exp-bot.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment .seg-exp-content {float:left;padding:0 12px;width:916px;background:#6F6F6F url(../../../themes/support/images/seg-exp-bg.gif) repeat-x 0 0;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .seg-inner {float:left;padding:15px 0;width:916px;background:#fff url(../../../themes/support/images/seg-exp-bg-inner.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .seg-inner .seg-inner-item {float:left;padding:0 10px;background:url(../../../themes/support/images/seg-inner-item-bg.gif) repeat-y right top;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .seg-inner .seg-inner-item.gallery {width:400px;position:relative;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .seg-inner .seg-inner-item.links {width:130px;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .links ul li {float:left;margin:0;width:130px;font-size:12px;line-height:1;border-bottom:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .links ul li a {padding:0 0 5px ;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .seg-inner .seg-inner-item.cap {background:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-title h3 {float:left;height:34px;padding:10px 0 0 0;} #wrapper #branding ul#g-nav li .segment .seg-exp-title h3 a {float:left;width:335px;padding: 23px 0 0 0;text-indent:-9999px;height: 0px !important; height /**/:23px; /* for IE5/Win only */text-decoration:none;overflow:hidden;} #wrapper #branding ul#g-nav li .segment#seg-smb .seg-exp-title h3 a {background:url(../../../themes/support/images/seg-smb-exp-title.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment#seg-web .seg-exp-title h3 a {background:url(../../../themes/support/images/seg-web-exp-title.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment#seg-cs .seg-exp-title h3 a {background:url(../../../themes/support/images/seg-sup-exp-title.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment#seg-edu .seg-exp-title h3 a {background:url(../../../themes/support/images/seg-edu-exp-title.gif) no-repeat 0 0;} #wrapper #branding ul#g-nav li .segment#seg-smb .seg-exp-title h3 a:hover, #wrapper #branding ul#g-nav li .segment#seg-web .seg-exp-title h3 a:hover, #wrapper #branding ul#g-nav li .segment#seg-cs .seg-exp-title h3 a:hover, #wrapper #branding ul#g-nav li .segment#seg-edu .seg-exp-title h3 a:hover {background-position:0 -23px;} #wrapper #branding ul#g-nav li .segment .seg-exp-content ul {margin:10px 0 0 0;list-style:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-content ul li {width:100%;font-size:14px;line-height:1;border-bottom:1px solid #e5e5e5;} #wrapper #branding ul#g-nav li .segment .seg-exp-content ul li.cap {border:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-content ul li a {float:left;text-decoration:none;padding:5px 0;width:100%;height:auto !important;text-indent:0;background:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery .sample {float:left;margin:10px 0 0 0;width:150px;text-align:center;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul {float:left;width:250px;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li {float:left;margin:0 10px 0 0;width:115px;font-size:12px;line-height:1;border-bottom:1px solid #e5e5e5;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li em {font-style:normal;color:#96BE24;} .gallery-item {font-size:11px;color:#666;width:150px;} .gallery-item .description {margin:5px 0;line-height:13px;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li .gallery-item {position:absolute;top:28px;left:260px;height:160px;text-align:center;background:#fff;display:none;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li a:hover {color:#96BE24;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li.gview a .gallery-item {display:block;} #wrapper #branding ul#g-nav li .segment .seg-exp-content .gallery ul li .gallery-item img {border:none;} /* Global Site Search */ #wrapper #branding #sitesearch {float:left;padding:15px 0px 0 10px;width:146px;height:45px;background:url(../../../themes/support/images/ns-ssrch-bg.gif) no-repeat 0 0;} #wrapper #branding #sitesearch form {float:left; background:url(../../../themes/support/images/ns-f-input-bg.gif) no-repeat 0 0;} #wrapper #branding #sitesearch form input.form-single {float:left; border:none; padding:6px 0 0 5px; width:101px; height:27px; font-size:12px; color:#777; background:url(../../../themes/support/images/ns-f-input-bg.gif) no-repeat 0 0;} /* ----------------------------------------------------------------------------------------- Breadcrumbs -------------------------------------------------------------------------------------- */ #wrapper #content .breadcrumb {float:left; margin:0 20px; font-size:11px; color:#777;} #wrapper #content .breadcrumb a:link, #wrapper #content .breadcrumb a:active, #wrapper #content .breadcrumb a:visited {color:#777;} #wrapper #content .breadcrumb a:hover {color:#0AAFCF;} /* ----------------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------------- */ #wrapper #footer .container .box { background:#F8F8F8 none repeat scroll 0 0; } #wrapper #footer p { color:#777777; font-size:11px; margin:0 10px; } #wrapper #footer .title { color:#999999; float:left; font-size:18px; padding:20px; } #wrapper #footer .cs { color:#999999; float:right; font-size:18px; padding:20px; } #wrapper #footer .cs span { color:#669933; } #wrapper #footer .twitterIt { float:right; margin:20px 20px 20px 0; padding:0 0 0 10px; border-left:1px solid #999; } #wrapper #footer .twitterIt a { font-size:18px; } #wrapper #footer ul#map { clear:both; float:left; list-style-type:none; margin:0 20px 20px; width:900px; } #wrapper #footer ul#map li.section { color:#666666; float:left; font-size:11px; font-weight:bold; margin:0 5px; width:140px; } #wrapper #footer ul#map li.section ul { list-style-type:none; } #wrapper #footer ul#map li.section ul li { line-height:15px; } #wrapper #footer ul#map li.section ul li a { font-weight:normal; text-decoration:none; } #wrapper #footer ul#map li.section ul li.minorSection { line-height:15px; } #wrapper #footer ul#map li.section ul li.minorSection.under { margin:10px 0 0; } #wrapper #footer #legal { float:left; margin:10px 0 10px 10px; width:540px; } #wrapper #footer #legal ul { float:left; list-style-type:none; margin:2px 0 5px 10px; } #wrapper #footer #legal ul li { border-right:1px solid #777777; float:left; font-size:11px; line-height:10px; margin-right:10px; padding-right:10px; } #wrapper #footer #legal ul li.last { border-right:medium none; margin-right:0; padding-right:0; } #wrapper #footer #legal ul li a { text-decoration:none; } #wrapper #footer #legal p { clear:left; float:left; width:520px; } #wrapper #footer #secure { border-left:2px solid #E1E1E1; float:left; margin:10px 10px 10px 0; width:368px; } #wrapper #footer #secure p { font-family:arial,verdana,sans-serif; font-size:9px; text-align:left; } #wrapper #footer #seal { float:right; margin:0 0 0 10px; } #wrapper #footer .box.secondary { height:60px; } #am-login img {border:0} #wrapper #footer .container .affiliates {float:left;margin:20px 0 20px 20px;padding:0 0 0 35px;background:url(../../../themes/support/images/hp-affil-icon.png) no-repeat 0 0;} #wrapper #footer .container .affiliates p {margin:3px 0 3px 10px;font-size:14px;line-height:1;} #wrapper #footer .container .affiliates p.subtitle {margin:2px 0 5px 10px;font-size:12px;} /****** FILE: themes/support/css/navigation.css *****/ /*** only included for old navigation ****/ body {background:#EEE url(/img/backgrounds/ns-body-bg.gif) repeat-x 0 0;} /*** HAT ***/ #wrapper #masthead #global {float:right; width:940px; margin:0 10px;} #wrapper #masthead #global #cart-and-login {float:right; width:237px; background:transparent url(/img/backgrounds/navigation/ns-amwrap-bg.gif) repeat-x 0 0;} #wrapper #masthead #global #cart-and-login #am-login {float:right; width:109px; padding:5px 10px 9px 0; position:relative; background:transparent url(/img/backgrounds/navigation/ns-amlogin-bg.gif) no-repeat right top;} #wrapper #masthead #global #cart-and-login #cart {float:right; width:75px; margin:0 15px 0 0; padding:6px 0 9px 28px; text-align:left; font-size:12px; color:#FFF;} #wrapper #masthead #global #cart-and-login #cart.full {background:transparent url(/img/backgrounds/navigation/ns-cart-bg.gif) no-repeat 0 0;} #wrapper #masthead #global .cs {float:right; margin:0 15px 0 0; padding:6px 0; font-size:12px; color:#FFF;} #wrapper #masthead #global .cs a {color:#FFF;} #wrapper #masthead #global .cs a:hover, #wrapper #masthead #global .cs a:active {color:#B3CE63;} #wrapper #masthead #global .cs span {margin-right:10px; padding-right:6px; color:#FFF; font-weight:bold; border-right:1px solid #777;} #wrapper #masthead #global .cs span.rvtfn {border:none; padding:0; margin:0;} /*** TABS ***/ #wrapper #masthead #branding {float:left; width:940px; margin:0 10px 10px; position:relative; z-index:9999;} #wrapper #masthead #branding #tabs {float:left; width:758px; margin:0 7px 0 0; list-style-type:none;} #wrapper #masthead #branding #tabs li {float:left; height:35px; margin:13px 3px 0 0;} #wrapper #masthead #branding #tabs li#home {height:61px; width:208px; margin-top:-13px;} #wrapper #masthead #branding #tabs li#smb {width:182px;} #wrapper #masthead #branding #tabs li#web {width:170px;} #wrapper #masthead #branding #tabs li#cs {width:87px;} #wrapper #masthead #branding #tabs li#edu {width:99px; margin-right:0;} #wrapper #masthead #branding #tabs li a {float:left; height:35px; text-indent:-9999px; outline:none;} #wrapper #masthead #branding #tabs li#home a {height:61px; width:208px; background:transparent url(/img/backgrounds/navigation/ns-tab-home.gif) no-repeat 0 0;} #wrapper #masthead #branding #tabs li#home a:hover {background-position:0 -61px;} #wrapper #masthead #branding #tabs li#home.active a {background-position:0 -122px;} #wrapper #masthead #branding #tabs li#smb a {width:182px; background:transparent url(/img/backgrounds/navigation/ns-tab-secondary.gif) no-repeat 0 0;} #wrapper #masthead #branding #tabs li#smb a:hover {background-position:0 -35px;} #wrapper #masthead #branding #tabs li#smb.active a {background-position:0 -70px;} #wrapper #masthead #branding #tabs li#web a {width:170px; background:transparent url(/img/backgrounds/navigation/ns-tab-secondary.gif) no-repeat -182px 0;} #wrapper #masthead #branding #tabs li#web a:hover {background-position:-182px -35px;} #wrapper #masthead #branding #tabs li#web.active a {background-position:-182px -70px;} #wrapper #masthead #branding #tabs li#cs a {width:87px; background:transparent url(/img/backgrounds/navigation/ns-tab-secondary.gif) no-repeat -352px 0;} #wrapper #masthead #branding #tabs li#cs a:hover {background-position:-352px -35px;} #wrapper #masthead #branding #tabs li#cs.active a {background-position:-352px -70px;} #wrapper #masthead #branding #tabs li#edu a {width:99px; background:transparent url(/img/backgrounds/navigation/ns-tab-secondary.gif) no-repeat -439px 0;} #wrapper #masthead #branding #tabs li#edu a:hover {background-position:-439px -35px;} #wrapper #masthead #branding #tabs li#edu.active a {background-position:-439px -70px;} /*** SITESEARCH ***/ #wrapper #masthead #branding #sitesearch {float:left; width:auto; height:auto; margin:16px 0 0; padding:0; background:none;} #wrapper #masthead #branding #sitesearch form {float:left; background:none;} #wrapper #masthead #branding #sitesearch form input {float:left;} #wrapper #masthead #branding #sitesearch form input.form-single {height:25px; width:139px; margin:0 3px 0 0; padding:6px 0 0 5px; font-size:12px; color:#777; border:none; background:transparent url(/img/backgrounds/navigation/tabbed-ns-site-search-bg.gif) no-repeat 0 0;} /*** NAV ***/ #wrapper #masthead #branding ul#nav {float:left; height:36px; width:926px; padding:0 7px; list-style-type:none; background:transparent url(/img/backgrounds/navigation/ns-nav-bg.gif) no-repeat 0 0;} #wrapper #masthead #branding ul#nav li {float:left; font-size:13px; font-weight:bold; position:relative;} #wrapper #masthead #branding ul#nav li a {float:left; margin:10px 0; color:#FFF; text-decoration:none;} #wrapper #masthead #branding ul#nav li.active a {margin:6px 0 0; cursor:pointer; color:#A0CA25; background:#5F5F5F url(/img/backgrounds/navigation/ns-nav-hover-bg-b.gif) no-repeat right top;} #wrapper #masthead #branding ul#nav li span {float:left; height:17px; padding:0 12px; border-left:1px solid #C8DD7F; border-right:1px solid #629110; background:transparent url(/img/backgrounds/navigation/twiddle.gif) no-repeat 3px 7px;} #wrapper #masthead #branding ul#nav li.first span {padding:0 12px 0 10px; border-left:none;} #wrapper #masthead #branding ul#nav li.cap span {padding:0 9px 0 10px; border-right:none;} #wrapper #masthead #branding ul#nav li.active span {height:26px; padding:4px 14px 0 12px; border:none; background:transparent url(/img/backgrounds/navigation/ns-nav-hover-bg-a.gif) no-repeat 0 0;} #wrapper #masthead #branding ul#nav li.cap.active span {height:26px; padding:4px 9px 0 10px; border:none; background:transparent url(/img/backgrounds/navigation/ns-nav-hover-bg-a.gif) no-repeat 0 0;} #wrapper #masthead #branding ul#nav li.first.active span {height:26px; padding:4px 12px 0 11px; border:none; background:transparent url(/img/backgrounds/navigation/ns-nav-hover-bg-a.gif) no-repeat 0 0;} /*** SUBNAV ***/ #wrapper #masthead #branding ul#nav li ul.subnav {display:none; width:220px; padding:10px; position:absolute; top:35px; left:0; list-style-type:none; background-color:#575757; z-index:20;} #wrapper #masthead #branding ul#nav li ul.subnav li {float:none; padding:5px 0; font-size:12px; font-weight:normal; line-height:1.2; border-top:1px solid #686868; border-bottom:1px solid #4E4E4E;} #wrapper #masthead #branding ul#nav li ul.subnav li.first {border-top:none;} #wrapper #masthead #branding ul#nav li ul.subnav li.cap {border-bottom:none;} #wrapper #masthead #branding ul#nav li ul.subnav li.all {font-style:italic;} #wrapper #masthead #branding ul#nav li ul.subnav li a {float:none; margin:0; padding:0; text-decoration:none; color:#FFF; background:none;} #wrapper #masthead #branding ul#nav li ul.subnav li a:hover {color:#A0CA25;} #wrapper #masthead #branding ul#nav li ul.subnav li a em {color:#A0CA25; text-transform:uppercase;} #wrapper #masthead #branding ul#nav li.active.cap ul.subnav {left:-116px;} #wrapper #masthead #branding ul#nav li.active.cap ul.subnav.standard {left:0;} /* USER STATUS */ #wrapper .container .userStatus {float:right; font-size:11px; color:#777; margin:0 20px;} #wrapper .container .userStatus a.createUser {margin-left:7px; padding-left:7px; border-left:1px solid #BBB;} /* NAVIGATION BANNER AD PLACEMENT */ #wrapper #masthead #branding ul#nav li ul.subnav li.navad {padding:20px 0 5px 0;border:none;} /**** FROM SPECIAL-NAVIGATION ****/ body {background-image:none;} #wrapper .container#masthead .box#primary {margin:0 10px 5px 10px;background:#4b4b4b url(/img/graphics/navigation/noTab/ns-primary-bg.gif) repeat-x left bottom;} #wrapper .container#masthead .box#primary .topLeft, #wrapper .container#masthead .box#primary .topRight {display:none;} #wrapper .container#masthead .box#primary .logo {float:left;margin:17px 0 16px 27px;width:158px;} #wrapper .container#masthead .box#primary .navSubWRap {float:left;width:749px;} #wrapper .container#masthead .box#primary .box#navAM {float:right;margin:0 10px;padding:7px 10px;width:auto;background:#666;} #wrapper .container#masthead .box#primary .box#navAM .bottomLeft {background-position:0 -40px;} #wrapper .container#masthead .box#primary .box#navAM .bottomRight {background-position:-10px -40px;} #wrapper .container#masthead .box#primary .box#navAM ul {list-style:none;} #wrapper .container#masthead .box#primary .box#navAM ul li {float:left;padding:3px 8px;font-size:12px;color:#eee;border-left:1px solid #6e6e6e;border-right:1px solid #575757;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-deals {padding:3px 8px 3px 11px;border-left:none;background:url(/img/graphics/navigation/noTab/c-deals-bg.png) no-repeat 0 6px;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-renew {padding:3px 8px 3px 24px;background:url(/img/graphics/navigation/noTab/c-renew-bg.png) no-repeat 10px 4px;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-cart {padding:3px 8px 3px 28px;background:url(/img/graphics/navigation/noTab/c-cart-bg.png) no-repeat 10px 4px;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-manage {padding:0 0 0 8px;border-right:none;} #wrapper .container#masthead .box#primary .box#navAM ul li a:link, #wrapper .container#masthead .box#primary .box#navAM ul li a:active, #wrapper .container#masthead .box#primary .box#navAM ul li a:visited {color:#eee;text-decoration:none;} #wrapper .container#masthead .box#primary .box#navAM ul li a:hover {color:#fff;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-deals a {color:#fbdf8c;} #wrapper .container#masthead .box#primary .box#navAM ul li#c-deals a:hover {color:#fff;} #wrapper .container#masthead .box#primary .box#navAM .bottomLeft, #wrapper .container#masthead .box#primary .box#navAM .bottomRight {background:url(/img/backgrounds/web-hosting/corners-hosting.png) no-repeat 0 0;} #wrapper .container#masthead .box#primary .box#navAM .bottomLeft {background-position:0 -10px;} #wrapper .container#masthead .box#primary .box#navAM .bottomRight {background-position:-10px -10px} #wrapper .container#masthead .box#primary .contact {float:right;margin:10px 5px 0 5px;font-size:12px;color:#aaa;} #wrapper .container#masthead .box#primary .contact a:link, #wrapper .container#masthead .box#primary .contact a:active, #wrapper .container#masthead .box#primary .contact a:visited {color:#ddd;text-decoration:none;} #wrapper .container#masthead .box#primary .contact a:hover {color:#96be24;} #wrapper .container#masthead .box#primary .global {float:right;margin:10px 10px 0 0;} #wrapper .container#masthead .box#primary .global ul {list-style:none;} #wrapper .container#masthead .box#primary .global ul li {float:left;margin:0;padding:6px 10px;font-size:12px;line-height:1;border-right:1px solid #333;border-left:1px solid #444;} #wrapper .container#masthead .box#primary .global ul li.noLeftLine {margin:0 0 0 10px;padding:6px 10px 6px 0;border-left:none;} #wrapper .container#masthead .box#primary .global ul li.noRighLine {border-right:none;} #wrapper .container#masthead .box#primary .global ul li a:link, #wrapper .container#masthead .box#primary .global ul li a:active, #wrapper .container#masthead .box#primary .global ul li a:visited {color:#aaa;text-decoration:none;} #wrapper .container#masthead .box#primary .global ul li a:hover {color:#96be24;} #wrapper .container#masthead .box#primary .global ul li#sitesearch {margin:0 0 0 10px;padding:0;border:none;} #wrapper .container#masthead .box#primary .global ul li#sitesearch #ns-search-box {float:left;margin:0 3px 0 0;padding:2px 0 0 5px;width:139px;height:23px;color:#777;font-size:12px;line-height:1;border:none;background:url(/img/graphics/navigation/noTab/ns-site-search-bg.gif) no-repeat 0 0;} #wrapper .container#masthead .box#branding {margin:0 10px 0 10px;} #wrapper .container#masthead .box#branding ul#nav li.navItem {float:left;position:relative;font-size:13px;font-weight:bold;} #wrapper .container#masthead .box#branding ul#nav li.navItem.active span {padding:4px 13px 0 13px;} #wrapper .container#masthead .box#branding ul#nav li.navItem.first.active span {padding:4px 13px 0 10px;} #wrapper .container#masthead .box#branding ul#nav li.navItem.cap.active span {padding:4px 13px 0 11px;} #wrapper .container#masthead .box#branding ul#nav li.navItem.cap.active ul.subnav {left: -139px;} /*#wrapper .container#masthead .box#branding ul#nav li.navItem.btn span {padding:0 12px;background:none;} #wrapper .container#masthead .box#branding ul#nav li.navItem.btn.active span {padding:4px 13px 0;background:url(/img/graphics/navigation/noTab/nav-btn-a.gif) no-repeat 0 0;} #wrapper .container#masthead .box#branding ul#nav li.navItem.btn.active a {background:url(/img/graphics/navigation/noTab/nav-btn-b.gif) no-repeat right top;}*/ #wrapper .container #breadcrumbs {margin-top:10px !important;} #wrapper .container .userStatus {margin-top:10px !important;} /* Backward compatibility CSS for new navigation bar. This part has the "#am" selector not to broke any old AM page. Remove when there are no pages with a body tag like this: body id="am" If you execute that search and find no results, that means that you can remove all the following lines from the file without any risk :) DMendez 27-Jul-2010 Information regarding the new navigation bar: #95899 Why is this fix needed: #96329 */ /* UPDATED CSS FOR NAVIGATION WITH SOCIAL TAB */ #wrapper #masthead #branding ul#nav.social li span {padding:0 14px;background:none;} #wrapper #masthead #branding ul#nav.social li.first span {border-left:none;padding:0 14px;} #wrapper #masthead #branding ul#nav.social li.cap span {padding:0 14px;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem.active span {padding:4px 15px 0;background: url("/img/backgrounds/navigation/ns-nav-hover-bg-a.gif") no-repeat scroll 0 0 transparent;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem.active.first span {padding:4px 15px 0 14px;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem.active.cap span {padding:4px 14px 0 15px;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem ul.subnav li.subhead {font-size:12px;color:#ff9600;text-transform:uppercase;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem ul.subnav li.subhead.inner {padding:15px 0 5px 0;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem ul.subnav li a {display:block;width:220px;} #wrapper #masthead.container #branding.box ul#nav.social li.navItem.active.cap ul.subnav {left:-171px;} /**** NEWTLD NAV ****/ body { background: #fff; font-family: 'Open Sans', sans-serif; } #wrapper #main { margin: auto; } #newNavHeader, #newNavFooter { display: none; } #am-nav-top { top: 190px; width: 100%; } #am-nav-top .pageTitle { float: none; height: 96px; margin: 0 auto; position: relative; } #wrapper #content { margin: 0 auto; width: 940px; } #wrapper #content.new-tld { margin: 0 auto; width: auto; } a.btn, input.btn { background-color: #76d23a; border: medium none; color: #FFFFFF; display: inline-block; padding: 6px 30px; cursor: pointer; font-weight: 600; font-size: 14px; border-radius: 3px; text-decoration: none; } a.btn:hover, input.btn:hover { background-color: #6DC136; } a.btn.blue, input.btn.blue { background-color: #256672; } a.btn.blue:hover, input.btn.blue:hover { background-color: #38818e; } a.btn.gray, input.btn.gray, a.btn.gray:hover, input.btn.gray:hover { background-color: #d2d2d2; } a:link, a:visited, a:active { text-decoration: none; } span.withTooltip { padding-right: 18px; background: url(/img/graphics/new-tlds/tooltipicon.png) no-repeat right; cursor: help; } .tooltip { background-color: #fff; border: 6px solid #34c6e1; left: -2000px; padding: 15px; position: absolute; width: 240px; height: auto; z-index: 9999; display: none; } .tooltip p { background-color: #fff; color: #333; font-size: 12px; height: auto; line-height: 1; margin: 0; padding: 0px; text-align: left; } /* tab fix */ #wrapper .container .box.transparent .tab-content-container ul.tab-list li.active a, #wrapper .container .box.transparent .tab-content-container ul.tab-list li a, #wrapper .container .box.transparent .tab-content-container ul.tab-list li.active a span, #wrapper .container .box.transparent .tab-content-container ul.tab-list li a span, #wrapper .container .tab-content-container .tab-content-left, #wrapper .container .tab-content-container .tab-content-right, #wrapper .container .tab-content-container .tab-content-bottom, #wrapper .container .tab-content-container .tab-content-top, #wrapper .container .tab-content-container .tab-content { background: none transparent; } #wrapper .container .box .product.take-a-payment .productheader p.heading { margin-bottom: 5px; } /* ++++++++++++++++++++++++++++++++++++ FULL WIDTH WRAPPER, 960PX CONTAINERS ++++++++++++++++++++++++++++++++++++ */ #wrapper { width: auto; } #wrapper input, #wrapper textarea { font-family: 'Open Sans', sans-serif; } #wrapper .container { float: none; margin: 0 auto; display: block; } #wrapper .container .topLeft, #wrapper .container .topRight, #wrapper .container .bottomLeft, #wrapper .container .bottomRight, #wrapper .container .c-tl, #wrapper .container .c-tr, #wrapper .container .c-bl, #wrapper .container .c-br { display: none; /* disable corner overlay graphics */ } /* fix container back for old style pages, add class='oldschool' to container */ #wrapper .container.oldschool { } #wrapper .container.oldschool .box.lrg { width: 940px; margin: 10px; overflow: hidden; } #wrapper .container.oldschool .topLeft, #wrapper .container.oldschool .topRight, #wrapper .container.oldschool .bottomLeft, #wrapper .container.oldschool .bottomRight { display: block; } .phoneOptOut { max-width: 940px; margin: 0 auto; } #wrapper .container .box .product.rebrand .hero.layers p.heading { font-size: 30px; } /* ++++++++++++++++++++++++++++++++++++ "MASTHEAD" ++++++++++++++++++++++++++++++++++++ */ #wrapper #masthead.container { width: auto; height: 144px; } /* ++++++++++++++++++++++++++++++++++++ "MASTHEAD" -> "PRIMARY" ++++++++++++++++++++++++++++++++++++ */ #wrapper #masthead.container #primary.box.lrg { margin: 0 auto; width: 960px; height: 108px; background: #fff; float: none; border: 0px none; position: relative; z-index: 99999; } #wrapper #masthead.container .whiteout { background: #fff; position: absolute; width: 100%; height: 108px; z-index: 99995; } #wrapper #masthead.container #primary.box .logo { margin: 0 0 0 -12px; width: 300px; } #wrapper #masthead.container #primary.box .logo .logo-graphic { vertical-align: bottom; margin-top: 0; margin-bottom: 0; } #wrapper #masthead.container #primary.box .navSubWRap { width: 660px; padding-top: 32px; } /* override mininav stuff */ #breadcrumbs, #branding, .navSubWRap, #leadGenBox, .box.sub.lrg, #branding, #navAM, .navSubWRap .contact, .navSubWRap .global, .cart-ad.item img, #productDetails .meta { display: inherit !important; } #wrapper #masthead.container #primary.box #navAM.box { background: transparent; margin: 0; margin-left: 10px; padding: 0; font-weight: 600; } #wrapper #masthead.container #primary.box #navAM.box ul li { color: #000; border: none; } #wrapper #masthead.container #primary.box #navAM.box ul li#c-renew, #wrapper #masthead.container #primary.box #navAM.box ul li#c-cart { background: transparent; padding: 3px 6px; } #wrapper #masthead.container #primary.box #navAM.box ul li a { background: url(/img/graphics/new-tlds/nav-am-triangle.png) no-repeat right; padding-right: 10px; } #wrapper #masthead.container #primary.box #navAM.box ul li #cart a { background: none; padding-right: 0; } #wrapper #masthead.container #primary.box #navAM.box ul li#c-manage a { background: 0; padding-right: 0; } #wrapper #masthead.container #primary.box #navAM.box ul li a:link, #wrapper #masthead.container #primary.box #navAM.box ul li a:active, #wrapper #masthead.container #primary.box #navAM.box ul li a:visited { color: #000; } #wrapper #masthead.container #primary.box #navAM.box ul li a:hover { color: #666; } #wrapper #masthead.container #primary.box #navAM.box ul li#c-manage a.btn.blue { background-color: #256672; border: medium none; color: #FFFFFF; display: inline-block; padding: 2px 14px; cursor: pointer; font-weight: normal; font-size: 12px; border-radius: 2px; margin-top: 1px; } #wrapper #masthead.container #primary.box #navAM.box ul li#c-manage a.btn.blue:hover { background-color: #38818e; } #wrapper #masthead.container #primary.box .global ul li#sitesearch div#sitesearch { border: 1px solid #333; border-radius: 1px; } #wrapper #masthead.container #primary.box .global ul li#sitesearch div#sitesearch:hover { border: 1px solid #76D23A; } #wrapper #masthead.container #primary.box .global ul li#sitesearch div#sitesearch input { vertical-align: bottom; } #wrapper #masthead.container #primary.box .global ul li#sitesearch div#sitesearch input#ns-search-box { background: none; margin: 0; padding: 3px; padding-left: 6px; height: 18px; width: 200px; line-height: 18px; } #wrapper #masthead.container #primary.box .contact { margin: 0; line-height: 23px; color: #666666; font-weight: 600; } #wrapper #masthead.container #primary.box .global { margin: 0; margin-top: 12px; } /* ++++++++++++++++++++++++++++++++++++ "MASTHEAD" -> "BRANDING" ++++++++++++++++++++++++++++++++++++ */ #wrapper #masthead.container #branding.box.lrg { margin: 0; width: auto; height: 44px; float: none; background: #000; } #wrapper #masthead.container #branding.box.lrg ul#nav { width: 920px; padding-left: 30px; height: 44px; margin: 0 auto; float: none; padding: 0; background: none; } #wrapper #masthead.container #branding.box ul#nav li.navItem { font-size: 14px; font-weight: normal; } #wrapper #masthead.container #branding.box ul#nav li a { height: 24px; line-height: 24px; outline: none; } #wrapper #masthead.container #branding.box ul#nav li span { height: 24px; background: none; padding: 0 15px; } #wrapper #masthead.container #branding.box ul#nav li span, #wrapper #masthead.container #branding.box ul#nav li.navItem span { border-left: 0 none; border-right: 0 none; } #wrapper #masthead.container #branding.box ul#nav li.first span { padding: 0 15px; } #wrapper #masthead.container #branding.box ul#nav li.cap span { padding: 0 15px; } #wrapper #masthead.container #branding.box ul#nav li.navItem.active { background: #515151; } #wrapper #masthead.container #branding.box ul#nav li.navItem.active a { color: #17c1d2; background: none; margin: 10px 0; height: 24px; line-height: 24px; } #wrapper #masthead.container #branding.box ul#nav li.navItem.active span { height: 24px; background: none; padding: 0 15px; border: none; } #wrapper #masthead.container #branding.box ul#nav li.navItem.active.first span { padding: 0px 15px; border-left: none; } #wrapper #masthead.container #branding.box ul#nav li.navItem.active.cap span { padding: 0px 15px; border-right: none; } #wrapper #masthead.container #branding.box ul#nav li.navItem.cap.active ul.subnav { left: auto; right: 0; } #wrapper #masthead.container #branding.box ul#nav li ul.subnav { top: 44px; background-color: #515151; padding: 6px 0; border-bottom: 6px solid #17c1d2; width: 250px; box-shadow: 0 8px 6px -6px black; } #wrapper #masthead.container #branding.box ul#nav li ul.subnav li { padding: 5px 15px; border: 0; font-size: 14px; } #wrapper #masthead.container #branding.box ul#nav li ul.subnav li.navItem { float: none; } #wrapper #masthead.container #branding.box ul#nav li ul.subnav li:hover { background: #6e6e6e; } #wrapper #masthead.container #branding.box ul#nav li.active ul.subnav li a { color: #ffffff; display: block; height: auto; margin: 0; } #wrapper #masthead.container #branding.box ul#nav li#all-products ul.subnav { border-bottom: 6px solid #76d23a; } #wrapper #masthead.container #branding.box ul#nav li#all-products ul.subnav li ul.subnav { top: 0px; left: 250px; border-bottom: 6px solid #17c1d2; background: #6e6e6e; padding-top: 0; padding-bottom: 0; } #wrapper #masthead.container #branding.box ul#nav li#all-products ul.subnav li ul.subnav li a:hover { color: #76d23a; } #wrapper #masthead.container #branding.box ul#nav li#all-products ul.subnav li.flyout { background: url(/img/graphics/new-tlds/all-products-submenu-arrow-white.png) no-repeat right; } #wrapper #masthead.container #branding.box ul#nav li#all-products ul.subnav li.flyout:hover { background: url(/img/graphics/new-tlds/all-products-submenu-arrow-green.png) no-repeat right #6e6e6e; } #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem { font-size: 16px; font-weight: 600; } #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem a, #am #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem a { color: #76d23a; line-height: 22px; } #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem ul.subnav li a { color: #ffffff; } #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem span { background: url(/img/graphics/new-tlds/all-products-chevron.png) no-repeat right 8px; padding-right: 30px; width: auto; } #wrapper #masthead.container #branding.box ul#nav li#all-products.navItem:hover span { background: url(/img/graphics/new-tlds/all-products-chevron-down.png) no-repeat right 8px; } /* ++++++++++++++++++++++++++++++++++++ STICKY SEARCH ++++++++++++++++++++++++++++++++++++ */ #wrapper #masthead #sticky { width: 100%; z-index: 9990; position: relative; color: #eeeeee; } #wrapper #masthead.container #sticky-domain { height: 100px; background: url(/img/graphics/new-tlds/sticky-search-bg.png); position: absolute; top: 44px; top: -75px; width: 100%; overflow: hidden; display: none; } #wrapper #masthead.container #sticky-domain #domain-search { padding-left: 130px; padding-top: 18px; } #wrapper #masthead.container #sticky-domain #domain-search .domsrchinput { float: left; border: none; height: 32px; line-height: 32px; width: 495px; padding: 15px 10px; padding-left: 60px; font-size: 20px; color: #000000; background: url(/img/graphics/new-tlds/sticky-search-icon.png) no-repeat 18px center #ffffff; } #wrapper #masthead.container #sticky-domain #domain-search .button { float: left; } #wrapper #masthead.container #sticky-domain #domain-search .button input.btn { border-radius: 0px 4px 4px 0px; font-size: 26px; font-weight: normal; height: 62px; padding: 6px 24px; } /* ++++++++++++++++++++++++++++++++++++ CONTENT CONTAINER ++++++++++++++++++++++++++++++++++++ */ #wrapper #content.show-search-bar { margin-top: -100px; } #wrapper #content .container .box.first.lrg { margin: 0; } #wrapper #content .container.oldschool .box.first.lrg { margin: 10px; } /* ++++++++++++++++++++++++++++++++++++ FLUSH NAV ++++++++++++++++++++++++++++++++++++ */ #wrapper #flush-nav { border-bottom: 3px solid #76d23a; } #wrapper #flush-nav ul { width: 920px; padding-left: 30px; margin: 0 auto; height: 42px; list-style-type: none; } #wrapper #flush-nav ul li { float: left; margin: 0; margin-right: 5px; } #wrapper #flush-nav ul li a { padding: 10px; height: 22px; line-height: 22px; font-size: 14px; display: inline-block; color: #000; font-weight: 600; } #wrapper #flush-nav ul li a:hover { color: #555; } #wrapper #flush-nav ul li.active a { background: #76d23a; color: #fff; } /* ++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++ */ #wrapper #footer { background: #000; height: auto !important; } #wrapper #footer p { color: #dddddd; margin: 0; } #wrapper #footer a:link, #wrapper #footer a:active, #wrapper #footer a:visited { color: #dddddd; text-decoration: none; } #wrapper #footer a:hover { color: #fff; } #wrapper #footer .container { margin: 10px auto; } #wrapper #footer .container .box.lrg { width: 960px; margin: 0; padding: 20px 0; background: transparent; border-bottom: 1px solid #fff; } #wrapper #footer .container .affiliates { background: none; padding: 0; margin-left: 0; margin-bottom: 50px; } #wrapper #footer .container .affiliates p { margin: 0; font-size: 16px; } #wrapper #footer .container .affiliates p.subtitle { margin: 0; margin-bottom: 14px; font-size: 14px; } #wrapper #footer ul#map { margin: 0; margin-bottom: 10px; width: 960px; } #wrapper #footer ul#map li.section { margin: 0; width: 160px; padding-right: 32px; font-size: 16px; font-weight: 600; color: #76d23a; line-height: 18px; } #wrapper #footer ul#map li.section ul li { font-size: 13px; line-height: 16px; margin: 10px 0; } #wrapper #footer ul#map li.section ul li:first-child { margin-top: 14px; } #wrapper #footer .cs { border-right: 0; background: url(/img/graphics/new-tlds/contact-triangle.png) no-repeat right; margin: 26px 0 20px 20px; padding: 0 16px 0 0; } #wrapper #footer .twitterIt { padding-left: 0px; margin: 20px; border-left: medium none; } #wrapper #footer .twitterIt span { color: #ddd; margin: 6px 10px 0 0; float: left; font-size: 18px; } #wrapper #footer .twitterIt img { vertical-align: bottom; } #wrapper #footer .container .box.lrg.secondary { border-bottom: 0; height: auto; padding: 20px 0; } #wrapper #footer #legal, #wrapper #footer .box.sub.lrg.secondary #legal { margin: 5px 0; } #wrapper #footer #legal ul { margin: 0; margin-bottom: 10px; } #wrapper #footer #legal ul li { border-right: 0; padding-right: 0; margin-right: 10px; } #wrapper #footer #secure { width: 420px; border: 0; margin: 4px 0; } #wrapper #footer #secure p { font-size: 11px; } #wrapper #footer #seal { margin-left: 20px; } #wrapper #footer #seal img { vertical-align: bottom; } /****** FILE: themes/support/css/page.css *****/ /* Description: Homepage CSS Created: 03/17/2009 Last Modified: 03/19/2009 Version: 1.2 */ /* ----------------------------------------------------------------------------------------- Product Slider -------------------------------------------------------------------------------------- */ #prodDrawer { width:876px; margin:10px; padding: 0px 32px; padding-top: 2px; padding-bottom: 4px; height:129px; position: relative; } #prodDrawer .back { position: absolute; z-index: 2; top: 0px; left: 0px; } #prodDrawer .next { position: absolute; z-index: 2; top: 0px; right: 0px; } #prodDrawer .view_all {display:none;} #prodDrawer .back a, #prodDrawer .next a { display:block; width:32px; height:135px; outline: none; text-indent:-9999px; overflow:hidden; } #prodDrawer .back a {background:url(../images/btn_prev.gif) no-repeat 0 0;} #prodDrawer .next a {background:url(../../../themes/support/images/btn_next.gif) no-repeat 0 0;} #prodDrawer .back a.disabled {background:url(../../../themes/support/images/btn_prev.gif) no-repeat -32px 0; cursor: default;} #prodDrawer .next a.disabled {background:url(../../../themes/support/images/btn_next.gif) no-repeat -32px 0; cursor: default;} #prodDrawer .back a.enabled {background:url(../../../themes/support/images/btn_prev.gif) no-repeat 0 0;} #prodDrawer .next a.enabled {background:url(../../../themes/support/images/btn_next.gif) no-repeat 0 0;} #prodDrawer .back a.enabled:hover {background:url(../../../themes/support/images/btn_prev.gif) no-repeat -64px 0;} #prodDrawer .next a.enabled:hover {background:url(../../../themes/support/images/btn_next.gif) no-repeat -64px 0;} #prodDrawer #productlist.slider { width:876px; height:129px; background: #ffffff; position: relative; overflow: hidden; } #prodDrawer #productlist.slider ul { height:129px; position: relative; left: 0; width: auto; margin: 0; padding: 0; list-style-type: none; overflow: hidden; z-index: 1; } #prodDrawer #productlist.slider li { float: left; display: inline; width:168px; height:129px; border-right:1px solid #e2e2e2; font-family:trebuchet ms, arial, verdana, sans-serif; font-size: 10px; text-align: center; } #prodDrawer #productlist.slider li img { border: 0; margin: 0; } #prodDrawer #productlist.slider li a { display: block; height: 164px; height: 125px; border: 1px solid #ffffff; margin: 1px; color: #666666; text-decoration: none; overflow: hidden; } #prodDrawer #productlist.slider li a * { cursor: pointer; } #prodDrawer #productlist.slider li a:hover { border-top: 1px solid #0aafcf; border-bottom: 1px solid #0aafcf; } #prodDrawer #productlist.slider li div.label { margin-top: 9px; height: 21px; overflow: hidden; } #prodDrawer #productlist.slider li div.description { height: 18px; margin-top: 4px; overflow: hidden; } #prodDrawer #productlist.slider li div.icon { height: 72px; overflow: hidden; } #prodDrawer #productlist.slider li div.icon.full {height:auto;overflow:visible;} /* ----------------------------------------------------------------------------------------- Domain Widget -------------------------------------------------------------------------------------- */ #dom-widget { position:absolute; top:-15px; left:10px; width:304px; font-size:12px; z-index:999; } #dom-widget .w-t { clear:both; width:304px; height:16px; background:url(../../../themes/support/images/w-dom-top.png) no-repeat 0 0; line-height:0; font-size:1px; } #dom-widget .w-l, #dom-widget .w-r { float:left; width:2px; } #dom-widget .w-l {background:url(../../../themes/support/images/w-dom-left.png) repeat-y 0 0;} #dom-widget .w-r {background:url(../../../themes/support/images/w-dom-right.png) repeat-y 0 0;} #dom-widget .w-b { clear:both; width:304px; height:15px; background:url(../../../themes/support/images/w-dom-bottom.png) no-repeat 0 0; line-height:0; font-size:1px; } .w-content { float:left; width:300px; background:#eee url(../../../themes/support/images/w-dom-content-bg.gif) repeat-x 0 0; } #dom-s-title { margin:10px 20px 0 0; float:right; font-size:12px; font-weight:normal; color:#2e6d6d; } #dom-s-logo { float:left; margin:5px 0 0 20px; } #dom-widget form { clear:both; padding:10px 20px; width:260px; } #dom-widget .ta-backing { width:260px; height:84px; background:url(../../../themes/support/images/w-dom-s-field.gif) no-repeat 0 0; } #dom-widget form textarea { float:left; padding:10px; font-size:12px; color:#666; width:240px; height:64px; background:transparent; border:0; overflow:auto; } #dom-widget form table { clear:left; float:left; margin:10px 0 5px 0; width:260px; } #dom-widget form table td { padding:3px; font-size:12px; } .dom-s-buttons a { font-size:11px; margin:0 10px 0 0; text-decoration:none; } /* ----------------------------------------------------------------------------------------- Tips -------------------------------------------------------------------------------------- */ .tip {padding:10px 10px 0 10px;} .tip .meta {margin:0 0 10px 0;} .tip .meta h5 { float:left; margin:0 10px; font-size:12px; color:#2e6d6d; font-weight:normal; } .tip .meta .badge {float:right;} .tip .case { margin:10px 10px 10px 0; padding:10px 0 0 0; color:#70787C; background:url(../../../themes/support/images/ns-tip-case-bg.gif) no-repeat 10px 0; } .tip .case h6.case-title { margin:20px 10px 0 10px; font-weight:normal; font-size:20px; line-height:1; color:#333; } .tip .case ul { margin:10px; list-style:none; font-size:12px; } .tip .case ul li {margin:0 0 10px 0;} .ctrl { clear:both; margin:10px; padding:5px 0 0px 0; height: 31px; font-size:11px; text-align:right; border-top:1px dashed #ddd; } .video { margin:10px 0; text-align:center; } /* ----------------------------------------------------------------------------------------- Promo Carousel -------------------------------------------------------------------------------------- */ #main-featured {position:relative;} .tab_content { position:absolute; left:-9999px; width:940px; height:306px; z-index:1; } .tab_hide { position:absolute; left:-9999px; } div.tab_show { position:relative; left:0; } .tabs { position:absolute; right:10px; top:285px; list-style:none; font-size:12px; z-index:5; } .tabs li {float:left;} .tabs li a {text-decoration:none;color:#fff;padding:5px;} .web-pros .tab_content {width:460px;height:196px;} .web-pros .tabs {top:176px;} /* ----------------------------------------------------------------------------------------- Product Boxes -------------------------------------------------------------------------------------- */ .section-title, .section-sub-title {text-align:center;} .product { float:left; margin:10px 0; padding:0 10px; width:280px; } .product.mid {margin:10px 20px;} .product h3 { width:260px; height:30px; margin:0 10px; font-size:18px; font-weight:normal; color:#693; text-indent:-9999px; } .product h4 { margin:0 10px; font-size:14px; color:#236c6e; } .product .content {float:left;} .btn {float:right;} #sm-dom-widget { padding:0 0 0 20px; width:290px; height:123px; background:url(../../../themes/support/images/prod-banner-dom-widget.gif) no-repeat 0 0; } #sm-dom-widget span { float:left; margin:75px 5px 0 0; font-size:12px; color:#444; } #sm-dom-widget #form-single-dom { float:left; margin:70px 5px 0 0; padding:6px 0 0 5px; width:103px; height:27px; font-size:12px; color:#444; background:url(../../../themes/support/images/form-single-dom-bg.gif) no-repeat 0 0; border:none; } #sm-dom-widget select { float:left; margin:73px 5px 0 0; } #sm-dom-widget select, #sm-dom-widget option { font-size:12px; color:#444; } #form-btn-dom-sm { float:left; margin:67px 0 0 0; } /* ----------------------------------------------------------------------------------------- Pricing Widget -------------------------------------------------------------------------------------- */ #priceWidget { float:left; width:590px; } #priceWidget .w-t { clear:both; width:590px; height:16px; background:url(../../../themes/support/images/w-price-big-top.png) no-repeat 0 0; line-height:0; font-size:1px; } #priceWidget .w-l, #priceWidget .w-r { float:left; width:2px; } #priceWidget .w-l {background:url(../../../themes/support/images/w-dom-left.png) repeat-y 0 0;} #priceWidget .w-r {background:url(../../../themes/support/images/w-dom-right.png) repeat-y 0 0;} #priceWidget .w-b { clear:both; width:590px; height:15px; background:url(../../../themes/support/images/w-price-big-bottom.png) no-repeat 0 0; line-height:0; font-size:0; } #priceWidget .w-content { float:left; padding:5px 20px; width:546px; background:#eee url(../../../themes/support/images/w-dom-content-bg.gif) repeat-x 0 0; } #priceWidget .w-content h4 { margin:0 0 10px 0; font-size:16px; color:#666; font-weight:normal; } #priceWidget .w-content .package { float:left; width:261px; } #priceWidget .w-content .package .price { float:left; margin:45px 10px 0 10px; font-size:30px; line-height:24px; color:#fff; } #priceWidget .w-content .package .price span.term {font-size:20px;} #priceWidget .w-content .package .price span.sub-term {font-size:14px;} #priceWidget .w-content .package .specs { float:right; margin:75px 10px 0 0; font-size:12px; line-height:24px; color:#fff; text-align:right; } #priceWidget .w-content .package .specs strong {text-transform:uppercase;} #priceWidget .w-content .package .learnmore { float:left; margin:20px 10px 15px 10px; font-size:12px; } #priceWidget .w-content .package .addcart { float:right; margin:20px 10px 15px 10px; } #priceWidget #priceWidgetSlider { clear:both; float:left; padding:20px 0; width:546px; } #priceWidget #priceWidgetSlider td { color:#666; font-size:12px; font-weight:bold; } #priceWidget #priceWidgetSlider td.text-sm { width:115px; vertical-align:top; text-align:center; font-size:12px; font-weight:normal; color:#777; line-height:1; padding:6px 0; background:url(../../../themes/support/images/handle-tick.gif) no-repeat 50% top; } /* ----------------------------------------------------------------------------------------- BIG Domain Search -------------------------------------------------------------------------------------- */ #big-dom-search { float:left; margin:8px; width:464px; background:#fff; } #big-dom-search #dom-s-cap, #big-dom-search #dom-s-foot { width:464px; height:12px; font-size:1px; line-height:0; } #big-dom-search #dom-s-cap {background:url(../../../themes/support/images/ns-hp-dom-cap.gif) no-repeat 0 0;} #big-dom-search #dom-s-foot {background:url(../../../themes/support/images/ns-hp-dom-foot.gif) no-repeat 0 0;} #big-dom-search #dom-s-content { padding:0 12px; width:440px; background:url(../../../themes/support/images/ns-hp-dom-bg.gif) no-repeat 0 0; } #big-dom-search #dom-s-title { margin:5px 0 0 0; float:right; font-size:14px; font-weight:normal; color:#2e6d6d; } #big-dom-search #dom-s-logo {float:left;margin:5px 0 10px 0;} #big-dom-search #dom-search form { clear:both; padding:10px 0 0 0; } #big-dom-search form textarea { float:left; padding:10px; font-size:12px; color:#666; width:152px; height:84px; background:url(../../../themes/support/images/ns-hp-dom-s-field.gif) no-repeat 0 0; border:0; overflow:auto; } #big-dom-search form table { float:left; margin:0 0 0 10px; width:258px; } #big-dom-search form table td { padding:3px; font-size:12px; } #big-dom-search #dom-s-buttons {margin:5px 0 0 0;} .promo { clear:both; padding:10px; width:440px; overflow:hidden; } .promo h5 { margin:2px 5px; padding:5px 0; font-size:16px; font-weight:normal; border-bottom:1px solid #e8e8e8; } .promo h5 a {display:block;width:430px;text-decoration:none;background:url(../../../themes/support/images/ns-link-arrow.gif) no-repeat right 5px;} /* ----------------------------------------------------------------------------------------- FAQs -------------------------------------------------------------------------------------- */ .pageSubTitle h2 { float:left; margin:20px 10px 10px 20px; font-size:24px; color:#666; font-weight:normal; } .drk .pageSubTitle h2 {color:#eee;} .faq { float:left; margin:10px 0; padding:10px 0; border-top:1px dashed #cecece; font-size:12px; } .faq .question { float:left; width:360px; color:#3a6e02; } .faq .question h2 {font-size:12px;} .drk .faq .question {color:#b5fa3d;} .faq .content { float:left; margin:0 0 0 20px; width:520px; } .faq .content ul {margin:10px 0 10px 35px;} .drk .faq .content {color:#fff;} /* ----------------------------------------------------------------------------------------- Success Stories -------------------------------------------------------------------------------------- */ .successContent {padding:10px;} .successContent .vid-container { float:right; margin:0 0 0 30px; width:520px; } .vid-thumbs {float:right;} .vid-thumbs img {float:left;margin:0 0 0 15px;border:3px solid #ddd;} .vid-thumbs a.active img, .vid-thumbs a:hover img {border:3px solid #9c3;} .vid-player {float:left;margin:10px 0;} .successContent h4 { margin:70px 10px 10px 10px; font-size:24px; color:#0aafce; } #wrapper .successContent p {line-height:1.8;} /* ----------------------------------------------------------------------------------------- Product Page Navigation -------------------------------------------------------------------------------------- */ #productDetails { float:left; margin:0 0 20px 0; width:940px; background:url(../../../themes/support/images/ns-hosting-details-big-thumb.jpg) no-repeat right 72px; } #productDetails #prodTitle {float:left;} #productDetails #prodNav { float:left; width:940px; height:72px; background:#575757 url(../../../themes/support/images/ns-hosting-detail-nav-bg.gif) repeat-x 0 0; } #productDetails #prodNav ul { float:right; padding:32px 0 0 0; list-style:none; } #productDetails #prodNav ul li { float:left; padding:10px 15px 9px 15px; font-size:13px; } #productDetails #prodNav ul li a:link, #productDetails #prodNav ul li a:active, #productDetails #prodNav ul li a:visited { color:#fff; text-decoration:none; } #productDetails #prodNav ul li a:hover {color:#A2D429;} #productDetails #prodNav ul li.active {background:url(../../../themes/support/images/ns-hosting-detail-nav-active.gif) no-repeat 50% bottom;} #productDetails #prodNav ul li.active a {color:#A2D429;} .selectPackage { float:right; margin:10px 20px; } .feature-container, .services-container, .resource-container { float:left; padding:10px 20px; width:900px; } .services-container {padding:20px 10px 10px 20px;} .feature-container .feature { float:left; margin:20px; width:410px; } .feature-container .feature .thumb { float:left; width:100px; } .feature-container .feature .content { float:left; width:310px; padding:0; font-size:12px; } .services-container h4 { margin:10px 0; font-size:12px; color:#1c6d6e } .services-container .service { float:left; margin:0 13px 0 0; padding:10px; width:185px; border:5px solid #eee; } .services-container .service.cap {margin:0;} .services-container .service h5 { margin:0 10px; font-size:16px; color:#3bb4d6; } .resource-container .resource { float:left; margin:0 30px 0 0; width:280px; } .resource-container .resource.advert {margin:0;width:277px;} .resource-container .resource h6 { margin:10px 0 5px 0; font-size:12px; color:#3d7682; } .resource-container .resource .content { padding:10px 0; background:url(../../../themes/support/images/ns-resource-box-bg.gif) repeat-x 0 0; } .resource-container .resource .content ul { list-style:none; margin:10px 0; font-size:12px; } .resource-container .resource .content ul li {margin:0 0 5px 0;line-height:1.5;} #wrapper .resource-container .resource .content p {margin:10px 0;} #wrapper .resource-container .resource .meta { padding:10px 0; border-top:1px dashed #ddd; text-align:right; font-size:12px; } .sub-copy { background:#eee; clear:both; float:left; margin:30px 60px 20px; padding:20px; width:780px; } .sub-copy h4 { color:#3d7682; font-size:18px; font-weight:normal; margin:0 10px; } #productDetails #prodInfo { clear:both; float:left; margin:10px 0 0 0; padding:0 400px 50px 10px; width:530px; } /****** FILE: themes/support/css/support.css *****/ /* Description: CSS Created: 04/07/2009 Last Modified: 04/07/2009 Version: 1.0 */ /* ----------------------------------------------------------------------------------------- Support Center -------------------------------------------------------------------------------------- */ *{} /** This is to fix a really odd SilverStripe CSS combine bug...just don't touch it, smile and nod... **/ #supportSearch {clear:both;float:left;width:904px;margin:10px 0 10px 15px;} #supportSearch .supportTop {background:transparent url(../../../themes/support/images/dom-main-top-alt.png) no-repeat 0 0;clear:both;font-size:1px;height:12px;line-height:0;width:904px;} #supportSearch .supportBottom {clear:both;width:904px;height:12px;background:url(../../../themes/support/images/dom-main-bottom.png) no-repeat 0 0;line-height:0;font-size:1px;} #supportSearch .w-l, #supportSearch .w-r {float:left;width:2px;} #supportSearch .w-l {background:url(../../../themes/support/images/w-dom-left.png) repeat-y 0 0;} #supportSearch .w-r {background:url(../../../themes/support/images/w-dom-right.png) repeat-y 0 0;} #supportSearch .supportContent {float:left;padding:0 10px;width:880px;background:#f9f9f9;} #supportSearchWrapper {float:left;padding:0 0 5px 0;width:470px;border-right:1px solid #ddd;} #supportSearch .supportContent .ta-backing {float:left;margin:1px 15px 0 10px;width:306px;height:30px;background:url(../../../themes/support/images/w-whois-input-bg.gif) no-repeat 0 0;} #supportSearch .supportContent .ta-backing input {float: left; padding:8px 0 0 8px; margin: 0; width:298px;height:22px;font-size:12px;border:none;background:transparent;} #supportSearch .supportContent .searchTitle {display:block;margin:0 5px 0 10px;font-size:16px;color:#73a31f;} #supportSearchContact {float:left;padding:0 0 0 10px;width:300px; margin:22px 0 0 20px;} #wrapper #supportSearchContact p {margin:0 10px;color:#666;} #wrapper #supportSearchContact p span {color:#73a31f;} #SearchForm_SearchForm_action_results { float: left; } /** nav fix **/ #wrapper #branding ul#g-nav li a.startNow:link, #wrapper #branding ul#g-nav li a.startNow:active, #wrapper #branding ul#g-nav li a.startNow:visited, #wrapper #branding ul#g-nav li a.startNow:hover { background:none; float:none; height:0 !important; overflow:hidden; padding: 0; text-decoration:none; text-indent: 0; } /** Alert messaging **/ #alert {margin: 15px 0 10px 15px; padding:3px 0 0 10px;width:905px;height:22px;font-size:12px;color:#000; font-weight: bold; background:url(../../../themes/support/images/alert-bg.gif) no-repeat 0 0;} #alert span { font-weight:bold; color: #CE0000; font-size: 14px; } #alert a:active, #alert a:link, #alert a:hover, #alert a:visited { font-size: 12px; color: #000; font-weight: normal;} #alert a:hover { text-decoration: none; } /* Product Drawer */ #prodDrawer.supportCenter {height:224px;margin:10px 0 10px 20px;padding:2px 32px 4px 32px;position:relative;width:836px;} #prodDrawer.supportCenter #productlist.slider {width:836px;} #prodDrawer.supportCenter .back a, #prodDrawer.supportCenter .next a {height:230px;} #prodDrawer.supportCenter .back a {background:url(../../../themes/support/images/btn_prev_big.gif) no-repeat 0 0;} #prodDrawer.supportCenter .next a {background:url(../../../themes/support/images/btn_next_big.gif) no-repeat 0 0;} #prodDrawer.supportCenter .back a.disabled {background:url(../../../themes/support/images/btn_prev_big.gif) no-repeat -32px 0; cursor: default;} #prodDrawer.supportCenter .next a.disabled {background:url(../../../themes/support/images/btn_next_big.gif) no-repeat -32px 0; cursor: default;} #prodDrawer.supportCenter .back a.enabled {background:url(../../../themes/support/images/btn_prev_big.gif) no-repeat 0 0;} #prodDrawer.supportCenter .next a.enabled {background:url(../../../themes/support/images/btn_next_big.gif) no-repeat 0 0;} #prodDrawer.supportCenter .back a.enabled:hover {background:url(../../../themes/support/images/btn_prev_big.gif) no-repeat -64px 0;} #prodDrawer.supportCenter .next a.enabled:hover {background:url(../../../themes/support/images/btn_next_big.gif) no-repeat -64px 0;} #prodDrawer.supportCenter #productlist.slider {height:224px;} #prodDrawer.supportCenter #productlist.slider ul {height:224px;} #prodDrawer.supportCenter #productlist.slider li {height:224px;width:211px;font-size:12px;text-align:left;} #prodDrawer.supportCenter #productlist.slider li div.icon {text-align:center;height:100px;} #prodDrawer.supportCenter #productlist.slider li div.description {padding:10px;height:150px;overflow:visible;} #prodDrawer.supportCenter #productlist.slider li div.description a {color:#0991AC;border:none;display:inline;height:auto;width:auto;margin:0;overflow:visible;text-decoration:underline;} #prodDrawer.supportCenter #productlist.slider li div.description a:hover {color:#96BE24;} #prodDrawer.supportCenter #productlist.slider li div.description dt {font-size:14px;} #prodDrawer.supportCenter #productlist.slider li div.description dd {margin:5px 0;font-size:12px;} #prodDrawer.supportCenter #productlist.slider li div.description .meta {text-align:right;} /* Small Product Drawer */ #prodDrawer.supportCenterSmall {margin:10px 0 10px 20px;width:836px;} #prodDrawer.supportCenterSmall #productlist.slider {width:836px;} #wrapper p.header {margin:20px 0 0 20px;font-size:16px;color:#236c6e;} .tip .case {background:transparent url(../../../themes/support/images/ns-resource-box-bg.gif) repeat-x 0 0;} .tip .meta h5 {float:none;} #wrapper .container.supportCenter .box.big {width:620px;} .tip.supportContact .meta h5 {font-size:20px;color:#84a23b;} .tip.supportContact .case {background:none;margin:0 10px 10px 0;padding:0;} .tip.supportContact .case p span {color:#84a23b;} .container .tip .case ul li {margin:10px 0;line-height:1.2;} /* Support Interior Navigation */ .supportCenter #prodNav {float:left;height:40px;width:940px;background:#eee url(../../../themes/support/images/ns-support-detail-nav-bg.gif) repeat-x bottom left;} .supportCenter #prodNav ul {float:right;list-style:none;padding:0;} .supportCenter #prodNav ul li {float:left;font-size:13px;padding:10px 20px 11px 20px;} .supportCenter #prodNav ul li.active {background:url(../../../themes/support/images/ns-support-detail-nav-active.gif) no-repeat 50% bottom;} .supportCenter #prodNav ul li a:link, .supportCenter #prodNav ul li a:active, .supportCenter #prodNav ul li a:visited {color:#333;text-decoration:none;} .supportCenter #prodNav ul li a:hover {color:#A2D429;} #wrapper .supportCenter #prodNav ul li.active a {color:#A2D429;} .supportTitle {clear:both;float:left;margin:10px 0 0 20px;width:900px;} .supportTitle h2 {color:#84A23B;font-size:32px;font-weight:normal;} #wrapper .supportTitle p {margin:10px 0;} .supportCenter .tip.inner {float:left;margin:20px 20px 10px 20px;padding:0;background:url(../../../themes/support/images/ns-support-tip-inner-bg.gif) no-repeat right top;} #wrapper .supportCenter .tip.inner.sm {width:280px;} #wrapper .supportCenter .tip.inner.big {width:580px;} .supportCenter .tip.inner .meta {float:left;margin:0 0 5px 0;width:100%;} .supportCenter .tip.inner .meta h5 {margin:0;} .supportCenter .tip.inner .case {float:left;margin:0;padding:10px 0 0 0;width:100%;} .supportCenter .tip.inner .case ul {margin:10px 0;} .supportCenter .tip.inner .case ul li {margin:5px 0;} .supportCenter .tip.inner .case a {text-decoration:none;} .supportCenter .tip.inner .ctrl {float:left;margin:0;padding:5px 0 0 0;width:100%;} #wrapper .supportCenter .tip.inner .case p {margin:10px 0;} .supportCenter .tip.inner.video {background:none;} .supportCenter .tip.inner.video .meta {text-align:left;} #wrapper .supportCenter .tip.inner.video .case {float:left;margin:0;padding:10px;width:560px;text-align:center;background:#eee;} .supportCenter .tip.inner.video .ctrl {border:none;} /* Support Topic Catalog */ .container .box#supportCatalog {margin:20px 0 20px 20px;padding:10px 0 0 0;width:900px;background:#eee;} #wrapper .container .wbox#supportCatalog .box.tip {margin:0 0 10px 10px;padding:10px;width:266px;} #wrapper .container .wbox#supportCatalog .box .c-tl {background-position:0 -10px;} #wrapper .container .wbox#supportCatalog .box .c-tr {background-position:-10px -10px;} #wrapper .container .wbox#supportCatalog .box .c-bl {background-position:0 -20px;} #wrapper .container .wbox#supportCatalog .box .c-br {background-position:-10px -20px;} #wrapper .container .wbox#supportCatalog .box.tip .meta {float:left;margin:0 0 5px 0;width:100%;} #wrapper .container .wbox#supportCatalog .box.tip .meta h5 {margin:0;font-size:14px;font-weight:bold;color:#84A23B;} #wrapper .container .wbox#supportCatalog .box.tip .case {float:left;margin:0;padding:10px 0 0 0;width:100%;} #wrapper .container .wbox#supportCatalog .box.tip .case ul {margin:10px 0;} #wrapper .container .wbox#supportCatalog .box.tip .case ul li {margin:5px 0 10px 0;} #wrapper .container .wbox#supportCatalog .box.tip .case a {text-decoration:none;} #wrapper .container .wbox#supportCatalog .box.tip .case select {margin:10px 0;width:266px;} #wrapper .container .wbox#supportCatalog .box.tip .case .guideSection p {margin:0 0 10px 0;border-bottom:1px dashed #ccc;} #wrapper .container .wbox#supportCatalog .box.tip .case .guideSection ul {margin:5px 0 15px 0;} #wrapper .container .wbox#supportCatalog .box.tip .case .guideSection ul li {margin:5px 0;} #wrapper .container .wbox#supportCatalog .box.tip.tutorial {margin:0 0 10px 10px;padding:10px;width:415px;} /* Support Email Us */ .info#emailUs {margin:0 10px 10px 0;width:440px;} #wrapper .feature-container .info p {margin:0 10px 10px 0;} #wrapper .feature-container .info span.req {float:left;margin:0 3px 0 0;height:12px;line-height:24px;font-size:24px;color:#D31F38;overflow:hidden;} #wrapper .feature-container .info .emailUsForm {clear:both;float:left;width:430px;} #wrapper .feature-container .info .emailUsForm .input-wrap {float:left;margin:0;width:306px;height:30px;background:url(../../../themes/support/images/w-whois-input-bg.gif) no-repeat 0 0;} #wrapper .feature-container .info .emailUsForm .input-wrap input {padding:5px 3px 0 3px;width:300px;height:24px;background:transparent;border:none;} #wrapper .feature-container .info .emailUsForm .input-wrap.small {width:109px;background:url(../../../themes/support/images/form-single-dom-bg.gif) no-repeat 0 0;} #wrapper .feature-container .info .emailUsForm .input-wrap.small input {padding:5px 3px 0 3px;width:103px;} #wrapper .feature-container .info .emailUsForm .emailUsItem {float:left;margin:5px 0;width:430px;font-size:12px;line-height:1.5;} #wrapper .feature-container .info .emailUsForm .emailUsItem .ta-backing {background:transparent url(../../../themes/support/images/email-bg-field.gif) no-repeat scroll 0 0;height:84px;width:306px;} #wrapper .feature-container .info .emailUsForm .emailUsItem .ta-backing textarea {background:transparent;border:0 none;color:#666666;float:left;font-size:12px;height:64px;overflow:auto;padding:10px;width:286px;} #wrapper .feature-container .info .emailUsForm .emailUsItem.action {text-align:left;} #wrapper .feature-container .info .emailUsForm .emailUsItem select {width:306px;} #wrapper .feature-container .info .emailUsForm .emailUsItem select.smallSel {width:140px;} #wrapper .feature-container .info .emailUsForm .emailUsItem table {width:400px;} #wrapper .feature-container .info .emailUsForm .emailUsItem table td {padding:0 0 5px 0;text-align:left;vertical-align:top;} #wrapper .feature-container .info .emailUsForm .emailUsItem .note {clear:both;padding:5px 0 0 0;font-size:11px;color:#84A23B;} #wrapper .feature-container .info .emailUsForm .emailUsItem .note table {width:300px;} /* Support FAQs */ .container .box#accordion {margin:20px 0 20px 20px;padding:10px 0 0 0;width:900px;background:#eee;} #wrapper .container .wbox#accordion .box.faq {float:left;margin:0 10px 10px 10px;padding:10px;width:860px;border:none;} #wrapper .container .wbox#accordion .box .c-tl {background-position:0 -10px;} #wrapper .container .wbox#accordion .box .c-tr {background-position:-10px -10px;} #wrapper .container .wbox#accordion .box .c-bl {background-position:0 -20px;} #wrapper .container .wbox#accordion .box .c-br {background-position:-10px -20px;} #wrapper .container .wbox#accordion .box.faq h3 {cursor:pointer;font-size:20px;color:#236C6E;font-weight:normal;background:url(../../../themes/support/images/icon-toggle-expand.gif) no-repeat right 0;line-height:1.25;} #wrapper .container .wbox#accordion .box.faq h3.open {background-position: right -25px;} #wrapper .container .wbox#accordion .box.faq h3 span {color:#666;} #wrapper .container .wbox#accordion .box.faq .faqWrapper {float:left;margin:10px 0 0 0;padding:10px;width:840px;background:transparent url(../../../themes/support/images/ns-resource-box-bg.gif) repeat-x 0 0;} #wrapper .container .wbox#accordion .box.faq .faqItem {float:left;padding:10px 0;width:840px;border-bottom:1px dashed #ccc;} #wrapper .container .wbox#accordion .box.faq .faqItem.cap {border:none;} #wrapper .container .wbox#accordion .box.faq .faqItem h3 {font-size:16px;background:url(../../../themes/support/images/icon-toggle-expand-sm.gif) no-repeat right 0;} #wrapper .container .wbox#accordion .box.faq .faqItem h3.open {background-position: right -20px;} #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent {float:left;width:840px;} #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent p.heading {font-size:14px;color:#84A23B;font-weight:bold;} #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent ul, #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent ol {margin:10px 30px;} #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent ul li, #wrapper .container .wbox#accordion .box.faq .faqItem .faqContent ol li {margin:10px 0;} .viewall {position:absolute;top:14px;right:50px;} .viewall a {text-decoration:none;} /* Incident/Alert */ .container .box#supportAlert {margin:10px 0 20px 20px;padding:0;width:900px;background:#eee;} #wrapper .container .wbox#supportAlert .box.alert {width:880px;} #wrapper .container .wbox#supportAlert .box .c-tl {background-position:0 -10px;} #wrapper .container .wbox#supportAlert .box .c-tr {background-position:-10px -10px;} #wrapper .container .wbox#supportAlert .box .c-bl {background-position:0 -20px;} #wrapper .container .wbox#supportAlert .box .c-br {background-position:-10px -20px;} #wrapper .container .wbox#supportAlert .box.alert {padding: 10px 0 10px 0; } #wrapper .container .wbox#supportAlert .box.alert h3 {font-size:14px;color:#84A23B;font-weight:bold; margin:0; padding:0; padding-left: 10px; line-height: 20px;} #wrapper .container .wbox#supportAlert .box.alert ul {margin:10px 10px 0 10px;list-style-position:inside;} #wrapper .container .wbox#supportAlert .box.alert ul li {padding:10px;border-top:1px dashed #ccc;font-size:12px; padding-left: 2em;text-indent: -2em;} #wrapper .container .wbox#supportAlert .box.alert ol {margin:10px 10px 0 10px;list-style-position:inside;} #wrapper .container .wbox#supportAlert .box.alert ol li {padding:2px; font-size:12px; padding-left: 2em;text-indent: -2em;} #wrapper .container .wbox#supportAlert .box.alert .action {margin:0 10px 10px;text-align:right;font-size:12px;} .supportTitle h3 {font-size:16px;font-weight:normal;color:#D31F38;} .container .box#supportArticle {margin:10px 0 20px 20px;padding:0;width:900px;background:#eee;} #wrapper .container .wbox#supportArticle .box.article {width:880px;} #wrapper .container .wbox#supportArticle .box .c-tl {background-position:0 -10px;} #wrapper .container .wbox#supportArticle .box .c-tr {background-position:-10px -10px;} #wrapper .container .wbox#supportArticle .box .c-bl {background-position:0 -20px;} #wrapper .container .wbox#supportArticle .box .c-br {background-position:-10px -20px;} #wrapper .container .wbox#supportArticle .box.article {padding: 10px 0 10px 0; } #wrapper .container .wbox#supportArticle .box.article h3 {font-size:14px;color:#84A23B;font-weight:bold; margin:0; padding:0; padding-left: 10px; line-height: 20px;} #wrapper .container .wbox#supportArticle .box.article h2 {font-size:16px;color:#84A23B;font-weight:bold; margin:0; padding:0; padding-left: 10px; line-height: 24px;} #wrapper .container .wbox#supportArticle .box.article ul {margin:10px 10px 0 30px;list-style-position:inside; } #wrapper .container .wbox#supportArticle .box.article ul li {padding:1px; font-size:12px; padding-left: 2em;text-indent: -2em;} #wrapper .container .wbox#supportArticle .box.article ol {margin:10px 10px 0 30px;list-style-position:inside;} #wrapper .container .wbox#supportArticle .box.article ol li {padding:1px; font-size:12px; padding-left: 2em;text-indent: -2em;} #wrapper .container .wbox#supportArticle .box.article .action {margin:0 10px 10px;text-align:right;font-size:12px;} /* Video Tutorials */ .supportCenter .tip.inner.video.featured .meta h5 {font-size:16px;color:#236C6E;} .supportCenter .tip.inner.popular {margin:35px 20px 10px 20px;background:none;} .supportCenter .tip.inner.popular .case {background:none;} .supportCenter .tip.inner.popular .case .vidItem {padding:5px 0 0 0;border-bottom:1px dashed #ccc;} .supportCenter .tip.inner.popular .case .vidItem .thumb {float:left;width:100px;} .supportCenter .tip.inner.popular .case .vidItem .content {padding:5px 0 0 0;font-size:16px;color:#666;line-height:1;} .supportCenter .tip.inner.popular .case .vidItem .content span {font-size:14px;} /* Support Video Tutorial Catalog */ .container .box#supportVids {margin:20px 0 20px 20px;padding:10px 0 0 0;width:900px;background:#eee;} #wrapper .container .wbox#supportVids .box.tip {margin:0 0 10px 10px;padding:10px;width:192px;} #wrapper .container .wbox#supportVids .box .c-tl {background-position:0 -10px;} #wrapper .container .wbox#supportVids .box .c-tr {background-position:-10px -10px;} #wrapper .container .wbox#supportVids .box .c-bl {background-position:0 -20px;} #wrapper .container .wbox#supportVids .box .c-br {background-position:-10px -20px;} #wrapper .container .wbox#supportVids .box.tip .meta {float:left;margin:0 0 5px 0;width:100%;} #wrapper .container .wbox#supportVids .box.tip .meta h5 {margin:0;font-size:14px;font-weight:bold;color:#84A23B;} #wrapper .container .wbox#supportVids .box.tip .case {float:left;margin:0;padding:10px 0 0 0;width:100%;} #wrapper .container .wbox#supportVids .box.tip .case ul {margin:10px 0;} #wrapper .container .wbox#supportVids .box.tip .case ul li {margin:5px 0 10px 0;} #wrapper .container .wbox#supportVids .box.tip .case a {text-decoration:none;} #wrapper .container .wbox#supportVids .box.tip .case select {margin:10px 0;width:192px;} #wrapper .container .wbox#supportVids .box.tip .case .guideSection p {margin:0 0 10px 0;border-bottom:1px dashed #ccc;} #wrapper .container .wbox#supportVids .box.tip .case .guideSection ul {margin:5px 0 15px 0;} #wrapper .container .wbox#supportVids .box.tip .case .guideSection ul li {margin:5px 0;} /** Search Results **/ #wrapper .container ul#SearchResults { list-style:none; } #wrapper .container ul#SearchResults li { border-bottom: 1px dashed #CCCCCC; } #wrapper .container ul#SearchResults p { margin-left: 0; padding-left: 0; } #wrapper .container div#PageNumbers { text-align: right;} .nav-login-wrap { display: none; } .center { text-align: center; } #wrapper .container .box.callout {margin:10px 0;width:880px;text-align:center;background:#eee;} #wrapper .container #supportArticle .box.callout {margin:0 10px;width:860px;text-align:center;background:#eee;} #wrapper .container .box.callout p {font-size:14px;} #wrapper .container .box.callout p strong {color:#73A31F;} #wrapper .container .box.callout .c-tl {background-position:0 -30px;} #wrapper .container .box.callout .c-tr {background-position:-10px -30px;} #wrapper .container .box.callout .c-bl {background-position:0 -40px;} #wrapper .container .box.callout .c-br {background-position:-10px -40px;} #wrapper .container #supportArticle .box.callout .c-tl {background-position:0 -30px;} #wrapper .container #supportArticle .box.callout .c-tr {background-position:-10px -30px;} #wrapper .container #supportArticle .box.callout .c-bl {background-position:0 -40px;} #wrapper .container #supportArticle .box.callout .c-br {background-position:-10px -40px;} /****** FILE: themes/support/css/silverstripe.css *****/ /** THESE ARE STYLES FOR SILVERSTRIPE ASSETS (Login, etc) ONLY **/ #SilverStripeNavigator { z-index: 200; } #SilverStripeNavigatorMessage { z-index: 201; } #MemberLoginForm_LoginForm fieldset { border: #E7E7E7 1px solid; margin: 0 15px 0 15px; margin-bottom: 10px; padding: 10px;} #MemberLoginForm_LoginForm p#ForgotPassword { display: inline; margin: 0; padding: 0; text-indent: 0; } #MemberLoginForm_LoginForm div.Actions { margin: 0 15px 20px 15px;} #MemberLoginForm_LoginForm fieldset label { width: 120px; margin-right: 5px; height: 15px;}