/* #_imports# */
@import url("/CMSPages/GetCSS.aspx?stylesheetname=rak.reset");
@import url("/CMSPages/GetCSS.aspx?stylesheetname=rak.generic");

/* #general# */
body
{
 background: url(/assets/layout-images/bg.aspx) no-repeat top center #000;
 font: 11px verdana;
 text-align: center;
}
a
{
 color: #CC0000;
}
a.black-text
{
 color: #000;
}
a:hover
{
 text-decoration: none;
}
h1
{
 font-size: 27px;
 font-weight: normal;
}
h2
{
 font-size: 19px;
 font-weight: normal;
 margin: 10px 0 15px 0;
}
li
{
 color: #666;
}
p
{
 color: #666;
 line-height: 1.4;
 margin: 10px 0;
}

.red
{
 color: #CC0000;
}

/* #form# */
.textbox, .dropdownlist, .textarea, .TextBoxField
{
 background: #BBBEC0;
 border: 0;
 font: 11px verdana;
 padding: 5px 6px;
}
.textbox, .textarea, .TextBoxField
{
 width: 250px;
}
div#contentHolder div.side-bar .textbox, .textarea, .TextBoxField
{
 width: 210px;
}
.SubscriptionButton, .ContentButton, .button, .FormButton
{
 background: #000;
 border: 0;
 color: #fff;
 padding: 5px 10px;
}



/* #layout# */
/* #layout/master# */
div#container
{
 margin: 0 auto;
 text-align: left;
 width: 902px;
}

/* #layout/master/header# */
div#header
{
 margin: 35px 0 21px 0;
 position: relative;
}
div#header p.more-details-strip
{
 position: absolute;
 right: 0;
 top: 0;
}

/* #layout/master/site search# */
div.searchBox
{
 float: right;
 padding: 8px 0 0 4px;
}
div.searchBox .textbox
{
 float: left;
 width: auto;
}
div.searchBox .search-button-go
{
 float: left;
 padding: 8px 10px 0 8px;
}

/* #layout/master/nav# */
div#mainNav
{
 background: url(/assets/layout-images/nav-tile-bg.aspx) repeat-x top left;
 height: 43px;
}
div#mainNav ul
{
 list-style: none;
 margin: 0;
 padding: 4px 0 0 0;
}
div#mainNav ul ul
{
 display: none;
}
div#mainNav ul li
{
 border-right: 1px solid #7b7b7b;
 display: block;
 float: left;
 padding: 12px 18px;
}
div#mainNav ul li a
{
 color: #fff;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}
div#mainNav ul li a:hover,
div#mainNav ul li.CMSListMenuHighlightedLI a
{
 color: #F7261F;
} 

/* #layout/master/footer# */
div#footer
{
 padding: 0 0 10px 0;
}
div#footer div.quick-links
{
 color: #fff;
 padding: 10px 0 0 0;
 text-align: right;
}
div#footer div.quick-links a
{
 color: #fff;
 text-decoration: none;
}
div#footer div.quick-links a:hover
{
 text-decoration: underline;
}

/* #layout/content# */
/* #layout/content/contact form# */

div.form-row
{
 padding: 0 0 2px 0;
 margin: 0;
}
div.form-row .form-label
{
 color: #666;
 display: block;
 float: left;
 padding: 4px 0 0 0;
 width: 190px;
}
div#contentHolder div.side-bar .form-label
{
 float: none;
 width: auto;
}
div.form-row div.EditingFormControlNestedControl,
.form-field
{
 float: left;
 width: 260px;
}
div.form-row .FormButton
{
 margin: 0 0 5px 192px;
}

.ErrorLabel, .ErrorMessage
{
 display: block;
 padding: 10px 0;
}
.ErrorLabel, .EditingFormErrorLabel, .ErrorMessage
{
 color: #ff0000;
}

/* #layout/content/generic# */
div#contentTop
{
 height: 181px;
 overflow: hidden;
}
div#contentTop div.page-banner-image
{
 float: left;
 width: 617px;
}
div#contentTop div.content-quick-links
{
 float: right;
 width: 285px;
}
div#contentTop div.content-quick-links img
{
 display: block;
}
div#contentHolder
{
 background: #fff;
}
div.twocol
{
 background: url(/assets/layout-images/main-content-tile.aspx) repeat-y top left !important;
}
/* #layout/content/generic/main# */
div#contentHolder div.main-content
{
 float: none;
 width: 100%;
}
div.twocol div.main-content
{
 float: left !important;
 width: 610px !important;
}
div#contentHolder div.main-content div.content
{
 padding: 20px 0 20px 20px;
}
div.fullpage div.main-content div.content
{
 padding: 20px !important;
}
/* #layout/content/generic/sidebar# */
div#contentHolder div.side-bar
{
 float: right;
 width: 285px;
}
div#contentHolder div.side-bar h2
{
 font-weight: normal;
}

/* #containers# */
/* #containers/breadcrumbs# */
div.breadcrumbs
{
 border-bottom: 1px solid #a4a7ac;
 margin: 0 0 6px 0;
 padding: 0 0 12px 0;
}

/* #containers/content padding# */
div.content-padding
{
 padding: 0 20px 20px 20px;
}

/* #pages# */

/* #pages/rakstudio# */
div#contentTop div.rakstudio
{
 background: #F1F2F3;
 height: 200px;
}
div.rakstudio-section-list
{
 border-top: 2px solid #000;
 padding: 0;
}
div.rakstudio-section
{
 border-bottom: 2px solid #000;
 margin: 10px 0 0 0;
 padding: 0 0 10px 0;
}
div.rakstudio-section img
{
 float: left;
 height: 91px;
 padding: 0 10px 0 0;
 width: 91px;
}

/* #pages/sitemap# */
ul.CMSSiteMapList
{
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.CMSSiteMapList a
{
 color: #000;
}
ul.CMSSiteMapList li
{
 font-weight: bold;
 margin: 0;
 padding: 10px 0 0 0;
}
ul.CMSSiteMapList ul li
{
 font-weight: normal;
 padding-left: 15px;
}

/* #pages/trade# */
div.trade-rak-elite
{
 float: left;
 width: 285px;
}
div.trade-featured-showrooms
{
 float: right;
 margin: 0 10px 0 0;
 width: 275px;
}

/* #pages/media library# */
.mediaItem
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 float: left;
 font-size: 10px;
 height: 180px;
 width: 150px;
 overflow: hidden;
 padding: 8px 0 0 0;
 margin: 0 5px 5px 0;
}
.mediaItemBottom
{
 height: 4px;
 background: url('../App_Themes/CorporateSite/Images/Examples/bg_photo_bottom.gif') no-repeat;
 font-size: 0;
 line-height: 0;
}
.mediaItem a
{
 color: #000;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
}
.mediaLibraryPhoto
{
 height: 122px;
 width: 150px;
 text-align: center;
}
.mediaLibraryDescription
{
 padding: 0px 3px;
 color: #737373;
}
.MediaLibrarySort
{
 padding-bottom: 13px;
}
.MediaLibrarySort span
{
 font-weight: bold;
}
.MediaLibrarySort a
{
 color: Black;
}
.MediaLibrarySort a:hover
{
 text-decoration: none;
}
.MediaGalleryFolderTree
{
 float: left;
 width: 180px;
 overflow: auto;
}
.MediaGalleryFolderTree a
{
 color: Black;
}
.MediaGalleryContent
{
 float: left;
 width: 480px;
}
.MediaGalleryDetail
{
 width: 550px;
 padding: 15px 0px;
}
.MediaGalleryDetailBottom
{
 width: 544px;
 padding-right: 16px;
}
.MediaGalleryDetailBottom img
{
 border: none;
}
.SelectedFolder
{
 font-weight: bold;
}
.MediaGalleryDetailBottom h2
{
 float: none !important;
}
.MediaGalleryContent .Pager
{
 clear: both;
 text-align: center;
}
.MediaGalleryPagger
{
 padding-bottom: 10px;	
}
.MediaGalleryPagger a
{
 /*display: block;
 color: Black;
 background: url('../App_Themes/CorporateSite/Images/Examples/button_back.gif') 0px 1px no-repeat;
 padding-left: 18px;
 font-weight: bold;
 padding-bottom: 4px;*/
}
.MediaGalleryDetail object
{
 background: #efefef;
}
a.MediaBack
{
 display: block;
 color: Black;
 background: url('../App_Themes/CorporateSite/Images/Examples/button_back.gif') 0px 1px no-repeat;
 padding-left: 18px;
 font-weight: bold;
 padding-bottom: 10px;
}
.CommentUserName 
{
 text-decoration: underline;
}
.ContentTree
{
 float: left;
 width: 150px;
 height: 500px;
}
.MediaContent
{
 float: left;
 width: 540px;
}
.MediaFileUploader
{
 padding-bottom: 30px;
}
.MediaLibraryTree
{
 padding: 0 10px 20px 10px;
 height: auto;
 width: auto;
}

/* #transformation# */

/* #transformation/brochure# */
div.brochure-list
{
 padding: 0 20px;
}
div.brochure-list h2
{
 margin-bottom: 0;
 padding-bottom: 0;
}
div.e-brochure
{
 /*margin: 0 0 10px 43px;*/
 margin: 0 11px 0 11px;
 width: 150px;
 float: left;
}
div.brochure-list div.vscroller a.prevPage, 
div.brochure-list div.vscroller a.nextPage
{
 padding: 10px 0;
}
div.brochure-list div.vscroller div.scrollable
{
 height: 700px;
}

/* #transformation/product-category# */
div.product-category
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 float: left;
 margin: 0 20px 20px 0;
 height: 227px;
 overflow: hidden;
 width: 272px;
}
div.product-category-horizontal
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 float: left;
 margin: 0 0 20px 0;
 height: 227px;
 overflow: hidden;
 width: 564px;
}
div.product-category-last
{
 margin-right: 0 !important;
}
div.tall-box
{
 float: right;
 height: 476px !important;
 margin-right: 20px !important;
}
div.product-category div.details
{
 /*height: 60px;*/
}
div.product-category div.image
{
}
div.product-category h2
{
 font-size: 13px;
 margin: 0;
 padding: 10px 10px;
}
div.product-category p
{
 color: #999;
 font-size: 9px;
 margin: 0;
 overflow: hidden;
 padding: 0 10px 0 10px;
}
div.product-category h2 a
{
 color: #000;
 text-decoration: none;
}
div.product-category p a
{
 color: #999;
 text-decoration: none;
}

/* #transformation/product-category/home# */
div.product-category-home
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 float: left;
 margin: 0 20px 20px 0;
 height: 190px;
 overflow: hidden;
 width: 177px;
}
div.product-category-home-last
{
 margin-right: 0 !important;
}
div.product-category-home div.details
{
 height: 60px;
}
div.product-category-home div.image
{
}
div.product-category-home h2
{
 font-size: 13px;
 margin: 5px 0 0 0;
 padding: 0 10px 0 10px;
}
div.product-category-home p
{
 color: #999;
 font-size: 9px;
 margin: 0;
 overflow: hidden;
 padding: 2px 10px 0 10px;
}
div.product-category-home h2 a
{
 color: #000;
 text-decoration: none;
}
div.product-category-home p a
{
 color: #999;
 text-decoration: none;
}

/* #transformation/product-range# */
div.product-range
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 float: left;
 margin: 0 20px 20px 0;
}
div.product-range-last
{
 margin-right: 0;
}
div.product-range div.details
{
 height: 227px;
 overflow: hidden;
 width: 272px;
}
div.product-range h2
{
 font-size: 13px;
 /*height: 40px;*/
 margin: 0;
 overflow: hidden;
 padding: 10px;
}
div.product-range h2 a
{
 color: #000;
 text-decoration: none;
}
div.product-range p a
{
 color: #999;
 text-decoration: none;
}

/* #transformation/product-range/details# */
div.product-range-details
{
 padding: 0 0 15px 0;
}
div.product-range-details div.details
{
 float: left;
 width: 190px;
}
div.product-range-details div.details h1
{
 margin: 0 0 10px 0;
}
div.product-range-details div.image
{
 float: right;
 padding: 0 0 10px 15px;
 /*float: right;
 margin: 0 15px 0 0;
 overflow: hidden;
 text-align: right;
 width: 365px;*/
}

/* #transformation/product-range/list-item# */
div.product-range-item
{
 margin: 0 0 10px 43px;
 width: 200px;
}
div.product-range-item p
{
 margin: 0;
 padding: 4px 0 0 0;
}

/* #transformation/product-option# */
div.product-option-item
{
 float: left;
 margin: 0 15px 0 0;
 text-align: center;
 width: 120px;
}
div.product-option-item div.image
{
 height: 95px;
 overflow: hidden;
}
div.product-option-item p
{
 color: #999;
 padding: 3px 0 0 0;
}

/* #transformation/product# */
/* #transformation/product/preview# */
div.product-preview
{
 float: left;
 margin: 0 8px 0 0;
 width: 120px;
}
div.product-preview div.image
{
 display: block;
 height: 120px;
 overflow: hidden;
 text-align: center;
 width: 120px;
}
div.product-preview div.description
{
 color: #999;
 display: block;
 padding: 0;
 text-align: center;
 width: 120px;
 font-size:9px;
}
div.product-preview div.large
{
 width: 130px;
}

/* #transformation/product/list# */
div.product-list-item
{
 margin: 0 0 10px 43px;
 width: 200px;
}
div.product-list-item p
{
 padding: 5px 0;
}

/* #transformation/product/view# */
div.product-view
{
 padding: 0 0 15px 0;
}
div.product-view div.details
{
 float: left;
 width: 190px;
}
div.product-view div.details h1
{
 margin: 0 0 10px 0;
}
div.product-view div.image
{
 float: right;
 margin: 0 15px 0 0;
 overflow: hidden;
 width: 365px;
}

/* #transformation/news# */
/* #transformation/news/story-list# */
div.story-list-item
{
 padding: 5px 0;
}
/* #transformation/news/latest# */
div.latest-news
{
 margin: 0 0 20px 0;
}
div.latest-news h3
{
 margin: 0 0 6px 0;
 padding: 0; 
}
div.latest-news p
{
 margin: 0;
 padding: 0; 
}

/* #transformation/clients# */
/* #transformation/clients/details# */
div.client-category-details
{
 padding: 0 0 15px 0;
}
div.client-category-details div.details
{
 float: left;
 width: 190px;
}
div.client-category-details div.details h1
{
 margin: 0 0 10px 0;
}
div.client-category-details div.image
{
 float: right;
 margin: 0 15px 0 0;
 overflow: hidden;
 text-align: right;
 width: 365px;
}

/* #transformation/clients/list-item# */
div.client-category-item
{
 margin: 0 0 10px 43px;
 width: 200px;
}
div.client-category-item p
{
 margin: 0;
 padding: 4px 0 0 0;
}


/* #other# */

/* #other/boxes# */
/* #other/boxes/generic# */
div.generic-box
{
 background: #efefef;
 border: 1px solid #9a9a9a;
 margin: 0 20px 0 0;
 height: 227px;
 overflow: hidden;
 width: 272px;
}
div.generic-box-full-2col
{
 height: auto;
 width: 580px;
}
div.generic-box h2
{
 font-size: 13px;
 margin: 0;
 padding: 10px 10px;
}
div.generic-box p
{
 color: #999;
 font-size: 9px;
 margin: 0;
 overflow: hidden;
 padding: 0 10px 0 10px;
}
div.generic-box h2 a
{
 color: #000;
 text-decoration: none;
}
div.generic-box p a
{
 color: #999;
 text-decoration: none;
}

/* #other/boxes/plain# */
div.plain-box
{
 margin: 0 20px 0 0;
 height: 227px;
 overflow: hidden;
 width: 272px;
}
div.plain-box h2
{
 font-size: 13px;
 margin: 0;
 padding: 0 10px 8px 10px;
}
div.plain-box p
{
 color: #999;
 font-size: 9px;
 margin: 0;
 overflow: hidden;
 padding: 0 10px 0 10px;
}
div.plain-box h2 a
{
 color: #000;
 text-decoration: none;
}
div.plain-box p a
{
 color: #999;
 text-decoration: none;
}

/* #other/overlay# */
/* the overlayed element */ 
.simple_overlay
{
 background-color:#333;
 border:1px solid #666;
 display:none;
 min-height:200px;
 width:675px;
 z-index:10000;
} 
/* close button positioned on upper right corner */ 
.simple_overlay .close
{
 background-image:url(../img/overlay/close.png);
 cursor:pointer;
 height:35px;
 position:absolute;
 right:-15px;
 top:-15px;
 width:35px;
}

/* #other/scroller# */
/* #other/scroller/horizontal# */
div.hscroller a.prevPage, div.hscroller a.nextPage
{
 float: left;
 padding: 40px 0 0 0;
 width: 25px;
}
div.hscroller div.scrollable
{
 float: left;
 height: 300px;
 margin: 0 10px;
 position: relative;
 overflow: hidden;
 width: 512px;
}
div.hscroller div.scrollable div.items
{
 width: 20000em;
 position: absolute;
}
div.hscroller div.scrollable div.items div
{
 float: left;
} 
div.hscroller div.items div.active
{
 border: 1px solid #9a9a9a;
 background-color:#fff; 
}

/* #other/scroller/vertical# */
div.vscroller a.prevPage, div.vscroller a.nextPage
{
 display: block;
 padding: 10px 0 10px 0;
 text-align: center;
}
div.vscroller a.nextPage
{
 padding: 10px 0 0 0;
}
div.vscroller div.scrollable
{
 position: relative;
 overflow: hidden;
 height: 540px;
 margin: 0 auto;
 text-align: left;
}
div.vscroller div.scrollable div.items
{
 height: 20000em;
 position: absolute;
}
div.vscroller div.scrollable div.items div
{
 /*float:left;*/
} 
div.vscroller div.items div.active img
{
 border: 1px solid #000;
 padding: 0px;
}
.grid-row
{
	border-bottom:solid 1px #CCC;
}