/* 
    Document   : wwrs-xbl
    Created on : May 28, 2012, 9:55:54 AM
    Author     : carlosbonilla
    Description:
        Purpose of the stylesheet follows.
*/
/* reset */
html, body, div, span, a, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
ul,li {
	list-style-type:none;
}

/**********************
    GENERAL RULES
***********************/
@font-face {
    font-family: "Segoe UI Web Light";
    font-style: normal;
    font-weight: 100;
    src: local("Segoe UI Light"), local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}
@font-face {
    font-family: "Segoe UI Web Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}
@font-face {
    font-family: "Segoe UI Web Semibold";
    font-style: normal;
    font-weight: bold;
    src: local("Segoe UI Semibold"), local("Segoe UI Bold"), local("Segoe UI"), local("Helvetica Neue");
    unicode-range: U+0000-00FF;
}

body{
    color: #707070;
    font-family:"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
}

img{
    border: 0px;
}

a{
    text-decoration: none;
    color: #2ca243;
}

.clear{
    clear: both;
}

#wrapper{
    width: 540px;
    margin: 0 auto;
}

#intro,
#content {
	width:540px;
	overflow:hidden;
	clear:both;
	margin-top:20px;
	position:relative;
}
#intro {
	height:510px;
}

button {
	border:0;
	padding:0;
	cursor:pointer
}

button.close {
	width:24px;
	height:24px;
	background: transparent url('http://xblshowcase.cloudapp.net/images/close-small.png') no-repeat left top;
}

button.add-to-my-list {
	width:25px;
	height:25px;
	background: transparent url('http://xblshowcase.cloudapp.net/images/add-to-my-list.png') no-repeat left top;
	padding:0;
	border:0;
	margin:0;
}

button.added-to-my-list {
	background: transparent url('http://xblshowcase.cloudapp.net/images/added-to-my-list.png') no-repeat left top;
}

/* header */

#header{
    width: 540px;
    margin: 10px 0 0 0;
    overflow:hidden;
}

#header .xboxLogo{
    width:  143px;
    height: 42px;
    float: left;
}


#home {
	display:block;
	float:left;
	width:142px;
	height:42px;
	background:transparent url('http://xblshowcase.cloudapp.net/images/xbox-logo.png') no-repeat left top;
}
#navigation {
	float:right;
	overflow:hidden;
}
#navigation li{
	float:left;
	margin-left:12px;
}
#navigation li a {
	display:block;
	width:42px;
	height:42px;
}
#mylist_button {
    display:none;
}
#nav_mylist {
	background:transparent url('http://xblshowcase.cloudapp.net/images/my-list-nav-off.png') no-repeat left top;
}

#nav_info {
	background:transparent url('http://xblshowcase.cloudapp.net/images/info.png') no-repeat left top;
}



/* menu */

#menu{
    margin-top: 30px;
    clear:both;
}

#mainMenu, #subMenu{
    background-color: #77bb44;
}

#subMenu{
    height: 28px;
    background: url("http://xblshowcase.cloudapp.net/images/menu-background.png");
}

#mainMenu {
    height: auto;
    background-color: #7B4;
}

#menu ul{
    color: #fff;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding-left: 0px;
}

#mainMenu a{
    color: #0e4f1b;
    display: block;
    padding: 6px 0;
    font-size:14px;
    line-height:16px;
    word-wrap: break-word;
}

#mainMenu li.selected a,
#menu a:hover{
    color: #fff;
    background-color: #2ca243;
}

#menu a:active{
    color: #fff;
    background-color: #2ca243;
}

#menu li{
    float: left;
    height:28px;
}

#mainMenu li{
    float: left;
    min-height: 28px;
    height: auto;
    text-align: center;
    width: 108px;
}

#subMenu li{
    margin-left: 0;
    height:28px;
    line-height: 28px;
    padding-bottom:7px;
}

#subMenu a{
    color: #fff;
    display: block;
    padding: 6px 19px;
    font-size:14px;
    line-height:16px;
}

#subMenu a:hover{
    color: #fff;
    background-color: transparent;
}

#subMenu li.selected{
    background: url("http://xblshowcase.cloudapp.net/images/active-green-arrow.png") no-repeat scroll center bottom transparent;
    color: #2CA243;
}
#menu.one-menu #subMenu{
    visibility:hidden;
}
#menu.one-menu #mainMenu li.selected {
    padding-bottom:7px;
    background: url("http://xblshowcase.cloudapp.net/images/active-green-arrow.png") no-repeat scroll center bottom transparent;
}

/* footer */

#footer{
    border-top: 1px solid #eaeaea;
    /*height:86px;*/
    width:540px;
}

#footer a{
    color: #77bb44; 
}

#footer a.iconPoints {
    line-height: 24px; /* check your icon height */
    /*background: url("http://xblshowcase.cloudapp.net/images/icon-points.jpg")  center right no-repeat;
    padding-right: 35px;*/
} 

#footer span.bigButton a{
    display: inline-block;
    color: #fff; 
    height: 26px;
    margin-top: 8px;
}

#footer span.bigButton{
    background-color: #2ca243;
    display: block;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    font-size: 21px;
    text-align: center;
    width: 269px;
    height: 42px;
    float: left;
}

#footer span.last{
    border-left: 1px solid #228b37;
}

#footer p {
    font-size: 14px;
    font-family: "Segoe WP", helvetica, arial, sans-serif;
    margin: 12px 0;
}

/* main slider */

.section {
	width:540px;
	height:414px;
    position:relative;
    overflow:hidden;
}

#detail_container {
	display:none;
}

#slider_container {
	
}

.track {
    width:540px;
    height:362px;
    position:relative;
}

.slides_images_container {
    width:480px;
    height:320px;
}
.slides_images_container div.slide_images {
    width:480px;
    height:320px;
    display:block;
}

div.slide_images img{
    width:480px;
    height:320px;
}

.pagination-box {
	clear:both;
	overflow: hidden;
	position:relative;
	min-height:23px;
    margin-left:165px;
}

.detailView {
    margin-left:210px;
}
.musicView {
    margin-left:220px;
}
.imagesView {
    margin-left:0;
}
.page-dir {
	display:block;
	width:23px;
	height:23px;
	border:0;
	padding:0;
	/*position:absolute;*/
    float:left;
	top:0;
	cursor:pointer;
    margin: 0 10px
}
.page-dir.disabled {
	cursor:default;
	opacity:0.3;
}
.page-dir.prev {
	left:0;
	background: url('http://xblshowcase.cloudapp.net/images/nav-left-arrow.png') no-repeat left top;
}
.page-dir.next {
	right:0;
	background: url('http://xblshowcase.cloudapp.net/images/nav-right-arrow.png') no-repeat left top;
}

/*.pagination {
	max-width:455px;
	margin:4px auto;
	overflow: hidden;
}*/
.pagination li a {
    background-image: url("http://xblshowcase.cloudapp.net/images/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}

.pagination li.current a {
    background-position:0 -12px;
}

.pagination {
    margin:2px auto 30px;
    max-width:280px;
    overflow: hidden;
    float:left;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
    
}

.slides{
    width: 540px;
    height: 362px;
    overflow:hidden;
}

.music.slides .item {

}
.music.slides .item h2{
	font-size:12px;
	font-weight:bold;
	color:#3B3B3B;
	margin-top: 30px;
}
.music.slides .item p{
	font-size:12px;
}

p.membership{
    color: #3B3B3B;
    font-family: "Segoe WP Semibold";
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

p.description{
    color: #666666;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 15px;
}

.item .add-to-my-list {
	margin-top:12px;
}

/* info container */

#info_container.section {
	height:500px;
	display:none;
	position:relative;
}

#info_container #loading {
    display:none;
}
/*#info_container h1 {
	font-size:28px;
	line-height:32px;
	color:#2ca243;
	text-align:center;
	margin:0 20px;
}

#info_container h2 {
	font-size:22px;
	line-height:22px;
	color:#2ca243;
	text-align:center;
	margin-bottom:7px;
}

#info_container h3 {
	font-size:15px;
	line-height:15px;
	color:#707070;
	text-align:center;
	font-weight:normal;
}
#info_container ul {
	margin: 40px 0 24px 0;
}

#notice p{
    text-align: center;
}

#info_container li {
    background-image: url("http://xblshowcase.cloudapp.net/images/green-bullet.jpg");
    background-position: 0 11px;
    background-repeat: no-repeat;
    padding-left: 16px;
	color:#707070;
	font-size:20px;
}
#info_container li.end {
	list-style-type:none;
}

#info_container li span {
	color:#707070;
}*/

/* my list */

#mylist_container {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:540px;
	height:414px;
	background:#fff;
	z-index: 10000;
}

#mylist_container h1{
	padding-top:2px;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	margin-bottom:7px;
}

#info_container button.close,
#mylist_container button.close {
	position:absolute;
	top:0;
	right:0;
}

#mylist_container h2{
	font-size:12px;
	margin-top:8px;
}

#mylist_container h2 span{
	color:#77bb44;
}

#mylist {
	max-height:275px;
	overflow:auto;
	margin-top:30px;
	position:relative;
}
#mylist h3{
	background:#2ca243;
	color:#fff;
	padding:8px;
}

#mylist h3#total {
	background:#77bb44;
}

#mylist ul {
	margin:14px 0;
}

#mylist li {
	padding:12px 0;
	overflow:hidden;
}

#mylist .my_list_items h4 {
	float:left;
	color:#3b3b3b;
	font-size:14px;
	line-height:24px;
	width:330px;
	font-weight:normal;
	font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
}

#mylist .points {
	display:block;
	float:left;
	color:#3b3b3b;
	font-size:13px;
	line-height:24px;
	padding-right:16px;
	/*background: transparent url('http://xblshowcase.cloudapp.net/images/mylist-points.png') no-repeat right center;*/
    margin-left: 100px;
}

#mylist .disclaimer {
	display:block;
	float:left;
	color:#3b3b3b;
	font-size:13px;
}

#mylist h3 .points {
	float:right;
	color:#fff;
	padding-right:16px;
	/*background: transparent url('http://xblshowcase.cloudapp.net/images/mylist-points-total.png') no-repeat right center;*/
	position:relative;
	top:-5px;
}

#mylist button.remove {
	width:24px;
	height:24px;
	border:0;
	padding:0;
	background: transparent url('http://xblshowcase.cloudapp.net/images/remove.png') no-repeat left top;
	float:right;
}

#email {
	background:#2ca243;
	color:#fff;
	padding:8px;
	text-align:center;
	width:148px;
	font-size:12px;
	margin:14px auto 0 auto;
	display:block;
}

/* 
    Document   : wwrs-xbl-details.css
    Created on : May 28, 2012, 9:55:54 AM
    Author     : carlosbonilla
    Description:
        Purpose of the stylesheet follows.
*/

/**********************
    BEGIN OF Header
***********************/

div#header .iconClose{
    float: right;
    height: 42px;
    width: 42px;
}

/**********************
    BEGIN OF CONTENT
***********************/
h1{
    font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
}
h3{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 15px;
}
.tabs {
	height:302px;
}
.tabs ul{
    color: #fff;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0px;
    width:100%;
}

.tabs li{
    float: left;
    height: 29px;
    width:33.3%;
}

.tabs li a{
    color: #666666;
    font-weight: bold;
    display:block;
    text-align:center;
    height:12px;
    padding:5px 0;
    font-size:12px;
    line-height:12px;
    background: url("http://xblshowcase.cloudapp.net/images/tabs-link-background.jpg") repeat-x left top transparent;
}

.tabs li.selected a{
    color: #2CA243;
    padding-bottom: 27px;
}

.tabs li.selected {
    background: url("http://xblshowcase.cloudapp.net/images/detail-tab-arrow.png") no-repeat scroll center bottom transparent;
}

.tabs .column{
    width: 33%;
    float: left;
    margin-top: 30px;
    font-size: 11px;
}

.tabs .column li {
	list-style-type:none;
	margin-bottom:0;
	float:none;
	color:#707070;
	height:auto;
	width:160px;
	font-weight:normal;
}

.tabs .column li strong {
	font-weight:bold;
}

.tabs .numberOfRatings{
    color: #77bb44;
    font-size: 12px;
    font-weight: bold;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    display: block;
}

.tabs .column h2{
    margin-top: 0px;
    font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
}
.tabs .column li,
.tabs .column p{
    margin: 0px;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
}

.tabs .column strong{
    color: #3b3b3b;
}

.tabs .esrbText{
    float:right;
    width:118px;
}

.tabs .rating{
    width: 38px;
    height: 60px;
    background-size:38px;
    background-repeat:no-repeat;
    float: left;
}


div#content .actionButtons{
    float: right;
}

.tabs span.MSPoints {
    /*background: url("http://xblshowcase.cloudapp.net/images/icon-points-small-green.jpg")  center right no-repeat;
    padding-right: 22px;*/
    color: #3b3b3b;
    font-size: 24px;
    margin-top:20px;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
} 

.tabs ul.details-list {
	margin-bottom:30px;
}

#slider_container{
    width: 540px;
}

div#slider_container .item{
    width: 110px;
    float: left;
    margin-right: 30px;
}

div#slider_container .item:last-child{
    margin-right: 0px;
}

html body.no-my-list div#wrapper div#content div#slider_container.section div.slides div.track div.item div.rating-detail {
    margin-top:15px;
}

div.item .rating-5{
    width: 110px;
    height: 17px;
    background: url("http://xblshowcase.cloudapp.net/images/rating-stars-sprite.png") 0 0 no-repeat;
}

div.item .rating-4{
    width: 110px;
    height: 17px;
    background: url("http://xblshowcase.cloudapp.net/images/rating-stars-sprite.png") 0 -17px no-repeat;
}

div.item .rating-3{
    width: 110px;
    height: 17px;
    background: url("http://xblshowcase.cloudapp.net/images/rating-stars-sprite.png") 0 -34px no-repeat;
}

div.item .rating-2{
    width: 110px;
    height: 17px;
    background: url("http://xblshowcase.cloudapp.net/images/rating-stars-sprite.png") 0 -51px no-repeat;
}

div.item .rating-1{
    width: 110px;
    height: 17px;
    background: url("http://xblshowcase.cloudapp.net/images/rating-stars-sprite.png") 0 -68px no-repeat;
}

/*div.item img{
    margin-bottom: 24px;
}*/

div.item p{
    font-size: 12px;
    font-family: arial;
}

div.item p.ratingCount{
    font-family: "Segoe WP Semibold", helvetica, arial, sans-serif;
    font-size: 12px;
    color: #2ca243;
    margin-bottom: 5px;
}

div.item p.title{
    color: #77bb44;
    font-weight: bold;
}

div.item p.price{
    color: #3b3b3b;
}

div.item a.addToMyList{
    background: url("http://xblshowcase.cloudapp.net/images/icon-my-list-small.jpg")  no-repeat;
    width:  24px;
    height: 24px;
}

div.item span.points{
    /*background: url("http://xblshowcase.cloudapp.net/images/icon-points-smaller-green.jpg")  center right no-repeat;
    padding-right: 15px;*/
}

.tab-section {
	display:none;
	height:280px;
	width:540px;
	overflow:hidden;
	position:relative;
}
.tab-description {
	overflow:auto;
	height:260px;
}
.tab-section p {
	margin-top:0;
	padding:10px 10px 0 10px;
	font-size:14px;
	height: 240px;
	overflow: auto;
}
#noDesc {
    margin: 10px 48px;
}
.tab-images ul {
	position:relative;
	z-index:0;
}
.tab-images li {
	width:auto;
	height:auto;
	background:none;
	padding:0;
}
.tab-images li img {
	max-width:444px;
	max-height:250px;
}
div.slides {
    margin-bottom:20px;
}
#detail_slides_pagination {
	text-align:center;
    float:left;
}
.image-slider li {
	width:444px;
	height:250px;
	text-align:center;
}
.detail-mask {
	margin:10px 48px;	
	width:444px;
	height:250px;
	overflow: hidden;
}
.tab-images .page-dir {
	top:122px;
	width:0;
	height:0;
	background:none;
    position:absolute;
    float:none;
}
.tab-images .page-dir.next {
    background: url("http://xblshowcase.cloudapp.net/images/gray-arrows-sprite.png") no-repeat scroll -60px 0 transparent;
    border: 0 none;
    height: 40px;
    width: 20px;
}
.tab-images .page-dir.prev {
	background: url("http://xblshowcase.cloudapp.net/images/gray-arrows-sprite.png") no-repeat scroll -40px 0 transparent;
    border: 0 none;
    height: 40px;
    width: 20px;
}
.tab-images .pagination-box {
	clear: none;
    height: 1px;
    left: 0;
    max-height: 1px;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 540px;
    z-index: 1;
}

.music.slide .info {
	margin:20px 0;
	overflow:hidden;
}
.music.slide img {
	width:215px;
	height:215px;
	float:left;
	margin-right:10px;
}
.music.slide .description {
	width:315px;
	float:left;
}

#legalese {
    font-size: 12px;
}


div#header .iconClose{
    float: right;
    height: 42px;
    width: 42px;
}

div#content h1{
    font-size: 24px;
    margin: 0px;
    font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
    font-weight: normal;
}

div#appDetail{
    margin-top: 40px;
}

div#appDetail p{
    margin: 0 25px 0 0;
    font-size: 14px;
    font-family: Arial;
    width: 287px;
    float: right;
    padding: 0;
}

div#content a.closeList{
 float: right;
 margin-left: 10px; 
}

div#content p strong{
    color: #77bb44;
}

ul#addonList, ul#appsList {
    list-style: none;
    padding: 0;
}

ul#addonList li, ul#appsList li{
    font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
    font-size: 17px;
}

ul#addonList span.points{
    background: url("http://wwrs2.dev-vs-iis7-1.popmultimedia.com/Content/ImgPointsSmaller")  center right no-repeat;
    padding-right: 15px;
    font-weight: bold;
}

ul#addonList span.dlcTitle{
    width: 430px;
    display: inline-block;
}

ul span.deleteItem{
    float: right;
    margin-right: 25px;
}

a.sendMyList{
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    display: block;
    background-color: #2ca243;
    color : #fff;
    width: 148px;
    height: 28px;
    margin: 0 auto;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
}

.pager {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.pager a {
    background-image: url("http://xblshowcase.cloudapp.net/images/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pager a.selected {
    background-position: 0 -12px;
}

/* 
    Document   : wwrs-xbl-intro.css
    Created on : May 28, 2012, 9:55:54 AM
    Author     : carlosbonilla
    Description:
        Purpose of the stylesheet follows.
*/

/**********************
    BEGIN OF Header
***********************/

div#header .infoIcon{
    float: right;
    height: 42px;
    width: 42px;
}

/**********************
    BEGIN OF CONTENT
***********************/

h1.intro {
    text-align: center;
    color: #2ca243;
    margin-bottom: 23px;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    font-size: 36px;
}

div#checkItOut{
    text-align: center;
    margin-top: 20px;
}

div#checkItOut h2{
    color: #2ca243;
    display: inline-block;
    margin: 0 auto;
    font-family: "Segoe WP SemiBold", helvetica, arial, sans-serif;
    font-size: 22px;
}

div#checkItOut a.iconArrow {
    line-height: 24px; /* check your icon height */
    background: url("http://xblshowcase.cloudapp.net/images/icon-arrow.jpg")  center right no-repeat;
    padding-right: 35px;
    cursor:pointer;
} 

#intro_categories {
	overflow:hidden;
    margin-bottom: 20px;
}
#intro_categories li{
	float:left;
	width:33%;
	text-align:center;
}
/*#intro_categories li img {
	
}*/
#intro_categories li ul {
	/*margin-top:24px;*/
}
#intro_categories li ul li{
	float:none;
	width:auto;
    font-size: 16px;
    line-height: 16px;
	margin-top:6px;
	font-family: "Segoe WP SemiLight", helvetica, arial, sans-serif;
}

#intro-use {
    background: url("http://xblshowcase.cloudapp.net/images/shape.png")  no-repeat;
    height: 144px;
    width: 540px;
}

h2.introText {
    font-family: "Segoe WP SemiLight",helvetica,arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0 6px 10px;
}

#intro-use li {
    color: #fff;
    text-align: left;
    /*margin: 0 72px 0 0;*/
    width: 135px;
    display: table-cell;
    vertical-align: middle;
    height: 144px;
    padding: 0 40px 0 25px;
}

#intro-use li:first-child {
    width: 167px;
}

#intro-use li:last-child {
    margin-right: 0;
    margin-left: -8px;
}

#intro #loading {
    display: block;
    text-align: center;
}


/*****************************
     Related Add-Ons Tab
*****************************/
div.tab-related ul.track li div.columnTwo h1{
    font-size: 14px !important;
}

div.tab-related ul.track li div.columnTwo{
    float: left;
    font-size: 12px;
    margin-top: 30px;
    width: 66%;
}

div.tab-related ul{
  color: #707070;  
}

div.tab-related ul.related-slider li{
    height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 540px;
}

div.tab-related div.pagination-box{
    position: absolute;
    top: 0;
}

div.tab-related
{
    color: #000;
}
.related-description p
{
    font-size: 12px;
    font-weight: normal;
    height: 150px;
    margin-right: 5px;
}

div.columnTwo ul.details-list li{
    font-family: arial;
    font-size: 11px;
    height: auto;
}

div.columnTwo span.MSPoints{
 font-size: 16px;
}


div.tab-related .pagination-box {
	clear: none;
    height: 1px;
    left: 0;
    max-height: 1px;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 540px;
}

#featured {
    width: 200px;
    float: left;
    margin: 2px 40px 0;
    color: #2CA243;
}

#featured img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 15px;
}

/***********************************************
    Custom scrollbars webkit (Chrome/Safari)
***********************************************/


/* Let's get this party started */
::-webkit-scrollbar {
    width: 15px;
}
 
/* Track */
::-webkit-scrollbar-track {
    background-color: #f7f7f7;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #2ca243;
}

/*************************************************
    Custom scrollbars Internet Explorer 7,8,9
*************************************************/

html{
    scrollbar-arrow-color: #2ca243;
    scrollbar-darkshadow-color: #2ca243;
    scrollbar-track-color: #f7f7f7;
    scrollbar-face-color: #2ca243;
    scrollbar-shadow-color: #2ca243;
    scrollbar-highlight-color: #2ca243;
    scrollbar-3dlight-color: #2ca243;
}