@charset "UTF-8";
/* CSS Document */
/* Site Build for Vision Blinds */


* { margin: 0; padding: 0 }
body { background-color:#f8f3ed; font-size:62.5%; font-family:Geneva, Verdana, sans-serif; }
ul { font-family:Geneva, Verdana, sans-serif; font-size: 1em; line-height: 1.8em; }
a { color: #00b1ff; text-decoration:none; }
a:hover { text-decoration: underline; }
a img { border: none; outline: none; }
.news-signup { margin-top:20px;}
#wrapper { margin:0 auto 70px auto; width: 900px; overflow: hidden; padding: 0; min-height: 1000px; }
#headsection { height: 90px; width: 900px; float: left; }
.boxruler { background: url(images/box-ruler.gif) repeat-x; width: 170px; height: 2px; margin: 12px 0 12px 0; }
#middlecol ul li { list-style:inside url(images/bullet.gif); margin: 0 0 0 20px; padding: 0 0 5px 0; }
#footnav { width: 900px; text-align: center; margin: 0 auto; }
#footer a { color: #00b1ff }
#footer { color:#f89d3b }
#footnav li { display: inline; color: #fff; }
#footnav a { color: #fff; }
#footer li { color: #fff; text-transform: uppercase; text-decoration: none; border-right: 1px solid #FFF; padding: 0 5px 0 5px }
#iframe iframe { border: none; margin: 10px 0 10px 0; }
iframe { border: none; }
#blindimage { background: url(images/blind-images.jpg) no-repeat; width: 220px; height: 254px; float: right; }
#imageplace { float: left; height:254px; width: 680px; overflow: hidden; }
#headstuff { width: 900px; height: 254px; float: left; }
/* Text Styles */
.uppercase { text-transform:uppercase; }
.numberstyle { text-transform:uppercase; font-weight: normal; padding-right: 5px; }
.size { font-size: 1.6em; }
.heading { text-transform: uppercase; color:#fff; font-size: 1.4em; }
.heading2 { color: #381c01; font-size: 1.4em; padding: 0 0 5px 0 }
#miniform p { color: #fff; font-size: 1.2em; margin-bottom: 10px; line-height: normal; padding: 0; }
p { color: #381c01; padding: 5px 0 10px 0; line-height: 1.8em; text-align: justify; font-size:1.1em; }
h1, h2, h3, h4, h5 { color: #381c01; font-size: 1.6em; }
#rightcol .heading3 { color: #f89d3b; font-size: 1.6em; margin: 0; }
#rightcol .heading4 { color:#fff; font-size: 1.2em; margin: 0 0 15px 0; }
#rightcol p { color: #fff; margin-bottom: 10px; line-height: 1.8em; padding: 0; }
#rightcol a { color: #00b1ff; text-decoration: none; }
#rightcol a:hover { text-decoration: underline; }
#footnav .end { border-right: none; }
.testis { color: #00b1ff; margin: 0; padding: 20px 0 0 0; font-size: 1.4em; }
.pstyle { text-align: left; color: #00b1ff }
.hsize { font-size: 0.8em; color:#f89d3b; }
.bluetext {color: #00b1ff;}
/* Head Section */

#headsection { height: 110px; width: 900px; position: relative }
#headsection .pstyle { color: #371b00; position: absolute; right: 0; bottom: 0; font-size: 1.2em; font-weight: bold; }
#headsection img { position: absolute; left: 0; bottom: 5px; }
/* Nav */

#nav { width:900px; height: 50px; float: left; }
#nav li { display: inline; list-style:none; list-style-position:outside; float: left; }
#nav li a { display: block; background: url(./images/blinds-sprite.jpg) no-repeat; height: 35px; color: #fff; text-decoration: none; font-size: 1.2em; padding: 15px 0 0 0; text-align: center; }
#nav li#nav-home a { width: 64px; }
#nav li#nav-home a:hover { background-position: 0 -50px; }
.home #nav li#nav-home a { background-position: 0 -50px; }
#nav li#nav-blinds a { width: 70px; }
#nav li#nav-blinds a:hover { background-position: 0 -50px; }
.blinds #nav li#nav-blinds a { background-position: 0 -50px; }
#nav li#nav-con a { width: 158px; }
#nav li#nav-con a:hover { background-position: 0 -50px; }
.con #nav li#nav-con a { background-position: 0 -50px; }
#nav li#nav-per a { width: 95px; }
#nav li#nav-per a:hover { background-position: 0 -50px; }
.per #nav li#nav-per a { background-position: 0 -50px; }
#nav li#nav-manu a { width: 124px; }
#nav li#nav-manu a:hover { background-position: 0 -50px; }
.manu #nav li#nav-manu a { background-position: 0 -50px; }
#nav li#nav-awn a { width: 82px; }
#nav li#nav-awn a:hover { background-position: 0 -50px; }
.awn #nav li#nav-awn a { background-position: 0 -50px; }
#nav li#nav-fur a { width: 110px; }
#nav li#nav-fur a:hover { background-position: 0 -50px; }
.fur #nav li#nav-fur a { background-position: 0 -50px; }
#nav li#nav-test a { width: 108px; }
#nav li#nav-test a:hover { background-position: 0 -50px; }
.test #nav li#nav-test a { background-position: 0 -50px; }
#nav li#nav-contact a { width: 89px; }
#nav li#nav-contact a:hover { background-position: 0 -50px; }
.contact #nav li#nav-contact a { background-position: 0 -50px; }
/* Sub Head */

#subhead { width: 900px; height: 350px; float: left; background: #eedfcc; position:relative }
#testimonial { width: 208px; height: 343px; float: left; background: #FAF5F1 url(images/test-bg.gif); border: 1px solid #eedfcc; }
#flash { height:345px; width: 690px; float: left }
#intflash { width:680px; height:245px; float: left;}
/* Index */
#miniform { background: #eedfcc url(images/contactform-bg.gif) repeat-x; padding: 10px 20px 20px 20px; width: 170px; height: 200px; float: right; margin-bottom: 5px; }
#rightcol { background: #371b00 url(images/perfectfit-bg.gif) repeat-x; padding: 20px; width: 170px; float: right; position: relative; }
#news { padding: 20px 20px 20px 20px; width: 170px; height: 500px; float: left; clear: left; background: url(images/news-bg.gif) repeat-x #F8F3ED; }
#middlecol { width: 440px; overflow:hidden; padding: 20px; float: left; }
#leftcol { width: 210px; overflow: hidden; float: left; background: #eedfcc; }
#louvolite { width:170px; height: 45px; }
#footer { width: 100%; overflow: hidden; height: 100%; background:url(images/foot-bg.gif) repeat-x; text-align: center; margin: 0 auto; padding: 10px 0 10px 0; }
#footer p { text-align: center; color: #fff; }
#middlecol #liststyle { width: 220px; overflow: hidden; list-style:inside url(images/bullet.gif); margin-bottom: 20px; padding: 0 0 5px 0; float:left; line-height: 1.8em; }
#left-inside #liststyle { width: 644px; list-style:inside url(images/bullet.gif); padding: 0 0 5px 0; margin-bottom: 20px; float:left; line-height: 1.8em; }
#middlecol #liststyle2 { width: 220px; overflow: hidden; list-style:inside url(images/bullet.gif); padding: 0 0 5px 0; margin-bottom: 20px; float:left; }
#middlecol #ul { margin-bottom: 20px; }
#middlecol #liststyle2 li { list-style-position: outside; }
.note { background: url(images/note-paper.jpg) no-repeat; width: 190px; height: 500px; padding: 60px 30px 30px 30px; float: left; margin-left: 30px; }
.note p { margin-top: 10px; float: left; padding: 0; width: 190px; clear: left; }
.note1 { background: url(images/note-paper-half.jpg) no-repeat; width: 190px; height: 323px; padding: 60px 30px 30px 30px; float: left; margin-left: 20px; }
.note1 p { margin-top: 10px; }
.note3 { background: url(images/note-paper-wide.jpg) no-repeat; width: 400px; height: 500px; padding: 60px; float: left; margin-left: 30px; }
.note3 p { clear: left; }
.note4 { background: url(images/note-paper-half-1.jpg) no-repeat; width: 185px; height: 203px; padding: 40px 60px 60px 60px; float: left; margin-left: 30px; }
.note4 p { clear: left; }
.note5 { background: url(images/note-paper-half-1.jpg) no-repeat; width: 185px; height: 203px; padding: 40px 60px 60px 60px; float: left; margin-left: 30px; }
.note5 p { clear: left; }
.note6 { background: url(images/note-paper-half-1.jpg) no-repeat; width: 185px; height: 203px; padding: 40px 60px 60px 60px; float: left; margin-left: 30px; }
.note6 p { clear: left; }
#contactlist { list-style: none; line-height: 1.8em; font-size: 1.2em; }
/* Blinds Pages */
#contact-right { overflow: hidden; float: right; width: 340px; margin-top: 50px; }
#contact-inside { width: 450px; overflow: hidden; padding: 20px; float: left; }
#left-inside img { padding: 0 4px 0 4px; }
#left-inside { width: 644px; overflow: hidden; padding: 20px; float: left; }
#right-inside { width: 216px; overflow: hidden; float: left; }
/* Contact Form */

#callback { width: 170px; }
.formstyle { margin: 0 0 10px 0; width: 164px; }
.formstylesubmit { text-align: right; color: #fff; background: none; border: none; float: right; outline: none; }
.formstylesubmit:hover { color: #000; }
.formstyle3 { width: 440px; height: 20px; border: 1px solid #eedfcc; }
.formstyle2 { width: 440px; height: 150px; border: 1px solid #eedfcc; }
#left-inside form p a { color: #00b1ff; float: left; }
.p2 { font-size: 1.4em; color:#f89d3b; }
.formstylesubmit1 { text-align: left; float: left; text-transform: uppercase; color: #000; border: none; background: #F8F3ED }
.formstylesubmit1:hover { color: #eedfcc; }
#captcha { float: left; }
/* Contact Process */
#center-process { width:860px; overflow: hidden; padding: 20px; float: left; text-align: center; }
#center-process a img { margin: 20px 0 20px 0; }
#center-process a { color: #00b1ff; }
/* Jquery Slider Styles */
#products { margin: 15px 0 0 0; height: 330px; width: 206px; background: url(images/background-test.jpg) no-repeat; overflow: hidden; }
.infiniteCarousel { text-align: left; width: 188px; position: relative; left: 0; right: 0; margin: 0 }
/* Mask */
.infiniteCarousel .wrapper { top:-20px; left: 0; width: 206px; height: 300px; position: absolute; margin-left: auto; margin-right: auto; }
.infiniteCarousel a { color:#00b1ff; font-size: 0.7em; float: left; clear:left; }
.infiniteCarousel p { font-size: 1.4em; color: #505050; text-decoration: none; line-height: 1.8em; height: 200px; width: 150px; text-align: left; float:left; }
.infiniteCarousel .pstyle { color: #999; }
.infiniteCarousel h3 { padding: 0 0 10px 0; }
.infiniteCarousel .wrapper ul { overflow: hidden; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding: 0; position: absolute; top: 75px; left: 0 }
.infiniteCarousel ul li { display:inline; float:left; width: 175px; padding: 0 0 0 35px; }
.name { color:#f89d3b; font-size: 1em; float: left; clear: left; }
/* The Nivo Slider styles */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:30px; background:#000; color:#fff; width:100%; z-index:89; }
.nivo-caption p { padding:5px 5px 5px 10px; margin:0; color: #fff; text-transform: uppercase; font-size: 1.4em; }
.nivo-caption a { display:inline !important; color: #00b1ff }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:999; cursor:pointer; }
.nivo-prevNav { left:0; width: 50px; height: 50px; text-indent: -9999px; }
.nivo-nextNav { right:0px; width: 50px; height: 50px; text-indent: -9999px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { position: absolute; top: 255px; left: 0; }
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; top: 0; background: url(images/normal-btn.gif) no-repeat; width: 12px; height: 12px; display: block; float: left; margin-right: 5px; text-indent: -9999px; }
.nivo-controlNav a.active { font-weight:bold; background: url(images/active-btn.gif) no-repeat; width: 12px; height: 12px; }
#slider { position: relative; overflow: hidden; float: left; clear: left; height:275px; width: 680px; z-index:100 }
.home #slider { height:345px; width:690px; float:right }
/* Direction nav styles (e.g. Next & Prev) */
.home .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.home .nivo-prevNav { left:-25px; z-index: 1; }
.home .nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.home .nivo-controlNav { position: absolute; top: 332px; left: 0; }
.home .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; top: 0; background: url(images/normal1-btn.gif) no-repeat; width: 12px; height: 12px; display: block; float: left; margin-right: 5px; text-indent: -9999px; }
.home .nivo-controlNav a.active { font-weight:bold; background: url(images/active1-btn.gif) no-repeat; width: 12px; height: 12px; }
#bodycontents { width: 900px; overflow: hidden; float: left; }
/* Jquery Boxes */
#bodycontents .tabs { width: 644px; overflow: hidden; float: left; background: #f8f3ed; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 100%; }
ul.tabs li { margin: 0; padding: 0; float: left; height: 31px; line-height: 31px; margin-bottom: -1px; /* Gives the effect of the unactive tabs
being behind the tab content */ overflow: hidden; position: relative; background: #f8f3ed; }
ul.tabs li a { text-decoration: none; color: #381c01; display: block; font-size: 1.2em; padding: 0 20px 0 0; outline: none; font-family:Geneva, Verdana, sans-serif; }
ul.tabs li a:hover { color: #00b1ff; }
html ul.tabs li.active { /* Active tab connected to the tab container*/ background: #f8f3ed; }
.tab_container { border: none; border-top: none; overflow: hidden; clear: both; float: left; width: 644px; background-color: #f8f3ed; margin-bottom:25px; }
.tab_content { padding: 20px; font-size: 1.0em; color:#989898; }
/*
 * jQuery UI Slider @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
#positionmiddle { text-align: center; margin: 0 auto; background: #372208; }
/* Wordpress */

.wpmain { width: 216px; overflow: hidden; float: left; margin: 30px 0 0 0; }
.wpfooter { }
.wpside { width: 644px; overflow: hidden; padding: 20px; float: left; }
.wpmain404 { width: 900px; float: left; margin: 0 0 20px 0; }

#numbersnew {width: 900px; height: 50px; float: left; text-align: justify;}
#numbersnew p {}
#numbersnew .size { font-size: 1.1em; padding: 0 20px 0 0;}
#numbersnew .numberstyle {font-weight: bold; padding: 0 0 0 20px;}