/*********** RESET ***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
    margin:0;
    padding:0;
    border:none;
}

:focus {
outline: 0;
}


/********** GLOBAL **********/

a:link{
    color:#ffffff;
    text-decoration:none;
}
a:visited{
    color:#ffffff;
    text-decoration:none;
}
a:hover{
    color:#54A2D1;
}
a.button,
input.submit{
	background: #54A2D1;		
	color:#fff;
	padding:10px 20px;
	font-size:16px;
	float:left;
	clear:both;
	margin:5px 0;
	border:0;
	cursor:pointer;
	font-weight:normal;
}
a.button.blue{
	background:#2f80d6;
}
a.button.grey{
	background:#666563;
}


/********* TYPOGRPAHY ********/

h1, h2, h3, h4, h5{
    font-family: 'PT Sans', sans-serif;
    color:#091431;
}
h1{
    font-size:27px;
}
h2{
    font-size:17px;
    /*text-transform:uppercase;*/
}
h3{
    font-size:16px;
}
p{
    line-height:22px;
    font-size:14px;
    color:#6c6c6c;
    margin:5px 0;
}
input{
	font-size:14px;
}

/********* STRUCTURE *********/

body{
    font-family: 'PT Sans', sans-serif;
    font-size:14px;
    color:#6c6c6c;
    text-align:left;
}
.wrapper{
	max-width:100%;
	min-width:280px;
	padding:0;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
.wrapper.overflow{
	overflow: visible;
}
.wrapper.padding,
.padding{
	padding:0 0 20px 0;
}

.about-us{
     display: inline; 
     float: left;
     padding:10px;
     box-sizing:border-box;
}

/********* HEADER *********/

#header{
	padding:5px 0px 0px 0px;
}
.logo{
	float:left;
	margin-top:0px;
    border: none;
}
.logo-mobile{
	display:none;
}
.main-content-mobile{
	display:none;
}

.main-content-mobile h1{
	text-align: center;
	font-size:30px;
	color:#333333;
}

.main-content-mobile div{
	padding:10px 0px;
	font-size:18px;
}
.creator-logos{
	float:right;
	margin-top:15px;
	padding-left:120px;
	padding-right:120px;

}
.creator-logos p{
	margin:0 0 6px 0;
	font-size:12px;
	line-height:15px;
}

#nav{
	background:#0c0c0c;
	border-bottom:3px solid #0c0c0c;
	color:#fff;
	overflow:visible;
	height:55px; 
	float:left;
	width:100%;
	
}
#nav .wrapper{
	overflow:visible;
}
#nav ul{
	list-style:none;
	border-left:1px solid #0c0c0c;
	float:left;
	clear:both;
	overflow:visible;

	
}
#nav ul li{
	float:left;
	padding-right:10px;
}
#nav ul li a{
	border-right:1px solid #0c0c0c;
	height:55px;
	line-height:56px;
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:0 5px;
	text-align:center;
	text-transform:capitalize;
}
#nav ul li.home a{
	line-height:60px;
	width:auto;
	padding:0 10px;
}
#nav ul li.home{
	width:auto;
}
#nav ul li.home a:hover{
	background:none;
	color:#fff;
}
#nav ul li a:hover,
#nav ul li a.active{
	 background:url('../images/generic/arrow.png') center 40px no-repeat #ebe9e6;
	color:#0a1634;
}
#nav ul li.dropdown{
	position:relative;
}
#nav ul li.dropdown a{
	border:0;
	background:url('/images/generic/arrow-white.png') center right no-repeat;
	padding:0 20px 0 10px;
	width:auto;
}
#nav ul li.dropdown a:hover{
	background:url('/images/generic/arrow-white.png') center right no-repeat;
	color:#fff;
}
#nav ul li.dropdown ul,
#nav ul li ul{
	display:none;
}
#nav ul li.dropdown:hover ul,
#nav ul li:hover ul{
	display:block;
	position:absolute;
	top:55px;
	background:#0c0c0c;
	z-index:999;
	min-width:170px;
	border-bottom:2px solid #8e8d8b;
}
#nav ul li.dropdown ul li,
#nav ul li ul li{
	clear:both;
	float:left;
	width:100%;
	
}
#nav ul li.dropdown ul li a,
#nav ul li ul li a{
	background:none;
	color:#fff;
	text-align:left;
	border-right:0;
	width:100%;
	display:block;
	text-indent:-5px;
	padding:0 20px;
}

#nav ul li.dropdown ul li a:hover,
#nav ul li ul li a:hover{
	background:#ebe9e6;
	color:#0a1634;	
	width:auto;
}

#nav ul li ul.menuSub{
	background:#807e7b;
	float:right;
	border:0;
	padding:20px 0px 5px 20px;
	min-width:30px;
}
#nav ul li ul.menuSub h4{
	color:#fff;
	float:left;
	width:100%;
	margin:0 0 10px 0;
	font-size:18px;
}
#nav ul li ul.menuSub ul{
	list-style:none;
	border:0;
	min-width:0;
	width:150px;
	clear:none;
	float:left;
	position:relative;
	top:auto;
	left:auto;
	margin-right:30px;
}
#nav ul li ul.menuSub ul li{
	border:0;
	width:auto;
	padding:0;
	margin-bottom:15px;
}
#nav ul li ul.menuSub ul li img{
	width:40px;
	float:left;
	margin:0 5px 0 0;
}
#nav ul li ul.menuSub ul li.lifestage-nav a{
	float:left;
	clear:none;
	width:auto;
	padding-top:15px;
}
#nav ul li ul.menuSub a{
	border:0;
	text-indent:0;
	height:auto;
	line-height:14px;
	padding:0;
	text-align:left;
	font-weight:bold;
}
#nav ul li ul.menuSub a:hover{
	background:none;
	color:#fff;
	opacity:0.8;
}

/********* HOMEPAGE *********/

#banner, #mobileBanner{
	position:relative;
	width:100%;
	clear:both;
	float:left;
       
}

#gallery, #mobileGallery{
	position:relative;
	width:100%;
	clear:both;
	float:left;
       
}
.slideshow{
	list-style:none;
	float:left;
}
.slideshow-controls{
	position:absolute;
	bottom:30px;
	left:15px;
	list-style:none;
	z-index:1;
}
.slideshow-controls li{
	float:left;
	margin-right:8px;
}
.slideshow li{
	width:100%;
}
.slideshow img{
	width:100%;
}
.slideshow-controls span{
	display:block;
	background:#fff;
	height:10px;
	width:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.slideshow-controls a.active span{
	background:#666564;
}
.side-banner{
	float:right;
	width:285px;
	height:319px;
	position:relative;
}
.side-banner img{
	width:100%;
}
.side-banner h3{
	position:absolute;
	top:180px;
	width:90%;
	left:5%;
	font-size:24px;
	text-align:center;
	color:#6c6b69;
	font-weight:normal;
}
.side-banner-btns{
	position:absolute;
	bottom:20px;
	left:20px;
}
.side-banner a,
.side-banner input.submit{
	width:100px;
	float:left;
	display:block;
	text-align:center;
	margin: 0 6px;
    width: 70px;
    clear:none;
}
.tabs{
	list-style:none;
}
.tabs li a{
	float:left;
	width:50%;
	color:#091430;
	font-size:21px;
	text-transform:uppercase;
	font-weight:bold;
	height:63px;
	line-height:63px;
	text-align:center;
	background:#faf7f4;
	-moz-box-shadow: inset 5px -5px 5px #e5e3e0;
	-webkit-box-shadow: inset 5px -5px 5px #e5e3e0;
	box-shadow: inset 5px -5px 5px #e5e3e0;
}
.tabs li a.active{
	background:#fff;
	color:#091430;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.logo-slider{
	list-style:none;
	float:left;
	clear:both;
}
.logo-slider li{
	float:left;
	margin:0 15px;
}
.logo-slider-controls{
	position:relative;
	bottom:auto;
	left:auto;
	clear:both;
	margin:0 auto;
}
.logo-slider-controls{
	float:none;
	display:inline-block;
	margin-top:20px;
}
.logo-slider-controls span{
	background:#faf7f4;
	border:1px solid #ccc;
}
.logo-slider-controls a.active span{
	border:1px solid #666564;
}

/********* PRODUCT LISTING *********/

.banner {
	position: relative;
}



#sort-by{
	float:right;
	width:210px;
}
#sort-by label{
	font-size:12px;
	float:left;
	font-weight:bold;
	color:#26304a;
	text-transform:uppercase;
	line-height:50px;
	margin-right:10px;
}
.back-to-top{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	line-height:50px;
	padding-right:20px;
	float:right;
	margin:0 10px 0 0;
	background:url('/images/generic/arrow-orange-up.png') right 21px no-repeat;
}	

/********* PRODUCT PAGE *********/


.featuredImage{
    cursor:crosshair;
    position:relative;
    overflow:hidden;
}

.zoom{
	position:absolute;
	display:block;
	width:84px;
	height:85px;
	background:url('/images/generic/zoom.png') top left no-repeat;
	top:1px;
	left:1px;
	z-index:1;
}
.image-thumbs{
	list-style:none;
	float:left;
	clear:both;
	position:relative;
	/*padding:0 20px;*/
	margin-top:40px;
    height:117px;
    overflow:hidden;
    width:250px;
    margin-left:20px;
}
.image-thumbs li{
	float:left;
	border:1px solid #d9d9d9;
	padding:3px;
	margin:0 2px;
}
.image-thumbs li img{
	width:100px;
}
.thumb-arrow{
	position:absolute;
	display:block;
	width:10px;
	height:15px;
	bottom:70px;
}

.change-pv{
    cursor:pointer ;
}

.thumb-arrow.left{
	background:url('/images/generic/arrow-grey-left.jpg') top left no-repeat;
	left:15px;
}
.thumb-arrow.right{
	background:url('/images/generic/arrow-grey-right.jpg') top left no-repeat;
	right:15px;
}





#buy{
	float:left;
	clear:both;
	width:100%;
}
#buy p{
	width:100%;
}
#buy p.size-option{
	float:left;
	color:#54A2D1;
	font-weight:bold;
	font-size:28px;
	display:block;
	background:#faf7f4;
	padding:12px 35px;
	border:1px solid #e4e4e4;
	-moz-box-shadow: inset 1px 2px #fff;
	-webkit-box-shadow: inset 1px 2px #fff;
	box-shadow: inset 1px 2px #fff;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	float:left;
	width:auto;
	margin:0 20px 0 0;
}
.price-box p.orange-price {
    clear: none;
    color: #54A2D1;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 8px 0 0 5px;
    width: auto;
}
.size-option span{
	background:url('/images/generic/cream-arrow.png') top left no-repeat;
	position:absolute;
	bottom:-12px;
	left:40%;
	display:block;
	width:34px;
	height:14px;
} 
#buy p.price{
	width:auto;
	font-weight:bold;
	color:#091431;
	font-size:27px;
	float:left;
}
#buy input{
	float:left;
	border:1px solid #e4e4e4;
	padding:6px 20px;
	font-family:'PT Sans',sans-serif;
	text-align:center;
	font-size:16px;
	width:30px;
	margin:13px 20px 0 20px;
}

a.find-store{
	float:left;
	margin:0;
	background:url('/images/generic/white-map.png') 10px 5px no-repeat #1c61fd;
	color:#fff;
	padding:3px 10px 3px 40px;
	width:80px;
	line-height:14px;
	font-size:13px;
}

.share-icons{
	float:left;
	clear:left;
	background:#faf7f4;
	padding:10px;
	border:1px solid #e8e5e2;
	margin:20px 0;
	width:100px;
	height:50px;
}

.tab-customer-info{
	width:99%;
	border:1px solid #ccc;
	float:right;
}
.tab-content{
	float:left;
	clear:both;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:344px;
    overflow:auto;
    position:relative;
    padding-bottom:60px;
}
.pvDetails{
    position:relative;
}








/********* CHECKOUT *********/






/********* CONTACT *********/

.contact-map{
	padding:5px 5px 2px 5px;
	border:1px solid #ccc;
	margin-top:30px;
}



/********* MY ACCOUNT *********/


p.red{
	color:red;
	clear:both;
	margin-left:186px;
}
	

/********* FOOTER *********/




    @media (max-width:675px){
    	
    }
    @media (max-width:590px){
    	.mobile-homepage-banner{
    		height:250px !important;
    	}
    }
    @media (max-width:520px){
    	.mobile-homepage-banner{
    		height:200px !important;
    	}
    }
    @media (max-width:420px){
    	.mobile-homepage-banner{
    		height:120px !important;
    	}
    }
    @media (max-width:350px){
    	.mobile-homepage-banner{
    		height:105px !important;
    	}
    }
    
    
.footer h3{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:15px;
}

#footer-bottom{
	color:#fff;
	padding:25px 0;
	border-top:1px solid #838281;
	background: #353432; 
	text-align:center;
}
#footer-bottom h4{
	color:#fff;
	text-transform:uppercase;
	float:left;
	font-size:16px;
	line-height:35px;
}
#footer-bottom h4 span{
	color:#54A2D1;
}
#footer-bottom img{
	float:right;
}
#copyright p{
	font-size:12px;
}

.ajax-loader{
    position: absolute;
    top:50%;
    left:50%;
}
#footer .beta{
	float:right;
}
.unread-ticket{
    background-color: #ff9754;
}



/********* EXTRAS *********/

.title{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:30px;
}

.ui-datepicker{
	background:#fff;
	border:1px solid #ccc;
	padding:20px;
}
.ui-datepicker td{
	padding:2px 5px;
}
.ui-datepicker-next{
	float:right;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	font-weight:bold;
}
.ui-datepicker-title{
	text-align:center;
}
/********* Banner *********/
.banner-orange {
    background-color: #54A2D1;
}
.banner-orange h1, .banner-orange h2, .banner-orange p {
    color: white;
}

.banner-gray {
    background-color: #fbf7f5;
}
.banner-gray h1, .banner-gray h2, .banner-gray p {
    color: #54A2D1;
}

.ms-drop ul > li{
	margin-bottom:5px;
}
.register div.ms-drop.bottom{
	width:98%;
	padding:0;
	float:none;
}
.register .ms-drop label{
	line-height:16px;
	margin:0;
	width:auto;
	text-align:left;
	clear:left;
}

#my_image{
	clear:both;
	float:left;
	margin:0 20px 20px 0;
}
.contact{
	clear:both; 
	padding:20px 160px; 
	line-height:1em;
	color:#f0f0f0; 
	font-weight:bold;
	font-size:18px;
}
.contact-mobile{
	display:none;
	clear:both; 
	padding:40px 10px; 
	line-height:1em;
	color:#f0f0f0; 
	font-weight:bold;
	font-size:16px;
}
#mobile-nav{
	display:none;
}
.moblie-menu{
		display:none;
	}
.mobile-btn{
	display:none;
	position:relative;
	float:right;
	margin:20px 0 0 20px;
}
.locator-icon{
	display:none;
}
.mobile-btn span.qty{
	background:#54A2D1;
	height:20px;
	display:block;
	min-width:20px;
	border-radius:20px;
	color:#fff;
	text-align:center;
	line-height:20px;
	position:absolute;
	top:0;
	right:-10px;
}

.showNav{
    display: block;
}

.hideNav{
    display: none;
}
.navLi , .navLiOpen{
    cursor: pointer;
    Z-index:1;
}
.wrapper .contact-info-2 a, .wrapper .contact-info a {
    color: #666563;
}

.wrapper .contact-info {
    font-weight: bold;
    text-align: right;
    font-size: 20px;
    color: #666563;
}
.hidden-ys{
		display:none;
	}        
.marquee{
    font-weight: bold;
    font-size: 20px;        
}

.main-content{
	padding:50px 160px; 
	clear:both;
	text-align:center;
	font-style:roboto;
	color:#333333;
}

.main-content h1{
	text-align: center;
	font-size:40px;
	color:#333333;
}

.main-content div{
	padding:10px 0px;
	font-size:18px;
}

.page-content{
	padding:50px 160px; 
	clear:both;
	text-align:center;
	font-style:roboto;
	color:#333333;
}

.page-content h1{
	text-align: center;
	font-size:40px;
	color:#333333;
}

.page-content div{
	padding:10px 0px;
	font-size:18px;
}

.page-content-mobile{
	display:none;
}

.page-content-mobile h1{
	text-align: center;
	font-size:30px;
	color:#333333;
}

.page-content-mobile div{
	padding:10px 0px;
	font-size:18px;
}