@charset "utf-8";
/*  Used for all pages */

body {
	margin:0;
	padding:0;
	background:#fff;
	font-family: "open-sans";
    font-style: normal;
    font-weight: 300;
	font-size:14px;
	line-height:24px;
	color:#626256;
}

.cublue {
	color:#0077c0;
}

a {
	color:#0077c0;
}

a.link {
	display:inline-block;
	background:url(../data/images/arrow.png) right no-repeat;
	padding:0 15px 0 0;	
	text-decoration:none;
}

a.link:hover {
    text-decoration:underline;
}

a img {
	border:none;	
}

h1 {
	padding:0;
	font-size:36px;
	color:#0077c0;
	font-family: "brandon-grotesque",sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

h2 {
	font-family: "futura-pt",sans-serif;
	font-size:22px;
	color:#0077c0;
	font-weight:400;
	padding:0;
    text-transform:lowercase;
}

h2 a {
    text-decoration:none;
}

h2 a:hover {
    background:url(../data/images/arrow.png) right no-repeat;
	padding:0 15px 0 0;	
}

h5 {
    text-transform:lowercase;
}

/* wrappers */

/* wrappers because content has to push the footer down */

.topwrapper {
	width:100%;
	float:left;
}

.bottomwrapper {
	width:100%;
	float:left;
	background:#cdcdc4;
	margin:30px 0 0 0;
}

.contentwrapper {
	width:940px;
	margin:0 auto;
}

.footerwrapper {
	width:940px;
	margin:0 auto;
}

/* default elements */

header {
	width:940px;
	height:167px;
	float:left;
	position:relative;
}

	.logo {
		float:left;	
	}
	
	ul.topnav {
		float:right;
		height:28px;
		margin:0px 0 20px 0;	
		padding:0;
	}
	
		ul.topnav li {
			float:left;
			list-style:none;
		}
	
		ul.topnav li a {
			display:inline-block;
			height:28px;
			line-height:28px;
			margin:0 0 0 25px;
			text-decoration:none;
			color:#b3b3aa;
            padding:10px 0 0 0;
            font-size:12px;
		}
		
		ul.topnav li a:hover, ul.topnav li a.active {
			color:#0077c0;	
		}

            ul.topnav li.cart a {
                border:1px solid #cdcdc4;
                border-top:none;
                padding:10px 60px 10px 20px;
                z-index:100;
                background:url(../data/images/cart.png) 103px 12px no-repeat #fff;
                position:relative;
            }
            
            ul.topnav li.cart a span {
                    width:18px;
                    height:18px;
                    line-height:18px;
                    text-align:center;
                    font-size:11px;
                    color:#fff;
                    position:absolute;
                    background:#0077c0;
                    border-radius:50%;
                    top:5px;
                    right:15px;
                }

            ul.topnav li.cart:hover a {
                background:url(../data/images/cart.png) 103px 12px no-repeat #eee;
            }
		
	/*.topcart {
		height:46px;
		position:absolute;
		bottom:0;
		right:0;
		background:url(../data/images/bg_topcart.png) repeat-x;
		font-family: "futura-pt",sans-serif;
		font-size:21px;
		line-height:46px;
		color:#7caadb;
		border:1px solid #cfcec8;
		border-bottom:none;
		padding:0px 20px 0 20px;
		border-radius:10px 10px 0px 0px;
	}
	
	.topcart a {
	    text-decoration:none;
	}*/

nav {
	height:53px;
    float:right;
    margin:67px 0 0 0;
    text-align:right;
}
	nav ul {
		margin:0;
		padding:0;
        text-align:right;
        float:right;
	}
	
		nav ul li {
			list-style:none;
            float:left;
		}
		
		nav ul li a {
			color:#bdbdb0;
			font-size:20px;
			text-decoration:none;
			font-family: "futura-pt",sans-serif;
			margin:0 0 0 30px;
			text-transform:lowercase;
			font-weight:400;
			letter-spacing:1px;
		}
		
		nav ul li a:hover, nav ul li a.active {
			color:#0077c0
		}


		
footer {
	float:left;
	width:940px;
	margin:30px 0;
}

	footer h5 {
		font-size:22px;
		color:#fff;
		margin:0;
		padding:0;
		font-family: "futura-pt",sans-serif;
		font-weight:400;
		letter-spacing:1px;
	}
	
	footer .designers {
		width:940px;
		float:left;
		margin:20px 0 30px 0;
		padding:0 0 30px 0;
		border-bottom:2px dotted #fff;
	}
	
	footer .designers a {
		display:block;
		color:#fff;
		text-decoration:none;
	}
	
	footer .designers a:hover {
		color:#777;
		text-decoration:underline;
	}
	
.subfooter {
	width:940px;
	float:left;
	height:32px;
	margin:0px 0 60px 0;
	color:#fff;
	font-size:12px;
}

.subfooter a {
	color:#fff;
	text-decoration:none;

}


	.subfooter .payment {
		width:300px;
		height:32px;
		float:left;
	}
	
	.subfooter .legal {
		width:340px;
		height:32px;
		text-align:center;
		float:left;
		line-height:32px;
	}
	
	.subfooter .legal a:after {
	    content: " | ";
	}
	
	.subfooter .legal a:last-child:after {
	    content:"";
	    text-decoration:none;
	}
	
	.subfooter .legal a:hover {
	    text-decoration:underline;   
	}
	
	.subfooter .legal a:hover:after {
	    text-decoration:none;   
	}

	.subfooter .social {
		width:300px;
		height:32px;
		float:right;
		text-align:right;	
	}


a.video {
    float:right;
    width:100px;
    display:inline-block;
    text-align:center;
    font-family: "brandon-grotesque",sans-serif;
	font-weight:700;
	text-transform:uppercase;
    margin:10px 0 20px 20px;
    border-left:1px dotted #0077c0;
    padding:0 0 0 20px;
    text-decoration:none;
}

		
/* blue : #0077c0;  */