/* --------------------------------------- 

Colors: 


blue:				#2486d0;
orange:				#ffa200;
black:				#000;
dark grey:			#4e4e4e;
light grey:			#cccccc;

Font: Oswald -- Weights: Normal 400, Bold 700, Light 300

---------------------------------------

*Filename:				global.css

*Description:			Global styles

*Author:				Matthew Bailey www.mattias.com.au

--------------------------------------- */


body{
background: #FFF;
font-family: 'Oswald', sans-serif;
text-align: center;
font-weight: 300;
color: #4e4e4e;
font-size:62.5%; /* --  base size: 10px- */
	/*
	
	12px = 1.2em;
	
	*/
}

.full_width_wrapper{
	background-color: #e9e9e9;
}

.logo{
	float: left;
	width: 546px;
	padding: 40px 0 40px 0;
}

.logo a{
	display: block;
}

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

.header_phone_number{
	text-align: right;
	padding: 60px 0 40px 0;
}
.header_phone_number p{
	line-height: 42px;
	padding-left: 38px;
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/smartphone-icon.png);
	background-size: 28px 42px;
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 1.6em;
	color: #ffa200;
	font-weight: 400;
	margin-right:50px;
}
.header_phone_number p span{
	font-size: smaller;
}
.header_phone_number p a{
	text-decoration: none;
}

.header_phone_number p.gift_btn {
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/giftcoucher-icon.png);
	background-size: 44px 30px;
	padding-left: 54px;
}



.nav_wrapper{
	padding-bottom: 20px;
}


#header{
	width: 1000px;
	margin: 0px auto;
}

.responsive_wrapper{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


/* ---------- Home */
#slider_wrap{
	max-width: 1600px;
	margin: 0 auto;
}

.feature_wrapper{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}



/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



                                               
					
/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.6%;
}
.span_1_of_3 {
	width: 31.2%;
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GRID OF SIX */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


.feature img {
    width:auto;
    max-width:100%;
    height:auto;
    display: block;
    margin: 0 auto;
}

.feature img[style] {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
}

.feature{
	position: relative;
	background-color: #dfdfdf;
	text-align: center;
}

.news_image_wrap{
	max-height: 255px;
	overflow: hidden;
}


.feature_caption{
	text-align: center;
}
.feature_caption p{
	color: #fff;
	padding: 0px 10px;
		width: 90%;
		margin: 0;
		display: block;
}

.feature_caption p a, .feature_caption p a:visited{
	color: #fff;
	text-decoration: none;
	display: block;
}

.caption_a{
	background-color: #2486d0;
}
.caption_b{
	background-color: #000000;
}
.caption_c{
	background-color: #ffa200;
}

.left_col{
	float: left;
	width: 70%;
	margin-top: 20px;
	overflow: hidden;
}



.right_col{
	float: right;
	width: 25%;
	margin-top: 25px;
	overflow: hidden;
}



.left_col h2{
	font-size: 1.8em;
	line-height: 2.0em;
	margin: 0 0 20px 0;
	color: #2486d0;
	
	
}

.left_col ul, .left_col ol{
	list-style-type: disc;
	margin: 20px 0;
}

.left_col ul li, .left_col ol li{
	font-size: 1.6em;
	line-height: 2.2em;
	margin: 0 0 5px 20px;
	color: #4e4e4e;
}

#instagram{
	width: 100%;
	
	
}

#instagram p{
	font-size: 1.6em;
	font-weight: 300;
	margin-left: 5px;
	text-align: center;
}

#instagram h4 {
	line-height: 40px;
	padding-left: 48px;
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/instagram-icon.png);
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 2em;
	color: #ffa200;
	font-weight: 400;
	margin-left: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#instagram p a{
	color: #000;
}

#instagram p a:hover{
	color: #ffa200;
}
.inst_thumb_wrap{
	width: 33.3%;
	float: left;
}
.instagram_thumb{
	display: block;
	padding: 5px;
}

.instagram_thumb img {
    width:auto;
    max-width:100%;
    height:auto;
    display: block;
}

.instagram_thumb img[style] {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
}


.rc-ad{
	width: 100%;
	margin: 0 0 30px 0;
}

.rc-ad a, .rc-ad a:visited{
	opacity: 1.0;
	transition: all 0.5s;
	text-decoration: none;
}

.rc-ad a:hover{
	opacity: 0.8;
}
.rc-ad img{
	max-width: 100%;
	height: auto;
}

.board_order_form{
	text-align: center;
	margin-bottom: 60px;

}

.board_order_form p a{
	text-decoration: none;
}

#subscribe{
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/diagonal-divider.png), url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/diagonal-divider.png);
	background-position: center top, center bottom;
	background-repeat: repeat-x;
	padding: 40px 0;
	margin: 40px 0;
}

#subs_left_col{
	text-align: right;
	float: left;
	width: 40%;
}
#subs_left_col p{
	font-size: 1.8em;
	font-weight: 400;
	color: #2486d0;
	text-transform: uppercase;
	padding: 10px 15px 0 0;
	line-height: 1.4em;
	margin: 0;
}
#subs_right_col{
	text-align: left;
	float: right;
	width: 60%;
}


.subscribe_form input {
background-color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ffa200;
border-bottom: 1px solid #ccc;
font-size: 1.4em;
color: #000;
float: left;
width: 50%;
padding: 10px 7px;
display: block;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.subscribe_form input:focus {

border: 1px solid #ffa200;


}




.subscribe_form .submit_btn {
border: none;
display: block;
width: 30%;
float: left;
border: 1px solid #ffa200;
cursor: pointer;
background-color: #ffa200;
color: #fff;
font-size: 1.4em;
border-radius: 0px 3px 2px 0px;
-moz-border-radius: 0px 3px 2px 0px;
-webkit-border-radius: 0px 3px 2px 0px;
padding: 10px 7px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.subscribe_form .submit_btn:hover {
background-color: #2486d0;
color: #fff;
border: 1px solid #2486d0;
}

/* Inner pages */


.innerpage_grid_image img {
    width:auto;
    max-width:100%;
    height:auto;
    display: block;
}

.innerpage_grid_image img[style] {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
}

.innerpage_grid_image{
	position: relative;
	text-align: center; 
}

.innerpage_grid_caption{
	text-align: left; 
}
.innerpage_grid_caption p{
	color: #4e4e4e;
	padding: 0px 10px;
	width: 90%;
	margin: 0;
	display: block;
}

/* News */

.news_grid{
	margin-bottom: 30px;
}

.pagination_links{
	clear: both;
	font-size: 1.6em;
	line-height: 2.2em;
	padding-top: 30px;
	width: 100%;
	text-align: center;
	font-weight: 400;
	color: #4e4e4e;
}

.pagination_links p{
	margin: 0;
	font-size: 1.4em;
	font-weight: 300;
	}

.pagination_links strong{
	font-weight: 400;
	margin: 10px;
}
.pagination_links a, .pagination_links a:visited{
	font-weight: 400;
	margin: 10px;
	color: #2486d0;
	text-decoration: none;
	
}

.pagination_links a:hover{
	color: #ffa200;
}

.news_header_image{
	clear: both;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.news_header_image img {
    width:auto;
    max-width:100%;
    height:auto;
    display: block;
    
}

.news_header_image img[style] {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
}

.news_art_date{
	font-size: 1.4em;
	line-height: 2.4em;
	margin: 5px 0 5px 0;
	color: #2486d0;
	width: 28%;
	float: right;
	text-align: right;
}

.news_article_title{
	border-bottom: none;
	width: 70%;
	float: left;
	margin: 0 0 5px 0;
	line-height: normal;
}

#other_news{
	padding-bottom: 30px;
}
#other_news .feature{
	margin-bottom: 20px;
	
}


#other_news h4 {
	line-height: 40px;
	padding-left: 48px;
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/news-icon.png);
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 2em;
	color: #ffa200;
	font-weight: 400;
	margin-left: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/* MISC CLASSES */

img {
    max-width:100%;
    height:auto;
}

img[style] {
	max-width:100% !important;
	height:auto !important;
}

.grey_btn, .grey_btn:visited{
	display: block;
	width: 100%;
	font-size: 1.8em;
	padding: 10px 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.grey_btn:hover{
	background-color: #000;
}
.clear_both{
	clear: both;
}

.para_intro{
	font-size: 1.8em;
	line-height: 2.0em;
	margin: 0 0 20px 0;
	color: #2486d0;
}

.margin_top_40{
	margin-top: 40px;
}


.hover-fade{
opacity: 1;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
}
.hover-fade:hover{
opacity: 0.8;
}
/* Brands ---------------------- */

#Brand_grid h4 {
	line-height: 40px;
	padding-left: 0;
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 2em;
	color: #ffa200;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.bg_thumb_wrap{
	width: 50%;
	float: left;
}
.bg_thumb{
	display: block;
	padding: 5px;
}

.bg_thumb img {
    width:auto;
    max-width:100%;
    height:auto;
    display: block;
}

.bg_thumb img[style] {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
}


.brand_list_item{
	width: 80%;
	margin: 0 auto;
	display: block;
	text-align: center;
}



/* Stock Tables ---------------------- */

.stocklists{
	margin-bottom: 40px;
}
.stocklists h4 {
	line-height: 40px;
	padding-left: 48px;
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/news-icon.png);
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 2em;
	color: #ffa200;
	font-weight: 400;
	margin-left: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.stocklists_button, .stocklists_button:visited{
	display: block;
	border: 3px solid #2486d1;
	text-align: center;
	width: 100%;
	padding: 10px 5px;
	background: #fff;
	box-sizing: border-box;
	font-size: 2em;
	text-decoration: none;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #2486d1;
	color: #fff;
}

.stocklists_button:hover{
	background: #fff;
	color: #2486d1;
}


.stock_table_wrap h3{
	
	
	margin:0;
	line-height: 40px;
	padding-left: 48px;
	background-size: 40px 40px;
	background-image: url(http://www.surfboardroom.com.au/themes/site_themes/sbr/images/news-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.stock_table_wrap h3 span{
	font-weight: normal;
	color: #2486d0;
	padding-left: 10px;
	font-size: 80%;
}
.stock_table	{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-collapse:collapse;
	width: 100%;
	text-align:left;
	margin: 40px 0 20px 0;
}

.stock_table tbody{
	
}
.stock_table th, .stock_table td{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 22px;
}	
.stock_table th	{
	border-left:1px solid #fff;
	border-right:1px solid #e5e4e4;
	border-bottom:1px solid #e5e4e4;
	border-top: 1px solid #fff;
	padding:5px 5px;
	text-align: center;
	}
.stock_table th.st_no_border_right{
	border-right:1px solid #fff;
}
.stock_table td	{
	border:1px solid #e5e4e4;
	padding:10px 10px;
	vertical-align:middle;
	text-align: center;
}
.stock_table td span{margin: 0 10px;}

.stock_table tr{
	background-color: #fff;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
}

.stock_table tr:hover{
background-color: #f3f5f7;
}

.stock_table tr.st_no_hover:hover{
background-color: #fff;
}

th.center_cell, td.center_cell{
	text-align: center;
}

th.stock_model, .stock_table tr td:nth-child(1){
	text-align: left;
}


/* Contact */


#contact_wrap{
	border-top: 15px solid #181f26;
	width: 100%;
	background-color: #2c3339;
}
#contact{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 30px 0 60px 0;
}
#contact p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.8em;
}

#contact p a, #contact p a:visited{
	color: #fff;
}

#contact p a:hover{
	color: #ffa200;
}
#contact h4{
	color: #fff;
	font-size: 1.6em;
	line-height: 1.8em;
	text-transform: uppercase;
	border-bottom: 1px solid #181f26;
	padding-bottom: 10px;
}
/* Footer */

#footer_wrap{
	border-top: 15px solid #181f26;
	width: 100%;
	background-color: #2c3339;
}
#footer{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 30px 0 60px 0;
}
#footer p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.8em;
}

#footer p a, #footer p a:visited{
	color: #fff;
}

#footer p a:hover{
	color: #ffa200;
}

#footer h4{
	color: #fff;
	font-size: 1.6em;
	line-height: 1.8em;
	text-transform: uppercase;
	border-bottom: 1px solid #181f26;
	padding-bottom: 10px;
}

#footer_map{
	padding: 15px;
	width: 30%;
	height: 250px;
	float: right;
	background-color: #181f26;
}

#map-canvas img { max-width: none !important; }

#footer_left{
	width: 65%;
	float: left;
}

#map-canvas{
	width: 100%;
	height: 250px;
}

.footer_col{
	text-align: left;
}

#oh_days{
	width: 30%;
	text-align: left;
	float: left;
}
#oh_hours{
	width: 65%;
	text-align: left;
	float: right;
}

ul.social_links{
	list-style: none;
}
ul.social_links li{
	display: block;
	float: left;
	width: 38px;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.social_links li a, ul.social_links li a:visited{
	opacity: 0.3;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
}
ul.social_links li a:hover{
	opacity: 1;
}

.site_by_mattias{
display: block;
width: 26px;
	margin: 40px auto 0 auto;
	padding: 30px 0 0 0;
	opacity: 0.6;
	-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
}

.site_by_mattias:hover{
	opacity: 1;
}
	/* Typography */
	
p{
	font-size: 1.6em;
	line-height: 2.2em;
	margin: 0 0 20px 0;
	color: #4e4e4e;
}

a, a:visited{
	color: #2486d0;
}
a:hover{
	color: #000;
}
h1{
	color: #000;
	font-size: 2.4em;
	font-weight: 400;
	line-height: 2.4em;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
h2{
	color: #969695;
	font-size: 1.8em;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	
}
h3{
	color: #000;
	font-size: 1.8em;
	margin-bottom: 20px;
	font-weight: 400;
}
h4{
	color: #000;
	font-size: 1.6em;
	font-weight: 400;
	margin: 0 0 20px 0;

}