/*  * Amazium V1.3 * Copyright 2012, Mike Ballan * www.amazium.co.uk */ /***** Screen 960px *****/ nav .activePoint { left:48.5%; } .row { margin:0 auto; width:960px; } .row .row { margin:0 -16px 0 -16px; width:auto; display:inline-block; } .grid_1 { width:60px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_2 { width:140px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_3 { width:220px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_4 { width:300px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_5 { width:380px; margin:0 10px 0 10px;  float:left; display:inline; }		 .grid_6 { width:460px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_7 { width:540px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_8 { width:620px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_9 { width:700px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_10 { width:780px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_11 { width:860px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_12 { width:940px; margin:0 10px 0 10px; float:left; display:inline; } .navigational {margin: 0 6px 0 6px; width: 948px;} .offset_1 { margin-left:96px; } .offset_2 { margin-left:176px; } .offset_3 { margin-left:256px; } .offset_4 { margin-left:336px; } .offset_5 { margin-left:416px; } .offset_6 { margin-left:496px; } .offset_7 { margin-left:576px; } .offset_8 { margin-left:656px; } .offset_9 { margin-left:736px; } .offset_10 { margin-left:816px; } .offset_11 { margin-left:896px; } .show-phone { display:none !important; } .show-tablet { display:none !important; } .show-screen { display:inherit !important; } .hide-phone { display:inherit !important; } .hide-tablet { display:inherit !important; } .hide-screen { display:none !important; } /***** Screen Bigger than 960px *****/ @media only screen and (min-width:1200px) { nav .activePoint { left:48.5%; } nav ul li a { padding:0 21px; } .row { margin:0 auto; width:1200px; } .row .row { margin:0 -10px 0 -10px; width:auto; display:inline-block; } .grid_1 { width:80px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_2 { width:180px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_3 { width:280px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_4 { width:380px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_5 { width:480px; margin:0 10px 0 10px;  float:left; display:inline; }		 .grid_6 { width:580px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_7 { width:680px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_8 { width:780px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_9 { width:880px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_10 { width:980px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_11 { width:1080px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_12 { width:1180px; margin:0 10px 0 10px; float:left; display:inline; } .navigational {margin: 0 6px 0 6px; width: 1188px;} .offset_1 { margin-left:120px; } .offset_2 { margin-left:220px; } .offset_3 { margin-left:320px; } .offset_4 { margin-left:420px; } .offset_5 { margin-left:520px; } .offset_6 { margin-left:620px; } .offset_7 { margin-left:720px; } .offset_8 { margin-left:820px; } .offset_9 { margin-left:920px; } .offset_10 { margin-left:1020px; } .offset_11 { margin-left:1120px; } .show-phone { display:none !important; } .show-tablet { display:none !important; } .show-screen { display:inherit; } .hide-phone { display:inherit !important; } .hide-tablet { display:inherit !important; } .hide-screen { display:none !important; } } /***** Tablet (Smaller than 959px) *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { nav .activePoint { left:49.5% !important; } footer h3 { font-size:14px !important; } .header { } .dottedBack { display:none; } nav { margin-bottom:20px; } .conditionalClear { clear:both !important; } nav ul li { display:block !important; border:0; border-bottom:1px solid #514e4f; border-top:1px solid #000; text-align:center; } .row { margin:0 auto; width:768px;  } .row .row { margin:0 -14px 0 -14px; width:auto; display:inline-block; } .grid_1 { width:44px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_2 { width:108px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_3 { width:172px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_4 { width:236px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_5 { width:300px; margin:0 10px 0 10px;  float:left; display:inline; }		 .grid_6 { width:364px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_7 { width:428px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_8 { width:492px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_9 { width:556px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_10 { width:620px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_11 { width:684px; margin:0 10px 0 10px;  float:left; display:inline; } .grid_12 { width:748px; margin:0 10px 0 10px; float:left; display:inline; } .navigational {margin: 0 6px 0 6px; width: 756px;} .offset_1 { margin-left:78px; } .offset_2 { margin-left:142px; } .offset_3 { margin-left:206px; } .offset_4 { margin-left:270px; } .offset_5 { margin-left:334px; } .offset_6 { margin-left:398px; } .offset_7 { margin-left:462px; } .offset_8 { margin-left:526px; } .offset_9 { margin-left:590px; } .offset_10 { margin-left:654px; } .offset_11 { margin-left:718px; } .show-phone { display:none !important; } .show-tablet { display:inherit !important; } .show-screen { display:none !important; } .hide-phone { display:inherit !important; } .hide-tablet { display:none !important; } .hide-screen { display:inherit !important; } } /***** Phone (portrait 300px) *****/ @media only screen and (max-width: 767px) { .leftBlock { width:auto !important; } .rightBlock { width:auto !important; float:none !important; } .rightBlock img { width:100%; } .racbTitle { display:block; margin-bottom:10px; } .racbName label, .racbPhone label { margin-bottom:-5px; } .racbName { float:right; margin-bottom:10px; clear:both; width:100%; } .racbPhone { float:right; clear:both; width:100%; } .condClear { display:block !important; clear:both; } .lhnavoff { text-align:center; width:100%; border-radius:5px; border:1px solid #000; } /*.lhnavoff li a { text-align:center !important; } .lhnavoff ul { display:none; }*/ .lhnavoff ul li a { } .subOn { display:block !important; background-color:#aad69b; } #background { height:250px !important; } .header-spacing { display:none !important; } .homeRightBlock img { display:none; } .keywordBoxes { display:none !important; } nav ul { width:100%; border-radius:5px; overflow:hidden; border:0; } nav ul li { float:none !important; width:100%; margin:0 !important; border:0 !important; } nav ul li a { border-radius:0; border:0 !important; margin:0 !important; } nav .activePoint { left:48.5% !important; } .homeBlock { margin:10px 0 !important; }  .headerBlock { width:92%; margin-left:0 !important; margin-top:20px; } .dottedBack { display:none; } nav ul li { display:block !important; border:0; border-bottom:1px solid #514e4f; border-top:1px solid #000; text-align:center; } .row { margin:0 auto; width:300px;  } .row .row { margin:0; width:auto; display:inline-block; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:300px; margin:10px 0 0 0;  float:left; display:inline; } .offset_1, .offset_2, .offset_3, .offset_4, .offset_5, .offset_6, .offset_7, .offset_8, .offset_9, .offset_10, .offset_11 { margin-left:0; } .show-phone { display:inherit !important; } .show-tablet { display:none !important; } .show-screen { display:none !important; } .hide-phone { display:none !important; } .hide-tablet { display:inherit !important; } .hide-screen { display:inherit !important; } } /***** Phone (landscape 420px) *****/ @media only screen and (min-width: 480px) and (max-width: 767px) { .racbTitle { display:block; margin-bottom:10px; } .racbName label, .racbPhone label { margin-bottom:-5px; } .racbName input[type=text], .racbPhone input[type=text] { width:80% !important; float:right; } .racbName { float:right; margin-bottom:10px; clear:both; width:100%; } .racbPhone { float:right; clear:both; width:100%; } .condClear { display:block !important; clear:both; } nav { margin:0; } nav .activePoint { left:49% !important; } .headerBlock { padding:13px !important; } .header .search { width: 97% !important; } .row { margin:0 auto; width:456px;  } .row .row { margin:0; width:auto; display:inline-block; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:456px; margin:10px 0 0 0;  float:left; display:inline; } .show-phone { display:inherit !important; } .show-tablet { display:none !important; } .show-screen { display:none !important; } .hide-phone { display:none !important; } .hide-tablet { display:inherit !important; } .hide-screen { display:inherit !important; } } @media only screen and (max-width: 480px)  { .waterBlock img { width:100%; margin-bottom:10px; } } /***** Clean up *****/ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }  .clearfix:before, .clearfix:after, .row:before, .row:after { content:'\0020'; display:block;  visibility:hidden; width:0; height:0; } .row:after,	.clearfix:after { clear:both; } .row,  .clearfix { zoom:1; } .clear { clear:both; display:block;  visibility:hidden; width:0; height:0;	}