﻿
/* Media Queries
______________________________________________________________________________________________________________ */

	@media only screen and (max-width: 1141px) {
        .sWrp2 {width:100%;max-width:1140px;min-width:960px}
    }

	@media only screen and (max-width: 1024px) {
	    
	    /* HTML Defaults */
	    BODY {font:14px/18px Arial, Verdana, Helvetica}
	    H1,.sH1,H2,.sH2,H3,.sH3,H4,.sH4,H5,.sH5,H6,.sH6 {margin:12px 0}
	    H1,.sH1 {font-size:26px;line-height:30px}
	    H2,.sH2 {font-size:24px;line-height:28px}
	    H3,.sH3 {font-size:22px;line-height:26px}
	    H4,.sH4 {font-size:20px;line-height:24px}
	    H5,.sH5 {font-size:18px;line-height:22px}
	    H6,.sH6 {font-size:16px;line-height:20px}
	    P {font-size:14px;line-height:18px;margin:12px 0}
	    DL {margin-bottom:12px;margin-left:12px}
	    DL DT {font-size:14px;margin-top:12px}
	    DL DD {padding-left:12px}

		/* Wrapper */
		.sWrp2 {min-width:100px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
		
		/* Content Wrapper */
		.sCnt {width:98%;margin-left:1%;margin-right:1%}
	    
	    /* Sliver */
	    .sSliver {font-size:11px;padding-left:10px}

		/* Header */
		.sHdr .logo {top:10px;left:20px}
		.sHdr .logo A {width:240px;height:45px;background:transparent url('/_images/global/nj-sprite-1.png') no-repeat 0 -80px}

		/* Main Nav */          
		.sNv1 {width:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(#5899D7), to(#255A8D));background-image:-webkit-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:-moz-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:-ms-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:-o-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:linear-gradient(#5899D7 0%, #255A8D 100%)}  
		.no-cssgradients .sNv1 {background-image:none}
		.sNv1 UL {float:right;padding-right:0} 

        /* Boxes */
	    .sBox {margin:12px 0;padding:8px 10px}

	    /* Static Tabs */
        .sTab {margin:12px 0}

	    /* Buttons */
	    .sBtn.sBtnLg2 {font-size:16px;line-height:34px;height:34px}
		    A.sBtn.sBtnLg2 {line-height:34px;height:34px}
	    .sBtn.sBtnLg {font-size:14px;line-height:32px;height:32px}
		    A.sBtn.sBtnLg {line-height:32px;height:32px}
	    .sBtn {font-size:13px;line-height:30px;height:30px}
		    A.sBtn {line-height:30px;height:30px}
	    .sBtn.sBtnSm {font-size:12px;line-height:26px;height:26px}
		    A.sBtn.sBtnSm {line-height:26px;height:26px}
	    .sBtn.sBtnSm2 {font-size:11px;line-height:24px;height:24px}
		    A.sBtn.sBtnSm2 {line-height:24px;height:24px}
	    .sBtn.sBtnSm3 {font-size:10px;line-height:22px;height:22px}
		    A.sBtn.sBtnSm3 {line-height:22px;height:22px}

	    /* Back To Top Button */
	    .sB2T {margin:12px 10px}
	    
	    /* Horizontal Rules */
	    .sHr {margin:12px 0}
	    .sHr.sAlt4 {height:12px;margin-bottom:0}
	    .sHr.sAlt4.sMBx {margin-bottom:-12px !important}
	    .sHr.sAlt4.sMBsm {margin-bottom:0 !important}

	    /* Lists */
	    .sUL,.sOL {margin:12px 0;padding-left:22px}
	    
	    /* Alerts */	
	    .sError,.sConfirm,.sAlert,.sInfo {padding:9px 8px 9px 42px;line-height:14px;font-size:12px;margin:12px 0}

	    /* Margins */
	    .sMTsm {margin-top:6px !important}
	    .sMBsm {margin-bottom:6px !important}
        .sMLsm {margin-left:6px !important}
        .sMRsm {margin-right:6px !important}
	    .sMT {margin-top:12px !important}
	    .sMB {margin-bottom:12px !important}
	    .sML {margin-left:12px !important}
	    .sMR {margin-right:12px !important}
	
	    /* Padding */
	    .sPTsm {padding-top:3px !important}
	    .sPBsm {padding-bottom:3px !important}
	    .sPLsm {padding-left:3px !important}
	    .sPRsm {padding-right:3px !important}
	    .sPT {padding-top:8px !important}
	    .sPB {padding-bottom:8px !important}
	    .sPL {padding-left:8px !important}
	    .sPR {padding-right:8px !important}
	    .sPTlg {padding-left:10px !important}
	    .sPBlg {padding-left:10px !important}
	    .sPLlg {padding-left:10px !important}
	    .sPRlg {padding-left:10px !important}
 
	    /* Line Height */
        .sLHsm {line-height:16px !important}
        .sLHlg {line-height:18px !important}

		/* Domain Lists - Domain/Price */
		.sCL2.sGD .sCol4 {width:49%;min-height:520px}
		.sCL2.sGD .sCol4:Nth-child(odd) {margin:0}
		
	    /* Custom Layout 3 - Form Fields */
	    
	    /* Advanced Search Box */
	    .sCL3 .sHr.sAlt4.sMTsm {margin-top:3px !important}
	    .sCL3 .sHr.sAlt4.sMBsm {margin-bottom:-6px !important}
	    .sCL3 .sTerm1 {width:70%}
	    .sCL3 .sTerm2 {width:45%}
	    
	    /* Help Center - 3x Colums */
	    .sCL6 .sBox {min-height:230px}
	    
	    /* Help Center - Support Center Box */
        .sCL8 {padding-right:385px;min-height:265px}

		/* BootCamp Box */
		.sCL9 .sCol4 {width:49%}
		.sCL9 .sCol4:Nth-child(odd) {margin:0}
		.sCL9 .sNum {min-height:75px;padding-top:14px;padding-left:85px}
		.sCL9 .sNum:Before {height:55px;width:83px;left:0;margin-left:0}
        .sCL9 .sNum1:Before {background-position:0 -400px}
        .sCL9 .sNum2:Before {background-position:0 -340px}
        .sCL9 .sNum3:Before {background-position:-100px -340px}
        .sCL9 .sNum4:Before {background-position:-100px -400px}
        
		/* Homepage - Create Account Box */
	    .sCL12 .sCol4 {width:36.24%}
	    .sCL12 .sCol12 {width:61.75%}

		/* New TLDs */
		.sCL14 {min-height:210px}
	}


	@media only screen and (max-width: 960px) {
		/* New TLDs */
		.sClr2.sAlt1,  .sClr2.sAlt2 {min-height:inherit}

		/* 16x Grid - Nested */
		.sGD .sGD {width:auto}
		.sGD .sGD:Before,
		.sGD .sGD:After {content:none;display:none}
		.sGD .sGD:After {clear:none}
		.sGD .sGD {zoom:normal}
		.sGD .sGD .sCol,
		.sGD .sGD .sInv {display:block;float:none;position:static;margin:0;width:100%}
		.sGD .sGD .sCol {margin-left:0;width:100%}
    
        /* Hide on Tablet */
		.sHDt {display:none !important}
    
	    /* Custom Layout 3 - Form Fields */
	    .sCL3 .sTerm1 {width:70%}
	    .sCL3 .sTerm2 {width:40%}

		/* Home Page - Search/Banner */
		.sCL1 .sCL1Col1 {background-position:56% 0;}
		.sCL1 .sCL1Col1 .tagline {width:270px;font-size:24px;line-height:28px}
		.no-textshadow .sCL1 .sCL1Col1 .tagline,
		.no-rgba .sCL1 .sCL1Col1 .tagline {width:200px;font-size:18px;line-height:20px}
	}
	
	@media only screen and (max-width: 900px) {
		/* Home Page - Search/Banner */
		.sCL1 .sCL1Col1 .search INPUT.text {width:70%}
		.sCL1 .sCL1Col1 .search INPUT.button {width:25%}

	    /* Custom Layout 3 - Form Fields */
	    .sCL3 .sTerm1 {width:65%}
	    .sCL3 .sTerm2 {width:90%}

		/* Article Layout */
		.sCL5 .sCL5_1 .sCL5_1Sub {margin-right:270px}
		.sCL5 .sCL5_2 {float:left;width:250px;margin-left:-250px}
		
		/* Domain Details Layout */
		.sCL14 .sCL14_1 .sCL14_1Sub {margin-right:270px}
		.sCL14 .sCL14_2 {float:left;width:250px;margin-left:-250px}

	    /* Table Alt 1 - Break To Mobile Early */
		.sTbl.Alt1:Before,.sTbl.Alt1:After {content:"";display:table}
		.sTbl.Alt1:After {clear:both}
		.sTbl.Alt1 {zoom:1}
		.sTbl.Alt1 THEAD {display:none}
		.sTbl.Alt1 TBODY {float:left;width:100%}
		.sTbl.Alt1 TBODY TR {float:left;width:100%;position:relative}
		.sTbl.Alt1 TD {float:left;text-align:left;position:relative;width:100%;padding:0}
		.sTbl.Alt1 TD .sTDsub {padding:0 0 5px 30px}
		.sTbl.Alt1 TD .sTDsub.sAlt {padding:0 0 5px 9px}
		.sTbl.Alt1 TD .sTDttl {position:static;float:left;width:100px}
		.sTbl.Alt1 TD.check {position:absolute;z-index:9999;top:0;left:0;width:30px;line-height:30px;height:30px}
		.sTbl.Alt1 TD.check .sTDsub {padding:0;text-align:center}
		.sTbl.Alt1 TD.main {padding:3px 0 0 0}

        /* Table Alt 2 - No Zebra Stripes */
	    .sTbl.Alt1.Alt2 TBODY TD {border-bottom:0}
	    .sTbl.Alt1.Alt2 TBODY TD:first-child {border-top:1px dotted #ddd}
	}


	@media only screen and (max-width: 760px) {

        .sWrp2 {width:100% !important;max-width:760px;padding-bottom:8px;}

		/* Content Wrapper */
		.sCnt {width:96%;margin-left:2%;margin-right:2%;position:relative;top:80px !important}

        .sNv1 {top:150px !important; left:0px !important;right:auto; width:100% !important}
        #divMobileApp { display: none; }

	    /* Header */
        .sHdr .logo A {width:320px;height:60px; text-align:left; background:transparent url('/_images/global/nj-sprite-1.png') no-repeat 0 0;}
        .sHdr .srch {top:40px;left:50px;}

	    /* Aux Nav 1 */
        .sNv1 {background-image:-webkit-linear-gradient(#5899D7 0%, #255A8D 100%) !important;background-image:-moz-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:-ms-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:-o-linear-gradient(#5899D7 0%, #255A8D 100%);background-image:linear-gradient(#5899D7 0%, #255A8D 100%)}  
        .sNv1 UL {float:left !important;padding-right:0}         

	    .sNv2 {top:50px !important;}
        .sNv2s {top:180px !important;left:0px;width:100% !important}
        .sNv2s .search {width:95% !important; margin-left:15px !important; margin-top: 12px !important}

	    /* Social Tabs */
	    .sNv5 {position:static;display:block;margin-left:11px} 

		/* 16x Grid */
		.sGD {width:auto;}
		.sGD:Before,.sGD:After {content:none;display:none}
		.sGD:After {clear:none}
		.sGD {zoom:normal}
		.sGD .sCol,.sGD .sInv {display:block;float:none;position:static;margin:0;width:100%}
		.sGD .sGD .sCol {margin-left:0;width:100%}

        /* reorder area */
        #mainArea { display: table; }        
        #searchArea { display:table-header-group; }
        #resultArea { display:table-footer-group; }

        /* footer */
        .sFtr {display:block;margin:30px 20px 15px 20px !important; position:relative; top:30px !important}        
        .sFtr2 {display:block;position:relative; top:12px !important}        

        /* Banner */
        .sBnr {margin-right:10% !important}

	    /* Scroll Box */
	    .sSB {max-height:100%;overflow:visible;border:none}
	    .sSB .sSBsub {padding:0}
	    
        /* Paging Controls */
        .sPgr {font-size:130%}

        /* Detail Titles */
        .sDetail {display:block;width:auto;margin-top:10px} 

        /* Text Alignment */
        .sAR.sARm {text-align:left !important}

        /* Floats */
        .sFL.sFLm {display:block !important;float:none !important}
        .sFR.sFRm {display:block !important;float:none !important}

		/* Skip Anchor */
		A.sSkip:Before {display:block;float:right;content:"\21D3";margin-left:4px}

		/* Hide on Mobile */
		.sHDm {display:none !important}
		
		/* Hide on Desktop */
		.sHDd {display:block}

		/* Home Page - Search/Banner */
		.sCL1 {display:none}

		/* Domain Lists - Domain/Price */
		.sCL2.sGD .sCol {width:100%;min-height:0}

		/* Custom Layout 3 - Form Fields */
		.sCL3 {margin-bottom:3px}
		.sCL3 .sType LI,
		.sCL3 .sExc LI {width:200px}
	    .sCL3 .sTerm1 {width:60%}
		.sCL3 .sTerm2 {width:60%}
		
		/* Article Layout */
		.sCL5 .sCL5_1 {float:none;width:100%}
		.sCL5 .sCL5_1 .sCL5_1Sub {margin-right:0}
		.sCL5 .sCL5_2 {float:none;width:100%;margin-left:0}
		.sCL5 .sCL5_2 IMG {margin:0 auto}
		
        /* Help Center - 3x Colums */
        .sCL6 .sBox {min-height:0}

        /* 404/Error Box */
        .sCL7:Before {height:140px;width:178px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
        .sCL7 .sBox {margin-left:150px}

        /* Help Center - Support Center Box */
        .sCL8 {padding-right:9px;min-height:100%}
        .sCL8:After {display:none}

		/* BootCamp Box */
		.sCL9 .sCol4 {width:100%}
		.sCL9 .sNum {min-height:1%}

        /* Verified Bidder Box */
        .sCL10 {padding-right:9px}
        .sCL10:After {display:none}

        /* Homepage - Create Account Box */
	    .sCL12 .sCol4 .sub {padding:10px}
	    .sCL12 .sCol12 .sub {min-height:100%;padding:10px}
        .sCL12 .sCol12 .sub:after {display:none}
        
        /* Domain Details Layout */
		.sCL14 {min-height:120px}
		.sCL14 .sCL14_1 {float:none;width:100%}
		.sCL14 .sCL14_1 .sCL14_1Sub {margin-right:0}
		.sCL14 .sCL14_2 {float:none;width:100%;margin-left:0;margin-top:30px}
		.sCL14 .sCL14_2 IMG {margin:0 auto}

        /* Static Tabs */
	    .sTab.sTabm {border:0;border-left:1px solid #BBB;padding:4px 0}
	    .sTab.sTabm LI {float:left;width:100%;margin:0 0 1px 0;bottom:0;left:-1px}
	    .sTab.sTabm A,.sTab.sTabm A:Visited {float:none;text-align:left;border-bottom:1px solid #CCC;border-radius:0 3px 3px 0;margin-right:10px}
	    .sTab.sTabm .sTabOn A,.sTab.sTabm .sTabOn A:Visited {padding-right:1px;position:relative;border-left:0;margin-right:0}
	}

	@media only screen and (max-width: 550px) {

		/* Header */
		.sHdr .logo {top:16px;left:10px}
		.sHdr .logo A {width:180px !important;height:34px !important;background:transparent url('/_images/global/nj-sprite-1.png') no-repeat 0 -140px !important}
        
        .sNv2 { top: 72px; }

        /* Banner */
        .sBnr {margin-right:10px !important}

        /* Footer */
        .sFtr {margin:0 10px 10px 10px}
        .sFtr .sFL {float:left !important;display:block !important}
        .sFtr .sFR {float:left !important;display:block !important;border-bottom:1px solid #CCC;padding-bottom:3px;width:100%}
        .sFtr2 {margin:0 10px}
        .sFtr2 .sFL {float:left !important;display:block !important;padding-bottom:10px}
        .sFtr2 .sFR {float:left !important;display:block !important;padding-bottom:10px;width:100%}
        .sFtr2 .contact {text-align:left;margin-top:10px}
	    .sFtr2 .contact .sub1,.sFtr2 .contact .sub2 {display:inline;font-size:16px;font-weight:bold}

		/* Stanadard Table */
        .sTbl {margin:12px 0}
		.sTbl:Before,.sTbl:After {content:"";display:table}
		.sTbl:After {clear:both}
		.sTbl {zoom:1}
		.sTbl THEAD,.sTbl THEAD TR {display:block;margin:0;padding:0}
		.sTbl THEAD TH {display:inline;margin:0;padding:0 0 0 5px}
		.sTbl THEAD TH.check {display:none}
		.sTbl THEAD {display:none}
		.sTbl TBODY {float:left;width:100%}
		.sTbl TBODY TR {float:left;width:100%;position:relative}
		.sTbl TD {float:left;text-align:left;position:relative;width:100%;padding:0;line-height:14px}
		.sTbl TD .sTDsub {padding:0 0 5px 30px}
		.sTbl TD .sTDsub.sAlt {padding:0 0 5px 9px}
		.sTbl TD .sTDttl {position:static;float:left;width:100px}
		.sTbl TD.check {position:absolute;z-index:9999;top:0;left:0;width:30px;line-height:30px;height:30px}
		.sTbl TD.check .sTDsub {padding:0;text-align:center}
		.sTbl TD.main {padding:3px 0 0 0}
		
		/* Simple Table */
		.sTbl2 {margin:24px 0}

        /* ALT2 - No Zebra Stripes */
	    .sTbl.Alt2 TBODY TD {border-bottom:0}
	    .sTbl.Alt2 TBODY TD.main {border-top:1px dotted #ddd}

        /* 404/Error Box */
        .sCL7:Before {height:70px;width:89px;top:25px;left:34px}
        .sCL7 .sBox {margin-left:0}
        .sCL7 H1 {margin-left:100px}
        .sCL7 H1,.sCL7 .sH2 {font-size:28px}

        /* BackorderDetails/StandardDetails */
        .sCL14 .sCL14_1 .sCL14_1Sub { width: 100%; }
        .sCL14_2 { display: none; }
	}
	
	@media only screen and (max-width: 465px) 
	{
	    /* Main Nav */
        .sNv1 { top: 120px !important; left:0px; background:none; background-color:#4077AA}
	    .sNv1 A {background:transparent url('/_images/global/nj-sprite-1.png') no-repeat;text-indent:-9999em;width:48px;-webkit-transition-property:none;-moz-transition-property:none;-o-transition-property:none;-ms-transition-property:none;transition-property:none}	    
	    .sNv1 .sNv1-1 A {background-position:0 -500px; padding: 0px}
	    .sNv1 .sNv1-6 A {background-position:-60px -500px; padding: 0px}
	    .sNv1 .sNv1-3 A {background-position:-120px -500px; padding: 0px}
	    .sNv1 .sNv1-2 A {background-position:-180px -500px; padding: 0px}
	    .sNv1 .sNv1-4 A {background-position:-240px -500px; padding: 0px}
        .sNv1 .sNv1-5 A {background-position:-300px -500px; padding: 0px}        

        .sNv2 { top: 67px; }
        
		.sCnt {position:relative;top:5px !important}
        .sNv2s {display: none !important}        

        /* Banner */
        .sBnr {width:100% !important; margin-right:0px !important}

         /* Buy Now list */
	    .sCL15 .sCL15sub1 {float:none;display:block}
        .sCL15 .sCL15sub2 {float:none;display:block}
        .sCL15 .sCL15sub2 .sCL15price {float:left;margin-right:0}
        .sCL15 .sCL15sub2 .sCL15btn {float:left;margin-right:10px}        
	}
	
	@media only screen and (max-width: 380px) 
	{
		/* Header */
		.sHdr .logo {top:30px;left:10px}
		.sHdr .logo A {width:140px;height:28px;background:transparent url('/_images/global/nj-sprite-1.png') no-repeat 0 -280px}
	    .sHdr .srch {top:30px;right:10px;width:130px}
	    .sHdr .srch .txt {font-size:11px;width:70%}
	    .sHdr .srch .btn {font-size:11px;width:24%}               
	}

    /* Modal Box */
    @media only screen and (max-height:600px) {.sMdlCnt {max-height:380px}}
    @media only screen and (max-height:500px) {.sMdlCnt {max-height:280px}}
    @media only screen and (max-height:400px) {.sMdlCnt {max-height:180px}}
    @media only screen and (max-height:300px) {.sMdlCnt {max-height:80px}}


/* Notes
______________________________________________________________________________________________________________ */

	/* 
	 * Inspiration by:
	 * Blueprint CSS Framework 1.0 - http://blueprintcss.org
	 * Less Framework 4 - http://lessframework.com
	 * 960 Grid - http://960.gs/
	 * Meyer Web - http://meyerweb.com/eric/tools/css/reset/
	 * Place Holder Text - http://akibjorklund.com/2011/input-type-search-placeholder
	 * InuitCSS - http://csswizardry.com/inuitcss/
	 * CSS3 Please - http://css3please.com/
	 * CSS3 Generator - http://css3generator.com/
	 * SitePoint - http://blogs.sitepoint.com/new-properties-and-values-in-backgrounds-with-css3/
	 * Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
	 * Browser Support - http://www.quirksmode.org/css/display.html
	 * Responsive Tables - http://css-tricks.com/responsive-data-tables/#comment-95193
	 * Unicode Reference - http://www.digitalmediaminute.com/reference/entity/index.php
	 * IE Fixes - http://selectivizr.com/
	 * Firefox Button Text Alginment - http://stackoverflow.com/questions/1679952/input-type-submit-text-vertical-alignment-in-firefox 
	 * Mobile Safari auto-zoom bug - http://filamentgroup.com/examples/iosScaleBug/
	 * Conditional Comments - http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
	 * webkit-text-size-adjust - http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
	 * Cross Browser Support for Inline Block - http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
	 * CSS Sprite Generator - http://csssprites.com/
	 * CSS Sprite Generator - http://spritegen.website-performance.org/
	 * Pseudo Background Crop - http://nicolasgallagher.com/css-background-image-hacks/
	 * Auto Hide Iphone Toolbar - http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
	 * @font-face - http://www.fontsquirrel.com/
	 * IPhone Snippets - http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
	 * CSS Minification - http://tools.w3clubs.com/cssmin/
	*/
