/* CSS Document */


/* Flexible iFrame */

.flexible-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.flexible-container iframe,
.flexible-container object,
.flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}




body { /* background: url(/images/main-bg.jpg) top center repeat; */ background:white; }

.xstructure {}
.xcontainer {}
.xwrapper {margin: auto; background-color: white; width: 100%; max-width: 1000px; /* -webkit-box-shadow: 0px 0px 15px #766f63; -moz-box-shadow: 0px 0px 15px #766f63; box-shadow: 0px 0px 15px #766f63; */ }

header {
	width:100%;
}
h1.logo {width: 23%; float: left; padding: 15px 0 0; margin: 0;}
h1.logo a {display: block;}
.xlogo {
	width: 100%;
	opacity: 1;
	transition-property: opacity;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-duration: .1s;
	-moz-transition-duration: .1s;
	-webkit-transition-duration: .1s;
	transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
}
.xlogo img { width:100%; }

.xlogo:hover {opacity: .8;}
.xlogo span {display: none;}


.header-right {float: right; width: 60%;}

.header-subnav {
	display: block; 
	line-height: 20px; 
	
	font-size: 13px; 
	width: 100%; 
	text-align: right;

	padding-top:20px;
	padding-bottom:30px;
}
.header-subnav .subnav_links { }
.header-subnav .subnav_links a { 
	text-decoration: none; 
	color: #828282; 
	padding: 0 10px; 
	background: url(/images/subnav-divider2.gif) left center no-repeat; 
	font-family: 'ralewaybold', arial, helvetica, sans-serif;
}

.header-subnav .subnav_links a:first-child { 
	background:none;
}
.header-subnav .subnav_links a.cart span { background: url(/images/cart-icon.gif) right center no-repeat; padding: 2px 23px 2px 0;}

.header-subnav .subnav_links a.freeship { background:none; color:#FF0000; font-weight:normal; }


.header-social {display: block; float: right; padding: 5px 0 15px;}
.header-social a{padding-left: 5px;}

.xphone {display: inline; padding: 8px 5px 8px 0; color: #8b528b; font-size: 17px; line-height: 17px; font-family: 'ralewayregular', arial, helvetica, sans-serif; text-align: right; }
.xphone .phone {padding-right: 5px; height: 1em; width: auto;}

.xsearch {width: 70%; height: 30px; float: right; padding: 3px 5px; margin: 0; border: 1px solid #cacaca; position: relative;}
.xsearch form { margin:0px; }
.xsearch input {font-family: 'ralewayregular', arial, helvetica, sans-serif; font-size: 16px; outline: none; height:30px;}
.xsearch input#search { color: #828282; padding: 0 10px; border: none; width: 90%; position: absolute; left: 0; z-index: 1; line-height: 22px;}
.xsearch .searchbtn {width: 40px; height: 30px; padding: 3px 0; background: #504e53; position: absolute; top: 0;right: 0; z-index: 2; text-align: center; line-height: 30px;}
.xsearch input.go-btn {color: #fff; width: auto; height: 70%; border: 0; padding-top:4px;}


.country_select {font-family: 'ralewayregular', arial, helvetica, sans-serif; display: block; float: right; padding: 0 35px 0 0; font-size: 14px; width: 30%;}
.country_select form { margin:0px; }
.country_select {background: url(/images/globe_blue.png) right center no-repeat;}
.country_select select {padding: 6px 10px; background: #f1f1f1; border-color: #888; width: 95%; outline: none; float: right; font-size: 13px;}

/*
#search_dropdown {display: block; width: 5%; float: right;}
#search_icon {display: block; width: 90%; padding: 0 5%; height: 56px; background: url(/images/search-icon.png) center center no-repeat; overflow: hidden; text-indent: -99999px; cursor: pointer;}
#search_icon:hover,
#search_dropdown.active #search_icon{background: url(/images/search-icon.png) center center no-repeat #383838;}

#nav_search {display: none;}
#nav_search.active {width: 250px; display: block; position: absolute; top: 56px; right: 3%; background: #383838; padding: 20px; z-index: 99999;}
#nav_search .xsearch {display: block;}
#nav_search .xsearch form {width: 90%; padding: 0 5%;}
#nav_search .xsearch input {font-family: 'ralewayregular', arial, helvetica, sans-serif; font-size: 14px; outline: none;}
#nav_search .xsearch input#search { color: #828282; padding: 4px 8px; float: left; border: none;}
#nav_search .xsearch input.go-btn {color: #fff; padding: 4px 8px; border: 0; background: #a5a43d; float: left;}

#nav_search #search_close {cursor: pointer; color: #fff!important; position: absolute; top: 15px; right: 15px;}
*/

.xheaderimg {width: 92%; margin: auto; padding: 25px 0;}
.xheaderimg img {width: 100%; height: auto;}

a.header-box {
	display:block;
	background: #b1b1b1;
	color:white;
	text-align: center;
	padding:10px 0px;
	font-size:20px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom:15px;
}
a.header-box:hover {
	background: #8e8e8e;
	text-decoration: none;
}

.xpagewrapper {width: 100%; margin: auto;}

.xcontent {width: 650px; margin: auto; background: white; float: right;}

body.page-home .xcontent { /*background: #f3ece4; padding: 40px 4%;*/ width: 100%;  float: none;}
body#xint .xcontent {min-height: 300px; width: 64%; padding: 5px 4% 25px 0; float: right;}

body.page-home h4,
body.page-home .h4 {color: #a5a43d;}

.xfull {float: none; width: 94%!important; padding: 10px 3%!important;}

/*nav {width: 94%; padding: 0 3%; background: url(/images/nav-bg.jpg) top center repeat-x #7864a4; margin: auto; font-family: 'ralewaymedium', arial, helvetica, sans-serif; position: relative;}*/
nav {
	/* width: 94%; padding: 0 3%; */
	margin: auto; font-family: 'ralewaymedium', arial, helvetica, sans-serif; position: relative; 
}
.mobile-menu nav { z-index:5; 
}
.xleftnav {width: 25%; min-height: 100px; float: left; padding: 5px 0 25px 4%;}


footer {width: 100%; font-size: 12px; margin: 0; padding: 0; }



.footer-newsletter {
	padding: 0; background: #f67971; 
	color:#4d4d4d;
	font-family: 'ralewayregular', arial, helvetica, sans-serif; font-size: 16px; width: 94%; padding: 10px 3%; 
}
.footer-newsletter form { margin:0px; padding:0px; }
.footer-newsletter a {text-decoration: underline; color: #fff; padding: 0; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.newsletter_left {width: 35%; float: left; font-family: 'ralewaysemibold', arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #4d4d4d; text-align: center; padding-top:5px;}
.newsletter_left span {text-transform: uppercase; font-size: 18px; display: block;}
.newsletter_right {width: 62%; float: right; padding-top: 4px;}
.newsletter_right dl {margin: 0; padding: 0;}
.newsletter_right fieldset {width: 100%; margin: 0; padding: 0; border: none; font-size: 12px!important;}
.newsletter_right fieldset legend {display: none; padding: 0; margin: 0;}
.newsletter_right fieldset dl {display: none;}
.newsletter_right fieldset label {display: none;}
.newsletter_right dt {display: none; padding: 0; margin: 0;}
.newsletter_right dd {padding: 0; margin: 0; width: 100%;}
.newsletter_right dd br {display: none;}
.newsletter_right fieldset dt {margin: 0;}
.newsletter_right fieldset dd {margin: 0;}
.newsletter_right input.stdfield {width: 95%; height:18px; border:1px solid #cacaca; padding: 3px;}
.newsletter_right input.stdradio,
.newsletter_right input.stdcheck {margin-right: 5px;}
.newsletter_right #contact_list-element {height: 40px;}
.newsletter_right .stdbutton {
	width: 110px;
	height: 36px;
	color: white;
	background: #3aaaaf;
	border:none;
	cursor: pointer;
	font-family: 'ralewaybold', arial, helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	transition: background-color, .3s;
	-o-transition: background-color, .3s;
	-moz-transition: background-color, .3s;
	-webkit-transition: background-color, .3s;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.newsletter_right .stdbutton:hover {background:#2c8c90;}
.newsletter_right .errors {padding: 0px; margin: 0px;}
.newsletter_right .errors li {color: #ff0000; list-style:none; padding: 0px; margin: 0px; font-size: 11px;}
.newsletter_right #contact_email-label,
.newsletter_right #blogin-label,
.newsletter_right #contact_list-label {display: none!important;}

.newsletter_right #contact_email-element{width: 60%; float: left; margin: 0;}
.newsletter_right #blogin-element{width: 20%; float: left; margin: 0;}
.newsletter_right #contact_list-element {width: 30%; float: left; margin: 0; max-height: 30px; overflow: hidden;}
.newsletter_right #contact_email-element input {width: 90%; height: 30px; }
.newsletter_right #contact_list-element label {display: block; line-height: 1em!important; color: #fff; font-size: 13px; vertical-align: center;}
.newsletter_right #contact_list-element br {display: none!important;}

.ftr-wrapper {width: 92%; padding: 20px 4%; color: #575856; font-size: 13px; line-height: 1.1em; font-family: arial, helvetica, sans-serif;}
.ftr-wrapper .h3 {color: #575856; font-size: 16px;}
.ftr-wrapper a { /* display: block; */ color: #575856;}
.ftr-wrapper a:hover {color: #575856; text-decoration: underline;}

.ftr-col1 {width: 25.0%; float: left; line-height: 20px;}
.ftr-col2 {width: 25.0%; float: left; line-height: 20px;}
.ftr-col3 {width: 25.0%; float: left; line-height: 20px;}
.ftr-col4 {width: 24.8%; float: right; line-height: 20px;}
.mobile_contact {display: none;}

.ftr-col1 a {display: inline;}

.footer-social {display: block; width: 65%; padding: 25px 0 10px; margin: auto; text-align: center;}
.footer-social a {display: inline; padding: 0 10px 0 0;}
.footer-social .h3 {display: inline; padding: 0 5px 0 0; line-height: 44px;}

.footer-subnav {line-height: 1.3em; font-family: 'ralewaysemibold', arial, helvetica, sans-serif; font-size: 11px; display: block; padding: 0 0 10px; text-align: center;}
.footer-subnav a {text-decoration: none; color: #575856; font-size: 11px; padding: 0 10px; display: inline; border-right: 1px solid #ddd;}
.footer-subnav a.last {border: none!important;}



.footer-copy {line-height: 1.1em; font-family: 'ralewaysemibold', arial, helvetica, sans-serif; font-size: 11px; display: block;text-align: center;}
.footer-copy a {display: inline;}

#ftr_payments {width: 100%; margin: auto; max-width: 940px; padding: 25px 0;}
#ftr_payments .payment_left {width: 45%; float: left;}
#ftr_payments .payment_right {width: 45%; float: right; text-align: right;}


/* INT ACCESSIBILITY CONTROLS */

#accessibility-controls {opacity: 0.9; position: fixed; right: 25px; top: 35%; background: #383838; z-index: 3; width: 50px; text-align: center; font-size: 11px; line-height: 12px; cursor: default; color: #fff;}
#accessibility-controls a {color: #fff; text-decoration: none;}
#accessibility-controls span {padding: 12px 8px; display: block;}
#accessibility-controls span a {display: block;}
/*
#accessibility-controls span.xshare {border-top: 1px dashed #000; border-bottom: 1px dashed #000; cursor: pointer;}
#accessibility-controls span.xshare:hover {color: #fff;}
*/
#accessibility-controls span.xshare {padding: 5px 8px;}
#accessibility-controls img {cursor: pointer;}
img#xincrease-button {margin-bottom: 8px; margin-top: 5px; margin-left: 2px;}
img#xshare-button {margin-bottom: 5px; margin-left: 5px;}
img#xprint-button {margin-bottom: 5px; }
#xprint {cursor: pointer;}
#xprint:hover a {color: #D88802;}
#xreset-button {cursor: pointer; text-decoration: none; display: block; padding: 10px 0 0;}
#xreset-button:hover {color: #D88802;}
.stButton {display: none!important;}




/* Homepage Styles -------------------------------- */

.splash-struct {width: 100%; position: relative;}
.splash {width: 100%; overflow: hidden; min-width: 150px; max-width: 1000px;}

.hp_leftcol {width: 61%; max-width: 610px; float: left; padding: 40px 4%; position: relative;}
.hp_whatsnew_slider {width: 100%; max-width: 610px; position: relative; overflow: hidden; max-height: 310px;}

.hp_whatsnew_slider .bx-single {

}
.hp_whatsnew_slider .bx-single img {
 	width:100%;
}

.hp_education_block {display: block; padding-top: 30px;}
.hp_education_block p {padding: 0; margin: 0;}
.hp_education_block ul {list-style-type: none; font-size: 13px;} /*13.11%*/
.hp_education_block ul li {padding: 3px 0;}
.hp_education_block ul li a {color: #67937f;}

.hp_rightcol {width: 30%;position: relative; padding: 30px 0; margin: 30px 0; float: right; right: -10px; background: url(/images/hp-rightcol-bg.png) top right no-repeat #383838; color: #fff; font-size: 14px; -webkit-box-shadow:  0 3px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:  0 3px 2px 0 rgba(0, 0, 0, 0.2);}
.hp_info_block {width: 73%; padding: 0 10% 25px; border-bottom: 1px dashed #292929;}
.hp_info_block ul {list-style-image:url('/images/wht-bull.png'); padding: 3px 20px;}
.hp_feat_art {width: 73%; padding: 25px 10% 0;}
.hp_feat_art img {display: block; width: 100%; height: auto; padding: 0 0 15px;}
.hp_feat_art a {display: block;}
.artist_title, .artist_entry {display: block;}
a.artist_title {display: block; color: #fff;}
a.artist_title:hover {color: #fff!important;}





/* Internal Styles  -------------------------------- */
.xpagebodytext {line-height: 22px;}
.xpagebodytext ul {margin-left: 30px;}

.xcontent .news_entry {margin-bottom: 50px;}
.news_title {font-weight: bold; font-size: 16px; padding: 5px 0;}

.xleftcallouts {}
.xleftcallouts .callout {padding-bottom: 20px;}
.xleftcallouts .callout img {width: 100%;}

.sitemap {margin-left: 0px;}
.sitemap ul {padding: 0 0 15px 30px;}

.int_artist_entry {width: 100%; display: block; padding: 15px 0;}
.int_artist_thumb {width: 16%; float: left;}
.int_artist_thumb img {width: 100%; height: auto;}
.int_artist_text {width: 81%; float: right; padding: 10px 0 0;}
.int_artist_title {display: block; font-size: 16px; font-family: 'ralewaybold', arial, helvetica, sans-serif; font-weight: bold;}
.int_artist_title a {color: #383838;}
.int_artist_teaser {display: block; }

.faq_block {display: block; padding: 2px 5px 25px;}
.faq_title {display: block; padding: 0 0 4px;}
.faq_title a{display: block; color: #836fb2; font-size: 15px;}
.faq_title a:hover{color: #333;}

.color-ref-block { }

.color-ref-block select {
	font-size: 16px; margin-left:10px;
	width:300px;
}

.color-ref-block .line-two select { margin-left:16px;  }
.color-ref-block .line-two select#color_select_0 { display:inline; }

.color-ref-block .line-one,
.color-ref-block .line-two,
.color-ref-block .line-three {

	background:url(/images/colors/circle-one.png) top left no-repeat transparent;
	color:#8b5189;
	font-size: 26px;
	height:46px;
	line-height:44px;
	font-family: 'ralewaybold', arial, helvetica, sans-serif; font-weight: bold;
	margin-bottom:20px;
	padding-left:56px;

}

.color-ref-block .line-two {
	background-image:url(/images/colors/circle-two.png);
}

.color-ref-block .line-three {
	background-image:url(/images/colors/circle-three.png);
	margin-bottom:5px;
}

.sulky-color {
	color:#676867;
	font-size: 26px;
	padding-left:56px;
	margin-bottom:20px;
}

.color-no {
	padding-left:56px;
}

.color-no-match {
 	color:#676867;
	font-size: 26px;
	margin-bottom:20px;

}

.color-no-links {
	font-size: 26px;
}

.color-no-links a {
	display:block;
	float:left;
	width:25%;
	text-decoration:underline;
}

.avi-in {
	color:#8b5189;
	font-size: 26px;
	margin-bottom:15px;
}

.ix-color-result {
 	list-style-type: none;
}

.ix-color-result { display:block; margin-bottom:15px; }
.ix-color-image { margin-right:20px; }


#likebox-wrapper * {
   width: 100% !important;
}


/* Module Specific Styles =========== */
#mobile_search {display: none;}

.event_leftcol {width: 73%; float: left;}
.event_location {display: block; width: 30%; float: left; padding: 0 0 25px;}
.event_date {display: block; width: 50%; float: right; padding: 0 0 25px;}
.event_address {display: block; padding: 0 0 10px;}
.event_rightcol {width: 25%; float: right;}
.event_photo {width: 100%; padding: 0 0 15px; height: auto;}




/* COMMON MOBILE */

#mobnav-btn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #111;
	opacity: 1;
	z-index: 9999999999;
	color: white;
	display: none;
	cursor: pointer;
	height: 50px;
	font-size: 16px;
}

.mobile-menu #mobnav-btn .mobnav-btn-label {padding: 15px 4% 0; display: block;}
.mobile-menu #mobnav-btn.xactive {background-color: #111;}
.mobnav-icon {width: 20px; position: absolute; right: 20px; top: 18px;}
.mobnav-icon span {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: white;
	display: block;
	margin-bottom: 4px;
	height: 3px;
	width: 100%;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.mobile-menu #mobnav-btn.xactive .mobnav-icon span {background: none;}
#mobnav-btn:hover .mobnav-icon span {background-color: white;}
.mobile-menu #mobnav-btn:hover .mobnav-icon span {}
.mobile-menu #mobnav-btn {display: block;}
.mobile-menu #mobnav-btn.xactive {}
.mobile-menu #mobnav-btn.xactive span.middle {background-color: white; height: 4px; -webkit-border-radius: 0px; border-radius: 0px;}
.mobile-menu nav {background-image: none; width: 100%; display: none; left: 0;}
.mobile-menu nav.xactive {display: block; position: absolute; top: 50px; padding: 0;}
.mobile-menu .sf-menu li { display: block!important; float: none!important; text-align: left; }
.mobile-menu .sf-menu a {background-color: #111; color:white; margin-bottom: 1px;}
.mobile-menu .sf-menu a:visited { background-color: #111; color:white; }

.mobile-menu .sf-menu li.mobile-only { display: none!important;  }

/* Thread Crossreference */
.color_select {display: block; padding: 15px 0;}
.main_search_box {display: block; padding: 20px 25px; background: #777; border: 1px solid #444; margin-bottom: 40px;}
.advanced-button {padding: 4px 10px; color: white; background: #a5a43d; border: 1px solid #a5a43d;}
.madeira_block,
.dmc_block,
.ra_block {padding: 25px 0; font-weight: bold;}
.sulky_block img {display: block; float: left; padding: 0 15px 0 0; width: 100px;}


/* Classes */
.class_hdr {display: block;}
.class_hdr .xheaderimg {width: 100%;}

.class-list {display: block; padding: 25px 0;}

.class-item {
	float:left;
	width:48%;
	height:380px;
	border:1px solid #ccc;
	border-radius:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	overflow:hidden;
}

.class-item:nth-child(even){float:right;}

.class-img {
	width:100%;
	height:310px;
	overflow:hidden;
	margin:auto;
	margin-bottom:10px;
}

.class-img img { width:100%; }

.class-title {
	width:80%;
	margin:auto; text-align:center;
	color:#818485;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

.class-title a {
		 color:#818485;
		 font-weight:bold;
		 text-decoration:none;
}
.class-title a:hover {color:#6db795;}
.class-teaser { color:#925495; padding-top:4px; width:90%; margin:auto; text-align:center; font-size:12px; }
.class-teaser a,
.class-teaser a:link,
.class-teaser a:visited,
.class-teaser a:active { text-decoration:underline; margin-left:10px; }

.class-events-list {display: block; padding: 25px 0;}
.class-events-list .nitem {display: block; padding: 0 0 10px; font-size: 14px;}
.class-events-list .ntitle a {font-weight: bold;}

.class-disclaimer {display: block; padding-bottom: 25px; font-size: 12px; color: #666;}

a.class_back {width: 90px; height: 26px; color: white; background: #a5a43d; border: none; cursor: pointer; font-size: 13px; transition: background-color, .3s; -o-transition: background-color, .3s; -moz-transition: background-color, .3s; -webkit-transition: background-color, .3s; padding: 5px 15px; text-decoration: none; color: #fff;}
a.class_back:hover {background:#6db795; text-decoration: none; color: #fff;}


.child-page-list {
    border-bottom: 4px dashed #DEDEDE;
    border-top: 4px dashed #DEDEDE;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px 0;
}

.cpitem {
    float: left;
    height: 170px;
    margin-right: 10px;
    overflow: hidden;
    width: 200px;
}


.cpitem .cpimg {
    height: 113px;
    margin-bottom: 6px;
    width: 200px;
}


.cpitem .cpimg img {
    height: 113px;
    width: 200px;
}

.cpitem .cplink {
    text-align: center;
}


.yclass-event-list { width:100%; }

.yclass-event-list td { padding:5px 10px; vertical-align:middle; }
.yclass-event-list tr:nth-child(odd) td { background:#f3f3f3; }

.yclass-event-list tr.hdr td { background:#dddedf; color:#8a568f; }


a.register-button {
   display:block;
	background: none repeat scroll 0 0 #89bda5;
    border: medium none;
    border-radius: 18px;
    color: white;
    cursor: pointer;
    font-family: "ralewaybold",arial,helvetica,sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    transition: background-color 0s ease 0s, all 0.3s ease 0s;
    padding:16px 25px;
    text-decoration:none;
    text-align:center;
    width:250px;

}

/*-- Boutique Layout Styles ------------------------*/
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid-sizer,
.grid-item {
	width: 32.333%;
}

.grid-sizer.responsive {
	width: 48%;
}
.grid-item {
	float: left;
	margin-bottom: 1%;
}
.grid-item--links {
	display: none;
}
.gutter-sizer {
	width: 1%;
}
.grid-item img {
	width: 100%;
}
.grid-item--width2 {
	width: 66%;
}
.grid-item--width3 {
	width: 99%;
}
.margin-bot {
	margin-bottom: 10%;
}
.swap {
	position: relative;
}

@media (max-width: 768px) {
	.gutter-sizer {
		width: 3%;
	}
	.grid-item--links {
		display: block;
		position: absolute;
		text-align: center;
		font-size: 1.5em;
	    font-weight: bold;
	    padding: 1em 0;
	    width: 100%;
	    bottom: 0;
	    background-color: rgba(255,255,255,0.8);
	}
	.margin-bot {
		margin-bottom: 3%;
	}
	.grid-item {
		width: 49%;
	}
	.grid-item--resize {
		width: 100%;
	}
	.grid-item--width2 {
		width: 100%;
	}
	.grid-item.grid-item--width3 {
		width: 100%;
	}
}

@media (max-width: 448px) {
	.grid-item {
		width: 100%;
	}
}



/*-- FONTS ----------------------------- */
@font-face {
    font-family: 'ralewaybold';
    src: url('/includes/css/fonts/raleway-bold-webfont.eot');
    src: url('/includes/css/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/css/fonts/raleway-bold-webfont.woff') format('woff'),
         url('/includes/css/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('/includes/css/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

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

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

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

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

}



/* --- Stablilizer Search Styles ---------------------------------------------- */

.color-ref-block .line-three .l3-small {
	font-size:14px;
	line-height: 16px;
	color:#333;
}


.line-two .l3-small {
	font-weight: normal;
	font-family: arial;
	font-size:12px;
	line-height: 12px;
	color:#333;
	padding-left:210px;
}


.stabilizer-results {
	padding-top:30px;

}

.stabilizer-results .result {
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;	
}

.stabilizer-results .notes {
	padding-top:30px;
}

.stabilizer-results .backings {
	width:48%;
	float:left;
}

.stabilizer-results .toppings {
	width:48%;
	float:right;
}


.stabilizer-table {
	width:100%;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
}
.stabilizer-table th,
.stabilizer-table td {
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;	
}

.stabilizer-table td {
	text-align: center;
}

.stabilizer-table td.prod {
	padding:12px;
}

.stabilizer-table td.prod a.img img {
	width:100%;	
}

.stabilizer-table td.num {
	width:100px;
	font-size:24px;
	vertical-align: middle;
}

.stabilizer-table th {
	color:#49324d;
	background:#ece1ef;
}

.stabilizer-results h2 {
	margin-bottom:0px;
}

.stabilizer-results .title {
	display:block;
	font-size:16px;
}
.stabilizer-results .sizes {
	display:block;
	font-size:11px;
}


.not-req {
	padding:30px 0px;
	font-weight: bold;
}


 .ub-emb-iframe-wrapper .ub-emb-close { 
 	
 }





.choose-country-icon {
	position: relative;
	display:inline-block;
	padding: 0 10px;
	background: url(/images/subnav-divider2.gif) left center no-repeat;
}
.choose-country-box {
	display:none;
	border:1px solid #bebebe;
	background:white;
	padding:10px 12px;
	position: absolute;
	top:30px;
	left:-180px;
	z-index:10000000;
	width:200px;
	text-align: left;
}
.choose-country-box b {
	display:block;
}
.choose-country-box span {
	display:block;
}
.header-subnav .subnav_links .choose-country-box a {
	display:block;
	background:none;
	padding:0px;
}