/*************************************************************************************
   MAIN
*************************************************************************************/
.wrapper                                                                        { width:100%; height:auto; float:left; }


/*************************************************************************************
   TOP PANEL
*************************************************************************************/
.wrapper .top-panel                                                            {width:100%; height:auto; float:left; padding:0px; }
.wrapper .top-panel .main-nav                                                  {width: 100%; max-width:1280px; height:auto; float:left; background-color: #D70008; position:fixed; top: 0px; z-index: 2; -webkit-box-shadow: 0px 4px 4px 0px rgba(169,169,169,0.66); -moz-box-shadow: 0px 4px 4px 0px rgba(169,169,169,0.66); box-shadow: 0px 4px 4px 0px rgba(169,169,169,0.66); }
.wrapper .top-panel #logo                                                      {width:145px; height:175px; float:left; background:url(/templates/v7BBTr/images/logo.png?x=112) no-repeat left top; position:absolute; left:25px; top: 1px; z-index: 3; }
.wrapper .top-panel #iconLogo a                                                {width:32px; height:32px; float:left; background:url(/templates/v7BBTr/images/atomLogo.png?x=112) no-repeat left top; position:absolute; left:100px; top: 8px; z-index: 2; }

/***********************[ NAV ]***************************************  ***********/
.wrapper .top-panel .main-nav ul                                               {width:auto; height:auto; float:right; text-align:right; margin:0px; margin-left: 160px; padding-top: 1px; padding-left: 1px; }
.wrapper .top-panel .main-nav ul li                                            {width:auto; float:left; margin-left: -1px; margin-top: -1px; font-family: 'Open Sans', sans-serif; font-size: 1.1em; color:#000; text-transform:uppercase; }
.wrapper .top-panel .main-nav ul li:hover, .wrapper .top-panel .main-nav ul li:active  { color: #000; }

.wrapper .top-panel .main-nav ul li a                                          {color:#FFF; float:left; padding:12px; margin: 0px; min-height: 25px; height: auto; }
.wrapper .top-panel .main-nav ul li a:hover                                          {color:#000;}        
.wrapper .top-panel .main-nav ul li:hover a, .wrapper .top-panel .main-nav ul li:active a  { color:#000;}
.wrapper .top-panel .main-nav ul li .selectedIcon { display: none; }

.wrapper .top-panel .main-nav ul .selected { color: #FFF; }
.wrapper .top-panel .main-nav ul .selected a                                          { color:#000; }
.wrapper .top-panel .main-nav ul .selected a:hover                                          {color:#FFF;}
.wrapper .top-panel .main-nav ul .selected .selectedIcon { display: inline-block !important; }


.wrapper .top-panel a.login                                                    {float:right;}

/*************************************************************************************
   BANNER
*************************************************************************************/

.wrapper .home-banner                                                           { width:100%; max-width: 1280px; /* max-height:250px; */ float:left; background-color: #FFF; padding-top: 55px; position: relative; }                                                                       
.home-banner img {
  max-width: 100%;
  height: auto;
}

.wrapper .top-panel .logoCollapse img { display: none; }

.home-banner #main-banner-toggle {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 1.4em;
  color: #D70008;
}

.container .logoCollapse #logo-toggle {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 1.4em;
  color: #D70008;
}

.container .logoShown #logo-toggle {
  display: none;
}

#simpleLogo {
  background-color: #D70008;
  font-size: 1.4em;
  font-weight: bold;
  font-family: 'Source Sans Pro';
  color: #FFF;
  padding: 12px;
  display: none;
}

#simpleLogo a {
  color: #FFF !important;
}

#simpleLogo a:hover {
  color: #CFCFCF !important;
}
 
/*************************************************************************************
   CONTAINER
*************************************************************************************/ 
.container                                                                    {width:100%; height:auto; float:left; }
.container .content                                                           {width:100%; height:auto; float:left; margin: 0px auto; background:#FFF; padding-bottom: 40px; }
.container .content.home-page-divider                                         {background:#FFF; padding: 0px; }



.container .side-panel                                                         { margin-right: 4%; width: 22%; max-width: 250px; height: auto; float: right; clear: right !important; }
.container .main-content                                                       { min-width: 320px; width: 68%; max-width: calc(88% - 250px); height:auto; float: left; position:relative; margin: 0px auto; margin-left: 4%; margin-right: 4%; }
.container .logoCollapse                                                      { padding-top: 85px !important; }

.container .block                                                           { width: 100%; height:auto; float:left; margin-top: 25px; margin-bottom: 25px; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color: #F7F7F7; }
.container .blockContent { padding: 10px; }

.container .block h3 { font-family: 'Open Sans', sans-serif; font-size: 1.25em; }
.container .block h3 a { color: #FEFEFE; }
.container .block h3 a:hover { color: #000; }

.container .block .order                                                 {position: relative; display: block; width:100%; text-align: center; margin-top: 8px; margin-bottom: 8px; padding:6px; background:#d70008; font-size:1em; font-weight: bold; color:#FEFEFE; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-topright: 12px;  -moz-border-radius-bottomright: 12px;  border-top-right-radius: 12px;  border-bottom-right-radius: 12px;}
.container .block .order:hover                                                 { background:#000; color:#FDFCDC;}

.container .block .offer                                                     {width:100%; height:auto; float:left; margin:10px 0 0 0; color:#5f5f5f;}
.container .block .allLink { padding: 10px; margin-left: -10px; margin-bottom: -10px; width: 100%;}
/*************************************************************************************
   INNER PAGES
*************************************************************************************/
 
.standard_box .order, .standard_box_main .order                                                 { background:#d70008; color:#FEFEFE; position: relative; display: block; width:100%; padding:4px; margin: 0px auto; font-size: 0.95em; font-weight: bold; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align: center; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px;  -moz-border-radius-bottomright: 8px;  border-top-right-radius: 8px;  border-bottom-right-radius: 8px;}
.standard_box .order:hover, .standard_box_main .order:hover 					{ background-color: #000; }
.standard_box .adOrder                                                 {position: relative; display: block; width:100%; padding:4px; margin: 4px auto; border: 1px solid #d70008; border-radius: 8px; color:#d70008; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.standard_box .adOrder:hover                                           { background-color: #DCDDDE; }
               
.orderOrange { }
.orderOrange:hover { }
.orderBlue { background:#d70008 !important; color:#FEFEFE !important; }
.orderBlue:hover { background-color: #000 !important; color: #EFEFEF !important; }


.orderOrange .arrow { font-size: 1.3em; }
.orderBlue .arrow { font-size: 1.3em; }

.orderBlueClear { background-color: inherit !important; color: #d70008 !important; font-size: 1.1em; margin-top: 8px; margin-bottom: 8px; padding: 0px; }
.orderBlueClear:hover { color: #000 !important; }
.orderBlueClear .arrow { background-color: #d70008; color: #FEFEFE; padding: 1px 3px;  border-radius: 8px; text-indent: 0px; text-align: center; margin-left: 6px; font-weight: 500; content: ">"; }
.orderBlueClear:hover .arrow { background-color: #000; }

.orderOrangeClear { background-color: inherit !important; color: #D70008 !important;  font-size: 1.1em; margin-top: 8px; margin-bottom: 8px; padding: 0px; }
.orderOrangeClear:hover { color: #000 !important; }
.orderOrangeClear .arrow { background-color: #D70008; color: #FFF; padding: 1px 3px; border-radius: 8px; text-indent: 0px; text-align: center; margin-left: 6px; font-weight: 500; content: ">"; }
.orderOrangeClear:hover .arrow { background-color: #000; }

.orderOrangeInvert { background-color: #FFF !important; border: 1px solid #D70008 !important; color: #D70008 !important; }
.orderOrangeInvert:hover { background-color: #FFF !important; border: 1px solid #000 !important; color: #000 !important; }
    
.orderOrangeBox { background-color: #D70008 !important; color: #FFF !important; border-radius: 0px !important; }
.orderOrangeBox:hover { background-color: #000 !important; color: #FFF !important; border-radius: 0px !important; }
.orderOrangeBox .arrow { display: none; }
  
    
/*****************
 FOOTER
*****************/
footer                                                                            {width:100%; height:auto; float:left; text-align: center;}
footer .footer-links { background-color: #F7F7F7; padding:20px;}
footer .footer-links p { font-size: 1.15em; font-family: 'Source Sans Pro', sans-serif; }
footer .footer-links a { margin-right: 0.65em; margin-left: 0.65em; }

footer .footer-bottom                                                         { width:100%; height:auto; padding-top: 3px; font-weight: bold; float:left; background-color: #d70008; border-bottom: 12px solid #FFF; }
footer .footer-bottom p                                                       {font-size: 0.9em; font-family:'Raleway', sans-serif; margin:0px; padding: 10px; color: #FEFEFE; }

footer .footer-links a { color: #000; }
footer .footer-links a:hover { color: #D70008; }

footer .importantLinks a { color: #D70008; }
footer .importantLinks a:hover { color: #000; }

/*****************
 RESPONSIVE ADJUSTMENTS
*****************/

.main-content img {
  border: none;
  max-width: 100%;
}

.mobileOnly {
  display: none;
}

.mobileHide {
  visibility: visible;
}

.midDisplayOnly {
  display: none;
}

.fullWidthOnly {
  visibility: visible;
}

.fullWidthHide {
  display: none;
}  

.border-menu {
  position: relative;
  margin-left: 0.33em;
  padding-right: 1em;
}
.border-menu:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #FFF;
  border-bottom: 0.125em solid #FFF;
}

.mobileOption {
  background-color: #E8E8E8;
  text-align: center;
  font-size: 1.4em;
  font-family: 'Source Sans Pro', sans-serif;
}

.mobileOption a {
  display: block;
  padding: 10px;
}

#adZone_topHorizontal {
  background-color: #FFF;
}

#adZone_topRectangle {
  width: 300px;
  padding-bottom: 10px;
  margin-left: -20px;
  margin-top: 20px;
}

#adZone_bottomRectangle {
  width: 300px;
  padding-bottom: 20px;
  margin-left: -20px;
  clear: bottom;
}
  
  
@media only screen and (max-width : 720px){

  #adZone_topHorizontal {
    display: block;
    clear: both;
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }
  
  #adZone_topRectangle {
    display: none;
  }

  #adZone_bottomRectangle {
    display: none;
  }
  
  .fullWidthHide {
    visibility: visible;
    display: block;
  }
  
  .side-panel {
    display: none;
  }
  
  .main-content {
    width: 100% !important;
    margin: 0px auto !important;
  }

  .home-banner {
    display: none;
  }
  
  #logo {
    display: none;
  }
  
  #iconLogo {
    display: none;
  }
  
  .wrapper .top-panel .main-nav {
    position: relative;
  }        
  
  .wrapper .top-panel .main-nav ul {
    margin-left: 0px;
  }
    
  #simpleLogo {
    display: block;
  }
  
  .main-nav .socialLinks {
    display: none;
  }
  
  .main-nav ul {
    display: none;
    height: auto;
  	margin: 0px auto;
  	list-style:none;
  	position: relative;
  }
  
  .main-nav li {
    height: auto; 
    width: 50% !important;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;    
    display: inline;  
  	float:left;
    text-indent: 0.75em;
    background-color: #FFF;
  }
  
  .main-nav li a {
    color: #000 !important;
  }
  
  .main-nav li a:hover {
    color: #D70008 !important;
  }
  
  .menuPull {
    background-color: #D70008;
    padding: 9px;
    font-size: 1.1em;
    line-height: 1.65em;
    color: #FFF !important;
    text-align: left;
    display: block !important;
  }  
  
  .menuPull a {
    color: #FFF !important;
  }
  
  .menuPull a:hover {
    color: #000 !important;
  }

  #menuLogo a:hover {
    color: #000 !important;
  }
                  
  #menuLogo a {
    width: calc(50% - 24px);
    text-align: left;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    font-family: 'Source Sans Pro';
    color: #FFF !important;
    padding: 6px 12px;
  }

  #menuLink a {
    width: calc(50% - 24px);
    text-align: right;
    float: right;
    padding: 6px 12px;
    color: #FFF;
  }  
  
  .darkMenu {
    background-color: #000;
  }
  
  .mobileOnly, .mobileOnly a {
    display: block !important;
  }
  
  .mobileOnly {
    visibility: visible;
  }
  
  .midDisplayOnly {
    display: none;
  }
  
  .standard_box_main {
    background-color: #F7F7F7 !important;
    padding: 8px !important;
    border: none !important;
  }
  
  .mobileHide {
    display: none !important;
  }  
  
  .standard_box .order {
    border-radius: 0px !important;
    margin: 0px auto !important;
  }
  
  .main-content img {
    max-width: 100%;
    height: auto;    
  }  
  
  .imgFrame, .imgFloat {
    max-width: 66% !important;
    height: auto;       
  }
  
  .imgFrame, .imgFloat { 
    display: block !important;
    float: none !important;
    margin: 0px auto !important;    
  }
  
}

@media only screen and (min-width : 720px){
  #main-menu { display: block !important; visibility: visible !important; }
  .mobileOption {
    margin-bottom: 25px;
    margin-top: 25px;
  }
}


@media only screen and (max-width : 1020px){

  #adZone_topHorizontal {
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }
  
  #adZone_topRectangle {
    display: none;
  }

  #adZone_bottomRectangle {
    display: none;
  }
    
  .wrapper .top-panel .main-nav li {
    border-bottom: 1px solid #dcdcdc;
  }

  .wrapper .top-panel .main-nav ul {
    margin-left: 0px !important;
  }

  #logo {
    display: none;
  }
  
  #iconLogo {
    display: none;
  }
  
  #frame {
    padding: 0px;
  }
     
  .side-panel {
    display: none;
  }
  
  .main-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px auto !important;
  }
  
  .menuPull {               
    display: none;                    
  }
  
  .main-nav .socialLinks {
    display: none;
  }
  
  .fullWidthOnly {
    display: none;
  }
  
  .midDisplayOnly {
    visibility: visible;
  }
  
  .fullWidthHide {
    visibility: visible;
    display: block;
  }
  
}

@media only screen and (min-width: 1020px){
          
  #adZone_topRectangle {
    margin-left: -30px;
  }

  #adZone_bottomRectangle {
    margin-left: -30px;
  }
  
  #adZone_topHorizontal {
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }                 

  .menuPull {               
    display: none;                    
  }
  
  .main-nav .socialLinks {
    padding-top: 0.2em;
    margin-bottom: -0.2em;
  }
   
}

  .extraWideOnly { display: none; }

@media only screen and (min-width: 1120px){

  .extraWideOnly { display: block; }

}

  #adZone_topHorizontal ins {
    text-align: center;
    margin: 0px auto;
  }       
        
 
.breakingBlock {
  margin-top: 25px;
  margin-bottom: 25px;
}
 
.breakingBanner:before {
  display: block;
  background: linear-gradient(270deg, #d88889, #D70008, #d88889);
  background-size: 400% 400%;
  -webkit-animation: BreakingNews 5s ease infinite;
  -moz-animation: BreakingNews 5s ease infinite;
  animation: BreakingNews 5s ease infinite;
  height: 4px;
  content: "";
}

.breakingBanner:after {
  display: block;
  background: linear-gradient(270deg, #d88889, #D70008, #d88889);
  background-size: 400% 400%;
  -webkit-animation: BreakingNews 5s ease infinite;
  -moz-animation: BreakingNews 5s ease infinite;
  animation: BreakingNews 5s ease infinite;
  height: 4px;
  content: "";
}
 
.breakingBanner {
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.65em;
  line-height: 1.85em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #D70008 !important;
}

@-webkit-keyframes BreakingNews {
    0%{background-position:0% 50%}
    25%{background-position:50% 100%}    
    50%{background-position:100% 50%}    
    100%{background-position:0% 50%}
}
@-moz-keyframes BreakingNews {
    0%{background-position:0% 50%}
    25%{background-position:50% 100%}    
    50%{background-position:100% 50%}    
    100%{background-position:0% 50%}
}
@keyframes BreakingNews { 
    0%{background-position:0% 50%}
    25%{background-position:50% 100%}    
    50%{background-position:100% 50%}    
    100%{background-position:0% 50%}
}       
          /*************************************************************************************
   RESET
*************************************************************************************/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, four_equalsquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, input, textarea, blockquote,figure {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body 												{line-height:1}
ol, ul 												{list-style:none}
four_equalsquote, q 								{quotes:none}
four_equalsquote:before, four_equalsquote:after, q:before, q:after 
													{content:''; content:none}
:focus 												{outline:0}
a													{text-decoration:none}
body 											                                   	{width:100%; float:left;  font:normal 1em 'Open Sans', Arial, sans-serif; color:#000; background:#D9D9D9; line-height:normal;}


/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha   {margin-left:0px !important;}
.omega   {margin-right: 0 !important;}
.p-none  {padding:0px !important;}
.m-none  {margin:0px !important;}
.push-5  {margin-top:5px !important;}
.push-10 {margin-top:10px !important;}
.push-15 {margin-top:15px !important;}
.push-20 {margin-top:20px !important;}
.push-30 {margin-top:30px !important;}
.push-35 {margin-top:35px !important;}
.push-40 {margin-top:40px !important;}
.push-50 {margin-top:50px !important;}
.push-60 {margin-top:60px !important;}
.push-70 {margin-top:70px !important;}
.push-80 {margin-top:80px !important;}

.right    {float:right !important;}
.left{float:left !important;}

.center-align                                      { min-width: 320px; max-width:1280px; height:auto; margin:0 auto; position:relative;}
.text-center                                       {text-align:center !important;}
.clear                                             {clear: both; display: block; font-size:0;	height: 0; line-height: 0; width:100%;}

[class*="inline-box"]                              {width:100%; height:auto; float:left;  box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.inline-box-10                                     {padding:0 10px;}

/*************************************************************************************
GRID
*************************************************************************************/
.row                          { width:100%; display:block; float:left; margin:40px 0 0 0; padding:0px;}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid"] {float: left;margin-left: 10px; margin-right: 10px;}
.wrapper .grid_1 {width: 60px;}
.wrapper .grid_2 {width: 140px;}
.wrapper .grid_3 {width: 220px;}
.wrapper .grid_4 {width: 300px;}
.wrapper .grid_5 {width: 380px;}
.wrapper .grid_6 {width: 460px;}
.wrapper .grid_7 {width: 540px;}
.wrapper .grid_8 {width: 620px;}
.wrapper .grid_9 {width: 700px;}
.wrapper .grid_10 {width: 780px;}
.wrapper .grid_11 {width: 860px;}
.wrapper .grid_12 {width: 940px;}


/*************************************************************************************
Typography
*************************************************************************************/

h1, h2, h3, h4, h5, h6                              { width:100%; height:auto; margin:25px 0 0 0;}
h1                                                  {font-family: 'Source Sans Pro'; font-size:1.6em; color:#7f7f62; line-height:1.5em;   }
h2                                                  {}
h3                                                  { font-family: 'Raleway', sans-serif; font-size:1.55em; color:#000; line-height:1.4em; text-align: center; }
h3 a:hover { color: #d70008; }
h4                                                  {font-family: 'Source Sans Pro', sans-serif; font-size:1.5em; color:#D70008; line-height:1.3em; }
h5                                                  { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #D70008; font-size: 1.33em; text-align: center; }

p                                                   { font-family: 'Open Sans', Arial, sans-serif; color:#000; font-size: 1.025em; line-height:1.50em; padding: 10px; }
.textBlock p                                        { font-family: 'Open Sans', Arial, sans-serif !important; color: #000; font-size:1.025em; line-height: 1.75em; padding: 12px; }

/*************************************************************************************
   LINKS
*************************************************************************************/
a                                                   {color:#d70008;}
a:hover                                             {color:#000;}



/*************************************************************************************
 COLOUR SCHEME
*************************************************************************************/
.color-one                                                    {color:#fff !important;}
.color-two                                                    {color:#0f85c8 !important;}
.color-four                                                   {color:#8f5b57 !important;}

/*************************************************************************************
   BUTTONS
*************************************************************************************/

.btn                                                                         {width:auto; height:auto; margin: 0px auto; text-align: center; display:inline-block; font-family: 'Open Sans', sans-serif; color:#FFF; cursor:pointer; background:#00ccff; padding:8px 15px ; font-size:1.2em; text-transform:uppercase;}

                                                                                                                    
.btn.yellow, .btn.blue                                                       { background-color: #d70008; }
.btn.yellow:hover                                           { background-color: #000 !important; }    
.btn.blue:hover                                           { background-color: #000 !important; } 
                                                                                                                                                          
.btn.gray                                                                   { background-color: #83878a; }
                                                                               

.btn.gray:hover                                                              { background-color: #f7991d; }
                                                                               
.btn.brown                                                                    { color:#f7cf8f;
                                                                                background-color: #7d463f;
                                                                              } 
                                                                               
.btn.brown:hover                                                              { color:#fff;
                                                                                background-color: #ffc20f; }                                                                               

.btn.min                                                                      {font-size:1.2em; padding:6px 15px;}
.btn.small                                                                    {font-size:1.2em; padding:8px 20px;}
.btn.large                                                                    {font-size:1.2em; padding:10px 25px; border-radius:10px; }

.btn.round                                                                    {border-radius:5px;}

.btn.font-one                                                                 {font-family: 'Open Sans', sans-serif;}
.btn.font-two                                                                 {font-family: 'Open Sans', sans-serif;}

.link-btn                                                                     {font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#e23b00; text-transform:uppercase;}
.link-btn:hover                                                               {color:#353535;}

/*************************************************************************************
   MEDIA OBJECT
*************************************************************************************/
.media                                                                       {width:100%; height:auto; float:left;}
.media .media-body                                                           { width:70%; overflow:hidden; display:inline-block; padding:0 0 0 20px;  font:normal 0.9em 'Open Sans', Arial, sans-serif; line-height:20px; color:#676767;}

.media.type01 h6                                                             {margin:0px; font-size:1.1em;  font-family: 'Source Sans Pro', sans-serif; line-height:normal;}
.media.type01 a                                                              {float:left; margin:0 20px 0 0;}

.media .media-footer                                                         {width:100%; height:auto; float:left; padding:5px 10px; margin:20px 0 0 0; border-bottom:#e8e8e8 solid 1px; background:url(/templates/v6BBT/images/teture-01.png) repeat; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/templates/v6BBT/css/boxsizing.htc); } 

/*************************************************************************************
   BREADCRUMBS


.wrapper .breadcrumbs                                                         {width:100%; height:auto; float:left; padding:15px 0; background:#f1f1f1;}

.wrapper .breadcrumbs ul                                                      {width:auto; height:auto; float:left; font:bold 12px 'Open Sans', Arial, sans-serif; color:#6c6c6c; text-transform:uppercase;}
.wrapper .breadcrumbs ul li                                                   {width:auto; height:auto; float:left; color:#9f9f9f;}
.wrapper .breadcrumbs ul li a                                                 {width:auto; height:auto; float:left; color:#9f9f9f;}
.wrapper .breadcrumbs ul li a:hover                                           {color:#6c6c6c;}
.wrapper .breadcrumbs ul li .divider                                          {width:auto; height:auto; float:left; margin:0 10px;}
.wrapper .breadcrumbs ul li.active                                            {color:#6c6c6c;}
*************************************************************************************/

/*************************************************************************************
   JUMBOTRON
*************************************************************************************/
.wrapper .jumbotron                                                         {width:100%; height:auto; float:left; text-align:center;}


/*************************************************************************************
   LIST
*************************************************************************************/
 
ul.list                                                                     {width:100%; height:auto; float:left; margin:0px; }
ul.list li                                                                  {width:100%; height:auto; float:left;  color:#3a3a3a;  }
ul.list li a                                                                {display: block; width:100%; padding:10px 0; float:left; color:#000; border-bottom: 1px solid #dcdcdc; position:relative; font-family: 'Source Sans Pro', sans-serif; font-size: 1.10em; }

/* ul.list.type-one                                                           { } */
ul.list.type-one li                                                         {}
ul.list.type-one li:last-child                                             {border-bottom:none;}
                        
ul.list.type-one li a:hover                                                 { color:#d70008; } 


/*************************************************************************************
   TAB-LIST
*************************************************************************************/


/*************************************************************************************
   FORM
*************************************************************************************/
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
color: #999;
}
    
span.ui-checkbox,
span.ui-radio {  
display: inline;
width: 16px;
height: 16px;
margin-right:0;
background: url(/templates/v6BBT/images/icon_checkbox.png) 0 -40px no-repeat;
}
span.ui-radio {
width: 17px;
height: 17px;

background-position: 0 -160px
}   

label {
padding: 2px;

}

span.ui-checkbox-state-hover {
background-position: 0 -114px;
}

span.ui-checkbox-state-checked {
background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover {
background-position: 0 -75px;
}
span.ui-radio-state-hover{
background-position: 0 -160px
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked,span.ui-radio-state-checked-hover {
background-position: 0 -199px
}


.ui-radio-disabled,
.ui-checkbox-disabled {
opacity: 0.7;
}
span.ui-checkbox{
width: 16px;
height: 16px;

}
/*************************************************************************************
   PAGER
*************************************************************************************/
 



/*************************************************************************************
   table
*************************************************************************************/


/*************************************************************************************
   ICONS
*************************************************************************************/


/*************************************************************************************
   LINKS GROUPS
*************************************************************************************/
.links-group                                                                 {width:100%; height:auto; float:left; margin:20px 0px 0px 0px; font-family: 'Source Sans Pro', sans-serif; font-size: 1.1em !important; }
.links-group span                                                            {padding:0 15px; }

.links-group2                                                                 {width:100%; height:auto; float:left; margin:15px 0 0 0;}
.links-group2 span                                                            {padding:0 10px; color:#888888;}
.links-group2 a                                                               {color:#888888;}
.links-group2 a:hover                                                         {color:#d70008;}  .previousContentBox {
  display: table-cell;
  width: 50%;
  background-color: #F7F7F7;
  padding: 6px;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
}

.previousContentBox:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  border-color: rgba(215, 215, 215, 0);
	border-right-color: #000;
	border-width: 30px;
	margin-top: -30px;
}

.nextContentBox {
  display: table-cell;
  width: 50%;
  background-color: #F7F7F7;
  padding: 6px;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
}

.nextContentBox:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  border-color: rgba(215, 215, 215, 0);
	border-left-color: #000;
	border-width: 30px;
	margin-top: -30px;
}

.nextContentBox .etitle, .previousContentBox .etitle {
  color: #000 !important;
}

.contentBlockTitle {
  display: block;
  clear: both;
  border-bottom: 4px solid #D70008;
}

.contentBlockTitle a {
  color: #FFF !important;
}

.contentBlockTitle a:hover {
  color: #000 !important;
}

.contentBlockTitle span {
  display: table-cell;
  background-color: #D70008;
  padding: 12px 24px;
  font-size: 1.25em;
  font-family: 'Raleway', sans-serif;
  text-align: left;
  color: #FFF;
  text-transform: uppercase;
}              

.contentBlockLink {
  display: table-cell;
  background-color: #F7F7F7 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 1.05em !important;
  font-family: 'Source Sans Pro', sans-serif !important;
}

.contentBlockLink a {
  color: #000 !important;
}

.contentBlockLink a:hover {
  color: #d70008 !important;
}

#hlink,
#hlink a {
 color: #d70008;
 font-weight: bold;
}
#hlink a:active,
#hlink a:hover {
 color: #000;
 font-weight: bold;
}

#content a {
  color: #d70008;
  text-decoration: none;
}
#content a:active,
#content a:hover {
  color: #000;
}

.standard_box {
  background-color: #fefefe;
  margin-bottom: 50px;
}     

.standard_box_main {
  background-color: #F7F7F7;
  margin-bottom: 25px;
}   

.standard_box h3 {
  color:#000;
  margin:0px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 4px;
  position:relative;
}

.standard_box_main h3 {
  color:#000;
  margin:0px;
  text-align: center;
  padding-top: 20px;
  position:relative;    
}

.standard_box_main h3 a { color:#000; }
.standard_box_main h3 a:hover { color:#d70008; }


h3 .sidetext {
  display: block;
  text-decoration: none;
  font-size: 0.7em !important;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  color:#d70008;
}

h4 .sidetext {
  display: block;
  text-decoration: none;
  font-size: 0.7em !important;
  font-family: 'Raleway', sans-serif;
  text-transform: none;
  color:#000;
}

.side-panel h3 {
  margin: 0px;
  padding: 4px 0px;
  font-size: 1.2em;     
  background-color: #d70008;
  color: #FFF;
}

.main-content h3 span {
  padding-left: 14px;
}

/*
.main-content h3 a {
  color:#7f7f62;
  padding-left: 14px;
  text-decoration: none;
}

.main-content h3 a:active, .main-content h3 a:hover {
  color: #E23B00;
  padding-left: 14px;
  text-decoration: none;
} */

.standard_box h4 {
  text-align: center;     
}

.standard_box h4 .sidetext {
  margin-top: 6px;  
}

.standard_box ul {
  list-style: none;
  margin-left: 8px;
}

.etitle {
  font-size:1.2em;
  color:#d70008;
  line-height:25px; 
}
.etitle a {
  color:#d70008; 
  font-family: 'Raleway', sans-serif; 
}

.etitle a:hover {
  color: #000;
}

.stitle {
  color:#000;
  font-size: 1.25em !important;
  font-family: 'Source Sans Pro', sans-serif !important;
}

.stitle a {
  color: #000 !important;
}

.stitle a:hover {
  color: #D70008 !important;
}

.letitle {
  font-size: 1.1em;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;  
}

#ptitle {
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}

#ptitle a {
  color: #d70008;
  font-size: 1.15em;
  font-family: 'Raleway', sans-serif;
}

#ptitle a:hover {
  color: #000;
}

.imgFrame {
    float: left;
    border: 2px solid #D9D9D9;
    margin: 25px;
}

.imgFloat, .dvdImage {
    float: left;
    margin: 25px;     
}

.spacer {
  clear: both;
}


.seperator {
  border-top: 1px solid #000;
	padding-top: 2px;
	padding-bottom:2px;
}

.comc {
  background-color: #dce3ea;
  padding: 4px;
  text-align: right;
  font-style: normal;
}

.standard_box table .comc {
  margin: 8px auto;
}

.comc a {
  color: #d70008;
  font-style: italic;
}

.comc a:hover {
  color: #000;
}
       
.comh, .comhb {
  background-color: #eeeeee;
  padding: 10px;
  text-align: right;
  color: #DC1F28;
}

.comg {
  background-color: #0a6f9c;
  color: #FFF;
  padding: 10px;
  text-align: right;
} 

.comg a {
  color: #FFF;
  text-decoration: underline;
}

.comg a:hover {
  color: #C9C9C9;
  text-decoration: none;
  font-style: italic;
}

.comb {
  background-color: #F7F7F7;
  padding: 12px;
}
.coms {
  background-color: #490f10;
  border-bottom: 1px solid #CECECE;
  margin-bottom: 2px;
  padding: 4px;
  font-weight: bolder;
  text-align: right;  
  color: #FFF;
}

.halfads {
  max-width: 728px;
  height: auto;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.halfL {
  width: calc(50% - 18px);
  height: auto;
  float: left;
  padding: 8px;
}
.halfR {
  border-left: 1px solid #000;
  width: calc(50% - 18px);
  height: auto;
  float: right;
  padding: 8px;
  text-align: right;
}

.breadcrumbs {
  margin: 15px auto; 
  font-size: 1.05em;
  font-weight: bold;
}

.breadcrumbs a {
  color: #D70008;
}

.breadcrumbs a:hover {
  color: #000;
}

.newBreadcrumbs { 
	list-style: none; 
	overflow: hidden; 
	font-size: 1.1em;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 20px;
}
.newBreadcrumbs li { 
	float: left; 
}
.newBreadcrumbs li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
  background: #000;                   /* fallback color */
	background: hsla(216, 95%, 15%, 1);
	position: relative; 
	display: block;
	float: left;
}
		.newBreadcrumbs li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(216, 95%, 15%, 1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.newBreadcrumbs li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.newBreadcrumbs li:first-child a {
			padding-left: 10px;
		}
		.newBreadcrumbs li:nth-child(2) a       { background:        hsla(216, 95%, 45%, 1); }
		.newBreadcrumbs li:nth-child(2) a:after { border-left-color: hsla(216, 95%, 45%, 1); }
		.newBreadcrumbs li:nth-child(3) a       { background:        hsla(216, 95%, 55%, 1); }
		.newBreadcrumbs li:nth-child(3) a:after { border-left-color: hsla(216, 95%, 55%, 1); }
		.newBreadcrumbs li:nth-child(4) a       { background:        hsla(216, 95%, 65%, 1); }
		.newBreadcrumbs li:nth-child(4) a:after { border-left-color: hsla(216, 95%, 65%, 1); }
		.newBreadcrumbs li:nth-child(5) a       { background:        hsla(216, 95%, 75%, 1); }
		.newBreadcrumbs li:nth-child(5) a:after { border-left-color: hsla(216, 95%, 75%, 1); }
		.newBreadcrumbs li:last-child a {
			background: transparent !important;
			color: #000;
			pointer-events: none;
			cursor: default;
		}
		.newBreadcrumbs li:last-child a:after { border: 0; }
		.newBreadcrumbs li a:hover { background: hsla(216, 95%, 15%, 1); }
		.newBreadcrumbs li a:hover:after { border-left-color: hsla(216, 95%, 15%, 1) !important; }

.pageLinkRight a {
  background-color: #d70008;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  float: right;
  display: inline;
  font-size: 1.15em;
  padding: 9px;
  margin: 12px auto;
  color: #FFF;
  font-size: 1.10em;
}

.pageLinkLeft a {
  background-color: #d70008;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  float: left;
  display: inline;
  font-size: 1.15em;
  padding: 9px;
  margin: 12px auto;
  color: #FFF;
  font-size: 1.10em;   
}

.pageLinkLeft span, .pageLinkRight span { color: #FFF;letter-spacing: 2px; }
.pageLinkLeft a:hover, .pageLinkRight a:hover { background-color: #000; }

.gfPromo {
  width: 536px;  
  margin: 6px auto;
  text-align: center; 
  padding: 4px;
  background-color: #F7F7F7;
  border: 1px dashed #265305;
  color: #404040; 
}

#content .gfPromo a {
  color: #761618;
}

#content .gfPromo a:hover {
  color: #000;
}

.mbxh {
  max-width: 92%;  
  margin: 6px auto;
  padding: 4px;
  height: 28px;  
}
#mbpl {
position:fixed;
bottom:0;
left:0;
width: 100%;
height: 115px;
margin: 0 auto;
}
.mbxi {
  display: none;
  text-align: center;
  font-size: 1em;
  padding: 7px;
  background-color: #000;
  color: #FFF;
  font-weight: bolder;
  box-shadow: 3px 3px 2px #A9A9A9;
}
.wcrow {
  max-width: 92%;  
  margin: 6px auto;
  padding: 4px;
  height: 28px;
}
.wrowc {
  text-align: center;
  font-size: 1em;
  padding: 12px;
  background-color: #C67171;
  color: #FFF;
  font-weight: bolder;
}
.brcon {
  padding: 2px;
}
.blinedash {
  border-top: 1px dashed #404040;
  margin: 2px;		
}
.linedash {
  border-top: 1px dashed #D8D8D8;
  margin: 2px;
}
.snaps {
  text-align: center;
}

.boxes{
width: 1em;
}

.quote 
{
  background: transparent url(/templates/v1BBT/images/leftquote.png?c=BBTv2MY01) left top no-repeat;
  margin: 3px auto;
  padding: 2px;
  background-color: #E0EEEE;
  border: 1px solid #6495ED;
  width: 92%;
}
.quote div 
{
  background: transparent url(/templates/v1BBT/images/rightquote.png?c=BBTv2MY01) right bottom no-repeat;
  padding-left: 38px;
  padding-right: 38px;
  font-weight: bold;
}

.aff {
list-style-type:none;
}
.aff li {
  display: inline;
}

.cltbh
{
  text-align: left;
  text-indent: 12px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #000;
  padding: 8px;
  border-bottom: 2px solid #000;
}

.cltbh p {
  padding: 0px;
  margin: 0px;
}

.cltbh a {
  color: #000 !important;
}
.cltbh a:hover {
  color: #D70008 !important;
}
.cltbsh .halfads {
padding:0px;
}
.cltbsh
{
  border-top: 2px solid #000;
  text-align: center;
  text-indent: 12px;
  padding: 10px;
  font-size: 1em;
  color: #000;
  font-weight: bolder;
}
.cltbsh a {
  color: #000 !important;
  text-decoration: none;
}
.cltbsh a:hover {
  color: #D70008 !important;
  text-decoration: underline;
}
.cltbtd
{
  background-color: #ffffff;
  text-align: left;
  text-indent: 12px;
  line-height: 1.2em;
  padding: 12px;
}

.cltbtdh
{
  background-color: #eeeeee;  
  text-align: left;
  text-indent: 12px;
  line-height: 1.2em;
  padding: 12px;
}

.cltbtdg
{
  background-color: #FCF6CF;
  text-align: left;
  text-indent: 12px;
  line-height: 18px;
  padding: 10px;
}

.cltbt
{
  text-align: left;
  text-indent: 12px;
  color: #607080;
  padding: 10px;
}
.cltbad {
	background-color: #eceffe;
	margin: 0 auto;
  padding: 10px;
}
.cltber {
	background-color: #e7e9f7;
	text-align: center;
  padding: 10px;
}
.cltb
{
  text-align: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
}
.suggest_link {
  color: #404040;
  padding: 2px 6px 2px 6px;
}
.suggest_link_over {
  background-color: #506070;
  color: #FFF;
  padding: 2px 6px 2px 6px;
}
.suggest_link_over a:active {
  color: #FFF;
}
#search_suggest {
  position: absolute; 
  color: #FFF;
  text-align: left; 
  border: 1px solid #000000;
  background-color: #FEFEFE;
  margin: 2px auto;
  width: 98%;			
}
.search_suggest {
  position: absolute; 
  color: #FFF;
  text-align: left; 
  border: 1px solid #000000;	
  background-color: #FEFEFE;
  margin: 2px auto;		  
}
.search_results {
  background-color: #CCFF66;
  border: 1px solid #CCFF00;
  display: none;
  text-align: left;
}
.nrow {
  background-color: #EFEFEF;
  border-top: 1px solid #808080;
  text-indent: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #EFEFEF;
  width: 100%;
}
.hrow {
  background-color: #3366CC;
  border-top: 1px solid #404040;
  text-indent: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #E8E8E8;
  width: 100%;
}
.nrow .rowl {
 color: #218EFE;
}

.hrow .rowl {
 color: #FFF;
}

.ahead {
  background-color: #506070;
  text-align: center;
  color: #FFF;
  font-weight: heavy;
}
.cwn {
  width: 96%;  
  margin: 8px auto;
  text-indent: 12px;  
  padding: 8px;
  background-color: #eeeeee;
  font-size: 1.1em;
}

#content .cwn a {
  color: #10314F;
}

#content .cwn a:hover {
  color: #000;
}
    
.cwn-red {
  border: none;
  margin: 5px auto;
  text-align: center;
  padding: 5px;
  width: 92%;
  background-color: #8B2323;
  color: #FFF;
   
}

#content .cwn-red a {
  color: #CECECE;
}

#content .cwn-red a:hover {
  color: #000;
}


    .uiSuccess, .uiInformation, .uiWarning, .uiError {    
      border: none;
      margin: 5px auto;
      text-align: center;
      padding: 5px;
      font-size: 1.125em;
    }  
    .uiSuccess {
      color: #4F8A10;
      background-color: #DFF2BF;
    }
    
    .uiInformation {
      color: #00529B;
      background-color: #BDE5F8;
    }
    
    .uiWarning {
      color: #9F6000;
      background-color: #FEEFB3;    
    }
    
    .uiError {
      color: #D8000C;
      background-color: #FFBABA;
    }
                  
    .blink {
      text-align: right;
      margin-top: 4px;
    }
    
    .am td {
      background-color: #f7f7f7;               
      font-size: 1.2em;
      padding: 10px;
      text-align: center;        
    }
    
    .am td:hover {
      padding: 9px;
      font-weight: bold;
    }   

.clothingBox {
 height: 188px;
 max-width: 188px;
 margin: 4px auto;
 margin-top: 10px;
 text-align: center;
 position: relative;
}
.clothingDiv
{
   display: block;   
   vertical-align:middle;
   height:180px;
   max-width:188px;
   background-color: #FFF;
   border-radius: 8px;
   margin: 0 auto;
   text-align: center;
   position: relative;
}
.clothingDiv:hover {
  -webkit-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);
  -moz-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);
  box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);  
}
.clothingDivImg
{
    vertical-align: middle;
    max-height: 180px;
    max-width: 180px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.clothingImage {
 margin: 2px auto;
 text-align: center;
 }

.clothingImage:hover {
  -webkit-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);
  -moz-box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);
  box-shadow: 4px 4px 5px 0px rgba(169,169,169,0.48);
}       

.clothingInnerImage {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-height: 90px;
  max-width: 90px;
  border-top: 1px solid #A9A9A9 !important;
  border-left: 1px solid #A9A9A9 !important;
  border-top-left-radius: 3px;
}

.clothingTitle { font-weight: bold; font-size: 1.1em; }
.clothingSmallTitle { font-size: 1em; font-weight: normal; }
.clothingTitleInDepth { font-weight: bolder; font-size: 1.2em; }

.clothingItemDiv { border: 2px solid #d70008; border-radius: 6px; margin: 8px auto; padding: 8px; }

.clothingWA { background:#ea8080; color:#FEFEFE; position: relative; display: block; width:100%; padding:4px; margin: 0px auto; margin-top: 4px; font-size:0.9em; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align: center; }
.clothingWA:hover { background-color: #FEFEFE; border: 1px solid #ea8080; color: #D70008; padding: 3px; } 

 .buyButton {
  display: block;
  width: 100%;
  margin: 8px auto;
  background-color: #d70008;
  padding: 4px;
  font-weight: bold;
 }
 
 .buyButton:hover {
  background-color: #000;
 } 

  .buyButton { color: #FFF; }
  .buyButton a { color: #FFF; }
  buyButton a:hover { color: #FFF; }
  .buyButton:hover { color: #FFF; } 
  .buyButton:hover a { color: #FFF; } 
    
  .couponArea {                                                     
    width: 96%;
    background-color: #f6f4f4;
    padding: 4px;
    border: 1px dashed #9a453c;
    text-indent: 6px;
    color: #165414;
 }
 
 #content .couponArea a {
    color: #165414;
 }

 #content .couponArea a:hover {
    color: #9a453c;
 }        
 
 
  .search-results-div { margin-bottom: 48px; }
  #searching { position: absolute; right: 0px; top: 8px; margin: 6px; display: block; display: none; }
  #search_query { width: 220px; border: 1px solid #D70008; padding: 4px; margin: 4px auto; color: #000; float: right; }
  #searchtext { color: #D70008; font-weight: bolder; text-align: left; float: right; margin: 4px auto; padding: 4px; line-height:19px; };

  #simplemodal-overlay {background-color:#F7F7F7; }
  #simplemodal-container {background-color:#FFF; border: 2px solid #D70008; padding:12px;}
  #simplemodal-container a.modalCloseImg {
  	background:url(/images/x.png) no-repeat; /* adjust url as required */
  	width:25px;
  	height:29px;
  	display:inline;
  	z-index:3200;
  	position:absolute;
  	top:-15px;
  	right:-18px;
  	cursor:pointer;
  }    
  
  #clothingOptionsDiv { background-color: #FCFCFC; border: 1px solid #D70008; border-bottom: none;  color: #D70008; padding: 12px; margin: 0 auto; text-align: center; height: 24px; overflow: visible; position: relative;}
  .expandMenu { display: inline; background-color: #FEFEFE; border: 1px solid #A8A8A8; color: #404040; margin-right: 30px; float: left; width: 168px; position: relative; }                                          
  .expandMenu li { padding: 0px; }
  .expandMenu .master { background-color: #FEFEFE; padding: 4px; }
  
  .expandMenu .sideArrow { background-color: #EFEFEF; margin: -3px; padding: 2px; font-weight: bolder; float: right; }
  .expandMenu .sideArrow a { color: #606060; }
  .expandMenu .sideArrow:hover, .expandMenu .sideArrow a:hover { color: #101010; }
  
  .expandMenu .subMenu { display: none; position: absolute; left: -83px; background-color: #FEFEFE; border: 1px solid #A8A8A8; border-right: none; z-index: 2; width: 332px; }
  .expandMenu .subMenu ul { table; border-collapse: collapse; padding: 0px; margin: 0px; display: table; }
  .expandMenu .subMenu ul li { display: table-cell; float: left; padding: 4px; width: 157px; border-bottom: 1px solid #A8A8A8; border-right: 1px solid #A8A8A8; }  
  .expandMenu .subMenu ul li:last-child { border-bottom: none; }                              
  .expandMenu .subMenu .master { background-color: #ECECEC; width: 323px; }                
  
                  
  #typeDropdown:target{ display: block; }
  #themeDropdown:target{ display: block; }       

  .clRel td {
    background-color: #F7F7F7;
    border: 1px solid #4A708B;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 3px;
  }
          
  .spcButton {
    width: 100%;
  }
        
 .ctitle { margin: 3px; font-size: 1.1em; }
 .ctitle a { color: #0a5592; }
 .ctitle a:hover { color: #000; }

 .allLink { 
  display: block;
  padding: 15px;
  background-color: #E7E7E7;
  text-align: center;
  font-size: 1.15em;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 20px;
 }

 .allLink {
   color: #000 !important;
 }
 
 .allLink:hover {
   color: #D70008 !important;
 }
 
 .allLink a {
  color: #000 !important; 
 }
 
 .allLink a:hover {
  color: #D70008 !important;
 }
 
  /*
    #subArea input[type="submit"] {
      color: #FFF;
      background: #D70008;
      margin: 8px auto !important;
      padding: 8px !important;
      border-radius: 0px !important;
      text-align: center;
    	-webkit-box-shadow: #666 0 0 1px;
    	box-shadow: #666 0 0 1px;
    	-moz-box-shadow: #666 0 0 1px;      
    } */
    
.infoBox {
background-color: #f7f7f;
border: 1px solid #5F9EA0;
color: #506070;
padding: 4px;
width: 96%;
margin: 0 auto;
}

.infoBox .titleBar {
color: #FEFEFE;
background-color: #6495ED;
width: 100%;
padding: 4px;
text-align: center;
margin: -5px;
font-size: 1.1em;
}

.infoBox ul {
margin: 4px auto;
}

.infoBox li {
padding: 4px;
border-bottom: 1px solid #D8D8D8;
}
  #authbox {
  position:fixed;
  bottom:0;
  left:0;
  background-color: #EEE8AA;
  border-top: 3px solid #8B2323;
  width: 100%;
  margin: 0 auto;
  display: none;
  z-index: 2;
}
#paddbox {
  height: 150px;
  display: none;
}

#authbox h1{
  font-size: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  margin: 8px auto;
  color: #8B0000;
  display: block;
}
#loginf {
  width: 400px;
  margin: 5px auto;
}
#loginf label {
  float: left;
  width: 100px;
}

#sitemap .l1 { font-size: 1.3em; margin-top: 25px; margin-bottom: 15px; font-family: 'Raleway', sans-serif; color: #000; text-align: center; }
#sitemap .l1 a { color: #000 !important; }
#sitemap .l1 a:hover { color: #D70008 !important; }
#sitemap .l2 { text-indent: 12px; font-size: 1.15em; padding: 4px; font-family: 'Source Sans Pro', sans-serif; }
#sitemap .l15 { display: inline-block; margin-left: 24px; font-size: 1.15em; margin-top: 12px; padding: 3px 20px; color: #000; font-family: 'Raleway', sans-serif; }
#sitemap .l15 a { color: #000 !important; }
#sitemap .l15 a:hover { color: #D70008 !important; }  
#sitemap .l25 { text-indent: 20px; font-size: 1.15em; padding: 3px; font-family: 'Source Sans Pro', sans-serif; }
#sitemap .borderEnd { margin-bottom: 8px; }
#sitemap .extrapadding { padding: 3px 4px 3px 3px !important; }

.controlDiv { width: 500px; height: 45px; clear: both; position: absolute; left: 3px; top: 3px; padding: 4px; background-color: #000; margin: 2px; z-index: 3; color: #FFF; }
.controlDiv p { border-bottom: 1px solid #000; background-color: #F7F7F7; }
.controlConf { text-align: right; }
.controlDrop { width: 200px; position: absolute; left: 0px; top: 0px; background-color: #F7F7F7; opacity: 0.85; border: 1px solid #000; margin: 2px; z-index: 2; color: #d70008; }
.controlDrop ul { padding: 0px; margin: 0px; margin-bottom: 2px; }
.controlDrop li { border-bottom: 1px solid #000; padding: 6px; color: #d70008; }
.controlDrop li:last-child { border: none; }
.controlDrop a { color: #d70008 !important; }
.controlDrop a:hover { color: #000 !important; }

.acpNotes { height: 80px; width: 450px; margin: 10px auto; padding: 3px; border: 1px solid #D70008; color: #000; }
/* .acpButton { margin: 0 auto; padding: 4px; padding-right: 6px; text-indent: 6px; background-color: #D70008; color: #FFF; border: 1px solid #808080;} */


 .spcButton {
 background: #2f59eb url(/images/actionBar3.png) repeat-x;
 border: 1px solid #2fb6eb;
 padding: 4px;
 font-weight: bold;
 margin: 2px auto;
 color: #F7F7F7;
 width: 84%;
 }

 #content .spcButton a { color: #F7F7F7; }
 #content .spcButton a:hover { color: #A4A4A4; }

 .pBuyButton {
  display: block; 
  width: 98%;
  margin: 2px auto;
  background: #ab0169 url(/templates/v7BBTr/images/pBuyBar.png) repeat-x;
  border: 1px solid #f35fa4;
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
 }

 .pBuyButton:hover {
  background: #fb8bab url(/templates/v7BBTr/images/pBuyBarR.png) repeat-x;
  color: #A1A1A1;
 }

 #content .pBuyButton { color: #FFF; }
 #content .pBuyButton a { color: #FFF; }
 #content .pBuyButton a:hover { color: #A1A1A1; }
 #content .pBuyButton:hover { color: #A1A1A1; }
 #content .pBuyButton:hover a { color: #A1A1A1; }
 .sidebar .pBuyButton { color: #FFF; }
 .sidebar .pBuyButton a { color: #FFF; }
 .sidebar .pBuyButton a:hover { color: #A1A1A1; }
 .sidebar .pBuyButton:hover { color: #A1A1A1; }
 .sidebar .pBuyButton:hover a { color: #A1A1A1; }
 .cwn .pBuyButton { color: #FFF; }
 .cwn .pBuyButton a { color: #FFF; }
 .cwn .pBuyButton a:hover { color: #A1A1A1; }
 .cwn .pBuyButton:hover { color: #A1A1A1; }
 .cwn .pBuyButton:hover a { color: #A1A1A1; }

 .prBuyButton {
  display: block;
  width: 98%;
  margin: 2px auto;
  background: #096f35 url(/templates/v4BBT/images/prBuyBar.png) repeat-x;
  border: 1px solid #6cd69b; 
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
 }

 .prBuyButton:hover {
  background: #6cd69b url(/templates/v4BBT/images/prBuyBarR.png) repeat-x;
  color: #A1A1A1;
 }
 
 #content .prBuyButton { color: #FFF; }  
 #content .prBuyButton a { color: #FFF; }      
 #content .prBuyButton a:hover { color: #CECECE; }
 #content .prBuyButton:hover { color: #CECECE; } 
 #content .prBuyButton:hover a { color: #CECECE; }
 
 .sidebar .prBuyButton { color: #FFF; }  
 .sidebar .prBuyButton a { color: #FFF; }
 .sidebar .prBuyButton a:hover { color: #A1A1A1; } 
 .sidebar .prBuyButton:hover { color: #A1A1A1; }
 .sidebar .prBuyButton:hover a { color: #A1A1A1; }

.contentList {
  margin: 0px;
  padding: 0px;
} 
      
.contentList li a {
  min-height: 26px;
  line-height: 26px;
  padding: 8px;
  text-indent: 12px;
  background-color: #F7F7F7;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}

.contentList a:hover  {
  background-color: #E9E9E9 !important;
}

.contentList .highlight {
  background-color: #ECECEC;
}

.contentList .title {
  font-size: 1.2em;
}

.graphicList {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
} 
      
.graphicList li {
  width: calc(33% - 40px);
  line-height: 2em;
  text-align: center;
  background-color: #F7F7F7;
  padding: 8px;
  margin: 8px;
  display: inline-block;
  vertical-align: top;
}           

.graphicList .highlight {
  background-color: #E9E9E9 !important;
}

.graphicList li:hover  {
  background-color: #E9E9E9 !important;
}

.graphicList li:hover a {
  color: #000;
}

.graphicList li img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0px auto;
  margin-bottom: 12px;
}


.graphicList .title {
  display: block;
  padding: 0.25em;
  font-size: 1.30em;
  font-family: 'Raleway', sans-serif;
}

.graphicList .information {
  display: block;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1em;
}

.graphicList .information {
  color: #000 !important;
}

@media only screen and (max-width : 600px){
  .graphicList li {
    width: calc(50% - 40px);
  }
}

.wikiCloud {
 margin: 8px auto;
 padding: 8px;
}

.wikiCloud li {
 display: inline-block;
 background-color: #F7F7F7;
 padding: 8px;
 font-size: 1.1em;
 margin: 8px;
 border-radius: 4px;
 text-align: center;
}



/* ---------------------------------------
+  Quotes Elements                       +
 --------------------------------------- */

.quotesList {
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}
       
.quotesList ul {
  width: 98%;
  padding: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 2px solid #000;
}
       
@media only screen and (max-width : 600px){
  .quotesList ul {
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .quotesMasterList {
    width: 96%;
    margin: 0px auto;  
    float: left;
  }
}
      
.quotesList li a {
  display: block;
  min-height: 1.8em;
  line-height: 1.8em;
  font-size: 1.15em !important;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #F7F7F7;
}

.quotesList li a:hover {
  background-color: #E9E9E9 !important;
}

.quotesList .highlight {
  min-height: 1.5em;
  line-height: 1.5em;
  font-size: 1.25em !important;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #000;
  border-bottom: 2px solid #D70008;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
}

.doubleList ul {
  display: table;
}

.doubleList li {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  float: left;
  display: block;
}

.doubleList .highlight {
  width: 100%;
  margin: 0;
}

.quotesSeasonInner {
  display: none;
  font-size: 1em;
  padding: 5px;
  width: 96%;
  border-bottom: none !important;
}

.quotesSeasonInner li a {
  background-color: #FFF !important;
  padding: 8px !important;
  margin: 0px !important;
  border-bottom: 1px dashed #DCDCDC;
}

.quotesSeasonInner li a:hover {
  background-color: #FFF !important;
}

@media only screen and (max-width : 600px){

 .contentBar, .contentBarBottom {
  width: 96%;
  background-color: #FFF;
  border: 2px solid #A9A9A9;
  text-align: center;
  z-index: 2;
  margin: 8px auto !important;
 }
 
 .contentBar li, .contentBarBottom li {
  display: none;
  background-color: #FFF;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
 }
 
 .contentBar li a, .contentBarBottom li a {
   padding: 10px;
   display: block;
 }
 
 .contentBar li:first-child, .contentBarBottom li:first-child {
  border-top: none;
 }
 
 .contentBar li:last-child, .contentBarBottom li:last-child {
  border-top: none;
 }  
 
 .contentBar li:hover, .contentBarBottom li:hover {
  background-color: #E9E9E9;
  border-top: 2px soldi #000;
 }
 
 .contentBar .highlight, .contentBarBottom .highlight {
  background-color: #EFEFEF;
  padding: 10px;
 }
 
 .contentBar .master, .contentBarBottom .master { 
  display: block !important;
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.10em;
  padding: 10px;
  font-weight: bold;
  color: #000;
 }

}

@media only screen and (min-width : 600px){

 .contentBar {
  height: 40px;
  font-size: 1.2em;
  margin-top: 8px;
  border-bottom: 2px solid #D70008;
  text-align: center;
  z-index: 2;
 }
 
 .contentBar li {
  background-color: #F7F7F7;
  margin-right: 8px;
  border-bottom: 2px solid #D70008;
  padding: 10px;
  float: left;
  height: 20px;
  min-width: 32px;
 }
 
 .contentBar li:hover {
  background-color: #E9E9E9;
 }
 
 .contentBar .highlight {
  background-color: #FFF;
  border: 2px solid #D70008;
  border-bottom: none;
  color: #000;
  height: 20px;
 }
 
 .contentBar .master { 
  color: #000;
  font-weight: bold;
  display: none;
 }

.contentBarBottom {
  height: 40px;
  font-size: 1.2em;
  margin-top: 8px;
  border-top: 2px solid #d70008;
  text-align: center;
  z-index: 2;
 }
 
 .contentBarBottom li {
  background-color: #F7F7F7;
  margin-right: 8px;
  padding: 9px;
  float: left;
  height: 20px;
 }
 
 .contentBarBottom .highlight {
  background-color: #FFF;
  border: 2px solid #d70008;
  margin-top: -2px;
  border-top: none;
  color: #000;
  height: 22px;
 }
 
 .contentBarBottom .master { 
  display: none;
 }
 
}

 .quotesDiv {                
  background-color: #E9E9E9;
  margin-top: 8px;
  margin-bottom: 8px;
 }
 
 .quotesDiv p {
  font-size: 1.15em;
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
 }
 
 .quotesBody {
  background-color: #F7F7F7;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 12px;
 }
 
 .quotesBody p {
  font-family: 'Open Sans', Arial, sans-serif !important;
  color: #000;
  font-size: 1.025em;
  line-height: 1.75em;
  padding: 12px;
 }
 
 .quote_RtTw {
  color: #000 !important;
 }

#contentTopMenu {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #FFF;
  text-align: center;  
}

#contentTopMenu li {
  display: inline-block;
  background-color: #EFEFEF;
  padding: 12px;
  margin-top: 9px;
  margin-right: 9px;
}  

#contentTopMenu li a {
  font-size: 1.1em !important;  
}

.contentBoxMenu {
  padding-bottom: 15px;
  text-align: center;  
}

.contentBoxMenu li {
  display: inline-block;
  background-color: #FFF;
  padding: 12px;
  margin-top: 9px;
  margin-right: 9px;
}  

.contentBoxMenu li a {
  font-size: 1.1em !important;  
}

     
.message_box {
  max-width: 92%;
  background-color: #ececec;
  border: 1px solid #dcdcdc;
  padding: 6px;
  margin: 6px auto;
  border-radius: 0px;
  font-size: 1.2em;
}

#morecom { background-color: #EEEEEE; padding: 10px; font-size: 1.2em; }  
#fewercom { background-color: #F7F7F7; padding: 10px; font-size: 1.2em; }  

#morecl { background-color: #EEEEEE; padding: 10px; font-size: 1.2em; } 
#lesscl { background-color: #F7F7F7; padding: 10px; font-size: 1.2em; } 

.hashtags, .hashtags a {
    padding: 0px;
    margin-top: 6px;
    margin-bottom: -6px;
    text-align: right;
}


/*************************************************************************************
   FORMS
*************************************************************************************/

form ul {
  margin-left: 0px !important;
}

input, textarea, select, button {
  margin: 8px;
}

form input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], form textarea, select {
  width:96%;
  padding:10px;
  color:#515151;
  background:#fff;
  border: 1px solid #000;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
	padding: 8px;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
  border-radius: 0px;
  font-size: 1.05em !important;
  line-height: 1.25em !important;
  color: #000;
}

textarea {
	min-height: 100px;
	min-width: 300px;
  max-width: 96%;
	resize: both;
}
button, input[type=clear] {
	color: #000;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; 
	padding: 8px;
  border-radius: 0px; 
}

input[type=submit], input[type=button]{
  background: #D70008 !important;
  padding: 8px !important;
  color: #FFF !important;
  border-radius: 0px !important;
  -webkit-box-shadow: #666 0 0 1px;
	box-shadow: #666 0 0 1px;
	-moz-box-shadow: #666 0 0 1px;
}   

input[type=submit]:hover, input[type=button]:hover {
  background: #000 !important;
}

input[type=reset]{
  margin-left: 2em;
  background: #000 !important;
  padding: 6px !important;
  color: #FFF !important;
  border-radius: 1px !important;
  -webkit-box-shadow: #999 1 1 2px;
	box-shadow: #999 1 1 2px;
	-moz-box-shadow: #999 1 1 2px;
  opacity: 0.8;
}   

input[type=reset]:hover{
	color: #FFF !important;
  background: #d70008 !important;
  opacity: 0.925;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, button:hover, input[type=checkbox]:hover:before, select:hover {
	-webkit-box-shadow: #d70008 0 0 3px;
	box-shadow: #d70008 0 3px;
	-moz-box-shadow: #d70008 0 0 3px;
  border: 1px solid #d70008;
}                                           

input[type=text]:focus, input[type=password]:focus, textarea:focus, button:focus, .radioreplacement:focus, input[type=checkbox]:focus:before, .checkboxreplacement:focus, select:focus {
	-webkit-box-shadow: #000 0 0 4px;
	box-shadow: #000 0 0 4px;
	-moz-box-shadow: #000 0 0 4px;
  border: 1px solid #000;
  border-bottom: 2px solid #000;
}

input[type=checkbox] {
	height: 14px;
	width: 14px;
  border-radius: 0px;
	text-align: center;
	z-index: 9999;
	color: #000;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	background-image: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 10000%); 
  background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EEEEEE 10000%);    
}

select {
  border-radius: 0px;
	color: #000;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	background-image: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 10000%); 
  background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EEEEEE 10000%);    
	min-height: 30px;
  min-width: 200px;
  max-width: 96%;
	padding: 8px;
}

label {
 display: block;
 min-width: 18em;  
 margin-right: 1em;
 padding:5px 0 5px 0;
 color: #000;
 font-family: 'Source Sans Pro', monotype, san-serif;
 font-size: 1.175em;
}               

label:hover {
  color: #d70008;
}

legend {  
  margin-left: 2em;  
  color: #d70008;  
  font-weight: bold;
  font-family: 'Source Sans Pro', monotype, san-serif;
  font-size: 1.25em !important;
} 

fieldset {  
  margin: 12px auto;
  padding: 12px;
  background-color: #eeeeee;
} 

fieldset.submit {  
  border-style: none; 
}     
     
fieldset ul, fieldset ol {  
  list-style: none; 
} 

fieldset li {  
 padding: 9px; 
}             

form input[type="file"] { width: 96%; padding:10px; color:#515151;  background:#fff; border:#000 solid 1px; }

input:disabled
{
  color: #202020 !important;
  background: #efefef !important;
  border: #606060 solid 1px !important;
}

.leaderboard {
  margin: 4px auto;
  max-width: 728px;
  max-height: 90px;
}

.leaderboard.top {
  margin-bottom: 4px;
}


/* ---------------------------------------
+  Episode Jump Menu                     +
 --------------------------------------- */
 
#episodeJump {
  position: fixed;
  width: 100%;
  left: 0px;
  bottom: 0px;
  float: left;
  height: auto;
  background-color: #FFF;
  opacity: 0.975;
  border-top: 3px solid #000;
  z-index: 2;
  font-size: 1.1em !important;
}

#episodeJumpInner {
  text-align: center;
}

#episodeJump ul {
  display: inline-block;
  height: 60px;
  overflow: hidden;
  background-color: #F7F7F7;
  text-align: center;
  margin: 0px auto;
}

#episodeJump li {
  float: left;
  background-color: #E9E9E9;
  margin: 0px 12px;
}

#episodeJump li a {
  display: inline-block;
  font-weight: bold;
  padding: 18px 26px;
}

#episodeJump li:hover {
  background-color: #FFF;
  color: #000;  
}

#episodeJump li:hover a {
  color: #000;
}

#episodeJump #masterLink {
  float: left;
  padding: 16px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2em;
  color: #000;
  text-transform: uppercase;
}

.episode_rating { background-color: #D70008; color: #FFF; padding: 6px; margin: 6px; line-height: 1.2em; text-align: center; }

/* ---------------------------------------
+  Styled List                           +
 --------------------------------------- */

.styledList ul {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
}

.styledList li {
  
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 2px dashed #D9D9D9;
  
}

.styledList li:lastChild {

  border-bottom: none;
  
}

/* ---------------------------------------
+  Season List                           +
 --------------------------------------- */

.seasonList {
 margin: 8px auto;
 float: left;
}

@media only screen and (max-width : 620px){
  .seasonList {
    width: 100%;
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .seasonList {
    max-width: calc(92% - 300px) !important;
  }
}

.skyscraperResponsiveAd {
  width: 300px;
  margin: 0px auto;
}

.rectangleResponsiveAd {
  width: 300px;
  max-height: 250px;
  margin: 0px auto;
}

@media only screen and (max-width : 600px){
  .skyscraperResponsiveAd {
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .skyscraperResponsiveAd {
    float: right;
    clear: right;
  }
}


.seasonList ul {
 margin: 0px;
 padding: 0px;
}     

.seasonList li {
  padding: 12px;
  background-color: #F7F7F7;
  margin-bottom: 6px;
  color: #404040;
}

.seasonList li:hover {
  background-color: #E9E9E9;
}

.seasonList .currentSeason {
  padding: 12px;
  background-color: #EFEFEF;
  border-bottom: none;        
}

.seasonInformation {
  padding-left: 12px;
  float: right;
  text-align: right;
}

.seasonTitle {
   font-size: 1.2em;
}

.pollResults ul {
  margin: 8px auto;
  text-align: right;
}

.pollResults li {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pollResults li span {
  color: #404040;
  font-style: italic;
  padding-left: 8px;
}

.pollResults .totalVotes {
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
}

.poll                                                                          {width:100%; height:auto; float:left; text-align: left;}
.poll ul                                                                       {width:100%; height:auto; float:left; margin: 10px auto;}
.poll ul li                                                                    { width:100%; height:auto; float:left; margin: 6px; text-indent:10px; font-size: 1.05em; color: #000; }
.poll .btn.small                                                               { padding: 15px; }

.poll label {
  width: auto !important;
  display: inline !important;
  min-width: 0 !important;
  margin-left: 0.5em !important;
  font-size: 1.05em;
  color: #000 !important;
  font-family: 'Source Sans Pro', sans-serif;
}

.poll label:hover {
  color: #d70008 !important;
}

.poll input[type="radio"]:checked+label{ font-weight: bold !important; color: #D70008 !important; } 
.poll input[type="radio"]:hover+label{ color: #D70008 !important; } 

.poll form { margin: 0px; padding: 0px; }

.episodeList {
  margin-top: 12px;
  margin-left: 0px !important;
}           
 
.episodeList li {
  float: left;
  margin-right: 12px;       
}

.episodeList li a {
  display: inline-block;
  padding: 9px;
  background-color: #F7F7F7;
  font-size: 1.25em !important;
  font-family: 'Source Sans Pro', sans-serif;     
}

.episodeList li a:hover {
  padding: 9px;
}     

#notes ul {
  margin-left: 0px !important;
}

#notes li {
  padding: 8px;
  text-indent: 12px;
  background-color: #F7F7F7;
  margin-top: 8px;
  margin-bottom: 8px;
}

.epgNoteHeader {
  text-indent: 18px;
  line-height: 1.55em;
}

.epgNoteHeader a {
  font-family: 'Raleway', sans-serif;
  font-size: 1.20em;
  font-weight: bold;
}

.epg_darkBlue a, .epg_red a, .epg_orange a, .epg_magenta a, .epg_purple a, .epg_azure a {
  color: #FFF !important;
}

.epg_lightBlue a, .epg_violet a {
  color: #d70008 !important;  
}

.epgNoteHeader a:hover {
  text-decoration: underline;
  font-style: italic;
}          

/* ---------------------------------------
+  Social Media Icons                    +
 --------------------------------------- */

.social-share-btns li.facebook { background-color: #3B5998; }
.social-share-btns li.twitter { background-color: #4099FF; }
.social-share-btns li.googleplus { background-color: #d34836; }

.social-share-btns {
	position: relative;
	box-sizing: border-box;
  width: 100%;
  clear: both;
  margin-top: 10px;
  text-align: center;
}

.social-share-btns li {
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	width: calc(33% - 30px);
  max-width: 120px;
  margin-right: 30px; 
}

.social-share-btns li a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 6px; 
	transition: font-size 0.3s, padding-top 0.3s;
}

.social-share-btns li a:hover {
	font-size: 24px;
	padding-top: 3px;
}

.social-share-btns .share-text {
	opacity: 0;
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* syntax for IE6 & IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* ---------------------------------------
+  Episode Tournament                    +
 --------------------------------------- */

 
#etSubmitWarning {
  font-size: 1.2em;
  font-family: 'Raleway', sans-serif;
  color: #D70008;
  text-align: center;
  padding: 1em;
}

.etVotedMessage {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #D70008;
  opacity: 0.85;
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px; 
}


.etMessageArea {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #D70008;
  opacity: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px;
  color: #FFF;
  font-size: 1.2em;
}
  
#etRoundInformation {
  background-color: #F7F7F7;
  color: #D70008;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 8px;
  margin: 8px auto;
}

.etSearch {
  padding: 6px;
  color: #000;
  border: 1px solid #D70008;
  border-radius: 0px;
  margin: 6px auto;
  width: 90%;
}

#etWarningMessage {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.2em;
  color: #D70008;
}

.etMatchNumber {
  position: absolute;
  font-size: 2em;
  left: -16px;
  top: 10px;
  background-color: #D70008;
  color: #FFF;
  border-radius: 8px;
  padding: 4px;
  width: 18px;
  text-align: center;
  z-index: 3;
}

.etMatchDivider {
  width:4%;
  float: center;
  background-color: #A9A9A9;
  position: absolute;
  top: 0;
  left: 48%;
  right: 48%;
  bottom: 0;
}

.etMatchVote {
  width:calc(48% - 24px);
  color: #000;
  background-color: #F7F7F7;
  padding: 12px;
  text-align: center;
}


.etMatchUpcoming {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #000;
  opacity: 0.85;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px;
}


.etMatchUpcoming p, .etVotedMessage p {
  font-size: 1.2em;
  color: #FFF !important;
}

.etMatchClosed {
  background-color: #000;
  height: 20px;
  color: #FFF;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  width: 100%;
  margin: 0px auto;
  z-index: 2;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.etMatch {
  border: 1px solid #A9A9A9;
  width: 98%;
  background-color: #FFF;
  margin: 35px 10px;
  position: relative;
  -webkit-box-shadow: 3px 3px 4px 0px rgba(169,169,169,1);
  -moz-box-shadow: 3px 3px 4px 0px rgba(169,169,169,1);
  box-shadow: 3px 3px 4px 0px rgba(169,169,169,1);
}

.etVoteCount {
  opacity: 1;
  color: #000;
  font-size: 1.1em;
  text-align: center;
  position: absolute;
  height: 1.25em;
  bottom: 1.25em;
  width: 48%;
  margin: 0px auto;
  margin-top: 1.25em;
  padding: 6 0px;
}

.etVoteBar {
  background-color: #ECECEC;
  height: 20px;
  color: #000;
  position: absolute;
  height: 20px;
  bottom: 0px;
  width: 100%;
  margin: 0px auto;
  margin-top: 20px;
}

.etUserArea {
  background-color: #ECECEC;
  border: 1px solid #BABABA;
  border-radius: 3px;
  margin: 3px auto;
  padding: 3px;
  text-align: center;
}

/* ---------------------------------------
+  Content Update                        +
 --------------------------------------- */

.contentUpdate {
  background-color: #F7F7F7;
  padding: 12px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.contentUpdate .moduleTitle {
  background-color: #D70008;
  color: #FFF;
  font-size: 1.25em !important;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  padding: 12px;
  display: inline-block;
  float: left;
}

.contentUpdate .addedTime {
  background-color: #F7F7F7;
  font-size: 1.15em !important;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 12px;
  display: inline-block;
  float: right;
}

.contentUpdate .contentArea {
  background-color: #FFF;
  margin: 12px auto;
  clear: both;
}

.contentUpdate .highlightArea {
  padding: 16px;
  font-size: 1.20em;
  font-style: italic;
  font-family: 'Open Sans', sans-serif;
}

.contentUpdate .linkArea {
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #EFEFEF;
}