/* TODO: update image paths throughtout file	*/
/*======
SGH - Spring Break Landing 2013
Solution Design 
Written for - SGH
 
swatch colors
-------------
80CEF1 - light blue
F2E400 - yellow
E4007D - pink
415DA3 - dark blue
000000 - black
ffffff - white
58595B - grey
414042 - dark grey
e462a9 - pink alternate

======== */


/****** Generic Items *********/

#sb-landing-background{
	background-color: #415DA3;
	float: left;
	width: 100%;
}

#sb-landing-wrapper{
	margin: 76px;
	background-color: #ffffff;
	min-height: 300px;
	display: block;
}

#sb-landing-wrapper .arrow{
	display: inline-block;
	padding: 0px 10px 0px 0px;
	background: url('/wcsstore/SGH/experiences/springbreak13/css/images/sgh-sb-triangles.png') no-repeat 100% -1px;
	color: #E4007D;
	line-height: 14px;
}

#sb-landing-wrapper .arrow:hover{
	background-position: 100% -15px;
	color: #000000 !important;
}

a img{
	border: none;
}



.light-blue{color: #80CEF1;}
.yellow {color: #F2E400;}
.white{color: #ffffff;}


/****** END Generic Items *********/



/****** Page specific - LANDING *********/

#sb-landing-wrapper #top{
	padding: 50px 0px 28px 42px;
	background-color: #000000;
	
}

#sb-landing-wrapper h1{
	font-size: 107px;
	line-height: 106px;
	margin: 0px;
}

#sb-landing-wrapper p.book-font{
	font-family:"SGHBook",Arial,Helvetica,sans-serif;
	font-size: 17px;
	margin: 0px;
}

#sb-landing-wrapper #bottom{
	background-color: #ffffff;
	width: 100%;
	min-height: 175px;
}

#sb-landing-wrapper #bottom p{
	text-align: right;
	font-size: 14px;
	margin: 0px;
	font-family:"SGHBook",Arial,Helvetica,sans-serif;
}

#sb-landing-wrapper #left, #sb-landing-wrapper #middle, #sb-landing-wrapper #right{
	float: left;
	margin-left: 102px;
}

#sb-landing-wrapper #bottom h2{
	font-size: 80px;
	line-height: 80px;
	text-align: center;
}

#sb-landing-wrapper #bottom h2 a:hover{
	color: #414042 !important;
}


#sb-landing-wrapper #bottom .arrow{
	margin-bottom: 6px;
}


/****** END Page specific - LANDING *********/




/******  GENERIC ITEMS FOR TEMPLATE PAGES  *********/

#sb-landing-wrapper.page-templates{
	color: #58595B;
	float: left;
	
}
#sb-landing-wrapper #top.landing-page{
	position: relative;	
	background-color: #ffffff;
}

#sb-landing-wrapper.page-templates #top h1{
	font-size: 80px;
	line-height: 70px;
}

#sb-landing-wrapper #top h2{
	font-size: 42px; 
	line-height: 32px;
}

#sb-landing-wrapper #top #navigation{
	position: absolute;
	right: 48px;
	top: 85px;
	z-index: 3;
	text-align: right;
}

#sb-landing-wrapper #top.landing-page .arrow:hover{
	background-position: 100% -29px;
	color: #e462a9 !important;	
}

#sb-landing-wrapper #top.landing-page .arrow{
	margin-bottom: 5px;
}

#sb-landing-wrapper #top.landing-page #black-background{
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 140px;
	background-color: black;
	width: 100%;
	z-index: 1;
}

#sb-landing-wrapper #top.landing-page .left-column, #sb-landing-wrapper #top.landing-page .right-column{
	float: left;
	position: relative;
	z-index: 2;
}

#sb-landing-wrapper #top.landing-page .right-column{
	width: 425px;
	margin-left: 0px;
}

#sb-landing-wrapper #top.landing-page .left-column{
	width: 309px;	
}

#sb-landing-wrapper #top.landing-page .left-column img{
	margin-left: 19px;
}

#sb-landing-wrapper #content-glasses{
	clear: both;
	padding: 0px 60px;
}

#sb-landing-wrapper #content-glasses .product{
	width: 100%;
	border-bottom: solid 1px #A6A8AB;
	display: inline-block;
	clear: both;

}


#sb-landing-wrapper #content-glasses .product.last{
	border-bottom: none;
}

#sb-landing-wrapper #content-glasses .product img.left{
	margin: 0px 30px 0px 0px;
}


#sb-landing-wrapper #content-glasses .product img.left.top-margin{
	margin: 10px 30px 0px 0px;
}

#sb-landing-wrapper #content-glasses .product img.right{
	margin: 0px 0px 0px 30px;
}

#sb-landing-wrapper #content-glasses .product h4{
	font-family: "SGHUltComp",Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 32px;
	color: #000000;
	margin: 42px 0px 0px 0px;
}

#sb-landing-wrapper #content-glasses .product p{
	margin: 5px 0px 5px 0px;
}

#sb-landing-wrapper.page-templates #bottom{
	min-height: 20px;
	clear: both;
}
#sb-landing-wrapper.page-templates #top p.font-arial{
	margin: 35px 0px 15px;
	text-transform: uppercase;
	line-height: 20px;
}

#sb-landing-wrapper.page-templates #top p{
	margin: 5px 0px 7px;
	line-height: 14px;
}

#sb-landing-wrapper.page-templates .ft-hero-cta{
	margin-top: 10px;
	float: left;
}

p.font-arial{
	font-size: 17px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 20px;
	
}

#sb-landing-wrapper.page-templates #top h3{
	font-family:"SGHBook",Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	margin: 0px;
	
}



/******   END GENERIC ITEMS FOR TEMPLATE PAGES  *********/



/****** Page specific - CITY - STREETS *********/

#sb-landing-wrapper #top.city-streets{
	padding: 16px 0px 0px 16px;
	/* float: left; */
	
}

/****** END Page specific - CITY - STREETS *********/

/****** Page specific - SUN ON THE WATER *********/

#sb-landing-wrapper .arrow.extra-margin{
	margin-bottom: 15px;
}

#sb-landing-wrapper #top.landing-page.sun .left-column img{
	margin-left: 9px;
}

#sb-landing-wrapper #content-glasses.extra-bottom-padding .product, #sb-landing-wrapper #content-glasses .product.special-padding-bottom{
	padding-bottom: 14px !important;
	
}

#sb-landing-wrapper #content-glasses .product img.left.extra-margin-top{
	margin: 10px 30px 0px 0px;
	
}



/****** END Page specific - SUN ON THE WATER *********/


/****** END Page specific - SNOW  *********/
#sb-landing-wrapper #top.landing-page.snow .left-column img {
margin-left: 3px;
}

/****** END Page specific - SNOW  *********/

#content .ft-hero-cta {
color: black;url("/wcsstore/SGH/experiences/springbreak13/css/images/sgh-sb-triangles.png") no-repeat scroll 0 0 transparent
display: inline-block;
font-size: 33px;
line-height: 30px;
padding: 0 35px 0 0;
margin: 10px 0px 0px;
}

.ft-hero-cta {
background: url('/wcsstore/SGH/experiences/springbreak13/css/images/sb-cta-circles.png') no-repeat 100% -70px;
color: #e3007d !important;
}

#content .ft-hero-cta:hover {
background-position: 100% 1px;
color: #e462a9 !important;
}




#content h2, #content #ft-hero-txt h1, #content h1.cheatsheet-title{
	font-family: "SGHUltComp",Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal !important;
	font-size: 38px;
	margin: 0px 0px 0px;
}