/*========================================

			global styles

			you can change the following here:

			1. section header colors and height
			2. column 1 bg colors
			3. module header colors
			4. left nav colors
			5. button colors

========================================*/

/* 1. section header styles */

#ms-global-section-container {
	background-image: url('/images/assets/channel/microsites/kmart/kmart-em-section-title.gif');
	height: 59px;
}
#ms-global-section-title {
	background-image:none;
	height: 59px;
}
#ms-global-hdr-notch {
	background:none;
	height: 55px;
}

/* 2. col1 bg colors */

/* controls the background color of the col1 */
#ms-global-wrap #ms-global-col1 {
	background-image: url('/images/assets/channel/microsites/kmart/col1-bg.gif');
	padding-top: 24px;
}
/* controls the background color of col1 modules */
.ms-global-col1-container {
	background: url('/images/assets/channel/microsites/kmart/col1-bg.gif');
}
/* controls the shadow at the bottom of each col1 module */
.ms-global-col1-bottomshadow {
	background-image:url('');
}
/* controls the bottom "cap" of col1 */
#ms-global-col1-footer  {
 	background-image:url('/images/assets/channel/microsites/kmart/col1-bg-footer.gif');
 	height: 30px; /* might need to change this sometimes */
}

/* 3. module header colors */

.col2_module .global_module_header {
	background: url('/images/assets/channel/microsites/kmart/kmart-em-col2-module-hdr.jpg') no-repeat;
	font-size: 22px; 
}
.col3_module .global_module_header {
	background: url('/images/assets/channel/microsites/kmart/kmart-em-col3-module-hdr.jpg') no-repeat;
}

/* 4. left nav colors - you can remove this section if there is no left nav on the microsite */

#ms-global-col1-nav ul {
	background:#b2ddc9 url('') repeat-y;
}
#ms-global-col1-nav a {
	background:#b2ddc9 url('') no-repeat bottom left;border:1px solid #ccc; border-top:none;
	color:#307F5F;
}
#ms-global-col1-nav ul ul { 
	background: url('');
}
#ms-global-col1-nav ul ul a { 
	color: #5d9315;
}
#ms-global-col1-nav .active {
	background: url('/images/assets/channel/food/default/ms-col1-nav-link-tile-active.jpg');
}
#ms-global-col1-nav .active span {
	background: url('/images/assets/channel/food/default/ms-col1-nav-link-bot-active.jpg') no-repeat left bottom;
}
#ms-global-col1-nav .subnav-arrow {
	background: url('/images/assets/channel/food/default/ms-col1-nav-arrow.gif') no-repeat 12px 5px;
}
#ms-global-col1-nav .subnav-border {
	background: url('/images/assets/channel/food/default/ms-col1-nav-link-border.jpg') bottom;
}

/* 5. button colors */

#ms-global-wrap .global-button {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/kmart-em-promo-btn-left.gif') no-repeat;
}
#ms-global-wrap .global-button-outer {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/kmart-em-promo-btn-right.gif') no-repeat top right;
	}
#ms-global-wrap .global-button-inner {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/kmart-em-promo-btn.gif') repeat-x;
}
#ms-global-wrap .global-button a, .global-button a:visited {
	color: #fff;
}

/*=================================
			module specific styles 
=================================*/

/* col1: wildcard newsletter module

	 in it's default state you can modify:

	 1. header bg image
	 2. module bullet color
	 3. module font color */

/* 1. header bg image */
#ms-global-col1 .ms-col1-newsletter h1 {
	background: url('/images/assets/channel/microsites/toyota-blockparty/ms-col1-newsletter.gif') no-repeat;
}
/* 2. module bullet color */
#ms-global-col1 .ms-col1-newsletter ul li { 
	color:orange;
}
/* 3. module font color */
#ms-global-col1 .ms-col1-newsletter li span, #ms-global-col1 .ms-col1-newsletter p { 
	color:blue;
}


/* col2: article template

	 you can modify these things:

	 1. article template color
	 2. header color */

#ms-col2-article-header-inner {
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-tile.gif') repeat-y;
}
#ms-col2-article-header h1 { 
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-top.gif') no-repeat top left;
	color: #326513;
}

.ms-col2-article-content-inner {
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-bot.gif') no-repeat bottom left;
}
#ms-col2-article-content {
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-body-tile.gif') repeat-y;
}

.ms-col2-article-body {
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-body-top.gif') no-repeat top left; 
}
.ms-col2-article-body-inner {
	background: url('/images/assets/channel/microsites/blue-buffalo-sweeps/col2-article-body-bot.gif') no-repeat bottom left;
}


/* col2: photo gallery

	 you can modify these things:

	 1. scroll buttons
	 2. caption color */

#col2-photo-gallery #ms-global-pGalleryBtn-left {
	background: url('/images/assets/channel/microsites/toyota-blockparty/toyota-btn-scroll-left.gif') no-repeat; 
}
#col2-photo-gallery #ms-global-pGalleryBtn-right  { 
	background: url('/images/assets/channel/microsites/toyota-blockparty/toyota-btn-scroll-right.gif') no-repeat; 
}
#col2-photo-gallery .ms-col2-pgallery-txt {
	color:#4C95CA;
}

/* col3: multipurpose promo module

	 you can modify these things:

	 1. header bg
	 2. tabs
	 3. module h2 color
	 4. module p color */

/* 1. header bg */
#ms-global-col3 .col3_promo_module .global_module_header {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/kmart-em-col3-module-hdr.jpg') no-repeat;
}	
/* 2. tabs */
.col3_promo_module .ms-col3-promo-tab1 {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/col3-promo-tab1.gif') no-repeat;
	width: 25px;
}
.col3_promo_module .ms-col3-promo-tab2 {
	background: url('http://images.marthastewart.com/images/assets/channel/microsites/kmart/col3-promo-tab2.gif') no-repeat;
	width: 24px;
}
.col3_promo_module .ms-col3-promo-tab3 {
	background: url('http://images.marthastewart.com//images/assets/channel/microsites/blue-buffalo-sweeps/col3-promo-tab3.gif') no-repeat;
	width: 28px;
}
/* 3. module h2 color */
.col3_promo_module .col3_promo_module_content h2 {
	color: #a39ec6;
}
/* 4. module p color */
.col3_promo_module .col3_promo_module_content p {
	color: #6d453d;
}

/* tweak these if you change the height of the header */
.col3_module .col3_promo_module .global_module_header {
	background: url('/images/assets/channel/microsites/kmart/kmart-em-col3-module-hdr.jpg');
	/*padding-top: 26px;*/
}	
.col3_promo_module .col3_promo_tabs {
	position: absolute;
	top: 13px;
}

/* col3: poll module

	 you can modify:

	 1. header bg
	 2. poll question color
	 3. poll option color
	 4. poll bar colors  */

#col3-poll-module .global_module_header {
	background: url('/images/assets/channel/microsites/kmart/kmart-em-col3-module-hdr.jpg');
}
#col3-poll-module h2 {
	color: blue;
	font-size: 17px; 
}
#col3-poll-result-labels td {
	color: #000;
	font-size: 10px;
	font-weight: bold;				
}
#col3-poll-result-container #col3-poll-result-total {
	background: url('/images/assets/global/ms-global-dash-green.gif') repeat-x; 
}

/* result bar options */
			
#col3-poll-result-container #pollBar1 div {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-top-green.gif');
}
#col3-poll-result-container #pollLabel1 {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-bot-green.gif');
}
#col3-poll-result-container #pollBar2 div {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-top-blue.gif');
}
#col3-poll-result-container #pollLabel2 {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-bot-blue.gif');
}
#col3-poll-result-container #pollBar3 div {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-top-orange.gif');
}
#col3-poll-result-container #pollLabel3 {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-bot-orange.gif');
}
#col3-poll-result-container #pollBar4 div {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-top-yellow.gif');
}
#col3-poll-result-container #pollLabel4 {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-bot-yellow.gif');
}
#col3-poll-result-container #pollBar5 div {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-top-teal.gif');
}
#col3-poll-result-container #pollLabel5  {
	background-image: url('/images/assets/channel/microsites/default/col3-poll-result-bot-teal.gif');
}

/* column 2: related list */

.ms-col2-relatedlist {
	background-color:#FFF;
	margin: 0 6px 0 6px;
}
ul#ms-col2-relatedlist-nav {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top:30px;
	left:10px;
}
ul#ms-col2-relatedlist-nav li {
	float: left;
	list-style-type: none;
	display: block;
	text-indent: -9999px;
	height: 24px;
	cursor:pointer;
}
.ms-col2-relatedlist ul {
	padding-left: 10px;
	margin: 0 15px 0 15px;
	padding-top: 10px;
	color: #a3a0c5;
	list-style-position: outside;
}
.ms-col2-relatedlist ul li {
	padding-top:3px;
	padding-bottom:3px;
	background: url(http://images.marthastewart.com/images/assets/global/ms-global-dash-blue.gif) repeat-x bottom;
}


.ms-col2-relatedlist ul li a {

color:#6d4633;

}

ul#ms-col2-relatedlist-nav li.entertaining {
	width: 111px;
}
ul#ms-col2-relatedlist-nav li.crafts {
	width: 68px;
}
ul#ms-col2-relatedlist-nav li.kids {
	width: 51px;
}
ul#ms-col2-relatedlist-nav li.holiday {
	width: 83px;
}
ul#ms-col2-relatedlist-nav li.video {
	width: 59px;
}
ul#ms-col2-relatedlist-nav li.community {
	width: 100px;
}
ul#ms-col2-relatedlist-nav li.article {
	width: 76px;
}


/* BEGIN  Kmart buttons */

ul#ms-col2-relatedlist-nav li.bedrooms {
	width: 151px;
}

ul#ms-col2-relatedlist-nav li.makeover {
	width: 165px;
}

ul#ms-col2-relatedlist-nav li.halloween {
	width: 128px;
}


li#related-tab1ABC { background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-col2-bedrooms-tab.gif) no-repeat; }
li#related-tab2ABC { background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-col2-makeover-tab.gif) no-repeat; }
li#related-tab3ABC { background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-col2-halloween-tab.gif) no-repeat; }

/* END new Kmart buttons */

/*  Kmart Landing page  */

.ms-global-module--doubleheight-hdr-kmart {
	height: 54px; 
	background-image: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-global-module-doubleheight-hdr-bg-kmart.gif);
	overflow: hidden;
}
.ms-global-module--doubleheight-hdr-kmart .ms-global-module-hdr-left-kmart {
	width: 10px; 
	height: 54px; 
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-global-module-doubleheight-hdr-left-kmart.gif) no-repeat;
	float: left;
}
.ms-global-module--doubleheight-hdr-kmart .ms-global-module-hdr-right-kmart {
	width: 10px; 
	height: 54px; 
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart/ms-global-module-doubleheight-hdr-right-kmart.gif) no-repeat;
	float: right;
}


.ms-global-module-hdr-kmart h1, .ms-global-module--doubleheight-hdr-kmart h1 {
	font-size: 19px;
	color: #fff;
	font-family: Georgia, Palatino, serif;
	padding-top: 11px;
	padding-left: 4px;
	float: left;
	letter-spacing: 1px;
}
.ms-global-module-hdr-kmart h1, .ms-global-module--doubleheight-hdr-kmart h1 {
	visibility: visible;
	font-size:17px;
}

/*  Kmart Landing page  */

/*CSS for Photogalleries*/
/*

	large photo gallery for kmart

*/


.lpg #ms-global-section-container {
	background-image: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_section_title.gif);
}

#lpg {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_tile.gif) repeat-y;
}
#lpg_outer {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_top.gif) no-repeat;
}
#lpg_inner {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_bot.gif) no-repeat bottom left;
}
#lpg_take_action #lpg_print {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_print.gif) no-repeat;
}
#lpg_take_action #lpg_email {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_email.gif) no-repeat;
}
#lpg_begin {
	background: url(http://images.marthastewart.com/images/assets/channel/food/default/lpg_begin.png) no-repeat;
}
#lpg_prev {
	background: url(http://images.marthastewart.com/images/assets/channel/food/default/lpg_prev.gif) no-repeat center;
}
#lpg_next {
	background: url(http://images.marthastewart.com/images/assets/channel/food/default/lpg_next.gif) no-repeat center;
}
#lpg_content {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_content_tile.gif) repeat-x;
}
#lpg_take_action a, #lpg_content a, #lpg_chapters a, #lpg_content #lpg_chapters {
	color: #4A5E24;
}
#lpg_col2 .col3_module {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_tile.gif) repeat-y;
}
#lpg_col2 .col3_module_outer {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_col2_module_top.gif) no-repeat;
}
#lpg_col2 .col3_module_inner {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_bot.gif) no-repeat bottom left;
}
#lpg_other_galleries .global_module_hdr {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_hdr.gif) no-repeat;
}
#lpg_other_galleries .global_module_hdr_inner {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_hdr_rt.gif) no-repeat top right;
}
#lpg_other_galleries .global_module_hdr_inner h1 {
	color: #4A5E24;
}
#lpg_other_galleries_next {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_next.gif) no-repeat;
}
#lpg_other_galleries_prev {
	background: url(http://images.marthastewart.com/images/assets/channel/microsites/kmart-backyard/lpg_other_galleries_prev.gif) no-repeat;
}
#otherGalleriesTitleDiv {
	background: #EDF9E8 url(http://images.marthastewart.com/images/assets/channel/food/default/lpg_other_galleries_title_bdr.gif) repeat-x;
}
#otherGalleriesTitleDiv p {
	background: url(http://images.marthastewart.com/images/assets/channel/food/default/lpg_other_galleries_title_bdr.gif) repeat-x bottom;
}

.ooyala-bg-ipad {
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .6;
    filter:alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000000;
    display: none;
}

.ooyala-player-ipad{
    position: fixed;
    z-index: 10000000001;
    top: 150px;
    left: 50%;
    margin-left: -376px;
    border: 2px solid #ccc;
    background-color: #fff;
    padding: 8px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.5);
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    width: 742px;
    display: none;
}

.ooyala-close-ipad {
    display: block;
    font-size: 16px;
    color: #999;
    text-align: right;
    padding: 0 4px 6px;
    cursor: pointer;
    width: 14px;
    height: 20px;
    float: right;
}

