﻿/** Styles in this sheet are available in Content Editor 
*** See SiteStyles.css for General Site Layout/Backgrounds Styles
*** Do not include positioning and layout styles in this sheet, use SiteStyles css file instead
**/

/* START EMBED FONTS */
@font-face {
 font-family: StagBookItalic;
 src: url("stag-bookitalic-webfont.eot"); /* EOT file for IE */
 src: local("Stag BookItalic"), url("Stag-BookItalic.ttf") format("truetype"), url('stag-bookitalic-webfont.svg#webfontsQ7Macam') format('svg'); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: StagBook;
 src: url("stag-book-webfont.eot"); /* EOT file for IE */ 
 src: local("Stag Book"), url("stag-book-webfont.ttf") format("truetype"), url('stag-book-webfont.svg#webfontsQ7Macam') format('svg'); /* TTF file for CSS3 browsers */
}

@font-face {
	font-family: 'HelveticaNeueBoldCond';
	src: url('hlbc____-webfont.eot'); /* EOT file for IE */
	src: local('HelveticaNeueBoldCond'), url('hlbc____-webfont.woff') format('woff'), url('hlbc____-webfont.ttf') format('truetype'), url('hlbc____-webfont.svg#webfontXqcWqfJ7') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* END EMBED FONTS */

/* Start General Styles */
body
{
	font-size: 14px;
    font-family: StagBook, Georgia, Serif;
	color: #34342C;
	background-color: #3b3b35;
}

address {
  font-family: StagBook, Georgia, Serif; }

a:link, a:visited {
  color: #7d7d1e;
  text-decoration: none; }

a:hover {
  text-decoration: underline;
  color: #f00000; }
a.more
{
    white-space: nowrap;
}        

h1 {
  color: #58584e;   
  font-size: 30px;
  margin:0px 0px 21px 0px;
  font-weight:bold;
}

h2 {
  color: #58584e;
  text-transform: uppercase;
  font-size: 1.6em; 
  margin:19px 0px 19px 0px;
  font-weight:bold;
}

h3 {
  color: #58584e;
  text-transform: uppercase;
  font-size: 1.1em; 
  font-weight:bold;
  margin:18px 0px 18px 0px;
  font-weight:bold;
}

h4 {
  color: #58584e;
  text-transform: uppercase;
  font-size: 1.0em; 
  margin:13px 0px 13px 0px;
  font-weight:bold;
}

h5, h6 {
    margin: 25px 0px;
    padding: 0px 0px 13px 0px;
    background-image: url(../images/ROX_content_right_sep.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 16px;
}


th {font-weight:bold;}
td, th {vertical-align: top;}

p, tt {margin:10px 0px 10px 0px;}

tt 
{
    font-family: Georgia, Serif;
    font-size: 14px;
}

img { border:0px none #ffffff;}

strong, b {font-weight:bold;}
i   {font-style:italic;}

blockquote { margin: 16px 40px 16px 40px; }

select {font-family: Georgia, Serif; font-weight:bold;}

#main_content ul li
{
    list-style-type: disc;
    margin: 1px 0px 1px 20px;
}
#main_content ul.ui-tabs-nav li {list-style-type: none; margin: 0px 0px 0px 0px;}

.small
{
    font-size: .98em;
}
.blocklabel{display:block;}

.StepNumber 
{
    background-image: url(../images/stepBg.gif); 
    background-position: top center; 
    background-repeat:no-repeat; 
    color:#ffffff; 
    font-size:14px; 
    font-weight:bold; 
    height:30px; 
    width:30px;
    margin:8px 5px 0px 0px;
    padding:5px 0px 0px 0px; 
    text-align:center;
}
/* End General Styles */


/* Start Status Summary Styles */
.Error, .AspNet-Login-FailurePanel, .AspNet-PasswordRecovery-FailurePanel
{
    color: #cf1a1a;
    padding:10px 10px 10px 10px;
    border:1px solid #cf1a1a;
    background-color: #ffffff;
    margin:5px 0px 5px 0px;
    font-weight: bold;
}
.Success
{
    color:#48915A;
    padding:10px 10px 10px 10px;
    border:1px solid #48915A;
    background-color: #ffffff;
    margin:5px 0px 5px 0px;
    font-weight: bold;
}
/* End Status Summary Styles */

/* Start Headings/Titles Styles */
.TitleText, .TitleText span
{
    color: #58584E; font-weight: bold; font-size:13px;
}
.title
{
    text-transform: uppercase;
    font-weight:700;
}
.SectionHeading
{
    font-size:24px;
    font-weight:normal;
    padding:3px 0px 3px 0px;
    color:#58584e;
    font-family:StagBook, Georgia, Serif;
    text-transform:capitalize;
}
.createAccountLabel
{
  margin-top:15px;   
}
.createDropdown
{
  width:200px; 
  float:right;
  display:inline;  
}
.vertMiddle
{
  vertical-align:middle;   
}
.SubHeading
{
  color:#58584e;
  font-family:StagBook, Georgia, Serif;
  text-transform:capitalize;
  font-weight:normal;
  font-size:14px;   
}
.loginLabel
{
    font-family:StagBook, Georgia, Serif; 
    font-size:12px; 
    text-transform:uppercase; 
    padding:5px;
}
.asterisk
{
    color: #FF0000;
}
.ACRequired {display:none;} 
#billing_address .ACRequired, .sAddressContainer .ACRequired {display:inline;}
/* End Headings/Titles Styles */

/* Start Table Styles */
.TableStyle,.dataFormTable     {color:#000000; border-width:0px;}
.bordered {border:1px solid #43433B;}
.FullWidth  {width:100%}
.TableStyle tr th, .TableStyle tr td,
.dataFormTable tr th, .dataFormTable tr td  { padding:5px 5px 5px 5px; border-width:0px;}
.HeaderRow,.HeaderRow th      {background-color: #58584e; color: #e8e5db; text-transform:uppercase; font-family: StagBook, Georgia, Serif;}
tr.AlternateRow td   {background-color:#F2F2F2;}
.dataFormTable tr th    {text-align:right; font-weight:normal;}
.thwidths th { width:115px; }
.dataFormRow {margin:3px 0px 2px 0px; background-color:#d5d1c4; padding:6px 16px; }
.dataFormTable select, .dataFormRow select {width:234px;}
.createAccountRow{background-color:#d5d1c4;}
.oxxBG { background:transparent url(../images/oxx-background.jpg) no-repeat scroll right top}
td.CenterTD, th.CenterTD {text-align: center;}
.paddDiv
{
    padding:8px;
}
.category-header 
{
    border-bottom:1px solid #999987;
    font-size:17px;
    margin:0px 0px 0px 0px;
    text-transform:uppercase;
    /*width:200px;*/
}
.divShortDescription {width:425px}
.description h2 br {display: none;}
.note 
{
    font-size:0.9em;
    font-style:italic;
}
.shareRegTable tr td, .shareRegTable tr th {padding:0px;}
/* End Table Styles */

/* Start Half Size Container Styles */
.left_half
{
    float:left;
    width:420px;
}
.right_half
{
    float:right;
    width:420px;
}
.left {float:left;}
.right {float:right;}
.clear  {clear:both;}

.SmallerFieldSection, .HalfFieldSection
{
    margin:0px 4px 0px 0px;
    float:left;
}

.loginBox,.InputStyle, #shipping_address input, .checkoutStepDiv input
{
  font-size:18px;
  padding:9px;
  vertical-align:middle;  
  width: 214px; 
  font-family: Georgia, Serif; font-weight:bold;
}
.AutoWidth, .Exp select, .checkoutStepDiv input.AutoWidth, .checkbox input, .AutoWidth input {width: auto;}
.NoPadd, .NoPadd.AutoWidth {padding: 0px 0px 0px 0px;}
.loginTable
{
  margin:25px;   
}
.loginCheckbox
{
    margin-left:15px;
}
.smaller_half_padded {width:432px; padding:10px 10px 10px 10px;}
/* End Half Size Container Styles */

/* Start Product Page Styles */
/* PRICES IN BASKET */
.ListPricewSaleB		{display:block; text-decoration:line-through; }
.SalePriceB, .DiscountPriceB			{display:block; color: #f00000; }
/* price class used when a product is not on sale */
.ListPricewoSaleB	{display:block; }

/* price class used when a product is on sale */
.ListPricewSale		{color: #000000; font-weight: bold; text-decoration:line-through; }
.SalePrice			{color: #ff0000; font-weight: bold; }
/* price class used when a product is not on sale */
.ListPricewoSale	{color: #000000; font-weight: bold; }
/* price class used if 3 prices are specified */
.MSRPPrice			{color: #000000; font-weight: bold; }

.ProductName {font-family: StagBook, Georgia, Serif; font-size: 24px; font-weight: bold; color: #66665c; margin-bottom: 3px; text-transform: none;}

#labelNumAvail {font-weight: bold; font-size: 12px;}

.PopMessage
{
    position: relative;
    left: 450px; 
    font-size: 12px;
    text-align: left;
    margin-top: 10px;
    top:-100px;
}
    .PopMessage .PopMessageInner {position: absolute;}
    .PopMessage .close {float: right; margin-right: 6px;}
    .PopMessage .top, .PopMessage .bottom {position:relative;margin:0px 0px 0px 0px !important;width:309px;}
    .PopMessage .top {padding:0px; background:url(../images/PopMessageTop.png) top left no-repeat;text-align:left;}
    .PopMessage .message {padding: 10px 15px 4px 10px; font-family: Georgia,Serif; font-weight: bold;}
        .PopMessage .message strong {color:#FF0000;}
    .PopMessage .bottom {padding:0 0 30px 0; background:url(../images/PopMessageBottom.png) top left no-repeat;}
/* End Product Page Styles */


/**** Content Page Styles ****/
/* Template Pages - Common Styles */

#content_page {overflow: hidden; /*part of equalizing heights of left and right*/}
#content_left, #content_right
{
    padding-bottom: 32767px;
	margin-bottom: -32767px;
}
#content_left 
{
    width: 305px; 
    background-image: url(../images/ROX_content_left_bg.png);
    background-repeat: repeat-y;
    float: left;
}
    #content_left .AspNet-TreeView ul
    {
        padding: 7px 0px;
    }  
        #content_left .AspNet-TreeView ul li
        {
            list-style-type: none;
            padding: 0px 0px;
            margin: 0px 0px;
        }
        #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root
        {
            text-align: left;
            margin: 12px 0px 0px 16px;
            background-image: url(../images/ROX_content_left_nav_bg.png);
            background-repeat: repeat-y;
            font-family: HelveticaNeueBoldCond, Arial, Sans-Serif;
        }
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root a
            {
                /*background-color: #252525;*/
                display: block;
                color: #66665c;
                font-size: 14px;
                padding: 17px 0px 18px 0px;
                margin: 0px 40px 0px 22px;  
                text-transform: uppercase;              
            }
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Collapse
            {
                float: right;
                background-image: url(../images/ROX_content_left_arrow.png);
                background-repeat: no-repeat; 
            }
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Expand
            {
                float: right;
                background-image: url(../images/ROX_content_left_arrow.png);
                background-repeat: no-repeat; 
            }
        #content_left .AspNet-TreeView ul li.AspNet-TreeView-Leaf
        {
            text-align: center; 
            margin: 0px 0px 0px 0px;
            background-image: none;
            font-family: StagBookItalic, Georgia, Serif;
            font-style: italic;
        }
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Leaf a
            {
                /*background-color: #2c2c2c;*/
                padding: 17px 0px 18px 0px;
                margin: 0px 40px 0px 22px;
                text-transform: none;
                background-image: url(../images/ROX_content_left_sep.png);
                background-repeat: no-repeat;
                background-position: center bottom;
                text-decoration: none;
            }
            #content_left .AspNet-TreeView ul ul li.AspNet-TreeView-Leaf a
            {
                margin-left: 9px;
            }
            
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Leaf #lastTab a
            {
                background-image: none;
            }
            
            #content_left .AspNet-TreeView li.AspNet-TreeView-Root.AspNet-TreeView-ChildSelected ul a,
            #content_left .AspNet-TreeView li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected ul a,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected ul a,
            #content_left .AspNet-TreeView li.AspNet-TreeView-Parent.AspNet-TreeView-Selected ul a,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Leaf.AspNet-TreeView-ParentSelected a
            {
                color: #66665c;
            }
            #content_left .AspNet-TreeView li.AspNet-TreeView-Root.AspNet-TreeView-Selected a,
            #content_left .AspNet-TreeView li.AspNet-TreeView-Root.AspNet-TreeView-ChildSelected a,
            #content_left .AspNet-TreeView li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected a,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected a,
            #content_left .AspNet-TreeView li.AspNet-TreeView-Parent.AspNet-TreeView-Selected a
            {
                color: #ffffff;
            }
            #content_left .AspNet-TreeView li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected a,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected a,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Parent.AspNet-TreeView-ChildSelected li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected a          
            {
                color: #ff0000;
            }        

            #content_left .AspNet-TreeView li.AspNet-TreeView-Leaf.AspNet-TreeView-Selected
            {
                background-image: url(../images/ROX_content_left_arrow.png);
                background-repeat: no-repeat;
                background-position: right 6px;
        
            }
            
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root a:hover, #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root a:active
            {
                color: #ffffff;
            }
            #content_left .AspNet-TreeView a:hover, #content_left .AspNet-TreeView a:active,
            #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root.AspNet-TreeView-Leaf a:hover, #content_left .AspNet-TreeView ul li.AspNet-TreeView-Root.AspNet-TreeView-Leaf a:active,
            #content_left .AspNet-TreeView ul ul li.AspNet-TreeView-Leaf a:hover, #content_left .AspNet-TreeView ul ul li.AspNet-TreeView-Leaf a:active
            {
                text-decoration: none; color: #ff0000;
            }
            
        #content_left .AspNet-TreeView .AspNet-TreeView-Collapse, #content_left .AspNet-TreeView .AspNet-TreeView-Expand
        {
            width: 13px;
            height: 14px;
            float: right;
            padding: 17px 0px 18px 0px;
            margin-right: 45px;
            background-position: center center;
            background-repeat: no-repeat;
        }
        #content_left .AspNet-TreeView .AspNet-TreeView-Collapse
        {
            background-image: url(../images/ROX_nav_collapse.png);
        }
        #content_left .AspNet-TreeView .AspNet-TreeView-Expand
        {
            background-image: url(../images/ROX_nav_expand.png);
        }
        
#content_right 
{
    width: 598px; 
    background-color: #d4d2ca;
    float: right;
}
    #content_right .template-title
    {
        margin: 25px;
        padding: 0px 0px 13px 0px;
        background-image: url(../images/ROX_content_right_sep.png);
        background-position: bottom center;
        background-repeat: repeat-x;
        color: #66665c;
        font-weight: bold;
        font-size: 18px;
    }
        #content_right .template-title h1
        {
            font-size: 18px;
            color: #66665c;
            font-weight: bold;
            margin: 0px 0px;
            padding: 0px 0px;
            text-transform: none;
            /*line-height: 38px;*/
            width: 400px;
        }
    .article-tab, .article-pager {padding: 13px 0px;}
    
    .ArticleHolder 
    {
        padding: 15px 0px 0px 0px;
        margin: 0px 0px 15px 0px;
        display:block;
        background-image: url(../images/ROX_content_right_sep.png);
        background-position: top center;
        background-repeat: repeat-x;
    }
        .ArticleHolder .ArticleImage
        {
            width: 148px;
            float: left;
        }
            .ArticleHolder .ArticleImage img
            {
                width: 141px;
                margin-right: 7px;                
            }
        .ArticleHolder .ArticleInfo
        {
            float: right;
            width: 400px;
            /*margin-top: 35px;*/
        }
            .ArticleHolder .ArticleInfo a.Article-Name
            {
                font-family: StagBookItalic, Georgia, Serif;
                font-style: italic;
                font-size: 18px;
                color: #66665c;
                font-weight: bold;
                margin-bottom: 10px;
                display: block;
            }
        
    /* start Content page Tabs css*/
    #content_right #tabs
    {
    }
        #content_right #tabs .ui-tabs-panel
        {
            margin: 25px;
        }
            #content_right #tabs .ui-tabs-panel.wider
            {
                margin: 25px 0px;
            }
            #content_right #tabs .ui-tabs-panel.wider .wider-padder, .article_content
            {
                margin: 0px 25px;
            }
        #content_right .ui-tabs-nav
        {
            background-color: #c4c2b9;
        }
        #content_right .ui-tabs-nav li, .article-tab
        {
            text-align: center;
            float: left;
            padding: 13px 0px;
            width: 199px;
            background-color: #c4c2b9;
        }
            .article-tab {text-align: left;}
            #content_right .ui-tabs-nav .ui-tabs-selected, .article-tab
            {
                background-color: #d4d2ca;
            }
        #content_right .ui-tabs-nav a, .article-tab
        {
            color: #66665c;
            font-size: 14px;            
            text-transform: uppercase;
            text-decoration: none;
            font-weight: bold;
            font-family: HelveticaNeueBoldCond, Arial, Sans-Serif;
        }
            #content_right .ui-tabs-nav a:hover, #content_right .ui-tabs-nav a:active {text-decoration: none;}
    /* end Content page Tabs css*/
    #content_right .template-container
    {
    }
        #content_right .template-container .template-title-container
        {
            text-align: center;
        }
        #content_right .template-container .template-title, #content_right .landing-title h1
        {
            margin: 0px 0px;
            font-size: 30px;
            font-weight: bold;
            text-align: center;
            font-family: StagBookItalic, Georgia, Serif;
            font-style: italic;
            display: inline;
            line-height: 43px;
        }
            #content_right .landing-title h1 {display: block;}
            #content_right .landing-title {text-align: center; margin-top: 23px;}
        #content_right .template-container .template-postinfo
        {
            font-size: 12px;
            text-align: center;
            margin: 13px 0px 0px 0px;
            padding: 13px 0px;
        }
        #content_right .template-container .template-subtitle
        {
            color: #66665c;
            font-size: 18px;
            font-weight: bold;
            font-family: StagBookItalic, Georgia, Serif;
            font-style: italic;
            margin-top: 20px;
        }
        #content_right .template-container .template-featured
        {
            /*border: 1px solid #66665c;*/
            text-align: center;
            margin: 20px 0px;
        }
            #content_right .template-container .featured-image-container
            {
                background-color: #000000;
            }
            #content_right .template-container .template-featured .featured-image
            {
                margin-bottom: 5px;
            }
            #content_right .template-container .template-featured .featured-caption
            {
                font-family: Georgia, Serif;
            }
        #content_right .template-container {font-family: Georgia, Serif;}
        #content_right .template-container .template-body
        {
            margin: 8px 0px 0px 0px;
            line-height: 21px;
            font-family: Georgia, Serif;
        }
            #content_right .template-container .template-body .body table
            {
                border-collapse: separate;
            }
            
     #secondary-photos ul {
        display:block;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0px 0px 0px 0px !important;
        padding:0px 0px 0px 0px !important;
    }
        #secondary-photos ul li {
            float:left;
            margin: 0px 0px;
            padding: 0px 0px 30px 0px;
            text-align:center;
            width: 137px;
            height: 145px;
            overflow: hidden;
            list-style-type: none !important;
        }
        .view-larger {display:block;}   
   
    .template-photos
    {
        clear: both;    
    }
    .template-photos ul
    {
        list-style: none;
    }
    .template-photos li
    {
        display: inline;
    }
.intro-text {
    border:1px solid #999987;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:0;
    margin-top:4px;
    padding:7px 7px 7px 7px;
}
.featured-article img {
	display:block;
	margin-bottom:20px;
	max-width:250px;
}
.headline {
margin-bottom:20px;
font-weight:bold;
}
/* End Content.aspx */

/* Start FAQ */
#featured-faqs-and-categories, .featured-faq_td
{
    background:#BBB6A2 none repeat scroll 0 0;
    margin:16px 0px 16px 0px;   
}
#featured-faqs-and-categories {width:100%;}
    #featured-faqs-and-categories td {padding:20px 5px 20px 5px;}
.featured-faq_td {padding: 16px 16px;}
table#categories {width:100%}
table#categories td {width:50%}
table#categories h3 {font-size: 1em; font-weight: bold; margin:10px 0px 10px 0px;}

#answer 
{
    margin: 0px 0px 20px 10px;
}

#more { font-style:italic; }
/* End FAQ */
