@font-face {
		font-family: 'WebSymbolsRegular';
		src: url('../css/fonts/WebSymbols-Regular-webfont.eot');
		src: url('../css/fonts/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../css/fonts/WebSymbols-Regular-webfont.woff') format('woff'),
			 url('../css/fonts/WebSymbols-Regular-webfont.ttf') format('truetype'),
			 url('../css/fonts/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		color: #333333;
		-webkit-font-smoothing:antialiased;
		}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	
	html, body {
		height: 100%; }

	body {
		line-height: 130%;
		background: url(../images/bg.jpg) repeat-x left top #f9f9f9;
	}
		
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -255px; /* the bottom margin is the negative value of the footer's height */
	}
	
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
	a  {
		text-decoration: none;
	}
		
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	
	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	 }
	 
	.clearfix {
		display: inline-block;
	}
	
	.pull-left {
		float: left
	}
	
	.pull-right {
		float: right
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}
	
	.clear {
		clear:both;
		height:0;
		padding:0;
		margin:0;
	}
	
	/* Global */
	
	.icon {
		font-family: 'WebSymbolsRegular';
	}
	
	/* Top */
	
	.top {
		width: 100%;
		height: 187px;
		background: #f6f7e2;
		box-shadow: 0px 0px 8px #aaa;
	}
	
	.logo {
		position: relative;
	}
	
	.logo img {
		margin-left: -55px;
	}
		
	/* Socieal Media */
	
	.follow-us {
		margin-top: 15px;
	}
	
	a.social-icon {
		display: inline-block;
		width: 23px;
		height: 23px;
		margin-left: 7px;
		font-family: 'WebSymbolsRegular';
		color: #999999;
		font-size: 22px;
	}
	
	a.fb:hover, a.tw:hover, a.yt:hover {
		color: #a6a6a6;
	}
	
	.follow-us span {
		color: #999999;
		font-family: arial;
		font-size: 12px;
		vertical-align: middle;
		font-weight: 700;
	}
	
	.call-us {
		margin-top: 10px;
	}
	
	.call-us p {
		font-size: 26px;
		margin: 7px 0 14px;
		font-family: 'Oswald', sans-serif;
	}
	
	p.blue {
		color: #186490;
	}
	
	p.black {
		color: #3c444a;
	}
	
	/* Shopping Cart */
	
	.shopping-cart {
		background: #186490;
		padding: 13px 10px;
	}
	
	ul.cart-details {
		margin-bottom: 6px;
	}
	
	ul.login-register li, ul.cart-details li {
		display: inline;
		font-size: 12px;
		color: #f6f7e2;
	}
	
	ul.login-register li span {
		font-size: 12px;
		color: #f6f7e2;
	}
	
	ul.cart-details li span {
		font-size: 12px;
		color: #06a0e3;
		font-family: arial;
		font-weight: 700;
	}
	
	ul.login-register li a, ul.cart-details li a {
		font-family: arial;
		font-size: 12px;
		color: #f6f7e2;
		font-weight: 700;
	}
	
	.shopping-cart hr {
		color: #298bb4;
		background-color: #298bb4;
		height: 1px;
		border: 0;
		margin: 5px 0;
	} 
	
	p.your-shopping {
		font-family: Georgia;
		font-size: 29px;
		color: #ffffff;
		text-align: center;
		font-style: italic;
		line-height: 36px;
	}
	
	a.checkout, a.find , a.add-to-cart{
		text-transform: uppercase;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-family: arial;
		font-size: 10px;
		color: #f6f7e2;
		font-weight: 700;
		padding: 6px 9px;
		background: #0078A9;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #019FE0), color-stop(1, #0078A9));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #019FE0 0%, #0078A9 100%);
		behavior: url(fonts/PIE.php);
	}
.cartbutton, .formbutton {
		text-transform: uppercase;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-family: arial;
		font-size: 10px;
		color: #f6f7e2;
		font-weight: 700;
		padding: 6px 9px;
		background: #0078A9;
		border: none;
		margin-right: 10px;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #019FE0), color-stop(1, #0078A9));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #019FE0 0%, #0078A9 100%);
		behavior: url(fonts/PIE.php);
}
	a.checkout {
		margin-top: 5px;
	}
	
	a.checkout:hover, a.find:hover, a.add-to-cart:hover {
		background: #019FE0;
	}
	
	a.find {
		margin-top: 17px;
		display: inline-block;
		padding: 2px 9px;
		box-shadow: none;
	}
	
	.contents {
		margin-top: 23px;
	}
	
	/* Top Nav */
	
	nav.top-nav ul {
		z-index:9999;
	}
	
	nav.top-nav ul {
		position:relative;
		height: 42px;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #019FE0), color-stop(1, #0078A9));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #019FE0 0%, #0078A9 100%);
		behavior: url(fonts/PIE.php);
	}
	
	nav.top-nav ul li {
		float: left;
		position:relative;
	}
	
	nav.top-nav ul li a {
		display: block;
		height: 42px;
		font-size: 17px;
		color: #f6f7e2;
		text-transform: uppercase;
		padding: 10px 14px 10px 13px;
		border-right: 1px solid #007bae;
		border-left: 1px solid #019fe0;
	}
	
	nav.top-nav ul li a:hover {
		background: #0078aa;
	}
	
	nav.top-nav ul li.last a {
		border-right: none;
	}
	
	/* Drop Down */
	
	nav.top-nav ul li ul {
		display:none;
		z-index:9990;
		width:360px;
		background-image:none;
	}
	
	nav.top-nav ul li:hover ul {
		display:block;
		position:absolute;		
		top:42px;
	}

	nav.top-nav ul li ul li {
		float:left;
		width:120px;
		border-top: 1px solid #019fe0;
		background: #019FE0;
	}
	
	nav.top-nav ul li ul li a {
		border:none;
		font-size: 14px;
		line-height:17px;
	}
	
	nav.top-nav ul li ul li:hover {
		background: #0078A9;
	}
	
	
	/* Slider Overlay */
	
	.slider-wrapper {
		padding-bottom: 33px;
		background: url(../images/slider-shadow.png) no-repeat left bottom transparent;
		margin-bottom: 10px;
	}
	
	.overlay {
        overflow: hidden;
		display:block;
/*		width: 70%;*/
		height: auto;
		position: absolute;
		top: 42;
		left: 0;
		z-index: 9980;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/* Content */
	
	h1 {
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 30px;
	}
	
	.find h2 {
		font-size: 19px;
		height: 42px;
		padding: 10px 0 10px 35px;
		color: #ecf7e2;
		position: relative;
		background: #019FE0;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #019FE0), color-stop(1, #0078A9));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #019FE0 0%, #0078A9 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #019FE0 0%, #0078A9 100%);
		behavior: url(fonts/PIE.php);
	}
	
	.find h2 span {
		display: block;
		left: 0;
		top: 0;
		height: 42px;
		width: 35px;
		position: absolute;
		background: url(../images/magn-glass.png) no-repeat center center transparent;
	}
	
	.contents p {
		font-size: 13px;
		font-family: arial;
		margin-bottom: 9px;
		line-height: 19px;
		padding-right: 10px;
	}

	.results-title {
		margin-bottom: 15px;
	}

	.results-list {
		font-family: georgia;
		font-style: italic;
	}

	.results-list li {
		font-family: georgia;
		font-style: italic;
		list-style: outside;
		list-style-type: disc;
		margin-left: 20px;
	}
	
	.find {
		box-shadow: 0 0 10px #c7c7c7;
	}
	
	.find form {
		background: #3b4249;
		padding: 15px 13px;
		/*height: 351px;*/
	}
	
	.find form input{
		width: 100%;
		padding: 6px;
	}
	
	.find form select{
		width: 75%;
		padding-left: 6px;
	}
	
	.find p {
		color: #ffffff;
		font-weight: 700;
		margin-top: 14px;
		margin-bottom: 2px;
	}
	
	/* Carousel */
	
	.list_carousel {
		padding: 0px;
	}
	
	#scrollable img {
		width: 134px;
		height: 75px;
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
	}
	
	.list_carousel hr {
		margin: 25px 0;
		color: transparent;
		background: url(../images/hr-bg.jpg) center center transparent;
		height: 2px;
		border: 0;
	}
	
	/* Our Collections */
	
	.collections h3 {
		font-size: 22px;
		color: #019fe0;
		margin: 20px 0;
	}
	
	.collections ul {
		margin-bottom: 42px;
	}
	
	.collections ul li {
		float: left;
	}
	
	.collections ul li a {
		display: block;
		position: relative;
		width: 216px;
		height: 178px;
		padding: 8px 8px 13px 8px;
		box-shadow: 0 0 10px #c7c7c7;
	}
	
	.collections ul li a.floral {
		
		background: url(../images/floral-bg.jpg) no-repeat 10px 9px #ffffff;
		margin-right: 15px;
	}
	
	.collections ul li a.striped {
		
		background: url(../images/striped-bg.jpg) no-repeat 10px 9px #ffffff;
	}
	
	.collections ul li a.paintable {
		
		background: url(../images/paintable-bg.jpg) no-repeat 10px 9px #ffffff;
	}
	
	.collections ul li a.patterned {
		
		background: url(../images/patterned-bg.jpg) no-repeat 10px 9px #ffffff;
	}
	
	.collections ul li a.floral:hover, .collections ul li a.striped:hover, .collections ul li a.paintable:hover, .collections ul li a.patterned:hover {
		background-position: 10px -164px;
	}
	
	.collections ul li a span {
		position: absolute;
		bottom: 13px;
		left: 10px;
	}
	
	/* Product Page */
	
	.product {
		background: #ffffff;
		box-shadow: 0 0 4px 4px #ededed;
		float: left;
		margin-bottom: 40px;
	}
	
	body.product-page .product, body.product-page .find {
		margin-top: 30px;
	}
	
	.prod-images, .prod-details {
		margin-top: 10px;
	}
	
	
	.prod-pic-small {
		margin: 10px 0;
	}
	

	.prod-details h1, .prod-details h2, .prod-details h3 , .prod-details li , .prod-details a , .prod-details p , .prod-details label {
		font-family: Georgia, arial, sans-serif;
	}
	
	
	.prod-details h1 {
		color: #186490;
		font-size: 17px;
		line-height: 20px;
		margin: 5px 0;
		font-weight: 700;
	}
	
	.prod-details h2 {
		color: #777777;
		font-size: 12px;
		line-height: 16px;
		font-weight: 700;
		margin-bottom: 15px;
	}
	
	.prod-details h3 {
		color: #186490;
		font-size: 17px;
		line-height: 21px;
		font-weight: 700;
		margin-bottom: 15px;
	}
	
	.prod-details ul {
		list-style: disc outside none;
		padding-left: 15px;
		margin-bottom: 15px;
		font-style: italic;
		font-weight: normal;
	}
	
	.prod-details ul li, .prod-details p, .prod-details label {
		color: #333333;
		font-size: 13px;
		line-height: 17px;
		font-weight: 700;
	}
	
	.prod-details p {
		margin-bottom: 15px;
	}
	
	.prod-details label {
		display: block;
		padding-bottom: 15px;
	}
	
	.prod-details input {
		color: #333333;
		font-size: 13px;
		line-height: 17px;
		font-weight: 700;
		width: 30px;
	}
	
	/* CALLBACK */
	
	.callback {
	position:fixed;
	z-index: 9999;
	width:120px;
	bottom:15px;
	right:15px;
	text-align: center;
	background-color: #0DA2E1;
	padding:15px;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0px 0px 5px #666;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	.callback a {
		color: #FFF;
	}
	
	/* Footer */
	
	.footer, .push {
		height: 255px; /* .push must be the same height as .footer */
		margin-top: 10px;
	}
	
	.footer {
		background: #1b1e21;
		padding-top: 35px;
	}
	
	.footer h4 {
		font-size: 17px;
		color: #019fe0;
		margin-bottom: 14px;
	}
	
	.footer ul {
	}
	
	.footer ul li {
		line-height: 18px;
		font-size: 12px;
		color: #ffffff;
		font-family: arial;
	}
	
	.footer ul li a {
		font-size: 12px;
		color: #ffffff;
		font-family: arial;
	}
	
	.footer ul li a:hover {
		color: #ededed;
	}
	
	.footer input {
		margin-top: 10px;
		padding: 6px;
	}



/* IPAD */

    @media screen and (min-width: 768px) and (max-width: 960px) {
        
        .slider-wrapper .overlay img {
            width: 556px;
        }
        .follow-us {
            width: 156px;
            margin-left: -20px;
        }
        a.social-icon {
            margin-left: 4px;
        }
        .call-us {
            float: right;
        }
        .call-us p.black {
            font-size: 25px;
        }
        p.your-shopping {
            font-size: 21px;
        }
        .columns.find form {
            height: auto;
        }
        ul.login-register li, ul.cart-details li {
            display: block;
        }
        ul.login-register li:nth-child(2), ul.cart-details li:nth-child(2) {
            display: none;
        }
        .find h2 {
            height: auto;
        }
        nav.top-nav ul li a {
            padding: 10px 9px 10px 7px;
        }
        body.product-page .alpha img {
            max-width: 100%;
            height: auto;
        }
        .prod-images img {
            max-width: 100%;
            height: auto;
        }
    }   

/* MOBILE */

    @media screen and (max-width: 768px) {
        
        .follow-us, .call-us {
            text-align: center;
        }
        .top {
            height: 170px;
        }
        .slider-wrapper {
            clear: both;
            position: relative;
        }
        .slider-wrapper .overlay {
            margin-left: 0;
            width: 100%;
        }
        .slider-wrapper .overlay img {
            width: 150%;
            margin-top: -75px;
        }
        .theme-default .nivo-controlNav {
            width: 100%;
            right: auto;
        }
        body {
            background: #fff;
        }
        .logo img {
            margin: 0;
            width: 100%;
        }
        .call-us {
            margin: 30px 0;
        }
        .top-nav {
            float: left;
            margin: 20px 0;
            width: 100%;
        }
        nav.top-nav ul {
            z-index: 999;
        }
        nav.top-nav ul li {
            width: 100%;
            display: block;
            background: #0078aa;
        }
        nav.top-nav ul li a {
            height: 38px;
        }
        nav.top-nav ul li ul, nav.top-nav ul li:hover ul {
            width: 100%;
            position: relative;
            top: auto;
            z-index: 999;
        }
        nav.top-nav ul li ul li {
            width: 100%;
            display: block;
        }
        nav.top-nav ul li ul li a {
            height: 30px;
            padding: 7px 14px;
        }
        .find.columns form {
            height: auto;
        }
        .collections a.alpha {
            background-size: cover !important;
        }
        .footer {
            clear: both;
            float: left;
            height: auto;
            width: 100%;
            padding-bottom: 20px;
        }
        .footer .five.columns {
            margin: 20px 0;
        }
        
        body.product-page .alpha img {
            margin-top: 20px;
        }
        body.product-page h1 {
            margin-top: 10px;
        }
        body.product-page a.find {
            margin: 10px 0 40px;
        }
        body.product-page .product {
            padding: 20px;
            border: 1px solid #eee;
        }
        body.product-page input.cartbutton {
            margin: 20px 5px 10px 0;
        }
        #loginform input,
        #registerform input,
        #loginform select,
        #registerform select {
            width: 90%;
            margin-bottom: 5px;
        }
        #loginform label,
        #registerform label {
            margin: 10px 0;
        }
}