@charset "UTF-8";
/* CSS Document */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

div#flash { background:#FFFFFF; }
body { font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:22pt; color:#333; margin:0 0 0 0; }
p { font-size:16pt; color:#555; margin:0 0 0 0; }
a:link, a:visited { color:#FF3300; }
a:hover, a:active { color:#333; }
.error, .error p, .error ul li { color:#ff0000; font-weight:bold; }
div#prevButton { float:left; width:176px; }
div#nextButton { float:right; width:176px; }
div#prevButton a:link,div#prevButton a:visited { background:url(../images-alt/btn_Previous.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
div#prevButton a:hover,div#prevButton a:active { background-position:top left; }
div#nextButton a:link,div#nextButton a:visited { background:url(../images-alt/btn_Next.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0; }
div#nextButton a:hover,div#nextButton a:active { background-position:top left; }
li#btnEmail a:link,li#btnEmail a:visited { background:url(../images-alt/btn_Email.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnEmail a:hover,li#btnEmail a:active { background-position:top left; }
li#btnShare a:link,li#btnShare a:visited { background:url(../images-alt/btn_Share.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnShare a:hover,li#btnShare a:active { background-position:top left; }
li#btnSave a:link,li#btnSave a:visited { background:url(../images-alt/btn_Save.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnSave a:hover,li#btnSave a:active { background-position:top left; }
li#btnPrint a:link,li#btnPrint a:visited { background:url(../images-alt/btn_Print.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnPrint a:hover,li#btnPrint a:active { background-position:top left; }
li#btnPrint2 a:link,li#btnPrint2 a:visited { background:url(../images-alt/btn_Print.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnPrint2 a:hover,li#btnPrint2 a:active { background-position:top left; }

li#btnSearch a:link,li#btnSearch a:visited { background:url(../images-alt/btn_Search.jpg) no-repeat bottom left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnSearch a:hover,li#btnSearch a:active { background-position:top left; }

/*btnOptions*/
li#btnOptions a:link,li#btnOptions a:visited { background:url(../images-alt/btn_Options.jpg) no-repeat top left; width:176px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
li#btnOptions a:hover,li#btnOptions a:active { background-position:bottom left; }

a#btnCreateYourOwn:link, a#btnCreateYourOwn:visited { background:url(../images-alt/btn_CreateYourOwn.jpg) no-repeat bottom left; width:176px; margin-top:15px; height:51px; text-indent:-9999px; font-size: 0; display:block; line-height: 0;}
a#btnCreateYourOwn:hover,a#btnCreateYourOwn:active { background-position:top left; }

a#btn_designyourown:link { position:absolute; bottom:40px; left:5px; }

div.clearBoth { clear:both; }
div#modelInteriorImageArea img:hover { /*border:#CCC 2px solid;*/ }
div#modelInteriorImageArea a { border:none; }
div#modelInteriorImageArea a img { border:none; }
div#btnZoomContainer { position:absolute; bottom:0px; right:0px; background:#333333; text-align:center; color:#FFFFFF; padding:5px; width:100px; height:20px; }
div#btnZoomContainer a#btnZoom:link,div#btnZoomContainer a#btnZoom:visited { color:#FFFFFF; }
div#btnZoomContainer a#btnZoom:hover,div#btnZoomContainer a#btnZoom:active { color:#FF0000; }
.underConstruction { font-size:12pt; }


html ul#optionsDisplayList { margin:0 0 5px 0; padding:0; }
html ul#optionsDisplayList li { font-size:12px; color:#555; margin:0 0 0 15px; padding:0;  }
html div#optionsContainer p { margin:0; padding:0; }

.imageCaption { font-size:12px; color:#333333; text-align:center; margin:0 0 15px 0; }
.greenBg { background:#009900; }


div#prevButton {  /*margin-top:150px;*/ position:absolute; bottom:20px; left:20px;  }
div#nextButton { /*margin-top:150px;*/ position:absolute; bottom:20px; right:20px;  }

a#startOverBtn:link, a#startOverBtn:visited { background:url(../images-alt/btn_StartOver.jpg) no-repeat bottom left; width:87px; height:25px; text-indent:-9999px; font-size: 0; display:block; line-height: 0; float:left; margin:5px 15px 0 0; }
a#startOverBtn:hover, a#startOverBtn:active { background-position:top left; }

div#stepProgress { position:relative; width:540px; margin:0 auto 50px auto; }
div#stepProgress img { float:left; width:430px; }

.clearBoth { clear:both; }

a#btnSelect:link,a#btnSelect:visited { background:url(images-alt/btn_Select.jpg) no-repeat bottom left; width:132px; height:38px; text-indent:-9999px; font-size: 0; display:block; line-height: 0; }
a#btnSelect:hover,a#btnSelect:active { background-position:top left; }

/*----------------- END ORigninal styles ------------------------------ */






/*---- General styles ------ */
* { margin:0; padding:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

body { font-family:Arial, Helvetica, sans-serif; }
a:link,a:visited { color:#F30; }
a:hover,a:active { color:#999; }
/*a:link.btn1,a:visited.btn1 { width:135px; display:block; border:1px solid #ccc; padding:5px; background:#d4aa60; color:#fff; font-weight:bold; text-align:center; }
a:hover.btn1,a:active.btn1 { background:#f1f1f1; color:#333; }
*/
a:link.btn1,a:visited.btn1 { width:135px; height:25px; display:block; background:url(../images/btn_bg_new.jpg) repeat-x top left; color:#fff; font-weight:bold; text-align:center; text-decoration:none; padding:5px 0 0 0;  }
a:hover.btn1,a:active.btn1 { background-position:bottom left; }

#sidebar a:link.btn1,a:visited.btn1 { width:174px; }
/*
#sidebar a:link.btn1step4installation, #sidebar a:visited.btn1step4installation { width:174px; padding:5px 0px 0px 0px; margin:9px 0 9px 5px; background:url(../images/btn_bg_installation.jpg) repeat-x top left;}
#sidebar a:hover.btn1step4installation, #sidebar a:active.btn1step4installation { background-position:bottom left; }
*/
#sidebar a:link.btn1step4installation, #sidebar a:visited.btn1step4installation { width:174px; height:40px; padding:20px 0px 0px 0px; margin:9px 0 9px 5px; background:url(../images/btn_bg_installation_big.jpg) repeat-x top left;}
#sidebar a:hover.btn1step4installation, #sidebar a:active.btn1step4installation { background-position:bottom left; }

div#wrapper { width:955px; height:770px; margin:0 auto; background:url(../images/vis-bg.jpg) no-repeat #ffffff; overflow:hidden; overflow-y:hidden; overflow-x:hidden; -ms-overflow-x:hidden; -ms-overflow-y:hidden; }
div#header { height:95px; }
div#content { width:675px; float:right; margin:0 37px 0 0; }
div#sidebar { position:relative; width:183px; height:660px; float:left; padding:5px; border:1px solid #999; margin:0 0 0 37px;  }
div#sidebar div#sidebarinnercontainer { background:#ffffff; height:100%; }
div#contentMain { height:500px; width:665px; padding:5px; border:1px solid #999; margin:0 0 10px 0; }
div#contentMain img { background:#ffffff; }
div#interiorImageArea { width:500px; height:500px; }
div#contentMain div#interiorImageDisplay img { border:none; width:500px; height:500px; }

div#contentMain img.step2default { background:#ffffff; width:665px; height:505px; }
div#contentMainInnerContainer { background:#FFF; height:100%; }
div#contentSubReadout { width:675px; height:148px; padding:0 0 0 0; border:1px solid #999; margin:0 0 0 0; position:relative; }
div#contentSubReadout div#contentSubReadoutInnerContent { background:#ffffff; height:100%; position:relative; }

.clearBoth { clear:both; }
/*---- END General styles ------ */


/* ---- Readout Selection info ------------*/
div.subCol { width:210px; /*height:138px;*/ float:left; margin:10px 0px 0 0;padding-left:10px; /*background:url(../images/bg-line-subCol.jpg) no-repeat right top;*/ }
div.subCol h3 { font-size:13px; }
div.subCol { font-size:12px; }
div.subCol table.subColTable { /*height:100px;*/ }
div.subCol table.subColTable td { padding:0 2px; }
div.subCol table.subColTable tr { padding:0; }
div.subCol table.subColTable td.tableleftcol { width:130px; }
div.subCol table.subColTable td.tablerightcol { width:130px; }

div#contentSubReadout div.readoutItem { margin:0 0 3px 0; }
div#contentSubReadout div.readoutItemHeading { width:250px; margin:5px 0 5px 0; font-weight:bold; color:#111; font-size:12px; }
div#contentSubReadout div.readoutItemHeading div.readoutTitle { width:120px; text-align:right; font-weight:bold; color:#333; font-size:12px;  }
div#contentSubReadout div.readoutItem div.readoutTitle { width:37px; text-align:right; float:left; font-weight:bold; color:#444; font-size:12px;  }
div#contentSubReadout div.readoutItem div.redoutInput { width:150px; text-align:left; float:left; color:#777; font-size:12px; padding:0 0 0 5px; }

div.subCol2 { width:420px; /*height:138px;*/ float:left; margin:15px 0px 0 0; background:none; }
div#contentSubReadout div.subCol2 div.readoutItem { width:420px; margin:0 0 3px 0; }
div#contentSubReadout div.subCol2 div.readoutItem div.readoutTitle { width:90px;  line-height:1; }
div#contentSubReadout div.subCol2 div.readoutItem div.redoutInput { width:320px; text-align:left; float:left; color:#777; font-size:12px; padding:0 0 0 5px; line-height:1; }


div#optionReadoutArea { margin:0px 0 0 0; padding:0px 0 0 0; }

div#selectedReadout { width:200px; float:left; /*height:20px;*/ position:relative; }
div#selectedReadout p { font-size:11px; margin:0 0 10px 0; }
div#readoutFooter p { font-size:11px; color:#777; text-align:center; position:absolute; bottom:5px; left:130px; }

/*div#contentSubReadout div#msrpReadoutSection { position:absolute; bottom:5px; left:15px; font-size:11px; line-height:1; color:#777; padding:5px; }*/
/*div#contentSubReadout div#msrpReadoutSection { margin:5px 0 0 15px; font-size:11px; line-height:1; color:#777; padding:0px; }*/

/*
div#contentSubReadout div#msrpReadoutSection { position:absolute; bottom:23px; left:15px; font-size:11px; line-height:1; color:#777; padding:5px; }
div#contentSubReadout div#socialFooterLinks { position:absolute; bottom:1px; left:18px;}
*/

div#contentSubReadout div#readoutSectionColorDisclaimer { position:absolute; bottom:15px; left:15px; font-size:11px; line-height:1; color:#777; padding:5px; width:640px; }
div#contentSubReadout div#msrpReadoutSection { position:absolute; bottom:1px; left:15px; font-size:11px; line-height:1; color:#777; padding:5px; width:640px; }
div#contentSubReadout div#socialFooterLinks { position:absolute; bottom:8px; left:435px; width:226px; height:25px; display:none;}

/* --- END Readout Selection info ------------*/

/*---- STEP 2 styles ------*/
ul#interiorTypeList { list-style-type:none; }
ul#interiorTypeList li { margin:0px 0 0 0; height:165px; padding:15px 0 15px 0; border-bottom:1px dashed #ccc; }
ul#interiorTypeList li.last { border:none; }
ul#interiorTypeList li a img { border:none; }
ul#interiorTypeList li a { text-decoration:none; }
ul#interiorTypeList li p { text-decoration:none; color:#777; font-size:12px; margin:0 0 5px 0; }
ul#interiorTypeList li div.interior_type_icon { width:110px; height:110px; margin:0 auto;}
ul#interiorTypeList li div.interior_type_desc { width:150px; margin:0 auto; text-align:center; }
ul#interiorTypeList li div.interior_type_desc a.btn1 { width:100px; margin:5px auto; }
.designinfoselectedBtn { margin:0px 0 0 0; }

/* ----END STEP 2 styles ---- */

/*---- STEP 3 styles ------*/
#accordion div.ui-accordion-content { margin:0; padding:15px 0 0 0; }
#accordion p { font-size:11px; }
#accordion h3.ui-accordion-header a { font-size:15px; }

#interiorImageDisplay { position:relative; height:100%; background:#fff; }
#interiorImageDisplay a img { cursor:url(/interiorselector/images/magnifyglass.cur), pointer; border:none; }
/*#interiorImageDisplay a img { cursor:url(../images/magnifyglass.cur), pointer; border:none; }*/

div#contentMain ul#colorSchemeSubImages li a img { border:none; }

ul.interiorThumbs { list-style-type:none; margin:0 0 0 30px; padding:0; width:135px; height:460px; overflow-y:auto; overflow-x:hidden; -ms-overflow-x:hidden; -ms-overflow-y:auto; }
ul.interiorThumbs li { margin:0 0 15px 0; padding:0; position:relative; }

ul.interiorThumbs li a { text-decoration:none; font-weight:bold; color:#333333; display:block; font-size:11pt; }
ul.interiorThumbs li a img { border:3px solid #CCC; width:86px; }
ul.interiorThumbs li a img:hover { border:3px solid #333; }
ul.interiorThumbs li a div.title { width:100px; margin:0 0 0 0; }

#sidebarAccordionContainer { padding:5px 5px 0 5px; }

ul#colorSchemeSubImages { position:absolute; bottom:35px; right:35px; list-style-type:none; z-index:15; }
ul#colorSchemeSubImages li { float:left; margin:0 5px 0 0; background:#FFF; }
ul#colorSchemeSubImages li a:link, ul#colorSchemeSubImages li a:visited { display:block; border:1px solid #555; padding:2px; }
ul#colorSchemeSubImages li a:hover, ul#colorSchemeSubImages li a:active { border:1px solid #888; }
#mediaArea { position:absolute; z-index:102; top:0px; left:0px; }

a:link.btn1,a:visited.btn1 { width:223px; text-decoration:none; margin:5px 0 5px 5px; }
#interiorImageArea {  position:relative; width:450px; float:left; height:450px; }
#interiorImageAreaNoSelection { position:relative; }
div#modelInteriorImageArea img { border:none; }
div#modelInteriorImageArea a { border:none; }
div#modelInteriorImageArea a img { border:none; }

div#buttons { position:absolute; top:500px; left:5px; }
/* ----END STEP 3 styles ---- */







div.contentInnerContainer { margin:30px 0 0 0; border:1px solid #999; padding:5px; width:730px; }
div.contentInnerContainer div.contentInnerContainerContent { background:#fff; padding:15px; }


/*---- Featured area -----*/
#featuredArea { width:158px; margin:0 0 0 5px; height:500px; float:left; background:#fff; }
#featuredArea h1 { font-size:13px; }
#featuredArea p { font-size:11px; }
#featuredArea a img { border:none; }
.featuredItem { padding:6px 0 4px 5px; margin:0; height:89px; }
.featuredItemDivider { height:2px; border-bottom:2px solid #F90; margin:10px 0 10px 12px; width:135px; }


/*----- Previs -----------*/
ul#styleThumbs {margin:0 0px 0 0px; width:182px; padding:0; list-style-type:none; float:left; height:460px; overflow-y:auto; overflow-x:hidden; -ms-overflow-x:hidden; -ms-overflow-y:auto; }
ul#styleThumbs li { margin:0; padding:0; position:relative; }
ul#styleThumbs li a { padding:0 0 5px 0; margin:5px 0 5px 0; border-bottom:1px solid #ccc; font-weight:bold; text-decoration:none; color:#333333; display:block; font-size:11pt; width:165px; height:76px; }
ul#styleThumbs li a img { width:76px; height:76px; border:none; margin:0; padding:0; position:absolute; top:0px; left:0px; }
ul#styleThumbs li a h4 { margin:0; padding:0; position:absolute; top:25px; left:78px; font-weight:bold; font-size:18px;  }
ul#styleThumbs li a:hover h4 { color:#FF6600; }
ul#styleThumbs li.last a { padding:0; margin-bottom:0; border:none; }

ul.colorThumbs { margin:0 20px 0 0px; width:165px; padding:0 0 0 10px; list-style-type:none; }
ul.colorThumbs li a  { display:block; width:45px; height:45px; float:left; margin:0 5px 5px 0; }
ul.colorThumbs li a img { border:none; }

.colorOptionsSection { clear:both; display:block; margin:15px 0 15px 0; }
.colorOptionsSection h4 { margin:15px 0 10px 10px; }

.clearBoth { clear:both; }

div.layeredimage { position:absolute; top:0px; left:0px; }
div#defaultimage { z-index:1; position:absolute; top:0px; left:0px;}
div#baseimage { z-index:2; position:absolute; top:0px; left:0px;}
div#accentimage { z-index:3; position:absolute; top:0px; left:0px; background-color: transparent; border: none; }
div#accentimage img { background-color: transparent; border: none; }
div#optionimage { z-index:4; position:absolute; top:0px; left:0px;}
div#optionimage img { background-color: transparent; border: none; }

div#previszoombtnlayer { z-index:5; }
div#previszoombtnlayer img { background-color: transparent; border: none; }
div#previszoombtnlayer a#previsimagezoombtn { width:500px; height:500px; display:block; /*text-indent:-9999px;*/ cursor:url(/interiorselector/images/magnifyglass.cur), pointer; border:none; }

/*------- END previs -------- */


ul.checkmarks { list-style-type:none; margin:15px 0 0 0; }
ul.checkmarks li {  background:url(..images-alt/checkMark.png) no-repeat 0 0; padding:0px 0px 0px 25px; margin:0px 0px 15px 0px; color:#444; }

/*ie7 and ie8 fix*/
#backbutton:link, #backbutton:visited { position:absolute; bottom:10px; left:5px; width:85px; margin:0 0 0 5px; height:25px; display:block; background:url(../images/btn_bg_new.jpg) repeat-x top left; color:#fff; font-weight:bold; text-align:center; text-decoration:none; padding:5px 0 0 0;}
#backbutton:hover,#backbutton:active { background-position:bottom left; }

#nextbutton:link, #nextbutton:visited { position:absolute; bottom:10px; left:95px; width:85px; margin:0 0 0 5px; height:25px; display:block; background:url(../images/btn_bg_new.jpg) repeat-x top left; color:#fff; font-weight:bold; text-align:center; text-decoration:none; padding:5px 0 0 0;}
#nextbutton:hover,#nextbutton:active { background-position:bottom left; }

iframe { border:none; }

.underline { text-decoration:underline; }

#printclosebtn { display:block; width:25px; height:25px; text-indent:-9999px; background:url(../images/btn_xclose.gif) no-repeat; }

a#videoLink { display:block; width:380px; height:170px; }
a#videoLink img { width:380px; height:170px; }

.hiddenlink { visibility:hidden; }