/*
    Document   : type
    Created on : Mar 22, 2011, 5:03:13 PM
    Author     : bryan
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

a {
    font-size: 93%;
}

p a {
    font-size: 100%;
}

nav ul li a {
-webkit-transition: all 0.5s;
}


h1, h2, h3, #snippets a, address, #thumbs-nav a {
font-family: sans-serif;
letter-spacing: -0.01em;
}

h1 {
    font-size: 28px;
}

/* -- TYPEKIT EXTRA BOLD --- */

h1, .tooltip, #products-wrap #filters .filter a.current-label
{
    font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
    font-weight: 800;
}

/* -- TYPEKIT BOLD --- */

    #products-wrap #products-matrix li.product span, #snippets h2,
    #pull-out-tab h2, body#gallery #thumbs-nav li a, #sidecol h3,
    #products-wrap #filters .filter span
{
    font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
    font-weight: 700;
}

/* -- TYPEKIT LIGHT --- */

    #footerContact address
{
    font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
    font-weight: 300;
}

    #seoLinks h3, #seoLinks a
{
    font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
    font-weight: 400;
}

    .iso
{
    border-bottom: 1px solid #CCCCCC;
    height: 71px;
    padding-top: 10px;
}

nav ul li a  {
    font-family: 'Vollkorn', serif;
    font-style: italic;
    font-size: 130%;
}

.pageWidth nav ul li:hover.active + li a, .pageWidth nav ul li:hover + li a {
    background-image: url("../img/nav-li-active-bg-nextsibling-hover.png") !important;
}

.pageWidth nav ul li:active.active + li a, .pageWidth nav ul li:active + li a {
    background-image: url("../img/nav-li-active-bg-nextsibling-click.png") !important;
}

#snippets a:hover {
    color: #44A3C5;
}

#sidecol ul li {
    line-height: 30px;
    padding-top: 4px;
    border-bottom: 1px solid #181818;
    -webkit-transition: border-bottom 0.4s ease-out;
}

#sidecol ul li.active a {
    font-weight: bold;
}

body#contact #sidecol {
    font-size: 88%;
    color: #181818;
}

#sidecol ul li a {
    font-size: 95%;
    -webkit-transition: color 0.2s ease-out;
}

#sidecol ul li a:hover {
    color: #888;
}

#sidecol ul li:hover {
    border-bottom: 1px solid #ccc;
}

footer a,
#seoLinks span.products {
    -webkit-transition: color 0.3s ease-out;
}

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

#footerContact {
   /*  background: url("/img/footer-line.jpg") no-repeat 553px top; */
	font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
	font-size: 124%;
}

#footerContact address {
    display: inline-block;
	padding-left: 30px;
    font-style: normal;
    line-height: 2.8em;
    color: #666;
    background: url(../img/house-icon.png) no-repeat left;
	zoom:1;
	*display: inline;
}

#footerContact address strong {
    color: #222;
}

#footerContact a {
    color: #181818;
}

#footerContact a:hover {
    color: #44A3C5;
}

#footerContact .products,
#footerContact .telephone {
	margin-left: 20px;
	display: inline-block;
	padding-left: 25px;
	zoom:1;
	*display: inline;
}

#footerContact span.products {
    background: url("../img/footer-brochure.jpg") no-repeat left;    
}

#footerContact span.telephone {
    background: url("../img/footer-phone.jpg") no-repeat left;
}

#footerContact #social-media-icons {
	margin-bottom: 15px;
}

#footerContact #social-media-icons a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-left: 44px;
	zoom:1;
	*display: inline;
}

#footerContact #social-media-icons a#facebook {
	background: url("../img/facebook.jpg") no-repeat left;	
	margin-right: 14px;
}

#footerContact #social-media-icons a#twitter {
	background: url("../img/twitter.jpg") no-repeat left;
	margin-right: 14px;
}

#footerContact #social-media-icons a#linkedin {
	background: url("../img/linkedin.jpg") no-repeat left;
}

#seoLinks span.products {
	display: inline-block;
	font-weight: 300;
    padding-left: 5px;
    background: url("../img/footer-brochure.jpg") no-repeat left 15px;
    padding-left: 26px;
    position:relative;
    left:-10px;
	font-size:124%;
	line-height: 46px;
	zoom:1;
	*display: inline;
}

#seoLinks h3, #seoLinks a {
    line-height: 37px;
    padding-top: 3px;
}

/*-SEARCH BAR--*/

header form input#search {
    background: url("../img/header-search-bar-bg.jpg") no-repeat top left;
    padding-left: 21px;
}

header form input#search:hover {
    background: url("../img/header-search-bar-bg.jpg") no-repeat center left;
}

header form input#search:active, header form input#search:focus {
    background: url("../img/header-search-bar-bg.jpg") no-repeat bottom left;
}

header form input#header-search-submit {
    background: url("../img/header-search-btn-bg.jpg") no-repeat top center;
    text-indent: -99999px;
    height: 41px;
    margin: 0 0 0 -5px;
    padding: 1px;
    width: 30px;
}

header form input#header-search-submit:hover {
    background: url("../img/header-search-btn-bg.jpg") no-repeat center center;
}

header form input#header-search-submit:active {
    background: url("../img/header-search-btn-bg.jpg") no-repeat bottom center;
}

body#contact #copydiv div p, 
body#default #content p:first-child, 
#full-image-text-left 
#content p:first-child, 
#full-image-text-right #content p:first-child {
    font-family: 'Vollkorn', serif;
    color: #777;
    font-size: 150%;
    line-height: 116%;
}


/*-CONTACT--*/

#formdiv textarea{
    height: 91px;
    background:url(../img/shim.gif);
}

#formdiv input {
    background:url(../img/shim.gif);
}

#content div ul.errors {
    margin-top: -11px;
    margin-bottom: 0px;
}

#content div ul.errors li {
    border-bottom: 0px;
    color: #44A3C5;
    margin-top: -5px;
    font-family: serif;
    font-style: italic;
}

#formdiv p.element_2, #formdiv p.element_3, #formdiv p.element_5 {
    background: url("../img/contact/contact-bg.jpg") no-repeat top left;
    font-size: 103%;
}

#formdiv p.element_2:hover, #formdiv p.element_3:hover, #formdiv p.element_5:hover {
    background: url("../img/contact/contact-bg.jpg") no-repeat top center;
}

#formdiv p.element_6 {
    background: url("../img/contact/contact-textarea-bg.jpg") no-repeat top left;
    padding-top: 5px;
    font-size: 103%;
}

#formdiv p input:focus, #formdiv p textarea:focus {
    color: #44A3C5;
}

#formdiv input, #formdiv label, #formdiv textarea {
    font-size: 108%;

}

#formdiv #element_3 {
    width: 294px;
}

#formdiv #element_5 {
    width: 307px;
}

#formdiv #element_6 {
    width: 315px;
}

#formdiv p.element_6 input {
    padding-top: 7px;
    width: 315px;
}

#formdiv p.element_6:hover {
    background: url("../img/contact/contact-textarea-bg.jpg") no-repeat top right;
}

#formdiv p {
    width: 404px;
    margin-bottom: 6px;
}

.form-overlay {
    background: url("../img/contact/overlay-bg.png") no-repeat top left;
    width: 113px;
    height: 324px;
    position: absolute;
    top: -8px;
}

#formdiv #submitForm {

    color: #181818;
    font-size: 122%;
    font-weight: bold;
}

address.hq {
    background: url("../img/contact/hq-icon.jpg") no-repeat right 100px;
    text-transform: capitalize;
}

address.showroom {
    background: url("../img/contact/showroom-icon-pink.jpg") no-repeat right 100px;
    text-transform: capitalize;
}

body#contact #footer-wrap {
    padding-top: 37px;
}

/*----HOMEPAGE & SNIPPETS}----*/

#snippets h2, #snippets h4 {
    color: #181818;
}

#snippets h2.what-makes {
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-left: 215px;
    
}

#snippets h2.what-makes span {
    font-family: 'Vollkorn', serif;
    font-weight: normal;
}

#snippets p.what-makes, #snippets a.what-makes {
    margin-left: 215px;
}

#snippets p {
    font-size: 87%;
    padding-bottom: 0;
    color: #181818;
}

#snippetsRight #snippetR1 h4, #snippetsRight #snippetR1 p, #snippetsRight #snippetR1 a {
    margin-left: 80px;
    width: 180px;
/*    margin-left: 163px;*/
}

#snippetsRight #snippetR2 a {
    width: 127px;
}

#snippetR1 a {
    width: 119px;
}

#snippetsRight #snippetR2 span {
    margin: 38px 0 12px 24px;
}

body#home #products-nav a {
    height: 90px;
}

body#home #products-nav .next {
    background: url("../img/homepage/arrow-down.png") no-repeat top center;
}

body#home #products-nav .next:hover {
    background: url("../img/homepage/arrow-down.png") no-repeat center -100px;
}

body#home #products-nav .next:active {
    background: url("../img/homepage/arrow-down.png") no-repeat bottom center;
}

body#home #products-nav .prev {
    background: url("../img/homepage/arrow-up.png") no-repeat top center;
    top: 15px;
    z-index: 5;
}

body#home #products-nav .prev:hover {
    background: url("../img/homepage/arrow-up.png") no-repeat center -100px;
}

body#home #products-nav .prev:active {
    background: url("../img/homepage/arrow-up.png") no-repeat bottom center;
}

body#home #products-nav a {

    width: 168px;
}

#pull-out-tab {
    height: 160px;
    background-color: transparent;
}

/*
#pull-out-tab a {
    width: 121px;
}

#pull-out-tab:hover {
    background: url("../img/pull-out-tab-bg.png") no-repeat right center;
}

#pull-out-tab:active {
    background: url("../img/pull-out-tab-bg.png") no-repeat right bottom;
}

#pull-out-tab:hover h2, #pull-out-tab:hover p, #pull-out-tab:hover a {
    background-color: #FCFCFC;
}

#pull-out-tab:hover a {
    color: #44A3C5;
}

#pull-out-tab:active h2, #pull-out-tab:active p, #pull-out-tab:active a {
    background-color: #F2F2F2;
}
*/

#pull-out-tab a:hover {
    color: #44A3C5;
}

body#home #products-nav .next {
    bottom: -18px;
    right: 335px;
}

body#home #products {
    width: 474px;
}

#snippetsLeft {
    width: 421px;
}

#snippetsLeft:hover h2 {
    color: #44A3C5;
}



#snippets {
    width: 986px;
}

#snippetsRight .new-brochure {
    background: url("../img/snippets-right-brochure-bg.png") no-repeat left 2px;
}

#snippetsRight #snippetR2 span {
    width: 192px;
    height: 46px;
    margin-bottom: 16px;
}

#snippetsRight #snippetR1.new-brochure h4 {
    margin-top: 71px;
}

#snippetsRight #snippetR1.new-brochure p {
    margin-bottom: 4px;
}

body#default #snippetsRight, body#about #snippetsRight, body#home #snippetsRight, body#product #snippetsRight {
    /*background: url("../img/snippets-right-proventec-bg.png") no-repeat left 2px;*/
}


/*--- ABOUT ---- */



body#about #content p, body#about #content p:first-child {
    font-family: 'Vollkorn', serif;
    color: #777;
    font-size: 114%;
    line-height: 116%;
    margin-bottom: 12px;
}

#content p {
    margin-bottom: 8px;
    color: #181818;
    font-size: 90%;
    line-height: 135%;
}

body#about #content p span {
    color: #181818;
}

body#about #content {
    padding-right: 260px;
}

#blockContact p {
    font-family: 'Vollkorn', serif;
    font-size: 120%;
    line-height: 120%;
    color: #777;
    padding: 0.6em 0 9px;
}

#blockContact a {
    font-weight: bold;
}

#blockContact a:hover {
    color: #44A3C5;
}

#content h3 {
    font-size: 101%;
    margin-top: 15px;
    margin-bottom: 2px;
}

/*----- PROVENTEC CLEANER -------*/

#full-image-text-right #content {
    padding: 241px 30px 0 630px;
}

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

body#product h1 {
    font-size: 37px;
    line-height: 81%;
    margin-top: 7px;
}

body#product #sidecol h4 {
    font-size: 90%;
    padding: 1.2em 0 1em;
    color: #181818;
}

body#product #product-image {
    right: 27px;
    top: 48px;
}

body#product #information div.jsAccordianDiv div.first {
    width: 87px;
}

body#product #information div.jsAccordianDiv div {
    margin-right: 2px;
}

body#product #information div.jsAccordianDiv div {
    width: 123px;
}

body#product #sidecol h4:hover {
    background: url("../img/h4-accordion-hover.png") no-repeat scroll right center transparent;
}

body#product #sidecol span {
    font-family: 'Vollkorn', serif;
}

body#product #meet-the-family li {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    list-style-type: none;
    display: inline-block;
}

/*-----SEARCH------*/

body#search #content
{
	padding: 0;
}

body#search #content p
{
	font-size: 18px;
	font-family: 'Vollkorn', serif;
	margin-bottom: 30px;
}

body#search #content a  {
	font-family: 'Vollkorn', serif;
    font-size: 22px;
    text-decoration: none;
	text-decoration: underline;
}

#snippetsRight {
    background-color: transparent;
}

/* ---- PRODUCT MATRIX ---- */

#products-wrap #filters .filter a.current-label {
      color: #555;
}

#products-wrap #filters .filter a.open {
    color: #333;
}

#products-wrap #filters .filter a.current-label {

    font-size: 26px;
}

#products-wrap.products-page h1 {
    font-size: 32px;
    padding-bottom: 4px;
}

#products-wrap.products-page p {
    font-size: 17px;
}

/* -- BEDROOM --- */

.bedroom {
    overflow-x: hidden;
}

body#product.bedroom #collection-dimensions img {
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
}

body#product.bedroom #collection-dimensions {
    margin-top: 34px;
}

.bedroom #content ul {
    width: 385px;
}

.bedroom #image-nav a.next {
    right: -76px;
}

body#product.bedroom #image-nav {
    right: 0;
}

.bedroom li {
    margin-bottom: 5px;
}

/* ---- 404 ---- */

#content.four {
    padding: 67px 0px 40px 0;
}

#content.four h1 {
    float: left;
    width: 330px;
    font-size: 130%;
    padding-top: 120px;
}

#content.four img {
    float: left;
}

/* ---- IE -----*/

.ie7 #sidecol ul, .ie8 #sidecol ul {
    padding-bottom: 14px;
}