@charset "UTF-8";
/* CSS Document */

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

	BY EMILY OF INDIE SHOPOGRAPHY (/)
	
-------------------- */


body {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	color: #252525;
	background: #fff;
}


/* --------------------
		RESETS
-------------------- */

article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	text-align: left;
}

img {
	border: none;
}

img a {
	border: none;
}

* {
	-webkit-text-size-adjust:none;
	margin: 0;
	padding: 0;
}

/* --------------------
		UNIVERSAL
-------------------- */

hr {
	background: #949494;
	border: none;
	height: 1px;
	clear: both;
	margin: 8px 0;
	padding: 0;
}

hr.wide {
	height: 33px;
	clear: both;
	background: url(/img/skin/Pages_Divider975.png) #fff no-repeat center;
	margin: 0;
	padding: 0;
	border: none;
	width: 925px;
}

hr.light {
	background: #eaeaea;
	border: none;
	height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}
	

p {
	padding: 8px 0;
	text-align: left;
	margin: 0;
}

ul {
	padding: 8px 0 6px 30px;
	list-style-type: disc;
	margin: 0;
	text-align: left;
}

li {
	padding: 0 0 2px 0;
}

ol {
	padding: 8px 0 8px 35px;
	margin: 0;
}

ol p {
}
  
.tint {
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
  
.tint:before {
    background: none;
}
  
.tint:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(99,206,202, 0.3);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

::selection {
	background: #E6E6E6;
}

::-moz-selection {
	background: #E6E6E6;
}

.clear {
	clear: both;
	padding: 10px 0;
}

/* THE GRAY BOX */

.grayboxwrapper {
	overflow: visible;
	background: #E6E6E6;
	clear: both;
}

.graybox {
	padding: 25px 25px 17px 25px;
	text-align: left;
	display: table;
}

.graybox h2 {
	color: #252525;
	padding-top: 0;
	margin-top: 0;
}

.graybox a {
	color: #252525;
	text-decoration: underline;
}

.graybox a:hover {
	color: #252525;
	text-decoration: none;
}

.grayboxgyst p{
    float: left;
    padding-right: 25px;
}

.grayboxgyst img{
    	width: 475px;
	}

.blackboxwrapper {
        display: none;
        overflow: visible;
	    background: #252525;
	    clear: both;
    }
    
.blackbox {
    padding: 25px 25px 17px 25px;
	text-align: left;
	display: table;
    }

.contentpadding {
	padding: 0 25px 25px 25px;
	overflow: auto;
}

.doublehr {
	border-top: 1px solid #949494;
	border-bottom: 1px solid #949494;
	height: 2px;
}

.button {
	background: #252525;
	font-weight: lighter;
	font-family: "p22-underground",sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 50px 10px;
	font-size: 13px;
	border: none;
}

.button:hover {
	background: #63CECA;
	color: #fff;
}

.minibutton {
	background: #63CECA;
	font-weight: lighter;
	font-family: "p22-underground",sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px 2px;
	font-size: 10px;
	border: none;
}

.minibutton:hover {
	background: #fff;
	color: #252525;
}

/* --------------------
		TYPOGRAPHY
-------------------- */

h1 {
	color: #252525;
	font-size: 28px;
	font-weight: lighter;
	font-family: "p22-underground",sans-serif;
	padding: 0 0 8px 0;
	font-variant: small-caps;
	letter-spacing: 6px;
	text-transform: lowercase;
}

h2 {
	color: #252525;
	font-size: 22px;
	font-weight: lighter;
	padding: 10px 0 5px 0;
	font-family: "p22-underground",sans-serif;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-transform: lowercase;
}

h3 {
	font-family: "p22-underground",sans-serif;
	font-variant: small-caps;
	font-size: 20px;
	font-weight: lighter;
	padding: 10px 0 5px 0;
	color: #949494;
	text-transform: lowercase;
	letter-spacing: 2px;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 8px 0;
	text-transform: uppercase;
	color: #252525;
}

strong {
	font-weight: bold;
}

b {
	font-weight: bolder;
}

a {
	color: #63CECA;
	text-decoration: none;
}

a:hover {
	color: #252525;
	text-decoration: none;
}


/* --------------------
		LOGGED IN/LOGGED OUT
-------------------- */

/* handle loggged OUT state */
.isloggedin-0 .loggedin{
	display:none;
}

.isloggedin-0 .loggedout{
	display:block;
}

/* handle loged IN state */
.isloggedin-1 .loggedin{
	display:block;
}

.isloggedin-1 .loggedout{
	display:none;
}

.zoneSubscriptions {
	display: none;
}

.secure-message div {
	display: none;
}

.secure-message.default div#one {
	display: block;
}

.secure-message.zone1 div#two {
	display: block;
}

.secure-message.zone2 div#three {
	display: block;
}


/* --------------------
		MISC
-------------------- */

.hidden {
	display: none;
}

.unhidden {
	display: block;
}

.quote {
	font-size: 16px;
	font-style: italic;
	padding: 5px 0 10px 10px;
	color: #E05206;
}

.blue {
	color: #63CECA;
}

.orange {
	color: #E05206;
}

.larger {
	font-size: 15px;
}

.smaller {
	font-size: 10px;
}

.allcaps {
	text-transform: uppercase;
}

.infieldlabel {
	position: absolute;
}

.orangelink a {
	color: #E05206;
	font-family: 'Radley', serif;
	text-transform: lowercase;
	font-style: italic;
	text-decoration: none;
}

.orangelink a:hover {
	color: #252525;
}

.center {
	text-align: center;
}
	

/* --------------------
		HEADER
-------------------- */

#barfixed {
	background: transparent;
	width: 100%;
	height: 30px;
	color: #fff;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	background: #252525;
}
	

#barwrapper {
	width: 975px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	height: 30px;
}

#barmenu {
	float: left;
}

#barsocial {
	float: right;
	text-align: right;
	padding: 5px 0 5px 0;
}


/* --------------------
		HEADER LOGIN
-------------------- */

#headerlogin {
	width: 100%;
	margin: 0 auto;
	background: #252525;
	height: 30px;
	text-align: center;
	position: fixed;
	z-index: 1000;
	top: 0;
}

.login {
	float: right;
	width: 275px;
}

.loginitemwrapper {
	float: right;
	margin-left: 25px;
}

.loginitem {
	background: none;
	padding: 8px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.loginitem a {
	color: #fff;
}

.loginitem a:hover {
	color: #63CECA;
}


/* --------------------
		HEADER NEWSLETTER
-------------------- */

#headernewsletter {
	float: left;
	width: 500px;
	text-align: left;
}

#headernewslettercall {
	font-size: 9px;
	color: #fff;
	padding: 5px 20px 5px 0;
	font-weight: bold;
	float: left;
}

.headernewsletteritem {
	width: 140px;
	float: left;
	position: relative;
	padding-top: 5px;
}

.headernewsletteritem .infieldlabel {
	top: 10px;
	left: 5px;
	text-transform: uppercase;
	color: #949494;
	font-size: 11px;
	font-weight: bold;
}

.headernewsletteritem input {
	width: 120px;
	height: 20px;
	border: none;
	background: #fff;
}

.headernewslettersubmit {
	padding-top: 5px;
}


/* --------------------
		SERVICES SLIDESHOW
-------------------- */

#servicesSlideshowWrapper, #feedbackSlideshowWrapper {
	background: #fff;
	width: 100%;
	display: table;
}

#servicesSlideshow, #feedbackSlideshow {
	width: 1075px;
	padding-top: 25px;
	margin: 0 auto;
}

#feedbackSlideshow {
	padding-top: 0;
	padding-bottom: 25px;
}

#servicesNav {
	width: 975px;
	margin: 0 auto;
	border-bottom: 1px solid #252525;
	height: 20px;
	padding: 0;
}

#servicesNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: left;
	width: 650px;
}

#servicesNav ul li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
}

#servicesNav ul li a {
	color: #252525;
	padding: 5px 18px;
}

#servicesNav ul li a:hover {
	color: #252525;
	background: #EAEAEA;
}

#servicesNav ul li.cycle-pager-active a {
	color: #fff;
	background: #252525;
}

#servicesNav #projectquote {
	float: right;
	text-align: right;
	width: 300px;
}

#servicesNav #projectquote a {
	padding: 5px 18px;
	border: 1px solid #252525;
	color: #252525;
	font-weight: bold;
}

#servicesNav #projectquote a:hover {
	border: 1px solid #E05206;
	background: #E05206;
	color: #fff;
}

.slideshow {
	margin: 0 auto;
	width: 975px;
	float: left;
	padding-bottom: 30px;
}

.slide {
	width: 975px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}


#servicesSlideshow .prev, #feedbackSlideshow .prev {
	float: left;
	text-align: left;
	width: 50px;
	font-size: 30px;
	font-weight: bold;
	color: #252525;
	padding-top: 150px;
	font-weight: lighter;
}

#servicesSlideshow .prev:hover, #feedbackSlideshow .prev:hover {
	color: #63CECA;
}

#servicesSlideshow .next, #feedbackSlideshow .next {
	float: right;
	text-align: right;
	width: 20px;
	font-size: 30px;
	font-weight: bold;
	color: #252525;
	padding-top: 150px;
	font-weight: lighter;
}

#servicesSlideshow .next:hover, #feedbackSlideshow .next:hover {
	color: #63CECA;
}

/* --------------------
		STRUCTURE
-------------------- */

#intro {
	background-image: url(/img/skin/Home_Slider1.jpg);
	background-repeat: repeat;
	background-size: 100%;
	background-position: center top;
	background-attachment: fixed;
	width: 100%;
	min-width: 1000px;
	height: 950px;
	margin: 0 auto;
	padding: 0;
}

#intro-diagonal {
	background-image: url(/img/skin/Home_Diagonal.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
	height: 950px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.wrapper {
	width: 975px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

#introcontent {
	padding-top: 280px;
}

#introtagwrapper {
	padding-top: 150px;
	text-align: left;
}

.introtag a {
	background: #252525;
	color: #fff;
	font-family: "p22-underground",sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	width: 100%;
	padding: 8px 8px 5px 8px;
	letter-spacing: 4px;
	line-height: 28px;
}

.introarrow {
	padding-top: 15px;
}

#whitebackground {
	background: #fff;
	color: #252525;
	width: 100%;
}

.pagesection {
	padding-bottom: 30px;
	height: auto;
	clear: both;
	width: 100%;
}

.pagetwo {
	width: 975px;
	clear: both;
}

.pageleft {
	width: 475px;
	float: left;
	text-align: left;
	padding-bottom: 20px;
}

.pageright {
	width: 475px;
	float: right;
	text-align: right;
	padding-bottom: 20px;
}

#divider-1 {
	background-image: url(/img/skin/Home_SucculentBack.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
	background-attachment: fixed;
	width: 100%;
	height: 290px;
	margin: 0 0 25px 0;
	padding: 0;
}

#divider-2 {
	background-image: url(/img/skin/Home_WireBack.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
	width: 100%;
	min-width: 1000px;
	height: 290px;
	margin: 0 auto;
	padding: 0;
}

.aboutsectionleft {
	float: left;
	width: 333px;
	text-align: left;
}

.aboutsectionright {
	float: right;
	text-align: right;
	width: 308px;
}

.aboutsection {
	width: 308px;
	text-align: left;
}

.aboutsection .smaller a {
	color: #252525;
}

.aboutsection .smaller a:hover {
	color: #63CECA;
}

#homecontact {
	width: 450px;
	float: right;
	text-align: right;
}

#homecontact p {
	position: relative;
}

#homecontactbutton {
    text-align: right;
}

#homecontact .infieldlabel {
	top: 15px;
	left: 5px;
}

.homecontactfield {
	width: 450px;
	height: 25px;
	background: #fff;
	border: none;
}

.homecontacttextarea {
	width: 450px;
	height: 80px;
	background: fff;
	border: none;
}


/* --------------------
		FOOTER
-------------------- */

#footerwrapper {
	width: 975px;
	margin: 0 auto;
	text-align: center;
	background: #252525;
	color: #fff;
	font-size: 12px;
	clear: both;
}

#footercontent {
	padding: 25px 25px 40px 25px;
	overflow: auto;
}

#footerleft {
	width: 540px;
	float: left;
	text-align: left;
}

#footermenus {
	float: left;
	width: 320px;
	text-align: left;
}

.footermenu {
	float: left;
	text-align: left;
	width: 150px;
}

.footermenu h3 {
	color: #fff;
	padding: 0;
	margin: 0;
}

#footernewsletter {
	float: right;
	width: 200px;
	text-align: right;
}
	
#footersubscribe {
	text-align: left;
	font-family: 'Radley', serif;
	font-style: italic;
	color: #fff;
	font-size: 17px;
}

#footersubscribe p {
	padding-top: 0;
	margin-top: 0;
}

#footerright {
	float: right;
	width: 250px;
	text-align: right;
	font-size: 12px;
}

.newsletterleft {
	float: left;
	width: 175px;
	padding-bottom: 15px;
}

.newsletteritem {
	padding-bottom: 8px;
	position: relative;
}

.newsletteritem .infieldlabel {
	font-family: Helvetica, Arial, sans-serif;
	color: #252525;
	font-size: 11px;
	font-style: normal;
}

.newsletteritem .forminput {
	width: 175px;
	background: #fff;
	border: none;
	height: 28px;
}

.newsletterright {
	width: 12px;
	float: right;
	text-align: right;
	padding-top: 36px;
}


/* --------------------
		PAGES
-------------------- */

#pageheaderwrapper {
	text-align: center;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
	background: #fff;
}

#pagelogo {
	padding: 45px 0 25px;
	text-align: center;
	width: 250px;
	margin: 0 auto;
}

.pagedivider {
	height: 1px;
	width: 100%;
	background: #252525;
}

#pagecontent {
	padding: 195px 0 25px 0;
	clear: both;
	width: 975px;
}

.pageimagewrapper {
	position: relative;
}

.pageimage {
}

.pagetitle {
	position: absolute;
	margin: 0 auto;
	text-align: center;
	top: 150px;
	color: #fff;
	width: 975px;
}

.pagetitle h1 {
	text-align: center;
	background: #252525;
	color: #fff;
	padding: 10px 20px;
}

.pagessection {
	width: 925px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
	clear: both;
}

.pagessection .pageleft {
	float: left;
	width: 438px;
}

.pagessection .pageright {
	float: right;
	width: 438px;
	text-align: right;
}


/* APPLICATIONS */

#application {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
}

#application .left {
	float: left;
	width: 325px;
	text-align: left;
	padding: 8px 0;
}

#application .right {
	float: right;
	width: 275px;
	text-align: left;
	padding: 8px 0;
}

#application label {
	font-weight: bold;
}

#application p input, #application .right input, #application .left input {
	width: 275px;
	height: 30px;
	background: #A1E0DE;
	border: none;
}

#application p.list {
	line-height: 16px;
}

#application p.list input {
	width: 20px;
	height: 18px;
	background: none;
}

#application p textarea {
	width: 600px;
	height: 120px;
	background: #A1E0DE;
	border: none;
}

/* SERVICES */

.servicessectionwrapper {
	float: left;
	width: 315px;
	overflow: hidden;
}

.servicessection {
	float: left;
	width: 290px;
	overflow: hidden;
	padding-bottom: 25px;
}

.servicessection img {
   width: 290px;
}

.servicesright {
	text-align: right;
	width: 575px;
	float: right;
}

/* FORMS */

.registerform {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}

.registerform p {
	padding: 0 0 15px 0;
}

.contactform p {
	position: relative;
	padding: 0 0 15px 0;
}

.contacttextbox {
	height: 30px;
	width: 300px;
	background: #EAEAEA;
	border: none;
}

.contactbox {
	height: 100px;
	width: 300px;
	background: #EAEAEA;
	border: none;
}

/* SALES */

.salesfeedback {
    padding: 12px 0 25px 0;
}

.salesfeedbackname {
    font-style: italic;
    text-align: right;
}

.graybox .salesfeedbackname {
    padding-bottom: 8px;
}

.sales .button {
    background: #63CECA;
}

.sales .button:hover {
    background: #252525;
}


/* --------------------
		SHOP
-------------------- */

#shopleftwrapper {
	float: left;
	width: 250px;
	text-align: left;
	background: #fff;
}

#shopleft {
	padding: 0 0 0 25px;
}

#shopleft h2 {
	padding: 5px 0 6px 0;
	background: #252525;
	color: #fff;
	text-align: center;
}

#shoprightwrapper {
	float: right;
	text-align: right;
	width: 700px;
	background: #fff;
}

#shopright {
	padding: 25px 25px 25px 0;
}

#shopheader {
    width: 975px;
    clear: both;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 35px;
}

#shopbreadcrumbs {
    width: 500px;
    text-align: left;
    float: left;
}

#shopbreadcrumbs a {
	color: #252525;
}

#shopbreadcrumbs a:hover {
	color: #63CECA;
}

#shopcart {
	width: 300px;
	text-align: right;
    float: right;
}

.cartSummaryItem {
	font-size: 11px;
}

table.cartSummaryTable {
	border-collapse:collapse;
	border-spacing:0;	
	font-size: 13px;
}

a.cartSummaryLink {
	margin: 0 0 0 4px;
}


#shophomeright {
	width: 750px;
	float: right;
	text-align: left;
}

#shophomesidebar {
	width: 200px;
	float: left;
	text-align: left;
}

#shophomecart {
    float: left;
    font-size: 18px;
    margin-bottom: 15px;
}


/* SHOP MAIN */

#shopmain {
	float: right;
	width: 700px;
	text-align: right;
}

#shopmain > article {
	text-align: left;
}

.shop {
	width: 975px;
}

.shopfooter {
	width: 600px;
}


/* SHOP SMALL */

.productfeaturelist, .productList, .catalogueList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.productfeaturelist li, .productList li {
	margin: 0;
	float: left;
}

.thumbwrapper {
	padding: 0 12px;
	height: 300px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.thumbimage {
	width: 200px;
	height: 200px;
	background: #63CECA;
	text-align: center;
}

.thumbimage img {
	width: 200px;
}

.thumbtitle {
	position: absolute;
	top: 85px;
	width: 200px;
	text-align: center;
	margin: 0 auto;
}

.thumbtitle a {
	color: #252525;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.thumbtitle a:hover {
	color: #fff;
}

.thumbprice {
	font-weight: bold;
	font-size: 11px;
	padding: 4px 0;
}

.thumbbuy {
	padding-top: 4px;
}

.thumbbuy input {
	background: #252525;
	font-weight: lighter;
	font-family: "p22-underground",sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 15px 7px;
	font-size: 12px;
	border: none;
	cursor: pointer;
}

.thumbbuy input:hover {
	background: #63CECA;
	color: #fff;
}


/* SHOP LARGE */

.productList, .productLarge {
	margin: 0;
	padding: 0;
	list-style: none;
}

.productList li {
	padding: 0;
	margin: 0;
}

.largewrapper {
	width: 925px;
	padding-bottom: 15px;
	display: table;
}

.largewrapper li {
	float: none;
}

.largeleft {
	float: left;
	text-align: left;
	width: 600px;
}

.largeright {
	float: right;
	text-align: right;
	width: 275px;
}

.largeshare {
	font-weight: bold;
	padding: 5px 0 0 15px;
	font-size: 16px;
	text-align: right;
	float: right;
	text-transform: uppercase;
}

.largeshare a {
	color: #e05206;
}

.largeshare a:hover {
	color: #000;
}

.largepurchase {
	text-align: center;
	padding: 10px;
	background: #D9D9D9;
}

.largeprice {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	padding: 15px 0 10px;
}

.productTextInput {
	width: 20px;
	height: 20px;
	border: none;
	background: #fff;
}

.largeattributes {
	text-align: left;
	padding: 5px 0 0 22px;
	font-weight: bold;
}

.catProdAttributeItem {
	padding-bottom: 10px;
}

.largegrouping {
	text-align: left;
	padding: 5px 0 10px;
}

.largeadd {
	padding: 5px 0 15px;
}

.largeadd input {
	cursor: pointer;
	background: #252525;
	font-weight: lighter;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 50px 10px;
	font-size: 13px;
	border: none;
}

.largeadd input:hover {
	background: #63CECA;
	color: #fff;
}

.largecustom {
	padding-top: 20px;
}


/* CART */

.shoppingcart {
	min-height: 600px;
	display: table;
	width: 975px;
}

table.cart {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: none;
	font-size: 13px;
	width: 100%;
	margin-top: 20px;
	text-align: left;
}

table.cart td {
	vertical-align: top; /*to make sure the div stack line up at the top */
}

table.cart a {
	color: #63CECA;
}

table.cart th, table.cart td {
	color: #000;
	padding: 9px;
}

tr.val td {
	border-bottom: 1px solid #000;
}

tr.giftvoucher td {
	border-bottom: 1px solid #000;
}

tr.discount td.quantity, tr.shipping td.quantity {
	text-align: right;
}

td.quantity input.update {
	margin: 0 0 0 3px;
}

table.cart th {
	background: #fff;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight: bolder;
	text-align: left;
}

input.cartInputText {
	width: 20px;
	height: 25px;
	padding: 0 5px;
	border: none;
	background: #EAEAEA;
}

input#DiscountCode, input#GiftVoucher {
	width: 70px;
}

select.shippingDropDown {
	width: 150px;
}

table.cart th.quantity {
	text-align: right;
}

table.cart td.quantity {
	text-align: right;
}

.productitemcell {
	min-height: 50px;
	margin: 0;
	overflow: hidden;
}

table.cart td.actions {
	text-align: right;
}

table.cart td.actions a {
	font-size: 13px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}

a#catshopclear {
	font-size: 10px;
	font-weight: normal;
}

table.cart strong {
	font-size: 14px;
}

.discountcodeInput {
	width: 40px;
	height: 26px;
	padding: 0 5px;
	border: none;
	background: #EAEAEA;
}

#catshopclear, #catshopbuy {
	background: #252525;
	font-weight: lighter;
	font-family: "p22-underground",sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 30px 10px;
	font-size: 10px;
}

#catshopclear:hover, #catshopbuy:hover {
	background: #63CECA;
	color: #fff;
}

#cartbuttons {
	text-align: right;
}


/* CHECKOUT */

#formwrapper {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
.checkoutsection {
	padding: 15px 0;
	width: 600px;
	clear: both;
	display: table;
}

.checkoutleft {
	float: left;
	width: 287px;
}

.checkoutright {
	float: right;
	width: 287px;
}

.checkoutitem {
	padding: 0 0 10px 0;
	text-align: left;
}

.checkoutitem .cat_textbox {
	width: 277px;
	height: 30px;
	border: 1px solid #252525;
	background: #fff;
}

.checkoutitem textarea {
    width: 277px;
    height: 100px;
    border: 1px solid #252525;
    background: #fff;
}

.checkoutamount {
	color: #63CECA;
	padding: 0;
	margin: 0;
	font-size: 22px;
	border: none;
	background: #ffffff;
	font-weight: bold;
}

/* --------------------
		SQUEEZE
-------------------- */

#squeezeintro {
	width: 100%;
	min-width: 1000px;
	height: 350px;
	margin: 0 auto;
	padding: 0;
}

.squeezewrapper {
	width: 975px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	background: #fff;
}

#squeezecontent {
	padding-top: 150px;
}

#squeezeform {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
}

.squeezeitem {
	padding-bottom: 12px;
	position: relative;
}

.squeezeitem .infieldlabel {
	font-family: Helvetica, Arial, sans-serif;
	color: #252525;
	font-size: 11px;
	font-style: normal;
	top: 8px;
	left: 8px;
}

.squeezeinput {
	width: 195px;
	background: #EAEAEA;
	border: none;
	height: 28px;
}

.squeezeitem .button {
	background-color: #63CECA;
	color: #252525;
}

.squeezeitem .button:hover {
	background-color: #252525;
	color: #fff;
}


/* --------------------
		RESPONSIVE
-------------------- */

@media screen and (max-width: 1400px) {

#intro {
	height: 800px;	
}

#intro-diagonal {
	height: 800px;
}

}

@media screen and (max-width: 1200px) {

#intro {
	height: 800px;
	background-size: 1200px;
}

#intro-diagonal {
	height: 800px;
}

#introcontent {
	padding-top: 200px;
}

.intrologo {
}

#introtagwrapper {
	padding-top: 150px;
	text-align: left;
}

.introtag a {
	font-size: 18px;
	line-height: 25px;
}

.introarrow {
	padding-top: 15px;
}

.introarrow img {
	width: 50px;
}

#whitebackground {
	background: #fff;
	color: #252525;
	width: 100%;
}

}

/* iPhone and similar, portrait */
@media screen and (max-width: 960px) {
	
	.mobilehide {
		display: none;
	}
    
    
	.wrapper {
		width: 100%;
	}
    
	#headerlogin {
    	display: none;
	}
    
	#intro {
		height: 330px;
		max-width: 100%;
		overflow: hidden;
		background-size: 150%;
		background-repeat: no-repeat;
		min-width: 100%;
	}
    
    #intro-diagonal {
        background-image: none;
        height: 330px;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
    }

    #introcontent {
        padding-top: 70px;
    }
        
    #introcontent img {
        width: 65%;
    }
        
    .wrapper{
        width: 100%;
        margin: 0px;
    }
    
    #introtagwrapper {
        padding-top: 70px;
    }
    
    .introtag a {
        font-size: 11px;
        line-height: 14px;
    }
    
    .introarrow img {
        display: none;
    }
    
    #squeezeintro {
        min-width: 0px;
    }
    
    .squeezewrapper {
        width: 100%;
    }
    
    #squeezecontent img{
        width:65%;
    }
    
    .pagessection{
        padding: 8px;
        width: 95%;
    }
    
    .pagessection h1{
        width:100%;
    }
    
    .pagessection h2, h3{
        max-width: 90%;
    }
    
    .pagessection p{
        padding: 8px 0px;
        width: 100%;
    }   
    
    .pagessection img{
        width: 100%;
    }
    
    .servicesleft {
        width: 100%;
    }
    
    .servicesright {
        width: 100%;
        float: left;
    }
    
    .servicesright p{
        padding: 8px 0px;
    }
    
    hr.wide {
        width: 100%;
    }
    
    hr.light {
        width:100%;
    }
        
    .grayboxwrapper {
        width: 100%;
    }
        
    .graybox {
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    
    .graybox p {
        padding: 8px 0;
   
    }
    
    .graybox img {
        width: 100%;
        padding: 0;
    }
    
    .graybox h2 {
        padding: 8px 0;
    }

	.grayboxgyst p {
    	float: none;
    	padding: 0 0 8px 0;
	}

	.grayboxgyst img {
    	width: 100%;
	}
    
    .blackboxwrapper {
        width: 100%;
        background: #252525;
        display: table;
    }
    
    .blackbox {
        padding: 20px 0;
        width: 90%;
	    margin: 0 auto;
	    text-align: center;
        display: table;
    }
    
    .blackbox h2 {
        color: #ffffff;
        text-align:center;
    }
    
    .headernewsletteritem {
        width: 100%;
    }
    
    .headernewsletteritem input {
        width: 100%;
    }
    
    .headernewsletteritem .infieldlabel {
        top: 5px;
    }
    
    .minibutton {
        width: 100%;
        margin-top:5px;
    }
    
    
    #servicesSlideshowWrapper {
        display: none;
    }
    
    #feedbackSlideshowWrapper {
        display: none;
    }
	
	.pagesection {
		padding: 25px 0 0 0;
		width: 100%;
	}
    
	.pagesection p.center img {
		height: 60px;
	}
    
    .pagetwo {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	.pageleft, .pageright {
		width: 100%;
		padding: 0;
	}
	
	.pageleft img, .pageright img {
		width: 100%;
	}
    
    .aboutsection {
        width: 90%;
        padding: 8px 0;
		margin: 0 auto;
		text-align: center;
    }
	
	.aboutsection img {
		width: 100%;
	}
    
    .aboutsectionright {
    	float: none;
    	text-align: left;
    	width: 100%;
	}
    
    .aboutsectionleft {
        width: 100%;
    }

	#homecontact {
		width: 100%;
		float: none;
		text-align: left;
	}

	.homecontactfield {
		width: 100%;
	}
	
	.homecontacttextarea {
		width: 100%;
	}
    
    iframe, object, embed {
        max-width: 100%;
	}
	
	#footerwrapper {
		width: 100%;
	}

	#footercontent {
		padding: 5%;
		overflow: auto;
	}
	
	#footerleft {
		width: 100%;
		float: npne;
		text-align: left;
	}
	
	#footermenus {
		float: left;
		width: 100%;
		text-align: left;
		padding-bottom: 25px;
	}
	
	.footermenu {
		float: left;
		text-align: left;
		width: 50%;
	}
	
	#footerright {
		float: none;
		width: 100%;
		text-align: center;
		font-size: 12px;
	}
    
    #barfixed {
        display: none;
    }
    
    #divider-1 {
		 display: none;
    }
    
    #divider-2 {
        display: none;
    }
    


}

/* iPad and similar*/
@media screen and (min-width: 481px) and (max-width: 960px) {

    #intro {
	height: 400px;
}
    
    #intro-diagonal {
	height: 400px;
}
    
    #introcontent img {
	width: 50%;
}
    
    .introtag a {
	font-size: 18px;
	line-height: 28px;
}
    
    .aboutsection img {
		width: 50%;
		float: left;
		padding: 20px 15px 15px 0;
	}
    
    #divider-1 {
		 display: none;
    }
    
    
}



/* --------------------
	LOGO - LAZY LOAD
-------------------- */

#logo-scroll{
    position:fixed;
    display:none;
    background:gold;
    z-index:5000;
}