@charset "utf-8";
/* CSS Document */

/* ========== */
/* = LAYOUT = */
/* ========== */
.mycoke_content{width:855px;}
#left_column{width:160px;float:left;  padding:20px 20px 20px 0px;}
#right_column{width:644px;border-left:1px solid #1E1E1E; margin-left:180px; min-height:660px; padding:20px 0px 20px 20px;}

/* =============== */
/* = BACKGROUNDS = */
/* =============== */
body{background:#272727;}
#bg_gradient{background:url('../../images/mycoke/bg_gradient.jpg') repeat-x #8B0101;min-width:855px;}
/*#bg_image_overflow{background:url('../../images/mycoke/bg_grey.gif') repeat-y top center;}*/
/*#bg_image{background:url('../../images/mycoke/bg_white.jpg') top center no-repeat;}*/
#bg_image{min-width:855px;min-height:400px;}

/* ========== */
/* = FOOTER = */
/* ========== */
.mycoke_content{margin:0 auto;width:855px;display:block;position:relative;}
#mycoke_footer{width:100%;text-align:center;background-color:#272727;min-width:855px;height:50px;}
#mycoke_footer a{color:#FFFFFF;text-decoration:underline;font-weight:bold;}
#mycoke_footer a:hover{color:#e82528;}
#mycoke_footer p{color:#FFFFFF;font-size:10px;margin:0px;}
#mycoke_footer .mycoke_content {position:relative;padding-top:15px;}
#footer_separator{width:20px;height:17px;position:absolute;top:-11px;left:170px;_left:168px;z-index:2;background:url('../../images/mycoke/separator_footer.png');}

/* ========== */
/* = HEADER = */
/* ========== */
#mycoke_header #right{margin-right:0px;}
#mycoke_header #left{position:relative;}
#header_separator{position:absolute; width:20px; height:7px; top:50px; left:170px; background:url('../../images/mycoke/separator_header.png');}

/* =========== */
/* = MODULES = */
/* =========== */
.modules_container{position:relative;}
.module{position:absolute; overflow:hidden; padding:5px;}
.module_i{position:relative; width:100%; height:100%;}
.modules_container .size_4_u {position:relative; overflow:visible; padding:0px;}
.modules_container .size_4_u .module_i {width:auto;height:auto;}

/* Size of the modules */
.modules_container .size_1_1, #featured_modules_container .module { width:150px; height:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_1.png') no-repeat;}
.modules_container .size_1_2 { height:315px; width:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_2.png') no-repeat;}
.modules_container .size_1_3 { height:480px; width:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_3.png') no-repeat;} 
.modules_container .size_1_4 { height:645px; width:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_4.png') no-repeat;} 
.modules_container .size_1_5 { height:810px; width:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_5.png') no-repeat;} 
.modules_container .size_1_6 { height:975px; width:150px; background:url('../../images/mycoke/module_shadows/module_shadow_1_6.png') no-repeat;} 

.modules_container .size_2_1 { height:150px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_1.png') no-repeat;}
.modules_container .size_2_2 { height:315px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_2.png') no-repeat;}
.modules_container .size_2_3 { height:480px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_3.png') no-repeat;} 
.modules_container .size_2_4 { height:645px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_4.png') no-repeat;} 
.modules_container .size_2_5 { height:810px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_5.png') no-repeat;} 
.modules_container .size_2_6 { height:975px; width:315px; background:url('../../images/mycoke/module_shadows/module_shadow_2_6.png') no-repeat;} 

.modules_container .size_3_1 { height:150px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_1.png') no-repeat;}
.modules_container .size_3_2 { height:315px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_2.png') no-repeat;}
.modules_container .size_3_3 { height:480px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_3.png') no-repeat;} 
.modules_container .size_3_4 { height:645px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_4.png') no-repeat;} 
.modules_container .size_3_5 { height:810px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_5.png') no-repeat;} 
.modules_container .size_3_6 { height:975px; width:480px; background:url('../../images/mycoke/module_shadows/module_shadow_3_6.png') no-repeat;} 

.modules_container .size_4_1 { height:150px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_1.png') no-repeat;}
.modules_container .size_4_2 { height:315px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_2.png') no-repeat;}
.modules_container .size_4_3 { height:480px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_3.png') no-repeat;} 
.modules_container .size_4_4 { height:645px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_4.png') no-repeat;} 
.modules_container .size_4_5 { height:810px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_5.png') no-repeat;} 
.modules_container .size_4_6 { height:975px; width:645px; background:url('../../images/mycoke/module_shadows/module_shadow_4_6.png') no-repeat;} 
.modules_container .size_4_u { } 

/* featured modules have no drop shadow */
#featured_modules_container .module{background:none;}

/* Position of the modules */
#featured_modules_container .module{position:static;margin-top:5px;}
#featured_modules_container .module:first-child{margin-top:0px;}

.modules_container .pos_1_1{top:0px;left:0px;}
.modules_container .pos_1_2{top:165px;left:0px;}
.modules_container .pos_1_3{top:330px;left:0px;}
.modules_container .pos_1_4{top:495px;left:0px;}
.modules_container .pos_1_5{top:660px;left:0px;}
.modules_container .pos_1_6{top:825px;left:0px;}
.modules_container .pos_1_7{top:990px;left:0px;}

.modules_container .pos_2_1{top:0px;left:165px;}
.modules_container .pos_2_2{top:165px;left:165px;}
.modules_container .pos_2_3{top:330px;left:165px;}
.modules_container .pos_2_4{top:495px;left:165px;}
.modules_container .pos_2_5{top:660px;left:165px;}
.modules_container .pos_2_6{top:825px;left:165px;}
.modules_container .pos_2_7{top:990px;left:165px;}

.modules_container .pos_3_1{top:0px;left:330px;}
.modules_container .pos_3_2{top:165px;left:330px;}
.modules_container .pos_3_3{top:330px;left:330px;}
.modules_container .pos_3_4{top:495px;left:330px;}
.modules_container .pos_3_5{top:660px;left:330px;}
.modules_container .pos_3_6{top:825px;left:330px;}
.modules_container .pos_3_7{top:990px;left:330px;}

.modules_container .pos_4_1{top:0px;left:495px;}
.modules_container .pos_4_2{top:165px;left:495px;}
.modules_container .pos_4_3{top:330px;left:495px;}
.modules_container .pos_4_4{top:495px;left:495px;}
.modules_container .pos_4_5{top:660px;left:495px;}
.modules_container .pos_4_6{top:825px;left:495px;}
.modules_container .pos_4_7{top:990px;left:495px;}

/* container must be sized according to the number of modules, it won't grow according to the document flow */
.modules_container.lines_1{height:150px;}
.modules_container.lines_2{height:315px;}
.modules_container.lines_3{height:480px;}
.modules_container.lines_4{height:645px;}
.modules_container.lines_5{height:810px;}
.modules_container.lines_6{height:975px;}
.modules_container.lines_7{height:1140px;}
.modules_container.lines_8{height:1205px;}
.modules_container.lines_9{height:1470px;}
.modules_container.lines_10{height:1635px;}

/* For css rounded corner boxes, adjust inner container height.*/
.modules_container .size_1_1 .rounded_body, 
.modules_container .size_2_1 .rounded_body, 
.modules_container .size_3_1 .rounded_body, 
.modules_container .size_4_1 .rounded_body,
#featured_modules_container .rounded_body{
	height:150px;
}

.modules_container .size_1_2 .rounded_body, 
.modules_container .size_2_2 .rounded_body, 
.modules_container .size_3_2 .rounded_body, 
.modules_container .size_4_2 .rounded_body{
	height:315px;
}

.modules_container .size_1_3 .rounded_body, 
.modules_container .size_2_3 .rounded_body, 
.modules_container .size_3_3 .rounded_body, 
.modules_container .size_4_3 .rounded_body{
	height:480px;
}

.modules_container .size_1_4 .rounded_body, 
.modules_container .size_2_4 .rounded_body, 
.modules_container .size_3_4 .rounded_body, 
.modules_container .size_4_4 .rounded_body{
	height:645px;
}

.modules_container .size_1_5 .rounded_body, 
.modules_container .size_2_5 .rounded_body, 
.modules_container .size_3_5 .rounded_body, 
.modules_container .size_4_5 .rounded_body{
	height:810px;
}

.modules_container .size_1_6 .rounded_body, 
.modules_container .size_2_6 .rounded_body, 
.modules_container .size_3_6 .rounded_body, 
.modules_container .size_4_6 .rounded_body{
	height:975px;
}


/* =============== */
/* = SIFR TYPE = */
/* =============== */
.sIFR-flash{visibility:visible !important;margin:0;padding:0;}
.sIFR-replaced,.sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none;}
.sIFR-active #container h1, .sIFR-active #container h2{font-size:17px; visibility:hidden;}

/* ============= */
/* = HTML TYPE = */
/* ============= */
/*Headings*/
h1{font-size:17px; color:#353535; margin-bottom:0.5em; line-height:17px}
h2{font-size:17px; color:#e82528; margin-bottom:0.75em; line-height:17px;}
h2.white{color:#FFF;}
h3{font-size:13px; color:#e82528; line-height:13px}
h4{font-size:12px; color:#e82528; font-weight:bold; margin-bottom:5px;}

/* Text elements */
body{font:75% Helvetica,Arial,sans-serif; color:#353535;}
p{margin:0 0 20px;}

/* ============ */
/* = COMMENTS = */
/* ============ */
#comments{width:365px;}
.comment{margin:0px 0px 20px 45px; background:url('../../images/mycoke/comment_bubble.png') no-repeat; padding-left:28px;}
.comment p {margin:0px;}

/* ======== */
/* = MENU = */
/* ======== */
#mycoke_header ul.menu{height:50px;width:auto;float:left;}
#mycoke_header ul.menu li .noShow{text-indent:-2000px;}
#mycoke_header ul.menu li a{padding:17px 13px 17px 27px;display:block;text-align:left;text-decoration:none;_padding-bottom:18px;}
#mycoke_header ul.menu li a.mnuTitle{width:46px;background:transparent url(../../images/mycoke/menu_title.gif) no-repeat 25px 22px scroll;}
/*#mycoke_header ul.menu li a.withArrow{background:transparent url(../../images/mycoke/menu_arrow.jpg) no-repeat right 22px scroll;}*/
#mycoke_header ul.menu ul {width:230px;background:#393939}
#mycoke_header ul.menu li ul li a{padding:5px 5px 5px 27px;border-bottom:#1f1f1f 1px solid;_width:100%;}
#mycoke_header ul.menu li ul li a.first{background:transparent url(../../images/mycoke/separator_header.png) no-repeat scroll -11px 0;_background:;}
#mycoke_header ul.menu li ul li a.last{border:none;}
#mycoke_header ul.menu li ul li a.withImage{background-color:transparent;background-position:0 0;background-repeat:repeat;}
#mycoke_header ul.menu li ul li a:hover{background-color:#e72129;}
#mycoke_header ul.menu li ul li a.withImage:hover{opacity:.8;filter:alpha(opacity=80);}
/*#mycoke_header ul.menu li ul li a.first:hover{background:#e72129url(../../images/mycoke/separator_header.png) no-repeat scroll -10px 0;}*/
/*#mycoke_header ul.menu ul li {padding:5px;text-align:left;}*/

/* ================== */
/* = OTHER ELEMENTS = */
/* ================== */
/* red circle bottle */
.bottle_circle {padding:5px 0px 0px 45px; background:url('../../images/mycoke/bottle_circle.png') no-repeat top left; height:39px; margin-bottom:1em !important;}
.bottle_circle.two_lines{padding-top:0px; background: url('../../images/mycoke/bottle_circle.png') 0px 3px no-repeat;}
.bottle_circle *{margin:0px;}

/*close indicator*/
.close_indicator{position:absolute; top:30px; right:5px; width:28px; height:34px; display:block; background-image:url(../../images/mycoke/close_indicator.jpg);}
.close_indicator a img{border:none;}
.module .close_indicator{right:0px;}
.size_4_u .close_indicator{right:5px;_right:-1px;}

/* =================== */
/* = ROUNDED CORNERS = */
/* =================== */
/* Gecko and Webkit, for IE look at mycoke.ie.css */
.rounded_white .rounded_body{padding:0px;background:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;}
.rounded_red .rounded_body{padding:0px;height:122px;background:#C30000;-webkit-border-radius:7px;-moz-border-radius:7px;}
.rounded_grey .rounded_body{padding:0px;height:122px;background:#373737;-webkit-border-radius:7px;-moz-border-radius:7px;}
.rounded_white_shadow .rounded_t{height:12px; background:url('../../images/mycoke/rounded_corners/corner_white_shadow_t_l.png') top left no-repeat; }
.rounded_white_shadow .rounded_t_i{height:12px; margin-left:12px; background:url('../../images/mycoke/rounded_corners/corner_white_shadow_t_r.png') top right no-repeat;}
.rounded_white_shadow .rounded_c{background:url('../../images/mycoke/rounded_corners/corner_white_shadow_c_l.png') top left repeat-y;}
.rounded_white_shadow .rounded_c_i{padding:18px 30px 18px 18px; margin-left:12px; background:url('../../images/mycoke/rounded_corners/corner_white_shadow_c_r.png') bottom right repeat-y;}
.rounded_white_shadow .rounded_b{height:12px; background:url('../../images/mycoke/rounded_corners/corner_white_shadow_b_l.png') bottom left no-repeat; }
.rounded_white_shadow .rounded_b_i{height:12px; margin-left:12px; background:url('../../images/mycoke/rounded_corners/corner_white_shadow_b_r.png') bottom right no-repeat;}

/* ========= */
/* = SHARE = */
/* ========= */
/* share with rollover */
.share .share_links a { width:16px; height:16px; display:block; padding:0px 0px 0px 4px; float:left; }
.share_rollover .share_indicator{position:absolute;bottom:-1px;right:-1px;display:block;}
.share_rollover .share_links{display:none;height:76px;width:100%;position:absolute;bottom:-81px;left:0px;color:#fff;}
.share_rollover .share_links_i{height:60px;padding:5px 5px 0px 5px;background:#3b5998;}

#featured_modules_container .module .share_rollover .share_links, .module.size_1_1 .share_rollover .share_links {display:none;height:150px;width:100%;position:absolute;bottom:-155px;left:0px;color:#fff;}
#featured_modules_container .module .share_rollover .share_links_i, .module.size_1_1 .share_rollover .share_links_i {height:135px;padding:5px 5px 0px 5px;background:#3b5998;}

.share_rollover .share_links_i p{margin:0;}
.share_rollover .share_links_b{height:7px;background:url('../../images/mycoke/rounded_corners/corner_transparent_blue_b_l.png') bottom left no-repeat;_background:;}
.share_rollover .share_links_b_i{height:7px;margin-left:7px;background:url('../../images/mycoke/rounded_corners/corner_transparent_blue_b_r.png') bottom right no-repeat;_background:;}
.share_rollover .share_links_t{height:7px;background:url('../../images/mycoke/rounded_corners/corner_transparent_blue_t_l.png') bottom left no-repeat;_background:;}
.share_rollover .share_links_t_i{height:7px;margin-left:7px;background:url('../../images/mycoke/rounded_corners/corner_transparent_blue_t_r.png') bottom right no-repeat;_background:;}
.share_rollover .share_links ul{list-style:none;margin:0px;padding:0px;}
.share_rollover .share_links li{margin:2px 0px 0px 15px;float:left;}
.share_rollover .share_links h6{font-size:12px;font-weight:bold;margin:0px 0px 6px 15px;}
.share_rollover .share_indicator { background:url('../../images/mycoke/share/share_indicator.png') top right no-repeat; width:21px; height:21px; display:block; }
.share a.blogger { background:url('../../images/mycoke/share/share_icon_blogger.png') top right no-repeat; }
.share a.delicious { background:url('../../images/mycoke/share/share_icon_delicious.png') top right no-repeat; }
.share a.digg { background:url('../../images/mycoke/share/share_icon_digg.png') top right no-repeat; }
.share a.email { background:url('../../images/mycoke/share/share_icon_email.png') top right no-repeat; }
.share a.facebook { background:url('../../images/mycoke/share/fb_share.png') no-repeat top left; width:50px; height:23px; display:block; }
.share_rollover a.myspace { background:url('../../images/mycoke/share/share_blue_myspace.jpg') top left no-repeat; width:60px; height:18px; float:left; margin:3px 0px 5px 12px; }
.share a.twitter { background:url('../../images/mycoke/share/share_icon_twitter.png') top right no-repeat; }

/** NEW SHARE **/
/*.share {width:215px; height:77px; bottom:0px; right:73px; display:block; position:absolute; _width:220px; _right:68px;}*/
.share_rollover .share_title { background:url('../../images/mycoke/share/share_blue_bg.jpg') no-repeat left; width:55px; height:20px; float:left; margin:3px 0px 5px 12px; }
.share_rollover .fb { /*padding-top:3px;*/ background:url('../../images/mycoke/share/share_blue_fb.jpg') no-repeat left; padding-left:80px; height:61px; width:55px; margin-left:3px; float:left; }
.share_rollover .line { background:url('../../images/mycoke/share/sep_blue_v.jpg') repeat; width:3px; height:61px; display:block; float:left; clear:none; margin:0 auto; margin-bottom:5px; }
#featured_modules_container .module .share_rollover .line,  .module.size_1_1 .share_rollover .line { background:url('../../images/mycoke/share/sep_blue_h.jpg') repeat; width:123px; height:2px; display:block; float:none; clear:both; margin:0 auto; }
.share_rollover .links { background: url('../../images/mycoke/share/sep_blue_h.jpg') repeat-x ; width:128px; padding-top:10px; display:block; float:left; margin-left:12px; }
#featured_modules_container .module .share_rollover .links,  .module.size_1_1 .share_rollover .links {width:103px; padding:12px 0px 0px 20px; float:none; clear:both; margin:0 auto; }
#featured_modules_container .module .share_rollover .myspace,  .module.size_1_1 .share_rollover .myspace { margin:8px 0px 8px 8px; }
#featured_modules_container .module .share_rollover .share_title,  .module.size_1_1 .share_rollover .share_title { margin:8px 0px 8px 8px; }
.share .fb_like { width:52px; height:25px; overflow:hidden; text-align:left; margin-bottom:5px;}
.share_rollover .fb_like { margin-bottom:10px;}
.share .fb_like iframe { border:none; overflow:hidden; width:450px; height:35px; }
#featured_modules_container .module .share_rollover .fb_like,  .module.size_1_1 .share_rollover .fb_like {margin-bottom:5px;}


.share_inline .share_title { background:url('../../images/mycoke/share/share.png') no-repeat left; width:55px; height:20px; float:left; margin:0px; }
.share_inline .fb { /*padding-top:3px;*/ background:url('../../images/mycoke/share/facebook.png') no-repeat left; padding-left:70px; height:25px; float:left; }
.share_inline .fb_like {float:left; margin:0px; margin-top:1px;}
.share_inline .line { background:url('../../images/mycoke/share/sep_white_v.jpg') repeat-y; width:3px; height:25px; display:block; float:left; clear:none; margin:0 5px; }
.share_inline a.myspace { background:url('../../images/mycoke/share/myspace.png') top left no-repeat; width:55px; height:18px; float:left; margin:2px 0px 0px; }
.share_inline a.facebook {float:left;margin-top:1px;}
.share_inline .links { background: url('../../images/mycoke/share/sep_white_v.jpg') repeat-y ; width:85px; display:block; float:left; margin-left:5px; padding:3px 0px 0px 3px; height:22px; }


/* share always visible */
.share_inline ul.share_links{list-style:none; margin:0px; padding:0px;}
.share_inline ul.share_links li{margin:0px 0px 0px 5px;float:left;}
.share_inline .share_indicator{float:left; margin-right:10px; background:url('../../images/mycoke/share/share.jpg') top left no-repeat; width:65px; height:15px; display:block; }
.share_inline p{margin:0px;}
.share_inline{position:absolute; bottom:20px; right:35px; display:block;}
.module .share_inline{right:30px;}
.size_4_u .share_inline{_bottom:60px; }

/* Share tooltips */
#tooltip{position:absolute;z-index:3000;background:url('../../images/mycoke/share/share_tooltip.png') no-repeat;width:72px;height:23px;padding-top:3px;}
#tooltip h3{margin:0;padding:0;font-family:Helvetica,Arial;font-size:11px;font-weight:normal;color:#fff;text-align:center;}

/* ============== */
/* = INNER MENU = */
/* ============== */

/* Menu used in downloads and faq pages. */
.inner_menu_header{text-align:center; padding: 25px 0px 25px 0px;}
.inner_menu_header h2, .inner_menu_header h3{margin:5px auto;}
.inner_menu_header p{margin:0px;}
.inner_menu_links{list-style:none;}
.inner_menu_links li:first-child{border-top:1px solid #1e1e1e;}
/*.inner_menu_links li{height:30px;}*/
.inner_menu_links li a{display:block;color:#fff; font-weight:bold; padding:8px 10px 5px 15px;background:url('../../images/mycoke/right_arrow.png') no-repeat 135px 50%;border-bottom:1px solid #1e1e1e; _background-image:url('../../images/mycoke/right_arrow.gif');}
.inner_menu_links li a:hover, .inner_menu_links li a.selected{background-color:#ED1C24;}

/* MODULES ROLLOVER */
.modRollover { width: 150px; height: 150px; overflow: hidden; display: block; position: relative; }
.modRollover a:hover{ left:-155px; position: relative;}

.size_2_1 .modRollover { width: 315px; height: 150px; overflow: hidden; display: block; position: relative; }
.size_2_1 .modRollover a:hover{ left:-320px; position: relative;}

.module .padded h1, .module .padded h2 {
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:17px;
	height:17px;
}
.module .padded p {
	padding:10px 0 5px 0;
	font-size:11px;
}

.module .videos .player {
	display:block;
	padding:10px 0 10px 0;
	/*border-top:1px solid #000000;*/
	border-bottom:1px solid #e4e4e4;
}
.module .videos .player .swf {
	width:100%;
	height:280px;
	display:block;
}
.module .videos .thumbs {
	clear:both;
	float:none;
	padding:5px 0 10px 0;
}
.module .videos .thumbs a {
	display:block;
	width:74px;
	height:55px;
	padding:5px;
	float:left;
}
.module .videos .thumbs img {
	display:block;
	width:73px;
	height:54px;
	border:1px solid #000000;
}