﻿/*   CSS RESET   */
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 

body 
{
    font-family: Arial;
    font-size: 14px;
    background:url(images/bg5.png) repeat-x;
}

.container 
{
    width:960px; padding:0px 20px; 
    margin-left:auto; margin-right:auto; 
    background:url(images/bgContainer.png) repeat-y;
}

#HeaderTall { height:100px; background:#fff url(/styles/images/madeinusa.png) 680px top no-repeat; }
#HeaderTall .logo { width:266px; float:left; }
#HeaderTall .logo img { margin:13px;  }
#HeaderTall .HeaderNav { float:left; width:690px; margin-top:64px; font-size:16px; }

#HeaderShort { height:75px; background:#fff url(/styles/images/madeinusa.png) 680px top no-repeat; }
#HeaderShort .logo { width:266px; float:left; }
#HeaderShort .logo img { margin:20px 7px 0px 13px;  }
#HeaderShort .HeaderNav  { float:left; width:690px; margin-top:40px; font-size:16px; }

    
.HeaderNav ul { list-style:none; margin:0px; float:right; margin-right:15px; }
.HeaderNav ul li { float:left; margin:0px 15px; }
.HeaderNav ul li a:link { color:#c21500; text-decoration:none; font-weight:bold; }
.HeaderNav ul li a:visited { color:#ff360c; text-decoration:none; font-weight:bold; }
.HeaderNav ul li a:hover { color:#ff360c; text-decoration:underline; }

.HeaderSubbar { height:50px; background:url(images/bgHeaderSubbar.png); }

.breadcrumb { float:left; width:580px; height:40px; margin:5px 10px; }
.toolbar { float:left; width:335px; text-align:right; height:26px; margin: 5px 10px; padding:8px 0px; }
.LogInOutContainer { width:82px; float:left; }
#ctl00_cphHeaderSubbar_ucSearch1_pnlSearch { width:245px; float:left; }

.content { padding:20px; }

.footer { background:url(images/furnoverlay.png) bottom no-repeat;  padding:0px 20px 70px 70px; }
.footerNavTable { float:left; }
.footerNavContact { float:left; }
.footer h2 a { padding:0px 10px; }
.footer td a:link { color:#c21500; text-decoration:none; font-weight:bold; }
.footer td a:visited { color:#ff360c; text-decoration:none; font-weight:bold; }
.footer td a:hover { color:#ff360c; text-decoration:underline; }
.footer td div { padding-left: 15px; font-size:12px; }

.contentfooter { background:#fff url(images/sm_watermark.png) bottom center no-repeat; }
.subfooter { background:#c21500; text-align:center; padding:15px; color:#d8d8d8; }

.siteby  
{
    width:990px; height:40px;
    margin:0px auto 40px auto; 
    padding: 7px 0px 0px 0px;
    color:#5d0507; padding-right:10px; 
    font-size:12px; font-weight:bold; 
    background:url(images/bgSiteby.png) top center no-repeat; 
}

/*  background:url(images/bgSitebyText.png) no-repeat;  */

.siteby span { width:230px; height:19px;  
               display:block; padding-top:6px; padding-left:20px; float:right; margin-right:20px; }
.siteby span a:link, .siteby span a:visited { color:#5d0507; text-decoration:none; }
.siteby span a:hover, .siteby span a:active { color:#000; text-decoration:underline; }

.RotatorTabs { float:left; width:128px; height:349px; background:url(images/bgRotTabs.png) top right no-repeat; }

.RotatorTabs ul { list-style:none; padding:0px; margin:0px; }
.RotatorTabs ul li { margin-top: 4px; }
.RotatorTabs ul li a:link,.RotatorTabs ul li a:visited  
{
}  
.RotatorTabs ul li a:hover,.RotatorTabs ul li a:active  
{
    background-position:0px -42px;  
    color:#fff;
}
.rotTab 
{
    width:128px;height:35px; 
    padding: 4px 0px 0px 0px;
    display:block;
    background:url(images/bgFeaturedTabs.png) 0px 0px no-repeat;
    text-decoration:none;
    color:#b61505;  
    color:#c21500;
    text-align:right;
}
.activeTab 
{
    background-position:0px -42px;  
    color:#fff;
}
.rotImage { display:none; }
.activeImage { display:block; }

.RotatorTabs ul li a .tabGName { margin-top:4px; margin-right: 20px; font-size:14px; font-weight:bold; text-transform:uppercase; font-style:italic; }
.RotatorTabs ul li a .tabGNumber { margin-top:2px; margin-right: 20px; font-size:11px; font-weight:bold; }

.RotatorImage { float:left; width:464px; height:349px; background:url(images/bgFeatured.png) top right no-repeat; }
.rotFeatured { width:459px; height:343px; margin-top:6px; margin-right:5px; overflow:hidden; }

.RotatorText  
{
    float:left; margin-left:15px; background:url(images/bgRotTxt.png) no-repeat; 
    width:250px; height:365px; padding:30px; overflow:hidden;
}
.RotatorText .rotText { overflow:hidden; }
.RotatorText .rotText div { width:250px; height:289px; overflow:hidden; color:#fff; }
.RotatorText .morelink { text-align:right; padding-right:25px; margin-top:4px; height:20px; color:#000; }
.RotatorText .morelink a { font-weight:700; font-size:10px; text-transform:uppercase; }
.RotatorText .morelink a:link { text-decoration:none; color:#000; }
.RotatorText .morelink a:visited { text-decoration:none; color:#000; }
.RotatorText .morelink a:hover { text-decoration:underline; color:#333; }


h1.rotGroupName { font-size: 36px; font-weight:700; color:#fff; margin:0px; text-transform:uppercase; font-style:italic; }
h2.rotGroupNumber { font-size: 24px; font-weight: bold; color: #fff; font-style:italic; margin:5px 0px 10px 15px; }
h4.rotShortDesc { font-size: 18px; font-weight: bold; color: #fff; font-style:italic; margin:5px 0px 10px 15px; }
.RotatorText div p { font-size: 12px; font-weight:700; color: #fff; line-height:18px; }

.rotFeaturedReflection { display:block; width:459px; height:46px; background:url(images/bgFeaturedReflection.png) no-repeat; }

.footer ul { float:left; width: 180px; margin:0px 15px; list-style:none; padding:0px; }
.footer ul li { margin:0px; margin-top:5px; }

.TopLink { margin-bottom:10px; font-size:16px; }
a.TopLink:link { color:#c21500; text-decoration:none; font-weight:bold; }
a.TopLink:visited { color:#ff360c; text-decoration:none; font-weight:bold; }
a.TopLink:hover { color:#ff360c; text-decoration:underline; }

.SubLink { margin-bottom:10px; font-size:14px; margin-left:20px; }
a.SubLink:link { color:#000; text-decoration:none; font-weight:bold; }
a.SubLink:visited { color:#333; text-decoration:none; font-weight:bold; }
a.SubLink:hover { color:#333; text-decoration:underline; }

.col2_1 { float:left; width:600px; }

.col2_2 { float:left; width:300px; margin-left:20px; }

/* <hc:Dialog /> */
.dialog { color: #000; background-color: #fff; border: solid #c21500 2px; }
.dialog_title { color: #fff; background-color: #ff2c08; font-size: 10pt; font-weight: bold; padding: 4px; text-align: left; }
.dialog_content { text-align: left; }
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p { margin: 10px 10px 0 10px; }
.dialog_buttons { padding: 10px; text-align: right; }
.dialog_background { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

/*  Product Detail page */
.imgGRS { cursor:pointer; }
.GroupRoomScene { width:600px; text-align:center; }
.GroupDetails { width:300px; margin-bottom:10px; }
h1.GName { margin:0px; padding:0px; font-size:28px; font-family:"Arial Black",Arial; text-transform:uppercase; font-style:italic; }
h2.GNum { margin:0px 0px 15px 20px; font-size:18px; font-family:"Arial Black",Arial }
h4.GShortDesc { margin:0px 0px 5px 20px; font-size:18px; font-style:italic; font-family:"Arial Black",Arial }
.GroupDetails .descr {  }
.GroupDetails .tags { margin-top:10px; }
.GroupProducts { width:600px; float:left; margin-top:20px; }
.Sidebar { width:300px; float:left; margin:20px 0px 0px 20px; }
.TitleBar { background:#ae0f03; color:#fff; font-size:14px; padding:4px 12px; }

.GroupProducts ul.products { list-style:none; padding:0px; margin:0px; width:600px; overflow:hidden; }
.GroupProducts ul.products li { float:left; margin:15px 5px 0px 5px;  }
.GroupProducts ul.products li a { text-decoration:none; }
.GroupProducts ul.products li img { padding:0px; border:none; }
.GroupProducts .prod { width:190px; text-align:center;  }   
.GroupProducts .prodTitle { text-align:center; width:190px; background:#333; color:#fff; padding:0px 0px 5px 0px; font-size:12px; }
.GroupProducts .prodInfo { background:#333; color:#fff; font-size:12px; }

.col2_2 ul.scenes { list-style:none; padding:0px; margin:0px 0px 15px 0px; width:300px; overflow:hidden; }
.col2_2 ul.scenes li { float:left; margin:15px 5px 0px 5px; text-align:center;  }
.col2_2 ul.scenes li a { text-decoration:none; }
.col2_2 ul.scenes li img { padding:0px; border:none; }
.col2_2 ul.scenes .scene { width:140px; text-align:center; overflow:hidden;  }   
.col2_2 ul.scenes .sceneTitle { text-align:center; width:140px; background:#333; color:#fff; padding:0px 0px 5px 0px; font-size:11px; }

.securedContent { padding:10px; margin-top:10px; background:#eee; border-top:2px solid #ccc; border-left:2px solid #ccc;
                  border-right:2px solid #333; border-bottom:2px solid #333; }
.securedContent h2 { margin:0px; padding:0px; text-align:center; }

a.linkHRDownload:link { text-decoration:none; font-weight:bold; margin-right:20px; color:#ae0f03; }
a.linkHRDownload:visited { text-decoration:none; font-weight:bold; margin-right:20px; color:#ff2c08; }
a.linkHRDownload:hover { text-decoration:underline; color:#ff2c08; }

a.linkHREmail:link { text-decoration:none; font-weight:bold; color:#ae0f03; }
a.linkHREmail:visited { text-decoration:none; font-weight:bold; color:#ff2c08; }
a.linkHREmail:hover { text-decoration:underline; color:#ff2c08; }

.col2_2 ul.related { list-style:none; padding:0px; margin:0px 0px 15px 0px; width:300px; overflow:hidden; }
.col2_2 ul.related li { float:left; margin:15px 5px 0px 5px;  }
.col2_2 ul.related li a { text-decoration:none; }
.col2_2 ul.related li img { padding:0px; border:none; }
.col2_2 ul.related .scene { width:140px; text-align:center;  }   
.col2_2 ul.related .sceneTitle { text-align:center; width:140px; background:#333; color:#fff; padding:0px 0px 5px 0px; font-size:11px; }

/*  old custom sharing not using addthis 
.col2_2 ul.sharing { list-style:none; padding:0px; margin:0px 0px 15px 0px; width:300px; overflow:hidden; }
.col2_2 ul.sharing li { float:left; display:block; width:32px; margin: 15px 5px 0px 5px; }
.col2_2 ul.sharing li img { padding:0px; border:none; }
*/

a.taglink:link { color:#ae0f03; text-decoration:none; }
a.taglink:visited { color:#ff2c08; text-decoration:none; }
a.taglink:hover { color:#ff2c08; text-decoration:underline; } 

/* Product Detail overlay */
#overlay .details .titlenav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#overlay .details .titlenav .title { float:left; font-weight:bold; font-size:16px; }
.OverlayNav { margin:0px; float:right; }
.OverlayNav ul.nav { margin:0px; list-style:none; float:right; }
.OverlayNav ul.nav li { list-style:none; float:left; margin-left:10px; }
.OverlayNav ul.nav li a { text-decoration:none; font-size:16px; font-weight:bold; }

.apple_overlay           
{
    /* initially overlay is hidden */     
    display:none;          
    /* growing background image */     
    background-image:url(images/apple_white.png);          
    /*          
        width after the growing animation finishes         
        height is automatically calculated     
    */     
    width:640px;                  
    /* some padding to layout nested elements nicely  */     
    padding:35px;      
    /* a little styling */         
    font-size:11px; 
}  

/* default close button positioned on upper right corner */ 
.apple_overlay div.close      
{
    background-image:url(images/apple_close.png);     
    position:absolute; right:5px; top:5px;     
    cursor:pointer;     
    height:35px;     
    width:35px; 
}

.apple_overlay div.details div.prodInfo { background:#fff; border:1px solid #333;
                                          padding:20px; color:#333; font-size:14px; font-weight:bold; }

/* Sharing Email dialog  */
.shareEmailForm { margin:10px 10px 0 0px; font-family:Tahoma; background:#fff; }
.efDivider { background:#ae0f03; height:2px; overflow:hidden; }
.efHeader { background:#fff; padding:5px; }
.efFunctionLabel { color:#ae0f03; font-weight:bold; font-size:14px; padding:5px 5px 3px 15px; }
.efPageTitle { color:#000; font-weight:bold; font-size:14px; padding:0px 5px 3px 15px; }
.efPageLink a { color:#00f; font-size:11px; padding:0px 5px 3px 15px; text-decoration:none; }
.efBox { width:340px; margin-left:15px; border:1px solid #333; background:#d8d8d8; margin-top:10px; }
.efBoxLine { margin:3px 0px; }
.efSectionTitle { background:#ae0f03; color:#fff; font-weight:bold; font-size:14px; padding:3px; }
.efFieldLabel { width: 140px; float:left; display:block; margin-left:15px; }
.efFieldText { width: 140px; border:1px solid #777; }
.efCommand { width:340px; margin:5px 0px 0px 15px; }
.efInfoRequired { color:#f00; font-size:12px; width:200px; }
.efLegal { width:340px; margin:15px 0px 10px 15px; color:#444; font-size:12px; }

/* Finder page */
.finderNav { float:left; width:180px; margin-bottom:20px; background:#be2107 url(images/bgFinderNav.png) top left no-repeat; padding:10px; }
.finderNav ul { list-style:none; margin:5px 0px 10px 5px; padding:0px; }
.finderNav ul li { margin:0px; padding:0px; }
.finderNav ul li a:link { color:#fff; text-decoration:none; }
.finderNav ul li a:visited { color:#fff; text-decoration:none; }
.finderNav ul li a:hover { color:#fff; text-decoration:underline; }

.navTitle { margin-top:10px; font-weight:bold; padding:5px 3px; background:#ddd;
            background:url(images/bgFinderBar.png); width:176px; height:18px;
            text-align:center; }

.finderContent { float:left; margin-left:20px; width:700px; }
.finderContent .finderTitle { background:#ccc; padding:15px; font-size:32px; text-align:right;
                              font-style:italic; margin-bottom:6px; }    
                              
.finderGrid { width: 700px; }
.finderGrid ul { list-style:none; margin:0px; padding:0px; }
.finderGrid ul li { width:232px; float:left; }
.finderGrid ul li img { float:left; margin:6px; }
.fgCaption { clear:both; width:232px; float:left; text-align:center; text-transform:uppercase; font-style:italic; }

.finderNav ul .canRemove { background:url(/styles/images/bgCanRemove.png); display:block; width:174px; height:18px;
                            cursor:pointer; margin-top:3px; }
.finderNav ul .canRemove a:link { text-decoration:none; color:#fff; display:block; padding-left:20px; width:154px; }
.finderNav ul .canRemove a:visited { text-decoration:none; color:#fff; display:block; padding-left:20px; width:154px; }
.finderNav ul .canRemove a:hover { color:#fff; text-decoration:underline; }

.finderPageNav { width:680px; text-align:right; margin-top:10px; padding:10px; }
.finderPageNavLabel { float:right; color:#777; }
ul.fPagerNav { list-style:none; margin:0px; padding:0px; display:block; float:right; }
ul.fPagerNav li { list-style:none; float:left; font-size: 14px; padding:0px 5px; }
ul.fPagerNav li.curPage { float:left; font-weight:bold; }
ul.fPagerNav li a:link { text-decoration:none; color:#c21500; }
ul.fPagerNav li a:visited {  text-decoration:none; color:#ff360c; }
ul.fPagerNav li a:hover {  text-decoration:underline; color:#ff360c; }


/* addthis sharing for ViewGroup.aspx */
.addthis_toolbox
{
	padding:10px 0px 0px 8px;
}

.addthis_toolbox .custom_images a
{
    margin: 0px 5px 0px 0px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

/* ~/Login.aspx */
#login { margin: 50px; }
#login .lcontainer {  width: 350px; margin-left: auto; margin-right: auto; }
#login h3 { margin: 0 0 10px 0; padding: 0; }
#login p { margin: 10px 0 0 0; padding: 0; }
#login label { display: block; font-weight: bold; }
#login input.text { width: 195px; }

/* ~/ForgotPassword.aspx */
#passwordrecovery { margin: 50px; }
#passwordrecovery .prcontainer { width: 300px; margin-left: auto; margin-right: auto; }
#passwordrecovery h3 { margin: 0 0 10px 0; padding: 0; }
#passwordrecovery p { margin: 10px 0 0 0; padding: 0; }
#passwordrecovery label { display: block; font-weight: bold; }
#passwordrecovery input.text { width: 295px; }

