@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:regular,bold);

.freestyle html, body, img, ul, li, p, div, #pagecontainer, #header {padding:0px; margin:0px; border:0px; list-style-type: none; }

.freestyle a { border:0px; outline:none; }

.freestyle p{ font-family:'PT Sans', arial;  margin: 0; padding: 0; }

@media screen and (-webkit-min-device-pixel-ratio:0){
.freestyle #pagecontainer{margin-left: -1px;}
}

#pagecontainer, #hspace, #footer, #pagebody, #header { width:1006px; height: 596px; }

.freestyle #pagecontainer{ height:596px; font-family:'PT Sans', arial; color:#ffffff;}

#header { height:52px;}

.freestyle  #header-left{  padding:0 0 0 28px; float:left; width: 662px; background:url("../images/top_bar.png") no-repeat; height:52px;}
.freestyle #header-left a { text-decoration:none; font: 20px 'PT Sans', arial; color:#fff; display: block; padding: 18px 0 15px;}
.freestyle #header-left a sup { font: normal 12px arial;}

.freestyle #header-right{ float:left; width:296px;}
.freestyle #header-right p { padding: 10px 15px 0 25px; width: 230px; color: #01164D;}

.freestyle #headerTabs{ width:319px; height:49px; float:right;}
.freestyle #headerTabs li{margin:0;padding:0;list-style:none;position:relative;top:0;}
.freestyle #headerTabs li, #headerTabs a{height:49px;display:block;}

#colorGallery{left:0px;width:195px; background:url("../images/concepts_images/color-gallery.jpg") no-repeat right top; float:left;}
#colorGallery a:hover{background: url("../images/concepts_images/color-gallery_sel.jpg") no-repeat right top;}
#colorGallery a:active{background: url("../images/concepts_images/color-gallery_sel.jpg") no-repeat right top;}

#colourGallery{left:0px;width:195px; background:url("../images/concepts_images/colour-gallery.jpg") no-repeat right top; float:left;}
#colourGallery a:hover{background: url("../images/concepts_images/colour-gallery_sel.jpg") no-repeat right top;}
#colourGallery a:active{background: url("../images/concepts_images/colour-gallery_sel.jpg") no-repeat right top;}

#storeLocator{left:0px;width:124px; background:url("../images/concepts_images/store-locator.jpg") no-repeat right top; float:right;}
#storeLocator a:hover{background: url("../images/concepts_images/store-locator_sel.jpg") no-repeat right top;}
#storeLocator a:active{background: url("../images/concepts_images/store-locator_sel.jpg") no-repeat right top;}

#hspace{ height:3px; background:url("../images/concepts_images/hspace_img.jpg") top left no-repeat; }

#pagebody{ height:540px; }

#sect-0 {
    background: url("../images/landing.jpg") no-repeat scroll 0 0 transparent;
    display: inherit;
    float: left;
    height: 394px;
    padding: 146px 55px 0 30px;
    width: 605px;
}


#sect-0 p {
    color: #FFFFFF;
    font: 13px/18px arial;
    padding-bottom: 10px;
    position: relative;
    top: 250px;
}

#sect-0 a{ color:#B8AB9A; }

.roomshot-01 { width:688px; height:375px; background:url("../images/concepts_images/roomshot_01.jpg") left top no-repeat; float:left; padding-bottom:20px; }
.authentic-colors{ float:left; top:0px;}

.freestyle .sectWrapper {
    background: url("../images/content_bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 510px;
    padding: 15px 24px;
    width: 642px;
}
.freestyle .sectWrapper p{ font-family:arial; color:#ffffff; text-decoration:none; line-height:15px; margin-right:5px; vertical-align:bottom;}
.freestyle .sectWrapper a{  color:#BBAE9D; font-style:italic; }
.video_box { width: 640px;	height: 370px;	margin-bottom: 5px;	clear: both; overflow: hidden;	float:left;	}
.video-text-wrapper { width: 637px; overflow:hidden; margin-top:10px;}
.video-text-wrapper img{ margin:0 10px 10px 0; float:left; }
.divRightLink {position: absolute; left: 480px; height: 140px; width: 195px; display:block; text-decoration:none; display: none;};

.video-hs01{ background:url("../images/concepts_images/video-hs01.jpg") top left no-repeat; width:93px; height:126px; float:left; margin-right:10px; float:left; }

.freestyle .lp-head{font-family:'PT Sans Bold', arial; font-size:18px; font-style:normal; text-transform:none; vertical-align:bottom; margin-bottom: 10px;}
.freestyle .lp-designation{font-family:'PT Sans Bold',arial; font-size:12px; text-transform:none; vertical-align:bottom;}
.freestyle .lp-description{font-family:arial; font-size:13px; text-transform:none; margin-top:5px; text-align:left; line-height:14px !important;}

#vspace {}
.vspace { width:1px; height:540px; float:left;}

#rightpanel{ width:316px; height: 540px; float:left;}
#rp-top{ padding:14px 20px 10px 20px; float:left;}
#rp-top p{font-family:'PT Sans', arial; color:#cbbdab; font-size:18px; font-weight:normal; float:left;}

#rp-middle {float:right; padding-right:20px;}
#rp-middle p{ font-family:'PT Sans', arial; color:#cbbdab; font-size:13px; font-weight:normal; float:left;}

.freestyle .th-head{color:#ffffff; margin:5px 15px 0 0; font: 13px arial; }
.freestyle .th-designation{font: normal 11px arial; color:#666; display: none;}
.freestyle .th-vid-time{font: normal 11px arial; color:#ccc;}

#footer{ height:4px; background:url("../images/concepts_images/footer-div.gif") repeat-x top left; }

.freestyle .th-img{ float:left; margin:7px 10px 0px 25px; padding-bottom:7px}

#rp-bottom{position:relative; padding:0px; height:440px; float:left; background: url("../images/nav_bg.png");}
#rp-bottom .customScrollBox{position:relative;  margin-top:5px; }
#rp-bottom .customScrollBox .container{position:relative; width:317px; top:0; float:left; height:351px;}

#spInnerScroller {
    border: 0 none;
    height: 340px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 316px;
}

#spInnerScroller div{  position:absolute; height:1730px; overflow:hidden;}

#spOuterScroller { width:316px; text-decoration:none; border:0px; margin:0px; vertical-align:top; position:relative; height:1730px;}


#spInnerScroller li{ width:316px; height:87px; float:left; overflow:hidden; padding-right: 0px;}
#spInnerScroller li a{text-decoration:none; border:0px; font-family:arial; text-decoration:none; font-weight:normal; display: block; overflow:hidden;}
#spInnerScroller li .currentSection { }


#link-sect-1:hover, #link-sect-2:hover, #link-sect-3:hover, #link-sect-4:hover,
#link-sect-5:hover, #link-sect-6:hover,
#link-sect-7:hover, #link-sect-8:hover,
#link-sect-9:hover, #link-sect-10:hover,
#link-sect-11:hover, #link-sect-12:hover,
#link-sect-13:hover, #link-sect-14:hover,
#link-sect-15:hover, #link-sect-16:hover,
#link-sect-17:hover, #link-sect-18:hover,
#link-sect-19:hover, #link-sect-20:hover{ background-color: #557B8C; }

#link-sect-1.currentSection, #link-sect-2.currentSection, #link-sect-3.currentSection, 
#link-sect-4.currentSection, #link-sect-5.currentSection, 
#link-sect-6.currentSection, #link-sect-7.currentSection, 
#link-sect-8.currentSection, #link-sect-9.currentSection,
#link-sect-10.currentSection, #link-sect-11.currentSection,
#link-sect-12.currentSection, #link-sect-13.currentSection,
#link-sect-14.currentSection, #link-sect-15.currentSection,
#link-sect-16.currentSection, #link-sect-17.currentSection,
#link-sect-18.currentSection, #link-sect-19.currentSection,
#link-sect-20.currentSection{ background-color: #18323D; }

.prodInfoImageWrapper {padding-left: 24px;}
.freestyle .rightBottomWrapper {
    background: url("../images/top_btns.png") repeat scroll 0 0 transparent;
    height: 12px;
    padding: 20px 10px;
    width: 296px;
}

#storeLocatorLink {
    color: #D1BE96;
    display: block;
    float: left;
    font: 12px 'PT Sans';
    padding-left: 50px;
    text-decoration: none;
    width: 74px;
	display:none;
}

#storeLocatorLinkFR {
    color: #D1BE96;
    display: block;
    float: left;
    font: 11px 'PT Sans';
    padding-left: 25px;
    text-decoration: none;
    width: 98px;
	display:none;
}

#colorGalleryLink {
    color: #D1BE96;
    display: block;
    float: left;
    font: 12px 'PT Sans';
    padding-left: 50px;
    text-decoration: none;
    width: 117px;
	background:url("../images/concepts_images/icnColorGal.png") no-repeat 10px 6px;
}
#colorGalleryLinkFR{
	color: #D1BE96;
    display: block;
    float: left;
    font: 11px 'PT Sans';
    padding-left: 50px;
    text-decoration: none;
    width: 123px;
	background:url("../images/concepts_images/icnColorGal.png") no-repeat 10px 6px;
}


#spScrollerUp { position:relative; background-repeat: no-repeat; overflow:hidden; height:30px; background-position:30px center; width:100%;}
#spScrollerDown { position:relative; background-repeat: no-repeat; overflow:hidden; height:30px; background-position:30px center; width:100%;}
#spScrollerDown a { text-decoration:none; display:block; height:30px; width:100%; }
#spScrollerUp a { text-decoration:none; display:block; height:30px; width:100%; }
#spScrollerUp { background-image:url("../images/concepts_images/tab_up.png"); margin-top: 10px;  }
#spScrollerDown { background-image:url("../images/concepts_images/tab_down.png"); margin: 10px 0 15px 0; }
#rp-bottom.down #spScrollerUp { /*background-image:url("../images/concepts_images/tab_up_disabled.png");*/ margin-top: 10px;}
#rp-bottom.up #spScrollerDown { /*background-image:url("../images/concepts_images/tab_down_disabled.png");*/ margin: 10px 0 15px 0;}
#rp-bottom.off #spScrollerUp { background-image:none; }
#rp-bottom.off #spScrollerDown { background-image:none; }

.colorName{ font-style:italic; }
.freestyle .disclaimer{ font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top:15px; text-align:left; line-height:14px;}
.freestyle #message { background: url("../images/nav_top.png") repeat scroll 0 0 transparent; height: 84px; padding: 15px 0 0 15px; width: 301px;}
.freestyle #message span{ font-size:11px; float:right; }
.freestyle #message p{ font-size:16px; }





/* root element for scrollable */


.vertical {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 665px;
    width: 650px;
    border-top:1px solid #ddd;
}

/* root element for scrollable items */
.items {
    position:absolute;

    /* this time we have very large space for height */
    height:20000em;
    margin: 0px;
}

/* single scrollable item */
.item {
    border-bottom:1px solid #ddd;
    margin:10px 0;
    padding:15px;
    font-size:12px;
    height:180px;
}

/* elements inside single item */
.item img {
    float:left;
    margin-right:20px;
    height:180px;
    width:240px;
}

.item h3 {
    margin:0 0 5px 0;
    font-size:16px;
    color:#456;
    font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
    width:650px;
    margin:30px 0 10px 0;
}

#actions a {
    font-size:11px;
    cursor:pointer;
    color:#666;
}

#actions a:hover {
    text-decoration:underline;
    color:#000;
}

/*.disabled {
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}*/
#spScrollerUp.disabled {
	background-image:url("../images/concepts_images/tab_up_disabled.png"); margin-top: 10px;
}
#spScrollerDown.disabled {
	background-image:url("../images/concepts_images/tab_down_disabled.png"); margin-top: 10px;
}


.next {
    float:right;
	cursor:pointer;
}
.prev {
    float:right;
	cursor:pointer;
}