/* CSS for MBE subpage template */

/* Layout Styles */

HTML {
scrollbar-base-color: #cccccc;
}
img
{
    border: 0;
}

Body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

#main-container {
width: 100%;
background: #222222;
}

#header {
width: 100%;
padding: 0px;
}

#top-nav-container {
padding: 0px 8px 0px 0px;
margin: 0px;
height: 30px;
}

#top-nav-right {
float: right;
width: 200px;
padding: 0px;
margin-top: 4px;
text-align: right;
z-index: 1;
position: relative;
}

#aus-flag {
width: 40px;
height: 20px;
float: left;
margin: 0px 0px 0px -5px;
}

#navlist ul {
margin: 0px;
padding: 0px;
line-height: 30px;
}

#navlist ul li {
list-style: none;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #FFFFFF;
}

#banner {
height: 166px;
margin: 0px 8px;
padding: 0px;
border: solid 1px #FFFFFF;
clear: both;
z-index: 2;
position: relative;
}

/* commented out not used 
#banner-logo {
width: 203px;
float: left;
}
*/

#banner-left {
width: 366px;
height: 166px;
float: left;
}

#banner-centre {
height: 166px;
}

#banner-right {
width: 386px;
height: 166px;
float: right;
}

#banner-arm {
z-index: 4;
position: absolute;
}

#storebanner {
height: 166px;
margin: 0px 8px;
padding: 0px;
background: #470a0f;
border: solid 1px #FFFFFF;
clear: both;
z-index: 2;
position: relative;
}

#storebanner-logo {
width: 203px;
float: left;
}

#storebanner-left {
width: 375px;
height: 166px;
float: left;
background: url(../images/leftside_banner_RED.jpg) no-repeat;
}

#storebanner-centre {
height: 166px;
background: url(../images/topbanner_middle-RED.jpg) repeat-x;
}

#storebanner-right {
width: 386px;
height: 166px;
float: right;
background: url(../images/rightside_banner_outdoor-RED.jpg) no-repeat;
}

#storebanner-under {
width: 128px;
height: 55px;
background: url(../images/rightside_banner_bottom_outdoor.jpg) no-repeat;
z-index: 4;
position: absolute;
margin: -7px 0px 0px 5px;
}

#businessbanner {
height: 166px;
margin: 0px 8px;
padding: 0px;
border: solid 1px #FFFFFF;
clear: both;
z-index: 2;
position: relative;
}

#businessbanner-logo {
width: 203px;
float: left;
}

#businessbanner-left {
width: 232px;
height: 166px;
float: left;
background: url(../images/layout/leftside_banner_GREEN.jpg) no-repeat;
}

#businessbanner-centre {
height: 166px;
background: url(../images/layout/topbanner_middle-GREEN.jpg) repeat-x;
}

#businessbanner-right {
width: 386px;
height: 166px;
float: right;
background: url(../images/layout/banner_right.gif) no-repeat;
}

#businessbanner-under {
width: 80px;
height: 55px;
background: url(../images/layout/man_arm.gif) no-repeat;
z-index: 4;
position: absolute;
margin-top: -7px;
}

franchisebanner {
height: 166px;
margin: 0px 8px;
padding: 0px;
border: solid 1px #FFFFFF;
clear: both;
z-index: 2;
position: relative;
}

#franchisebanner-logo {
width: 203px;
float: left;
}

#franchisebanner-left {
width: 232px;
height: 166px;
float: left;
background: url(../images/leftside_banner_BLUE.jpg) no-repeat;
}

#franchisebanner-centre {
height: 166px;
background: url(../images/topbanner_middle-BLUE.jpg) repeat-x;
}

#franchisebanner-right {
width: 386px;
height: 166px;
float: right;
background: url(../images/rightside_banner_Indoor-BLUE.jpg) no-repeat;
}

#franchisebanner-under {
width: 80px;
height: 55px;
background: url(../images/rightside_banner_bottom_indoor.jpg) no-repeat;
z-index: 4;
position: absolute;
margin-top: -7px;
}

#body-content-container {
width: 100%;
}

#left-col-container {
width: 212px;
float: left;
padding-top: 6px;
}

#left-col-intro-text {
padding: 10px 25px 10px 18px;
}

#right-col-container {
width: 185px;
float: right;
padding: 6px 0px 15px 0px;
z-index: 3;
position: relative;
}

#breadcrumbs {
padding: 3px 18px 35px 10px;
font-size: 10px;
font-family: verdana, arial, sans-serif;
color: #7A7A7A;
display: block;
}

.breadcrumb-item
{
  display: inline;
}

.breadcrumb-seperator
{
  display: inline;
}

#content-container {
margin: 0px 185px 0px 212px;
background: #FFFFFF;
}

#content {
margin-left: 130px;
padding: 0px 80px 0px 0px;
min-width: 0px;
position: relative;
min-height: 550px;
}

#content img {
margin: 0px -75px 0px 0px;
}

#footer-container {
padding: 0px 0px 30px 0px;
border-top: solid 1px #FFFFFF;
clear: both;
}

#footer-right {
float: right;
}

.col-grey-bar {
height: 14px;
margin-bottom: 35px;
}

.col-heading {
margin: 5px 0px;
padding: 0px 8px;
}

.col-text {
padding: 0px 10px 0px 18px;
}

.col-text option {
margin-left: 0px;
width: 90px;
}

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

select {
height: 18px;
border: solid 1px #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: -0.2px;
margin: 4px 0px;
color: #000000;
width: 105px;
}

.input {
height: 14px;
border: solid 1px #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: -0.2px;
padding-left: 4px;
margin: 4px 0px;
color: #000000;
}

.input-search {
height: 14px;
border: solid 1px #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: -0.2px;
padding-left: 4px;
margin: 0px;
color: #000000;
}

#email-page-container {
width: 100%;
float: right;
text-align: right;
background: #FFFFFF;
padding: 0px 0px 5px 0px;
}

#content-logo-container {
width: 116px;
float: left;
padding-top: 35px;
}

/* Text Styles */

h1 {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
line-height: 19px;
font-weight: bold;
text-transform: uppercase;
}

h2 {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 17px;
line-height: 28px;
font-weight: normal;
}

h3 {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 28px;
font-weight: normal;
}

p, span {
margin: 0px;
padding: 5px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
letter-spacing: 0px;
}

.white-text {
color: #FFFFFF;
font-size: 9px;
letter-spacing: 0px;
font-family: verdana;
}

#content_google
{
padding: 20px;
min-height: 400px;
}

.col-list-white ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
letter-spacing: 0px;
line-height: 22px;
list-style: none;
}

.col-list-white ul li {
padding: 2px 0px;
line-height: 15px;

}

.arrow {
font-size: 10px;
padding: 0px 0px 0px 5px;
}

.green-text {
color: #67CC66;
font-size: 10px;
line-height: 15px;
}

.breadcrumbs {
font-size: 11px;
color: #7A7A7A;
}

.content-intro-text-bold {
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 45px;
}

#content ul
{
padding: 12px;
margin: 0px 0px 0px 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
color: #333333;
line-height: 13px;
list-style-image: url(../images/layout/grey_bullet.gif);
}

#content ul li
{
padding-bottom: 13px;
}

#content a {
font-weight: bold;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
}

#content a:hover {
text-decoration: underline;

}

.content-list {
padding: 12px;
margin: 0px 0px 0px 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
color: #333333;
line-height: 10px;
list-style-image: url(../images/layout/grey_bullet.gif);
}

.content-list li {
padding-bottom: 13px;
}

.email-page {
font-size: 10px;
padding-right: 8px;
}

/* Link Styles */

#navlist li a {
padding: 10px 8px 7px 8px;
color: #FFFFFF;
}

#navlist li a:link, a:visited {
text-decoration: none;
}

#navlist li a:hover {
background: #393939;
}

.white-text a {
color: #FFFFFF;
}

.white-text a:link, a:active, a:visited {
text-decoration: none;
}

.white-text a:hover {
text-decoration: underline;
}

.green-text a {
color: #67CC66;
}

.green-text a:link, a:active, a:visited {
text-decoration: none;
}

.green-text a:hover {
display: block;
background: #aeaeae;
}

.col-list-white li a {
padding-left: 18px;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.col-list-white li a:link, a:active, a:visited {
text-decoration: none;
}

.col-list-white li a:hover{
background-color: #aeaeae;
}

.breadcrumb-start  {
color: #7A7A7A;
float:left;
font-size: 10px;
}

.breadcrumbs a:link, a:active, a:visited {
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}

.email-page a {
color: #333333;
}

.email-page a:link, a:active, a:visited {
text-decoration: none;
}

.email-page a:hover {
text-decoration: underline;
}

#product_heading {
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-weight: bold;
padding: 4px 0px 0px 0px; 
font-size: 12px;
font-family: arial, verdana, sans-serif; 

}

#product_box{
color: #333333;
padding: 0px 3px 0px 15px;
font-size: 10px;
font-family: arial, verdana, sans-serif; 
}

#product_box a{
color: #333333;
padding: 0px;
font-size: 10px;
text-decoration: none;
font-family: arial, verdana, sans-serif; 
}

#product_box a:hover{
padding: 0px;
font-size: 10px;
text-decoration: underline;
font-family: arial, verdana, sans-serif; 
}

#product_box ul {
padding: -5px;
margin: -5px 0px -5px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 0px;
color: #333333;
line-height: 11px;
text-align: left;
list-style-image: url(/templates/mbe/images/layout/grey_bullet.gif);
}

#product_box li {
padding: -5px;
margin: -5px 0px -5px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 0px;
color: #333333;
line-height: 11px;
list-style-image: url(/templates/mbe/images/layout/grey_bullet.gif);
}

#left_store_box
{
  width: 50%;
  float: left;
}

#right_store_box
{
  width: 50%;
  float: left;
}

#bottom_store_info
{
  width: 100%;
}

#results a{
 font-family: arial, verdana, sans-serif;
}
#sep_horizontal {
 font-family: arial, verdana, sans-serif;
}

#newsleft {
width: 175px;
min-height: 100px;
height: auto !important;
margin-left: 12px;
align: center;
color: #ffffff;
background-color: #2a2a2a;
overflow: auto;
border: 1px dotted #555555;
padding: 5px;
}

#newsleft h2{
color: #ffffff;
width: 100%;
font-size: 12px;
margin: 0 0 7px 0;
line-height: 12px;
font-weight: bold;}

#newsleft  p{
color: #ffffff;
font-size: 11px;
}

#newsleft a, #newsleft a:visited, #newsleft a:link, #newsleft a:active {
text-decoration: underline;
color: #ffffff;
}

#newsleft a:hover {
color: #555555;
}

#faqFooterContainer {
float: right;
display: block;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#faqFooterContainer p {
margin: 5px 8px 0px 0px;
padding: 0px;
color: #ffffff;
float: left;
}

#faqFooterContainer a {
text-decoration: none;
color: #ffffff;
}

#faqFooterContainer a:hover {
text-decoration: underline;
}

.FAQMiniLogoStyle {
margin: 0px;
padding: 0px;
}