@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Apple';
    src: url('../fonts/myriadab-webfont.eot');
    src: url('../fonts/myriadab-webfont.eot?#iefix') format('eot'),
         url('../fonts/myriadab-webfont.woff') format('woff'),
         url('../fonts/myriadab-webfont.ttf') format('truetype'),
         url('../fonts/myriadab-webfont.svg#webfontaaTpi2lO') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GLOBAL LAYOUT */

html { margin:0px; padding:0px; width:100%; height:100%; }
body { margin:0px; padding:0px; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333;  background:#3D3D3D url(../lib/images/layout/bg.jpg) fixed top repeat-x; }

img { border:0px; }
input, select, textarea, iframe { outline:none; }
textarea { resize:vertical; font-family: Arial, Helvetica, sans-serif; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.strong { font-weight:bold; }
.error { color:#C33; }
.success { color:#4C944C; }
.invisible { display:none; }
.req { color:#C33; }
.notes { font-size:10px; }


h1 { font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#063; text-transform:uppercase; font-weight:normal; }
h2 { font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#333; text-transform:uppercase; font-weight:normal; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#063; font-weight:bold; }

a { color:#063; text-decoration:none; outline:none; -webkit-transition: color .2s ease-in; cursor:pointer; }
a:hover { color:#F90; }

/* LAYOUT ELEMENTS */

#meta-content { position:absolute; left:-2000px; width:1000px; overflow:hidden; color:#FFF; }
#wrapper { width:970px; margin:0 auto; margin-top:70px; background:#000; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-box-shadow:2px 2px 2px #000; }
#header { height:90px; border-top-left-radius:10px; border-top-right-radius:10px; }
#logo { margin:0px; padding:0px; float:left; width:283px; height:90px; background:url(../lib/images/layout/RynoneLogo.White_.png) no-repeat; border-top-left-radius:10px; position:absolute; z-index:20; }
#logo a { display:block; width:100%; height:100%; text-indent:-1000px; overflow:hidden; }
#tabs { margin:0px; padding:0px; list-style:none; border-bottom:1px solid #333; height:40px; width:100%; position:relative; z-index:19; background:#333 url(../lib/images/layout/nav_bg.jpg) repeat-x; border-top-right-radius:10px; border-top-left-radius:10px; }
#tabs li { float:right; border-left:1px solid #333; height:40px; -webkit-transition: background .2s ease-in; }
#tabs li:first-child { border-top-right-radius:10px; }
#tabs li a { text-align:center; padding:12px 40px; display:block; color:#FFF; text-transform:uppercase; font-size:14px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabs li:hover, #tabs li.active, #tabs li.static { border-top:1px #333 solid; border-bottom:0px; background:#000; }
#tabs li a:hover { margin-top:-1px; }
#tabs li.active a, #tabs li.static a { margin-top:-1px; }

#architects.active, #architects:hover { border-bottom: 1px solid #333; }
.static #architects:hover { border-bottom:0px!important; }

#subnav { background:#000; height:220px; width:970px; position:absolute; top:110px;; z-index:18; border-bottom:1px #333 solid; }
#subnav ul { margin:0px; padding:0px; list-style:none; }
#subnav ul li { float:right; border-left:1px solid #000; height:220px; width:242px; background-position:bottom; background-repeat:no-repeat; cursor:pointer; }
#subnav ul li:last-child { border-left:0px; width:241px; }
#subnav ul li a { margin-top:180px; height:16px; overflow:hidden; background:#333 url(../lib/images/layout/nav_bg.jpg) repeat-x; text-align:center; padding:12px 0px; display:block; color:#FFF; text-transform:uppercase; font-size:12px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif;  -webkit-transition: background .2s ease-in;}
#subnav ul li a:hover { background:#000; }


/* SUBNAV BACKGROUNDS */
#subnav #new-2014-granite-colors { background-image:url(../lib/images/layout/new-2014-granite-colors.jpg); }
#subnav #cultured-marble-vanity-tops { background-image:url(../lib/images/layout/cultured-marble-vanity-tops.jpg); }
#subnav #corian-vanity-tops { background-image:url(../lib/images/layout/corian-vanity-tops.jpg); }
#subnav #granite-vanity-tops { background-image:url(../lib/images/layout/granite-vanity-tops.jpg); }
#subnav #laminate-vanity-tops { background-image:url(../lib/images/layout/laminate-vanity-tops.jpg); }
#subnav #caesarstone-vanity-tops { background-image:url(../lib/images/layout/caesarstone-vanity-tops.jpg); }
#subnav #prism-quartz-vantops { background-image:url(../lib/images/layout/prism-quartz-vanity-tops.jpg); }

#subnav #engineered-stone-countertops { background-image:url(../lib/images/layout/engineered-stone-countertops.jpg); width:322px; }
#subnav #granite-countertops { background-image:url(../lib/images/layout/granite-countertops.jpg); width:323px; }
#subnav #corian-countertops { background-image:url(../lib/images/layout/corian-countertops.jpg); width:322px; }
#subnav #laminate-countertops { background-image:url(../lib/images/layout/laminate-countertops.jpg); width:323px; }

#subnav #laminate-casegoods { background-image:url(../lib/images/layout/laminate-casegoods.jpg); width:322px; }
#subnav #locker-casegoods { background-image:url(../lib/images/layout/locker-casegoods.jpg); width:323px; }
#subnav #corian-casegoods { background-image:url(../lib/images/layout/corian-casegoods.jpg); width:323px; }
#subnav #plastic-casegoods { background-image:url(../lib/images/layout/plastic-casegoods.jpg); width:323px; }


/* FOOTER MENU */

#footer { width:970px; margin:0 auto; position:relative; opacity:.95; z-index:34; }
#foot { position:absolute; width:970px; margin:0 auto; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#333 url(../lib/images/layout/nav_bg.jpg) repeat-x; height:36px; list-style:none; padding:0px; -webkit-box-shadow:2px 2px 2px #000; }
#foot li { float:left; background:url(../lib/images/layout/footnav_whitearrow.png) 12px 14px no-repeat; border-right:1px #333 solid; -webkit-transition: background .2s ease-in; }
#foot li a { display:block; padding:12px 30px 8px 40px; color:#FFF; text-transform:uppercase; font-size:14px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#foot li:hover, #foot li.active {  background:#111 url(../lib/images/layout/footnav_arrow.png) 12px 14px no-repeat;  } 
#foot li:first-child { border-bottom-left-radius:10px; }
#foot li.copy { float:right; background:none; width:200px; font-size:11px; border:0px; color:#FFF; font-weight:bold; padding:10px 20px 0px 0px; text-align:center;  }
#footsub { position:absolute; bottom:0px; z-index:50; display:none; background:#111;  border-top:1px #FFF solid; width:970px; margin:0 auto; padding:20px 0px; }

#credits { height:100px; width:970px; margin-top:50px; margin:0 auto; }

#twin { width:50px; height:20px; background:url(../lib/images/layout/twin.png) no-repeat; float:right; margin:50px 20px 0px 0px; }
#twin a { display:block; width:100%; height:100%; }

.products-sub li { width:210px; }

#caesarstone-brochure { background:url('../lib/images/layout/caesarstone-brochure.jpg') no-repeat; }
#flexline-brochure { background:url('../lib/images/layout/flexline-brochure.jpg') no-repeat; }
#price-brochure { background:url('../lib/images/layout/price-brochure.jpg') no-repeat; }
#kitchen-sinks { background:url('../lib/images/layout/Rynone-Kitchen-Sinks.jpg') no-repeat; }
#cultured-marble-specs { background:url('../lib/images/layout/Rynone-Cultured-Marble-Spec-Sheets.jpg') no-repeat; }
#undermount-bowls { background:url('../lib/images/layout/Rynone-Undermount-Bowls.jpg') no-repeat; }
#locker-brochure { background:url('../lib/images/layout/locker-brochure.jpg') no-repeat; }
#solid-surface { background:url('../lib/images/layout/solid-surface.jpg') no-repeat; }
#marketing-granite { background:url('../lib/images/layout/marketing-granite.jpg') no-repeat; }
#laminate-countertops-2 { background:url('../lib/images/layout/laminate-countertops-2.jpg') no-repeat; }
#cultured-marble { background:url('../lib/images/layout/cultured-marble.jpg') no-repeat; }
#heathcare-solution { background:url('../lib/images/layout/Rynone-Healthcare-Solution.gif') no-repeat; }
#prism-quartz { background:url('../lib/images/layout/15407-Rynone-Prism-Quartz-Final-Lores.jpg') no-repeat; }
#credit-application { background:url('../lib/images/layout/credit-application.jpg') no-repeat; }
#c-specs { background:url('../lib/images/layout/c-specs.jpg') no-repeat; }
#gran-qtz-van-pricing { background:url('../lib/images/layout/Granite-Quartz-Vanity-Top-Pricing.jpeg') no-repeat; }
#kitchen-counter-pricing { background:url('../lib/images/layout/Kitchen-Countertop-Pricing.jpeg') no-repeat; }
#marble-pricing { background:url('../lib/images/layout/Marble-Pricing.jpeg') no-repeat; }

#cspecs_logo { display:block; background:url('../lib/images/layout/cspec_button.png') no-repeat!important; width:226px; height:77px; text-indent:-2000px; overflow:hidden; }


.about-sub { margin-left: 415px!important; }
.about-sub li { border-right:0px!important; }

.contact-sub { margin-left: 580px!important; }
.contact-sub li { border-right:0px!important; }

.subnav { padding:0px; margin:0px; list-style:none; float:left; }
.subnav li, .subnav li.title { padding:0px 30px 8px 40px; }
.subnav li.title { padding:11px 30px 10px 40px; background:none; border-right:0px; }
.subnav li.title a { color:#F90; font-size:14px; display:block; width:100%; height:100%; text-transform:uppercase; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.subnav li { padding:10px 30px 10px 40px; border-right:#333 1px solid; }
.subnav li a { display:block; width:100%; height:100%; color:#FFF; text-transform:uppercase; font-size:12px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }

.downloads-sub { padding:0px; margin:15px 0px; list-style:none; float:left;}
.downloads-sub li { float:left; width:170px; height:250px; padding:0px; margin:0px 36px 10px; border-right:0px!important; }
.downloads-sub li a { display:block; width:100%; padding-top:230px; height:20px; color:#FFF; text-align:center; text-transform:uppercase; font-size:12px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* SLIDESHOW */

#main-image, #main-image li { height: 300px; width: 970px; }
#main-image { list-style: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; background:#333; top:110px; }
#main-image li { background:#000; display: none; float: left; margin: 0 !important; position: absolute; width: 100%; }
#main-image li.current { display: block; z-index: 2 !important; }
#main-image li.next { display: block; z-index: 1 !important; }
#main-image li ul li { display: block !important; position: relative !important; }

#main-image .outer { width:100%; height:100%; background-repeat:no-repeat; }
#main-image .mask { width:970px; height:300px; background:url(../lib/images/layout/gradient-header.png) no-repeat; }
#main-image .inner { width:950px; height:60px; padding:240px 0px 0px 20px; color:#FFF; font-weight:bold; font-size:14px; }
#main-image .inner h2 { color:#F90; margin:0px; padding:0px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#main-image .inner p {  margin:0px; padding:0px; }

#main-image .inner-copy { width:400px; padding:70px 0px 0px 40px; color:#FFF; }
#main-image .inner-copy h1 { color:#F90; margin:0px; padding:0px; font-family:"Apple", "Trebuchet MS", Arial, Helvetica, sans-serif; }

.slider_arrow_left { bottom: 10px; cursor: pointer !important; float: left; height: 22px; left: 10px; position: absolute; width: 22px; z-index: 5; }
.slider_arrow_left { background: url(../lib/images/layout/left_arrow.png) no-repeat top left; }
.slider_arrow_right { background: url(../lib/images/layout/right_arrow.png) no-repeat top left; }
.slider_arrow_right { bottom: 10px; cursor: pointer; float: left; height: 22px; left: 37px; position: absolute; width: 22px; z-index: 5; }
.slider_selector, .slider_selector_dis { bottom: 10px; list-style: none; margin: 0 0 0 5px; position: absolute; right: 10px; z-index: 5; }
.slider_selector li, .slider_selector_dis li { display: block !important; background: url(../lib/images/layout/slider_selector.png) no-repeat top left; cursor: pointer; float: left; margin: 0 3px !important; height: 10px !important; position: relative !important; width: 10px !important; }
.slider_selector li.current, .slider_selector_dis li.current { background: url(../lib/images/layout/slider_selector_current.png) no-repeat top left; }
.slider_selector_dis li { cursor: default !important; z-index: 5; }
.container { float: left; position: absolute; width: 970px; z-index: 15; top:410px; }
#video-btn {  position:absolute; top:-215px; left:695px; z-index:17; display:block; width:110px; height:110px; background:url(../lib/images/layout/video_play.png) no-repeat; }

/* TEMPLATE LAYOUTS */

#home { margin-top:250px; background:#EEE; }
#home #col1 { float:left; width:233px; padding:20px; }
#home #col2 { float:left; width:400px; padding:20px; border-left:1px #CCC solid; border-right:1px #CCC solid; background: url(../lib/images/layout/design-build.jpg); min-height:280px; }
#home #col3 { float:left; width:223px; }
#home #col2 a { float:left; margin:5px 0px; width:50%; }

#page { background:#EEE; padding:70px 60px 40px 60px; margin-top:-49px; min-height:150px; }
#page.push { margin-top:250px; padding:20px 0px 40px 40px; min-height:200px; }

#product { margin-top:250px; background:#FFF; }
#product #col1 { float:left; width:222px; padding:20px; border-right:1px #EEE solid; }
#product h3 { text-transform:none; clear:both; }
#product #col1 a { display:block; margin:0px 16px 20px 0px; border-radius:3px; float:left; width:90px; height:80px; background-position:center; background-repeat:no-repeat; background-color:#FFF; }
#product #col2 a { display:block; margin:0px 10px 20px 0px; border-radius:3px; float:left; width:90px; height:80px; background-position:center; background-repeat:no-repeat; background-color:#FFF; }
#product #col1 a:hover, #product #col2 a:hover { box-shadow:#333 1px 1px 3px; }

#product #col2 { float:left; width:400px; padding:20px; min-height:280px; }
#product #col3 { float:left; padding:0px; width:267px; }

#product #col2 a.partners { display:block; margin:30px 25px 40px 25px; border-radius:3px; float:left; width:100px; height:100px; background-position:center; background-repeat:no-repeat; background-color:#FFF; }


.doc_group { list-style:none; margin:0px 120px 40px 0px; padding:0px; float:left; width:200px; }
.doc_group .title { font-weight:bold; color:#515151; font-size:14px; }
.doc_group a { display:block; margin:10px 0px; background:url(../lib/images/layout/arrow.png) 4px 4px no-repeat; font-weight:bold; padding:0px 0px 0px 20px; }

#doc_list { background:#EEE; padding:20px; border-left:#C6C6C6 1px solid; }
#doc_list a { display:block; margin:10px 0px; background:url(../lib/images/layout/arrow.png) 4px 4px no-repeat; font-weight:bold; padding:0px 0px 0px 20px; }
#quote { background:#063 url(../lib/images/layout/quote_icon.png) 180px 0px no-repeat; display:block; color:#FFF; font-size:16px; font-weight:bold; border-bottom-left-radius:10px; padding: 20px 0px 20px 20px; }
#product-notes { padding:20px; }
#product-photos { border-top:1px #C6C6C6 solid; background:#EEE; padding:10px 20px; }
#product-photos .header { font-size:16px; font-weight:bold; }
.photo { background:#FFF; float:left; width:159px; height:100px; margin:8px; background-repeat:no-repeat; background-position:center; border-radius:3px; }
#product #col2 a.photo { background:#FFF; float:left; width:140px; height:100px; margin:12px; background-repeat:no-repeat; background-position:center; border-radius:3px; }

a.photo:hover{ box-shadow:#333 1px 1px 3px; }

.location { margin:20px 0px; border-top:1px #C6C6C6 solid; padding:20px 0px 0px; }
.location a { font-size:14px; color:#063; font-weight:bold; }

#contact input[type=text] { width:200px; height:20px; padding:5px; border-radius:6px; display:block; margin:10px 0px; border:1px #C6C6C6 solid; }
#contact textarea { width:200px;height:355px; padding:5px; border-radius:6px; display:block; margin:10px 0px; border:1px #C6C6C6 solid; }
#contact .field { clear:both; display:block; margin:10px 0px; }
#contact input[type=checkbox] { margin:5px; float:left; }
#contact label { color:#063;float:left;margin:3px 5px 5px; cursor:pointer; }
#contact input[type=button] { cursor:pointer; clear:both; display:block; margin:20px 0px; background:#063; border:1px #FFF solid; color:#FFF; font-weight:bold; padding:10px; -webkit-transition:background .2s ease-in; }
#contact input[type=button]:hover { background:#000; }
#contact input[type=button].failed { background:#C00; color:#FFF; }


/* PARTNERS */

#partners a { display:block; text-indent:-1000px; width:104px; height:104px; overflow:hidden; margin:0px 30px 20px 0px; float:left; }
#partners h3 { color:#333; margin-top:20px; clear:both; }

#wolf { background:url(../lib/images/partners/wolf.gif) center no-repeat; }
#vt { background:url(../lib/images/partners/vt.gif) center no-repeat; }
#acma { background:url(../lib/images/partners/acma.gif) center no-repeat; }
#corian { background:url(../lib/images/partners/corian.gif) center no-repeat; }
#formica { background:url(../lib/images/partners/formica.gif) center no-repeat; }
#greenguard { background:url(../lib/images/partners/greenguard.gif) center no-repeat; }
#icpa { background:url(../lib/images/partners/icpa.gif) center no-repeat; }
#leed { background:url(../lib/images/partners/leed.gif) center no-repeat; }
#wmilrock { background:url(../lib/images/partners/milrock.gif) center no-repeat; }
#nahb { background:url(../lib/images/partners/nahb.gif) center no-repeat; }
#nasfm { background:url(../lib/images/partners/nasfm.gif) center no-repeat; }
#nevamar { background:url(../lib/images/partners/nevamar.gif) center no-repeat; }
#piomite { background:url(../lib/images/partners/piomite.gif) center no-repeat; }
#stonecare { background:url(../lib/images/partners/stonecare.gif) center no-repeat; }
#wilsonart { background:url(../lib/images/partners/wilsonart.gif) center no-repeat; }
#caesarstone { background:url(../lib/images/partners/caesarstone.gif) center no-repeat; }
#vanitease { background:url(../lib/images/partners/vanitease.gif) center no-repeat; }

.contact-confirm { display:none; }