/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/***** Screen 960px *****/

.row 								{ margin:0 auto; width:960px; overflow:hidden; }
.row .row 							{ margin:0 -16px 0 -16px; width:auto; display:inline-block; }

.grid_1								{ width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:200px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_4_5 							{ width:268px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_8_5							{ width:634px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }
	
.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; }



.product, .product-off    {
    width: 400px;
    margin-left: 190px;
}



.product, .product-off h2   {
    text-align: left;
    width: 200px;
}

#menu a {
    padding: 0px 20px 0 19px;
}

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

.row 								{ margin:0 auto; width:1020px; overflow:hidden; }

.row .row 							{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }

.grid_1								{ width:65px;	}
.grid_2								{ width:150px;	}
.grid_3								{ width:235px;	}
.grid_4								{ width:265px;	}
.grid_5 							{ width:405px;  }
.grid_6								{ width:490px;	}
.grid_7								{ width:575px;	}
.grid_8								{ width:715px;	}
.grid_9 							{ width:745px;  }			
.grid_10							{ width:830px;  }
.grid_11 							{ width:915px;  }			
.grid_12							{ width:1000px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin:0 10px;
}


.product, .product-off    {
    width: 211px;
    margin-left: 0;
}

#menu a {
    padding:0px 24px 0 25px;
}
    
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape){
    #menu a {
        font-size: 12px;
        padding: 0 20px 0 24px;
    }
    
    #racb-container {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#menu a {
    font-size: 10px;
    padding: 0 20px 0 24px;
}

 #racb-container {
        display: none;
    }
}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.row 								{ margin:0 auto; width:768px; overflow:hidden; }
.row .row 							{ margin:0 -14px 0 -14px; width:auto; display:inline-block; }
		
.grid_1								{ width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_2 							{ width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_3 							{ width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_4 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_4_5 							{ width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_5 							{ width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		
.grid_6 							{ width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_7 							{ width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_8 							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_8_5							{ width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_9								{ width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_10							{ width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
.grid_12							{ width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }
		
.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; }

#racb   {
    display: none;
}

nav a   {
    font-size: 18px;
}

h1.main-heading {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 20px;
}

.heading p  {
    font-size: 14px;
    margin-bottom: -10px;
}

p.box-head  {
    font-size: 14px;
}

.grey-box   {
    margin-left: 30px;
}

.heading {
    margin-left: 10px;
}

.grey-box > ul  {
    margin-bottom: 0;
}

.grey-box > ul > li {
    font-size: 14px;
}

form#request-quote input    {
    width: 150px;
}

a.more-info {
    margin: 0;
}

textarea#message.contact-bottom    {
    width: 150px;
}

button.send {
    margin-top: 45px;
}

.learn-more a   {
    font-size: 14px;
    padding-left: 20px;
}

#footer {
    font-size: 12px;
    line-height: 16px;
}

#menu a   {
    font-size: 12px;
    padding: 0px 12px 0 13px;
}

#top-menu {
    height: auto;
}

.content    {
    padding: 20px 8px 20px 14px;
}

.product, .product-off    {
    width: 400px;
    margin-left: 120px;
}

.product h3 {
    text-align: left;
    width: 200px;
}

#blackout   {
    display: none;
}

.p-details  {
    display: none;
}




	
}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

.row 								{ margin:0 auto; width:300px; overflow:hidden; }
.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; overflow:hidden; 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; }

#racb   {
    display: none;
}

#racb-container     {
    display: none;
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}

td {
/* Behave like a “row” */
border: none;
position: relative;
width: 100%;
}

input   {
    width: 96%;
}

.submit {
    width: 100%;
}

textArea    {
    width: 96%;
}

#footer {
    font-size: 10px;
    line-height: 16px;
}

#footer p   {
    display: block;
    width: 90%;
}

.product, .product-border, .product-crop a img  {
    display: block;
    margin: 0 0 0 11px;
    clear: left;
    text-align: center;
}

.product h3, .product-off h3    {
    margin-left: 15px;
    width: 200px;
    text-align: center;
} 

.product-off    {
    margin-left: 10px;
}

#menu   {
    width: 100%;
    height: auto;
    text-align: center;
}

#menu > ul > li    {
    width: 100%;
    display: block;
}

#top-menu  {
    height: auto;
    
}

#banner {
    display: none;
}

.logo-responsive    {
    display: block;
    padding-top: 10px;
}

.logo-responsive img    {
    max-width: 100%;
}

#top-menu.rmm    {
    left: 0;
}

#left   {
    display: none;
}

.case-back  {
   top: 5px;
margin-bottom: 20px;
position: relative;
right: -212px;
}

.map-border {
    width: 96%;
}

#blackout   {
    display: none;
}

.p-details  {
    display: none;
}
			
}	 




/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.row 								{ margin:0 auto; width:456px; overflow:hidden; }
.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; overflow:hidden; 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; }

#racb-container   {
    display: none;
}

img.logo    {
    width: 100%;
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}

td {
/* Behave like a “row” */
border: none;
position: relative;
width: 100%;
}

input   {
    width: 97.7%;
}

.submit {
    width: 100.5%;
}

textArea    {
    width: 97.5%;
}

#footer {
    font-size: 12px;
    line-height: 16px;
}

.row #footer p   {
    display: block;
    width: 93%;
}

.product, product-border, product-crop {
    width: 100%;
}

#menu   {
    width: 100%;
    height: auto;
    text-align: center;
}

#menu > ul > li    {
    width: 100%;
    display: block;
}

#top-menu  {
    height: auto;
    
}

#banner {
    display: none;
}
#top-menu.rmm    {
    left: 0;
}

.map-border {
    width: 97%;
}

.details     {
    width: 100%;
}

.p-border    {
    width: 200px;
}

.product, .product-border, .product-crop a img  {
    display: block;
    margin: 0 0 0 11px;
    clear: left;
    text-align: center;
}

.product h2, .product-off h2  {
    width: 201px;
    text-align: center;
}

.p-border   {
    width: 350px;
    margin-right: 35px;

}

.product h3, .product-off h3    {
   text-align: left;
} 

.product-off    {
    margin-left: 90px;
}
.product    {
    margin-left: 90px;
}

}


/***** 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; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }
.row, 
.clearfix 							{ zoom:1; }
.clear 								{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;	}