HTML { overflow: -moz-scrollbars-vertical; }
* { margin: 0; padding: 0; }
body { background: #c1c0bd url(/images/body_bg.jpg) repeat-x left top; font-family: Georgia, Times New Roman, Serif; font-size: 13px; }
a img { border: 0; }
a { color: #0090FF; }

.clearfix { clear: both; float: none ! important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.breaker { clear: both; display: block; font-size: 1px; line-height: 1px; height: 0px; }

#wrapper { width: 970px; margin: 0 auto; background: url(/images/wrapper_bg.gif) repeat-y left top; margin-top: 14px; }
    #wrapper #header { background: url(/images/header.jpg) no-repeat left top; height: 94px; }
        #wrapper #header #logo { border: 0; outline: none; }
        #wrapper #header #motto { float: right; margin: 27px 10px 0px 0px; width: 617px; height: 66px; background: url(/images/motto.gif) no-repeat left top; }
            #wrapper #header #motto h1 { display: none; }
        #wrapper #header #dealerSearch { height:26px; margin:-5px 0 0 466px; position:absolute; width:500px; text-align: right; }
            #wrapper #header #dealerSearch a.contact { color: #fff; text-decoration: none; }
                #wrapper #header #dealerSearch a.contact:hover { text-decoration: underline; }
            #wrapper #header #dealerSearch span.separator { color: #9C9992; }
            #wrapper #header #dealerSearch span.intro { color: #fff;  }
            #wrapper #header #dealerSearch input.textbox { border:1px solid #ADADAD; color:#999999; font-size:11px; padding:2px; width:68px; }
            #wrapper #header #dealerSearch input.button { padding-left:2px; vertical-align:-4px;  }
    #wrapper #inner { background: url(/images/wrapper_fade.gif) no-repeat left top; padding: 0px 10px; min-height: 320px;  }
    #wrapper .bottom { background: url(/images/wrapper_bottom.gif) no-repeat left top; height: 10px;  }
    
#footer { width: 970px; margin: 0 auto; font-size: 11px; font-family: Verdana; color: #5d5952; }
    #footer .inner { padding: 1px 10px 10px 3px; }
        #footer .inner a.admin { text-decoration: none; color: #5d5952; outline: none; }
    
h1 { margin: 1px 0px 1px 0px; padding: 8px 10px 8px 10px; background: #e5e1cf; font-size: 18px; font-weight: normal; border-bottom: 1px solid #999;  }
#content { padding-bottom: 10px; }
    #content h2 { font-size: 14px; font-weight: bold; margin:14px 0px 7px; padding:2px 11px 0px 5px; font-family: Georgia; }
    #content ul { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; }
    
div.login { padding: 0px 0px 0px 5px; }

#contextImage { float: left; }
#topmenu { list-style-type: none; margin: 0; padding: 0; height: 35px; background: url(/images/menu_bg.gif) repeat-x left top; }
    #topmenu li { list-style-type: none; display: inline; margin: 0; padding: 0; }
    #topmenu li a { float: left; height: 35px; display: block; background-repeat: 0; background-position: left top; outline: none; }
    #topmenu li a span { display: none; }
    
    #menu_hoods a { background-image: url(/images/menu/hoods.gif); width: 317px; }
        #menu_hoods a:hover, #menu_hoods a.active { background-image: url(/images/menu/hoods_over.gif); }
    #menu_mantels a { background-image: url(/images/menu/mantels.gif); width: 317px; }
        #menu_mantels a:hover, #menu_mantels a.active { background-image: url(/images/menu/mantels_over.gif); }
    #menu_accents a { background-image: url(/images/menu/accents.gif); width: 316px; }
        #menu_accents a:hover, #menu_accents a.active { background-image: url(/images/menu/accents_over.gif); }
    
    /* Hood menu items */
    #menu_hoods_home a { background-image: url(/images/menu/hoods/home.gif); width: 77px; }
    #menu_hoods_gallery a { background-image: url(/images/menu/hoods/gallery.gif); width: 148px; }
    #menu_hoods_builder a { background-image: url(/images/menu/hoods/builder.gif); width: 191px; }
    #menu_hoods_installation a { background-image: url(/images/menu/hoods/installation.gif); width: 132px; }
    #menu_hoods_faq a { background-image: url(/images/menu/hoods/faq.gif); width: 63px; }
    #menu_hoods_contact a { background-image: url(/images/menu/hoods/contact.gif); width: 117px; }
    
    #menu_hoods_home a:hover, #menu_hoods_home a.sel { background-image: url(/images/menu/hoods/home_over.gif); }
    #menu_hoods_gallery a:hover, #menu_hoods_gallery a.sel { background-image: url(/images/menu/hoods/gallery_over.gif); }
    #menu_hoods_builder a:hover, #menu_hoods_builder a.sel { background-image: url(/images/menu/hoods/builder_over.gif); }
    #menu_hoods_installation a:hover, #menu_hoods_installation a.sel { background-image: url(/images/menu/hoods/installation_over.gif); }
    #menu_hoods_faq a:hover, #menu_hoods_faq a.sel { background-image: url(/images/menu/hoods/faq_over.gif); }
    #menu_hoods_contact a:hover, #menu_hoods_contact a.sel { background-image: url(/images/menu/hoods/contact_over.gif); }
    
    /* Mantel menu items - current share a lot of the same files as hoods */
    #menu_mantels_home a { background-image: url(/images/menu/hoods/home.gif); width: 77px; }
    #menu_mantels_gallery a { background-image: url(/images/menu/hoods/gallery.gif); width: 148px; }
    #menu_mantels_builder a { background-image: url(/images/menu/hoods/builder.gif); width: 191px; }
    #menu_mantels_installation a { background-image: url(/images/menu/hoods/installation.gif); width: 132px; }
    #menu_mantels_faq a { background-image: url(/images/menu/hoods/faq.gif); width: 63px; }
    #menu_mantels_contact a { background-image: url(/images/menu/hoods/contact.gif); width: 117px; }
    
    #menu_mantels_home a:hover, #menu_mantels_home a.sel { background-image: url(/images/menu/hoods/home_over.gif); }
    #menu_mantels_gallery a:hover, #menu_mantels_gallery a.sel { background-image: url(/images/menu/hoods/gallery_over.gif); }
    #menu_mantels_builder a:hover, #menu_mantels_builder a.sel { background-image: url(/images/menu/hoods/builder_over.gif); }
    #menu_mantels_installation a:hover, #menu_mantels_installation a.sel { background-image: url(/images/menu/hoods/installation_over.gif); }
    #menu_mantels_faq a:hover, #menu_mantels_faq a.sel { background-image: url(/images/menu/hoods/faq_over.gif); }
    #menu_mantels_contact a:hover, #menu_mantels_contact a.sel { background-image: url(/images/menu/hoods/contact_over.gif); }
    
     /* Accents menu items */
    #menu_accents_home a { background-image: url(/images/menu/hoods/home.gif); width: 77px; }
    #menu_accents_home a:hover, #menu_accents_home a.sel { background-image: url(/images/menu/hoods/home_over.gif); }
    
    
#homeIntro { }
    #homeIntro a.sectionLink { display: block; width: 316px; height:344px; background-repeat: no-repeat; background-position: left top; float: left; border: 0; outline: none; }
    #homeIntro a.hoods { background: url(/images/home/hoods2.jpg); margin-right: 1px; }
    #homeIntro a.mantels { background: url(/images/home/mantels2.jpg); margin-right: 1px; }
    #homeIntro a.accents { background: url(/images/home/accents.jpg); }

#homeInfo { background: #817e75 url(/images/home_info_bg.jpg) no-repeat left top; margin-top: 1px; color: #fff; font-size: 14px;  }
    #homeInfo .right { float: right; width: 316px; margin: 0px 0px 0px 10px; }
        #homeInfo .right ul.benefits { list-style-type: none; margin: 10px 0px 10px 13px; padding: 0px 0px 0px 0px; }
            #homeInfo .right ul.benefits li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 13px; background: url(/images/bullet.gif) no-repeat 0px 6px; }
    #homeInfo p.info { padding:10px 0 10px 10px; }
    
/* Dealer Search */
div.dealerTableHeader { border-bottom:1px solid #999999; color:#666666; font-size:13px; font-weight:bold; margin:0; padding:0 0 5px 0; }
div.results { padding: 7px 10px 9px 8px; }

table.dealerResults { width: 100%; border: 0; padding: 0; margin: 0; border-collapse: collapse; }
    table.dealerResults tr th.dealers, table.dealerResults tr td.dealers { border-right: 1px solid #333; padding: 6px 8px; }
    table.dealerResults tr th.last, table.dealerResults tr td.last { border-right: 0; }
    table.dealerResults tr th.dealers { text-align: left; border-bottom: 1px solid #333; color: #333; background: #f4f2ea; }
    table.dealerResults tr.alt td.dealers { background: #f2f2f2; }
    table.dealerResults tr td.dealers { text-align: left; vertical-align: top; }
        table.dealerResults tr td.name { font-size: 13px; font-weight: bold; }
        table.dealerResults tr td.address { }
            table.dealerResults tr td.address .line1 { display: block; }
            table.dealerResults tr td.address .line2 { display: block; }
            table.dealerResults tr td.address div.directions { padding: 3px 0px 0px 0px; }
                table.dealerResults tr td.address div.directions a.directions { background:transparent url(/images/map.gif) no-repeat scroll 0px 0px; font-family:Verdana; font-size:11px; padding:0px 0 1px 18px; text-decoration:none; outline: none; }
            
    table.dealerResults tr.normal td.dealers { border-top: 1px solid #ddd; }
    table.dealerResults tr.first td.dealers { border-top: 0 ! important; }
            
    table.dealerResults tr td.map { /*height: 1px; font-size: 1px; line-height: 1px;*/ padding: 0; border-right: 0; }
        table.dealerResults tr td.map div.mapContainer { border: 1px solid #999; font-size:12px; height:auto; line-height:normal; margin:0 0 7px; padding:9px 0 10px 8px; }
            table.dealerResults tr td.map div.mapContainer div.directions { float: right; width: 420px; margin: -13px 3px 0px 0px; }
            table.dealerResults tr td.map div.mapContainer div.map { height: 400px; width: 500px; border: 1px solid #666; }
            
/* Contact Page */
#contactForm { width: 560px; }
div.success { font-size: 14px; background: #e8fad8; border: 1px solid #cce7b4; border-top: 1px solid #6da73a; border-bottom: 1px solid #b2db8e; margin: 5px 0px 0px 0px; }
    div.success div { padding: 15px 10px; font-size: 16px; }

.twocol { width: 100%; }
    .twocol #rightcol { float: right; width: 372px; background: #cac6ba; margin: 1px 0px 0px 12px; border-left: 1px solid #fff; outline: none; }
    #content p { margin: 8px 0px; padding: 0 10px 0px 6px; }
    #content p.center { text-align: center; padding-top: 10px; }
    #content p.center a.small { font-size: 11px; }
    
        
.galleryPage #content { background: #c6c2b3; }
    .galleryPage #content p { margin: 0px 0px 0px 0px; padding: 8px 13px 8px 13px; }
    
    .gallery { font-family: Georgia, "Georgia", Sans-Serif; padding: 2px 0px 0px 5px; }
        .gallery .system { width: 229px; float: left; margin: 0 0 11px 5px; }
            .gallery .system .pic { height: 194px; background: url(/images/gallerypic_bg.gif) no-repeat left top; }
                .gallery .system .pic a { display: block; margin: 8px 0px 0px 8px; float: left; }
                    .gallery .system .pic a img { border: 0; display: block; }
            .gallery .system .title { font-size: 14px; font-weight: bold; color: #444; padding: 0px 0px 3px 5px; }
            .gallery .system .info { font-size: 11px; padding: 0px 0px 0px 5px; }
                #content .gallery .system .info ul { color: #666; list-style-type: none; margin: 0; padding: 0; }
                    .gallery .system .info ul li { list-style-type: none; margin: 0; padding: 0; }
                        .gallery .system .info ul li span.value { color: #333; }
        
.rotator { position: relative; width: 358px; height: 272px; margin: 7px 0px 7px 7px; background: url(/images/feature_pic_1.jpg) no-repeat top left; opacity: 1.0; }
    .rotator .slide-image { position: absolute; top: 0; left: 0; width: 358px; height: 272px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; opacity: 1.0; }
    
#mantelRotator { height: 370px; background-image: url(/images/mantel/feature_pic_1.jpg); opacity: 1.0; }
    #mantelRotator .slide-image { height: 370px; opacity: 1.0; }

/* Generic builder page columns */
.builderPage { background: #fff url(/images/builder_bg.jpg) repeat-y -2px top; width: 100%; }
    .builderPage .col1 { float:left; width: 279px; }
    .builderPage .col2 { margin: 0px 0px 0px 280px; padding: 5px 0px 0px 5px; }
        .builderPage .col2 .frontView { width: 502px; }
        .builderPage .col2 .sideView { float: right; width:158px; }
        .builderPage .col2 .heading { height: 19px; }
            .builderPage .col2 .heading .tab { background:transparent url(/images/builder_tab.gif) no-repeat scroll left top; color:#393939; float:left; font-size:10px; font-weight:bold; padding:3px 16px 3px 5px; }
            .builderPage .col2 .heading a { display: block; float: left; text-decoration: none; margin: 0px 5px; font-size: 11px; outline: none; }
                .builderPage .col2 .heading a:hover { text-decoration: underline; }
            .builderPage .col2 .heading a#linkShowMeasurements { background:transparent url(/images/icon_ruler.gif) no-repeat scroll left 3px; padding:2px 0 0 20px; }
            .builderPage .col2 .heading a#linkSpecifications { background:transparent url(/images/icon_pdf.gif) no-repeat scroll left top; padding:2px 0 0 21px; }
        .builderPage .col2 .viewPane { border: 1px solid #848484; }

/* Generic Builder Page Measurements */
.builderPage .viewPane .measurements { }
    .builderPage .viewPane .measurements .overlay { height: 1000px; width: 100%; background: #fff; opacity: 0.4; filter: alpha(opacity=40); position: absolute; top: 0px; left: 0px; z-index: 1000; }
    .builderPage .viewPane .measurement { height: 0px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1001; }        
        .builderPage .viewPane .measurement .measure_x { background: url(/images/measure_x.gif) no-repeat left 4px; text-align: center; margin: 0 auto; overflow: visible; }
            .builderPage .viewPane .measurement .measure_x .right { float: right; background: url(/images/measure_x.gif) no-repeat right 4px; width: 5px; height: 10px; }
            .builderPage .viewPane .measurement .measure_x .text { font-size: 11px; font-weight: bold; background: #fff; border: 1px solid #333; padding: 0px 3px; }
        .builderPage .viewPane .measurement .measure_y { background: url(/images/measure_y.gif) no-repeat left bottom; text-align: center; width: 10px; height: 50px; }
            .builderPage .viewPane .measurement .measure_y .top, .builderPage .viewPane .measurement .measure_y .topper { background: url(/images/measure_y.gif) no-repeat left top; width: 10px; height: 5px; }
            .builderPage .viewPane .measurement .measure_y .text { font-size: 11px; font-weight: bold; background: #fff; border: 1px solid #333; padding: 0px 3px; white-space: nowrap; }
    
#controls { background: #f9f4ec; margin: 0px; padding-bottom: 20px; } 
    #controls p.intro { padding: 10px; font-size: 11px; }
    #controls h3 { background: url(/images/builder_h3.jpg) no-repeat left top; margin: 1px 5px 5px 10px; padding: 5px 3px 6px 6px; font-family: Georgia; font-size: 12px; font-weight: normal; }
        #controls h3 .number { padding: 0px 10px 0px 0px; color: #fff; }    
    .photoLink { float: right; font-size: 9px; font-family: Verdana; padding:1px 4px 0px 0px; }
        .photoLink a { text-decoration: none; color: #0090ff; }
        .photoLink a:hover { text-decoration: underline; }
    #corbelPhotoLink { padding-right: 12px; }
            
.slider { margin: 0px 0px 5px 10px; background: url(/images/slider_separator.gif) no-repeat center bottom; padding-bottom: 5px; }
.lastSlider { background: 0; margin-bottom: 1px; padding-bottom: 2px; }
    .slider .title { color: #666; font-size: 11px; padding: 0px 0px 0px; display: block; float: left; width: 75px; }
        .slider .title .scale { color: #999; }
    .slider .track { width: 195px; height: 25px; background: url(/images/slider_width.gif) no-repeat left top; margin: 0px 0px 0px 70px; }
    
    .slider .handle { position:relative; left: 20px; width: 15px; height: 14px; background: url(/images/slider_handle.gif) no-repeat left top; }
    
    .slider_plain { width: 267px; }
        .slider_plain .title { width: 82px; }
        .slider_plain .track { width: 140px; height: 20px; background: url(/images/slider.gif) no-repeat left top; margin: 10px 0px 0px 90px; }
        .slider_plain .value { float: right; border: 1px solid #999; background: #fff; font-size: 10px; margin:5px 2px 0 0; padding:0px 0px 3px 0px; width: 30px; text-align: center; }
        .slider_plain .invalid { background: #FF8F8F; color: #666; }
    
    #hoodWidthSlider { background: 0; }
        #hoodWidthSlider .track { height: 36px; }
    #sliderCeilingHeight { background-image: url(/images/slider_height.gif); }
    #sliderHoodWidth { background-image: url(/images/slider_width.gif); }
    
    #sliderFireBoxWidth {  }
    #sliderFireBoxHeight {  }
    #sliderMantelHeight {  }
    #sliderRiserHeight {  }
    #sliderHearthDepth { }
    
    #controls .selectStyle { color:#666666; padding:4px 0 11px 10px; }
    
    #controls .inlays { margin: 0px 0px 5px 11px; background:transparent url(/images/slider_separator.gif) no-repeat center bottom; padding: 0px 0px 8px 0px; }
        #controls .inlays .title { color: #666; font-size: 11px; padding: 3px 0px; display: block; }
            #controls .inlays .title #inlayName { font-weight: bold; }
        #controls .inlays .inlay { float: left; margin: 2px 5px 0px 0px; border:1px solid #999; opacity: 0.7; }
            #controls .inlays .inlay a { outline: none; opacity: 0.6; filter: alpha(opacity=60); }
        #controls .inlays .sel { border-color: #666 ! important; border-bottom-width: 3px; opacity: 1.0; filter: alpha(opacity=100); margin-top: 0px; }
        
    #controls .corbels { margin: 0px 0px 0px 11px; padding: 0px 0px 0px 0px; width: 267px; }
        #controls .corbels .title { color: #666; font-size: 11px; padding: 3px 0px; display: block; }
            #controls .corbels .title #corbelName { font-weight: bold; }
            #controls .corbels .title a#clearCorbel { font-size: 9px; padding: 0px 0px 0px 3px; text-decoration: none; font-family: Verdana, Sans-Serif;  }
                #controls .corbels .title a#clearCorbel:hover { text-decoration: underline; }
        #controls .corbels .corbel { float: left; margin: 2px 5px 0px 0px; }
            #controls .corbels .corbel a { outline: none; opacity: 0.3; filter: alpha(opacity=30); }
        #controls .corbels .sel { margin-top: 0px; }
            #controls .corbels .sel a { opacity: 1.0; filter: alpha(opacity=100); margin-top: 0px; }
            
    #controls #style_select { padding: 2px 0 6px 13px; }
        #controls #style_select .style { float: left; margin: 0px 7px 0px 0px; border: 1px solid #aaa;}
            #controls #style_select .style a { outline: none; opacity: 0.6; filter: alpha(opacity=50); }
        #controls #style_select .sel { border-color: #666 ! important; border-bottom-width: 3px; margin-top: 0px; }
        #controls #style_select .sel a { opacity: 1.0; filter: alpha(opacity=100); }
        
    #controls .checkbox { background:transparent url(/images/slider_separator.gif) no-repeat scroll center bottom; font-size:11px; margin:8px 0 2px 12px; padding:0 0 7px; }
        #controls .checkbox input { vertical-align: -2px; }
        #controls .checkbox span { padding: 0px 3px; }
        
    #controls #paintingCheckField { background: 0; margin-top: 2px; }
    
    #controls .dropdown { margin: 0px 0px 0px 11px; font-size: 11px; }
        #controls .dropdown .title { color: #666; font-size: 11px; padding: 0px 0px 5px; display: block; }
        #controls .dropdown select { width: 200px; }
        
    #controls #corbelChoice { width: 256px; }
    #controls #btnContinue { float: left; margin: 18px 0px 0px 89px; }

#hoodBuilder {}
    #hoodBuilder #frontView { height: 500px; background: #a49d94; position: relative; overflow: hidden; }
        #hoodBuilder #frontView .top { height: 20px; float: left; width: 500px; }
            #hoodBuilder #frontView .top .extension { background: url(/images/extension.jpg) no-repeat center top; margin: 0 auto; width: 100px; height: 0px; border-left: 1px solid #89827b; border-right: 1px solid #89827b; }
            #hoodBuilder #frontView .top .leftcabinet { background: url(/images/counters/cabinet_left.jpg) no-repeat top right; float: left; width: 100px; position:relative; height: 178px; }
            #hoodBuilder #frontView .top .rightcabinet { background: url(/images/counters/cabinet_right.jpg) no-repeat top left; float: right; width: 100px; position:relative; height: 178px; }
            #hoodBuilder #frontView .top .crown { position: relative; background: url(/images/crown/crown_mid.jpg) no-repeat center top; margin: 0 auto; width: 200px; height: 12px; }
                #hoodBuilder #frontView .top .crown .left { position: absolute; height: 12px; width: 8px; background: url(/images/crown/crown_left.jpg) no-repeat left top; }
                #hoodBuilder #frontView .top .crown .right { position: absolute; top: 0px; right: 0px; height: 12px; width: 8px; background: url(/images/crown/crown_right.jpg) no-repeat left top; }
            #hoodBuilder #frontView .top .hood { background: url(/images/hood/hood_9ft_42.jpg) no-repeat center top; margin: 0 auto; width: 200px; }
            #hoodBuilder #frontView .top .canopy { position: relative; background: url(/images/inlays/base_mid.jpg) no-repeat center top; margin: 0 auto; width: 200px; height: 43px; }
                #hoodBuilder #frontView .top .canopy .left { position: absolute; height: 43px; width: 30px; background: url(/images/inlays/base_left.jpg) no-repeat left top; }
                #hoodBuilder #frontView .top .canopy .right { position: absolute; top: 0px; right: 0px; height: 43px; width: 30px; background: url(/images/inlays/base_right.jpg) no-repeat left top; }
                #hoodBuilder #frontView .top .canopy .design { position: relative; top: 12px; left:12px; margin-right: 24px; height: 24px; background: url(/images/inlays/floral_shell.jpg) no-repeat scroll center top; }
                #hoodBuilder #frontView .top .canopy .light { position: relative; top: 19px; left: 0px; height: 130px; background: url(/images/light.jpg) no-repeat scroll center top; }
                #hoodBuilder #frontView .top .canopy .corbelLeft { position: absolute; top: 43px; left: 6px; height: 160px; width: 40px; background-repeat: no-repeat; background-position: left top; }
                #hoodBuilder #frontView .top .canopy .corbelRight { position: absolute; top: 43px; right: 6px; height: 160px; width: 40px; background-repeat: no-repeat; background-position: right top; }
        #hoodBuilder #frontView .counter { height:150px; width: 100%; position:relative; top:300px; background: url(/images/counters/counter_60.jpg) no-repeat center top;  }
            #hoodBuilder #frontView .counter .center .rangetop { height:4px; width: 100%; position: absolute; margin: -4px 0px 0px 0px; background: url(/images/counters/rangetop_60.jpg) no-repeat center top; }
            
        #hoodBuilder #sideView { height: 200px; background: #a49d94; position: relative; overflow: hidden; }  
            #hoodBuilder #sideView .top { height: 20px; float: left; width: 156px; }
            #hoodBuilder #sideView .top .extension { background: url(/images/extension_side.jpg) no-repeat center top; width: 100px; height: 0px; border-left: 1px solid #89827b; margin: 0px 0px 0px 103px; }
            #hoodBuilder #sideView .top .crown { position: relative; background: url(/images/crown/crown_mid.jpg) no-repeat right top; height: 12px; margin: 0px 0px 0px 86px; }
                #hoodBuilder #sideView .top .crown .left { position: absolute; height: 12px; width: 8px; background: url(/images/crown/crown_left.jpg) no-repeat left top; }
            #hoodBuilder #sideView .top .hood { background: url(/images/hood/hood_side_9ft.jpg) no-repeat right top; }
            #hoodBuilder #sideView .top .canopy { position: relative; background: url(/images/inlays/base_mid.jpg) no-repeat center top; height: 43px; margin: 0px 0px 0px 46px; }
                #hoodBuilder #sideView .top .canopy .left { position: absolute; height: 43px; width: 30px; background: url(/images/inlays/base_left.jpg) no-repeat left top; }
                #hoodBuilder #sideView .top .canopy .design { position: relative; top: 12px; left:12px; height: 24px; background: url(/images/inlays/floral_shell.jpg) no-repeat scroll left top; }
                #hoodBuilder #sideView .top .canopy .corbel { position: absolute; top: 43px; height: 160px; width: 156px; left: -46px; background-repeat: no-repeat; background-position: right top; background-image: url(/images/corbels/cb07x25br_side.jpg); }
            #hoodBuilder #sideView .counter { position:relative; top:300px; height: 146px; background: url(/images/counters/counter_side.jpg) no-repeat right top; }

        .arched_hood #frontView .top .hood { background-position: center bottom ! important; }      
        .arched_hood #sideView .top .hood { background-position: right bottom ! important; }      

        .radius_canopy #frontView .top .canopy { }
        .radius_canopy #frontView .top .canopy .left { display: none ! important; }
        .radius_canopy #frontView .top .canopy .right { display: none ! important; }
        .radius_canopy #frontView .top .canopy .design { display: none ! important; }
        .radius_canopy #frontView .top .canopy .light { display: none ! important; }
        .radius_canopy #sideView .top .canopy .design { display: none ! important; }
        .radius_canopy #sideView .top .canopy .left { display: none ! important; }
        
#mantelStyleChoices { list-style-type: none; margin: 0px 0px 10px 18px; padding: 0; }
    #mantelStyleChoices li { list-style-type: none; margin: 0; padding: 3px 0px;  }
        #mantelStyleChoices li span.styleName { float: left; width: 90px; font-weight: bold; }
        #mantelStyleChoices li span.separator { color: #999; padding: 0px 2px; margin: 0px 0px; }
        #mantelStyleChoices li a { text-decoration:none; outline: none; }
        #mantelStyleChoices li a:hover { text-decoration:underline; }
        #mantelStyleChoices li a.selected { font-weight: bold; text-decoration: underline; }
        
#mantelBuilder {}
    #mantelBuilder #frontView { background: #a49d94 url(/images/mantel/light.jpg) no-repeat center top; position: relative; overflow: hidden; }
        #mantelBuilder #frontView .painting { width: 253px; height: 196px; background: url(/images/mantel/painting_front.jpg) no-repeat left center; position: relative; margin: 0 auto; }
        
        #mantelBuilder #frontView .top { position: absolute; bottom: 0; width: 500px; }
            #mantelBuilder #frontView .top .decoration { height: 25px; }
            #mantelBuilder #frontView .top .lintel { z-index: 200; position: relative; background: url(/images/mantel/monaco_lintel.jpg) no-repeat center top; margin: 0 auto; width: 359px; height: 73px; }
                #mantelBuilder #frontView .top .lintel .inlay { position: relative; top: 33px; left:13px; margin-right: 26px; height: 24px; background: url(/images/inlays/floral_shell.jpg) no-repeat scroll center top; }
                #mantelBuilder #frontView .top .lintel .legLeft { position: absolute; top:73px; left: 15px; height: 190px; width: 46px; background: url(/images/mantel/monaco_leg_a.jpg) no-repeat left top; }
                    #mantelBuilder #frontView .top .lintel .legLeft .plinth { position: absolute; top:184px; left: -5px; height: 40px; width: 56px; background: url(/images/mantel/monaco_plinth_a.gif) no-repeat left top; }
                #mantelBuilder #frontView .top .lintel .legRight { position: absolute; top:73px; right: 15px; height: 190px; width: 46px; background: url(/images/mantel/monaco_leg_a.jpg) no-repeat left top;   }
                    #mantelBuilder #frontView .top .lintel .legRight .plinth { position: absolute; top:184px; right: -5px; height: 40px; width: 56px; background: url(/images/mantel/monaco_plinth_a.gif) no-repeat left top; }
            #mantelBuilder #frontView .top .body { background: url(/images/mantel/texture.jpg) no-repeat center bottom; height: 224px; width: 239px; height: 224px; margin: 0 auto; }
                #mantelBuilder #frontView .top .body .filler { height: 224px;  position: relative; overflow: hidden; }
                    #mantelBuilder #frontView .top .body .filler .left { display: none; position: absolute; z-index: 100; height: 300px; width: 20px; background: url(/images/mantel/texture.jpg) no-repeat right bottom; border-right: 1px solid #635e5a; }
                    #mantelBuilder #frontView .top .body .filler .right { display: none; position: absolute; z-index: 100; height: 300px; width: 20px; background: url(/images/mantel/texture.jpg) no-repeat left bottom; right: 0px; border-left: 1px solid #635e5a;  }
                    #mantelBuilder #frontView .top .body .filler .topfiller { position: relative; z-index: 150; height: 73px; background: url(/images/mantel/monaco_top_filler_a.jpg) no-repeat center bottom; border-bottom: 1px solid #999; }
                    #mantelBuilder #frontView .top .body .filler .firebox { position:relative; height: 150px; width: 219px; background: #000 url(/images/mantel/firebox.jpg) no-repeat center bottom; margin: 0 auto; overflow: hidden; border: 1px solid #635e5a; }
                        #mantelBuilder #frontView .top .body .filler .firebox .fireboxLeft { position: absolute; height: 150px; width: 31px; background: url(/images/mantel/firebox_left.jpg) no-repeat right bottom; }
                        #mantelBuilder #frontView .top .body .filler .firebox .fireboxRight { position: absolute; right: 0px; height: 150px; width: 31px; background: url(/images/mantel/firebox_right.jpg) no-repeat left bottom; }
                    #mantelBuilder #frontView .top .body .filler .bottomFiller { position:relative; z-index: 1; height: 50px; width: 239px; background: url(/images/mantel/texture.jpg) no-repeat center top; border-top: 1px solid #635e5a; }
                    
            #mantelBuilder #frontView .top .hearth { position: relative; background: url(/images/mantel/hearth_mid.jpg) no-repeat center top; margin: 0 auto; width: 359px; height: 11px; }
                #mantelBuilder #frontView .top .hearth .left { position: absolute; height: 11px; width: 101px; background: url(/images/mantel/hearth_left.jpg) no-repeat left top; }
                #mantelBuilder #frontView .top .hearth .right { position: absolute; top: 0px; right: 0px; height: 11px; width: 101px; background: url(/images/mantel/hearth_right.jpg) no-repeat left top; }
            #mantelBuilder #frontView .top .riser { height: 60px; width: 357px; background: url(/images/mantel/riser_bg.jpg) no-repeat right bottom; border: 1px solid #635e5a; border-bottom: 0; margin: 0 auto; }
                #mantelBuilder #frontView .top table { height: 100%; display: inline-table; }
                #mantelBuilder #frontView .top table tr td { border-right: 1px solid #c5bcb1; width: 25%; }
                #mantelBuilder #frontView .top table tr td.col_4 { border: 0; }
                
    #mantelBuilder #sideView { background: #a49d94; position: relative; overflow: hidden; }
        #mantelBuilder #sideView .painting { width: 156px; height: 196px; background: url(/images/mantel/painting_side.jpg) no-repeat right center; position: relative; }
        #mantelBuilder #sideView .top { position: absolute; bottom: 0; width: 156px; }
            #mantelBuilder #sideView .top .decoration { height: 25px; }
            #mantelBuilder #sideView .top .lintel { position: relative; background: url(/images/mantel/monaco_lintel_side.jpg) no-repeat right top; width: 156px; height: 73px; }
                #mantelBuilder #sideView .top .lintel .inlay { position: relative; top: 33px; left:99px; height: 24px; background: url(/images/inlays/floral_shell.jpg) no-repeat scroll left top; }
            #mantelBuilder #sideView .top .leg { position: relative; background: url(/images/mantel/monaco_leg_a_side.jpg) no-repeat right top; width: 156px; height: 184px; }
            #mantelBuilder #sideView .top .plinth { position: relative; background: url(/images/mantel/monaco_plinth_a_side.jpg) no-repeat right top; width: 156px; height: 40px; }
            #mantelBuilder #sideView .top .hearth { float: right; background: url(/images/mantel/hearth_left.jpg) no-repeat left top; width:100px; height: 11px; }
            #mantelBuilder #sideView .top .riser { float: right; background: url(/images/mantel/riser_side.jpg) left top; width:100px; height: 60px; border-top: 1px solid #635e5a; }
                
#rulerMantelHeight .text { margin-left:-12px; margin-top:-5px; float:left; }                
#rulerSideLintel { float: right; }
    #rulerSideLintel .text { margin-left: 5px; }
                
#rulerInlayHeight .text { margin-left:-12px; margin-top:-5px; float:left; }
#rulerSystemHeight { float: right; } 
#rulerSystemHeight .text { margin-left:-16px; float:left; }
#rulerFloorHeight { float: right; } 
#rulerFloorHeight .text { margin-left:-16px; float:left; }
#rulerSideBottom { margin: 0; }
#rulerSideInlayBottom { margin: 0; }
    
#attachmentList ul { list-style-type: none; margin: 8px 0 0px 2px; }
    #attachmentList ul li { list-style-type: none; background: transparent url(/images/icon_pdf.gif) no-repeat scroll left top; font-size:11px; padding:1px 0 5px 20px; }
    
#parts { padding: 0px 0px 5px 1px; }
#parts table { width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
    #parts table caption { padding: 10px 0 5px 0; font: italic 11px Verdana, Arial, Helvetica, sans-serif; text-align: left; }
    #parts table .center { text-align: center; }
    #parts table tr { }
        #parts table tr th { font: bold 11px Verdana; color: #fff; border-right: 1px solid #CAC6BA; border-bottom: 1px solid #CAC6BA; border-top: 1px solid #CAC6BA; text-align: left; padding: 5px 3px 5px 5px; background: #7F705D; }
        #parts table tr td { border-right: 1px solid #CAC6BA; border-bottom: 1px solid #CAC6BA; background: #fff; padding: 3px 5px 3px 5px; color: #333; }        
            #parts table tr sup { vertical-align: baseline; font-style: italic; font-weight: bold; color: #333; }        
        #parts table tr.alt td { background: #fbf8f2; color: #333; }        
    #parts table tr td.notes { font-size: 10px; font-weight: normal; text-align: center; }
        #parts table tr td.notes .optional { font-weight: bold; font-style: italic; }

#noteList ul { list-style-type: none; }
    #noteList li { list-style-type: none; color:#666666; font-size:10px; font-style:italic; padding:5px 10px 3px 0px; text-indent: 5px; }
    #noteList li sup { font-weight: bold; vertical-align:baseline; color: #333; }
    
table.gallery { margin:0px 0px 0px 10px; width:445px; border-collapse: collapse; border: 0; }
    table.gallery tr { }
        table.gallery tr td { text-align:center; vertical-align:middle; width: 33.33%; padding: 6px 0px; }
            table.gallery tr td a { outline: none; }
                table.gallery tr td a img { border: 4px solid #fff; }
                
                
#printInstructions { float: right; width: 400px; color: #ff6839; font-size: 10px; padding: 4px 0px 0px 0px; font-style: italic; }
    #printInstructions #expandedInstructions { background: #fff7cb; border: #999; padding: 5px 5px 0px 5px; margin: 5px 0px 0px 0px; border: 1px solid #999; position: absolute; z-index: 100; color: #333; width: 388px; font-style: normal; }
        #printInstructions #expandedInstructions h5 { font-size: 12px; margin: 0px 0px 3px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #999; }
        #printInstructions #expandedInstructions ol { margin: 0px 0px 8px 23px; padding: 0px 0px 0px 0px; }
            #printInstructions #expandedInstructions ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
    
    
#finalInstructions { padding: 0px 0px 0px 10px; font-size: 11px; }
    #finalInstructions p { padding: 3px 0px 2px 0px; }
    #finalInstructions p strong { font-weight: bold; font-style: italic; color: #333; }
    #finalInstructions p .finalButton { display: block; margin: 3px 0px 0px -2px; }


/* Lightview CSS */
#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #efefef;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}



/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */