/* << ----------------// Style Overrides - Use .layout_three_column or .layout_left_column to restrict changes to single layout //---------------->> */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Play:400,700);

/* << ----------------// General Styles //---------------->> */
html {background:url(../images/bsc-bg.jpg) fixed no-repeat center top transparent;
margin:0; }

body {margin:0; background:url(../images/bg.png) repeat-x center top transparent;}


.content_bg {background-color:#FFF; min-height:300px;}

.layout_threecolumn .content_bg {background:url(../images/content_bg.png) repeat-y center top #FFF;}
.layout_leftcolumn .content_bg {background:url(../images/col_left_bg.png) repeat-y center top #FFF;}
.layout_rightcolumn .content_bg {background:url(../images/col_right_bg.png) repeat-y center top #FFF;}
.layout_singlecolumn .content_bg {background:url(../images/singlecolumn_bg.png) repeat-y center top #FFF;}

/* << ----------------// Header //---------------->> */

.header {
height:167px; /* height of header.png */
width:1000px;
}

.header_home_link {
height:133px; /* usually height of header.png */
}

.member_login {
position:absolute;
top:134px; /* height of header.png */
left:1px;
height:28px; /* half height of whatever graphic contains log in button */
width:118px;
background-image:url(../images/member_login.png);
z-index:10;
}

/* << ----------------// Left column //---------------->> */
.col_left {padding-bottom:5px;}

.col_left_top {
height: 13px; 

}

.col_left .top, .col_left .top .content { height: 37px; line-height:32px; text-indent:0px; font-size:12px; font-family: 'Play', sans-serif; font-weight:700; color:#FFF; text-shadow:#000 1px 1px 2px; }
.col_left .bottom, .col_left .bottom .content { height:10px; }

.col_left .wgt_container {width:192px; margin-bottom:10px;}


/* << ----------------// Vertical navigation //---------------->> */

.v_nav_top {
display:none;
}

.v_nav_btm {
display:none;
}

.nav {
	margin:0; /* space above and below nav */
}

.col_left > ul.cssMenu {margin-bottom:20px;}

/* style for all buttons */
ul.cssMenu li{
  height: 25px;
  line-height: 25px;
  text-indent:11px;
  color:#123E6E;
  font-family: 'Roboto', sans-serif;
}

ul.cssMenu li .button-text {
  font-weight:700;
  font-size:12px;
  font-family: 'Roboto', sans-serif;
}

ul.cssMenu li:hover > a,
ul.cssMenu li.over > a.button-text {
  font-weight:700;
  font-size:12px;
  font-family: 'Roboto', sans-serif;
}

ul.cssMenu li:hover,
ul.cssMenu li.over {
  color:#0072BC;
}

/* style for buttons in a sub menu */
ul.cssMenu li li{
  background-color:#123E6E;
  top:2px;
  height:25px;
  line-height:25px;
  text-indent:10px;
}

ul.cssMenu li li .button-text {color:#FFF;}

ul.cssMenu li li:hover,
ul.cssMenu li li.over{
  background-color:#0072BC;
}

ul.cssMenu li li:hover > a,
ul.cssMenu li li.over > a.button-text {
   color:#FFF;
}


/* << ----------------// Horizontal Nav //---------------->> */

.hnav {margin:0 auto; padding:0; width:100%; height:28px; background:none; top:134px; position:absolute;}
.hmenu {margin:0 auto; width:880px; padding-left:120px;}

.hmenu .v_nav_top,
.hmenu .v_nav_btm {display:none;}

.hmenu ul.cssMenu li {
	background:url(../images/hul_bg.png) no-repeat right top transparent;
	width:auto;
	height: 28px;
	text-indent:12px;
	padding-right:13px;
	color:#FFF;
	line-height:28px;
	margin-top:0px;
	font-family: 'Roboto', sans-serif;
	text-shadow: 1px 1px 3px #1A1A1A;
}

.hmenu ul.cssMenu li .button-text {
	font-weight:400;
	font-size:12px;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
}

.hmenu ul.cssMenu li:hover > a,
.hmenu ul.cssMenu li.over > a.button-text {
	font-weight:400;
	font-size:12px;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
}

.hmenu ul.cssMenu li:hover,
.hmenu ul.cssMenu li.over {
background-position:right -28px;
}

/* sub menu */
.hmenu ul.cssMenu ul {background:#123E6E;  }

.hmenu ul.cssMenu li li{
	background:#123E6E; /* subnavigation item up color */
	top:1px; /* subnavigation item top alignment to main menu item */
	height:28px; /* height of subnavigation item */ 
	line-height:28px; /* vertical text alignment of subnavigation item */
	margin-bottom:0px;	
	margin-top:0px;
	border-right:none; 
	width:170px;
	text-indent:10px;
	
}

.hmenu ul.cssMenu li li .button-text {
  margin-top:0px;
  color: #FFF;
  font-size:12px;
  
}

.hmenu ul.cssMenu li li:hover,
.hmenu ul.cssMenu li li.over{ 
	background:#0072BC;
}

.hmenu ul.cssMenu li li:hover > a,
.hmenu ul.cssMenu li li.over > a.button-text { 
	color:#FFF; /* text color, needed on sam system */  
	font-size:12px;
}

.hmenu ul.cssMenu li li ul {
top:-17px;
left:181px;
}

.hmenu ul.cssMenu .cmDown {padding:8px 0; margin-top:8px;}

/* << ----------------// Center column //---------------->> */

.col_ctr_top {
height: 8px; 
}



/* << ----------------// Center widget //---------------->> */

.col_ctr .top .content { color: #FFF; font-family: 'Play', sans-serif; font-weight:700; text-align: left; line-height:44px; text-indent:-8px; font-size:16px; background-position: right top; text-shadow:#000 1px 1px 2px; } 

.col_ctr .top, .col_ctr .top .content { height: 46px; } /* center widget top height */

.col_ctr .bottom, .col_ctr .bottom .content { height: 10px; } /* center widget bottom height */

.layout_threecolumn  .col_ctr > .wgt_container {width:590px; } 
.layout_leftcolumn .col_ctr > .wgt_container,
.layout_rightcolumn .col_ctr > .wgt_container  {width:790px; }
.layout_singlecolumn .col_ctr > .wgt_container {width:980px; }

/* << ----------------// Right column //---------------->> */

.col_right {padding-bottom:5px;}

.col_right_top {
height: 13px;
}
 
.col_right .top, .col_right .top .content { height: 37px; line-height:33px; text-indent:0px; font-size:12px; font-family: 'Play', sans-serif; font-weight:700; color:#FFF; text-shadow:#000 1px 1px 2px; } 
.col_right .bottom, .col_right .bottom .content { height:10px; }

.col_right .wgt_container {width:192px; margin-bottom:10px;}


/* << ----------------// Footer //---------------->> */
.footer { height:78px; width:1000px; margin:0 auto;}

.bonzi_logo { padding-top: 6px; }

.footer_content { padding-top: 8px; }

a.bonzi_learnmore, a.bonzi_readmore, a.bonzi_moreinfo, a.bonzi_registernow {
height: 28px !important;
padding-left: 120px !important;
}

.fullwidthcontainer {width:1000px; margin: 0 auto; background:url(../images/content_bg.png) repeat-y center top transparent;
font-family: 'Play', sans-serif;}

.fullwidthcontainer > .wgt_container {width:990px; margin:0 5px 0px; padding-bottom:10px; padding-top: 5px;}

.fullwidthcontainer .wgt_container .content {margin-left:20px; margin-right:20px;}

.fullwidthcontainer .bottom, .fullwidthcontainer .bottom .content { height:10px; }

.fullwidthcontainer .top, .fullwidthcontainer .top .content  { color: #FFF; font-family: 'Play', sans-serif; font-weight:700; height:46px; line-height:44px; text-indent:-7px; font-size:16px; text-shadow:#000 1px 1px 2px;}

.fullwidthcontainer .top .content { height:46px; background-position: right top; background-repeat:no-repeat; }