/* Last Edited 103110 by PS */

/*
----------------------------------------------------------------------------------
START General Tag and Page Styles
----------------------------------------------------------------------------------
*/

/* START Reset Browser Defaults */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: transparent top left; margin: 0 0 8px 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { Content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a { outline: none; }
input,textarea { margin: 0; }
/* END Reset Browser Defaults */

/* START Default Fonts and Styles */
body,h1,h2,h3,h4,h5,p,ul,ol,div,dl,dt,dd,pre,fieldset,blockquote,th,td {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px; }
sup { font-size: 10px; }
input,textarea,select {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    line-height: 14px; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 24px; line-height: 32px; font-weight: normal; }
h2 { font-size: 20px; line-height: 22px; margin-bottom: 10px; }
h3 { font-size: 19px; line-height: 21px; margin-bottom: 8px; }
h4 { font-size: 14px; line-height: 16px; margin-bottom: 2px; }
h5 { font-size: 13px; line-height: 15px; margin-bottom: 2px; }

p { margin: 0 0 8px 0; }
ul { margin: 0 0 5px 30px; list-style-type: disc; }
ol { margin: 0 0 10px 30px; list-style-type: decimal; }

a { color: #cf1431; font-weight: inherit; text-decoration: underline; }
a:hover { font-weight: inherit; text-decoration: none; }

blockquote { margin: 0 30px 0 30px; }
strong, b, .bold { font-weight: bold; }
em, i { font-style: italic; }
pre, code { white-space: pre; }
pre, code { font: 12px monospace; line-height: 15px; } 
hr { width: 95%; height: 1px; margin: 9px 0 13px 0; *margin: 2px 0 6px 0; border: 0; color: #333333; background-color: #333333; text-align: left; }
/* END Fonts and Styles */

/* START TABS Default */
ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { display: block; }
/* Clearing Floats Class */
ul.tabs { display: inline-block; }
ul.tabs:after { Content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }
/* END TABS Default */

/* START Clearing Floats Class */
.clear { display: inline-block; }
.clear:after { Content: "."; display: block; height: 0; clear: both; visibility: hidden; }
table.clear:after { Content: normal; } /* This line is just to fix an IE8 spacing issue when the clear class was added to tables */
* html .clear { height: 1%; }
.clear { display: block; }
/* END Clearing Floats Class  */

/* START Misc Helper Classes */
.block { display: block; }
.inline { display: inline; }
.hide, ul.hide { display: none; }
.show { display: inherit; }
.bg-test { background-color: #888888; }
.bg-none { background: none; }
.border-none { border: none; }
.spacer-2x2 { width: 2px; height: 2px; }
.spacer-5x5 { width: 5px; height: 5px; }
.spacer-10x10 { width: 10px; height: 10px; }
.spacer-20x20 { width: 20px; height: 20px; }
.center { text-align: center; }
.text-caption { display: block; text-indent:-9999px; }
.no-bullet { list-style: none; list-style-type: none; }
/* END Misc Helper Classes */

/*
----------------------------------------------------------------------------------
END General Tag and Page Styles
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START LDA Lightbox Styles
----------------------------------------------------------------------------------
*/

#lda-container {
    margin: 0px;
    padding: 196px 80px 30px 80px;
    width: 540px;
    height: 224px;
    text-align: center; }
    #lda-container h1 {
        display: block;
        margin: 0px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        text-transform: uppercase; }
    #lda-lang-switch table {
        margin: 32px auto 31px auto; }
    a.lda-button {
        float: left;
        display: block;
        margin: 0 16px 0 16px;
        cursor: pointer;
        background: transparent url(/images/lda-button-bg-right.png) no-repeat scroll top right;
        height: 40px;
        padding-right: 70px; /* sliding doors padding, width of side image "a" */
        color: #000000;
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none; }
        a.lda-button span {
            display: block;
            cursor: pointer;
            padding: 11px 0 11px 49px;
            *padding: 12px 0 10px 49px;
            background: transparent url(/images/lda-button-bg-left.png) no-repeat;
            line-height: 18px; /* line-height + top/bottom padding = height */ }
            a.lda-button:hover {
                background-position: bottom right;
                color: #ffffff; }
                a.lda-button:hover span {
                    background-position: bottom left; }
    #lda-english, #lda-french {
        display: none }
    table.lda-table-form {
        margin: 13px auto 0 auto; }
        table.lda-table-form tr td {
            vertical-align: top;
            font-size: 12px; }
            table.lda-table-form tr td table {
                margin: 3px auto 0 auto; }
        .lda-error {
            height: 30px;
            text-align: center; }
            .lda-error p {
                color: #e41534;
                font-weight: bold; }
        .lda-label {
            padding: 3px 9px 0 0;
            *padding: 4px 9px 0 0;
            text-align: right; }
            .lda-month, .lda-day, .lda-province {
                margin: 0 10px 20px 0;
                border: 1px solid #000000;
                padding: 1px;
                font-size: 12px; }
            .lda-month {
                width: 95px; }
            .lda-day {
                width: 65px; }
            .lda-province {
                margin: 0 0 19px 0;
                width: 221px; }
            .lda-input {
                margin: 0;
                border: 1px solid #000000;
                padding: 2px;
                width: 35px;
                font-size: 12px;
                text-align: center; }

/*
----------------------------------------------------------------------------------
END LDA Lightbox Styles
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START Specific Page Classes
----------------------------------------------------------------------------------
*/

#container {
    margin: 0 auto 0 auto;
    border-bottom: 1px solid #515a69;
    width: 911px; }
    #header {
        width: 911px; }
        .cos-top-menu {
            padding: 0;
            width: 911px; }
            .cos-top-menu .menu {
                float: right;
                margin: 8px 0 8px 0; }
                .cos-top-menu .menu li {
                    float: left;
                    border-right: 1px solid #999999;
                    padding: 0 10px 0 11px;
                    list-style: none;
                    font-size: 12px;
                    font-weight: bold;
                    color: #b3b4b8; }
                .cos-top-menu .menu li.la-language-switcher {
                    border-right: none;
                    padding: 0 4px 0 11px; }
                    .cos-top-menu .menu li a {
                        color: #b3b4b8;
                        text-decoration: none; }
                        .lc-container-top-menu .menu li a:hover {
                            color: #ffffff;
                            text-decoration: none; }
            .cos-asset-banner {
                border-top: 1px solid #222a37;
                border-left: 1px solid #515a69;
                border-right: 1px solid #515a69;
                background: #f7f7f7 url(/images/bg-header.jpg) no-repeat top right;
                width: 911px; }
        .cos-main-navigation {
            border-left: 1px solid #515a69;
            border-right: 1px solid #515a69;
            width: 911px; }
            .cos-main-navigation ul li a {
                margin: 0px;
                display: block;
                background: transparent no-repeat top left;
                padding: 0px;
                text-decoration: none; }
                    .cos-main-navigation ul li a span {
                        display: block;
                        height: 28px;
                        text-indent: -9999px; }
    #content {
        border-left: 1px solid #515a69;
        border-right: 1px solid #515a69;
        background: #ffffff;
        width: 911px; }
    #footer {
        border-left: 1px solid #515a69;
        border-right: 1px solid #515a69;
        background: #f7f7f7 url(/images/bg-container.gif) repeat 0 0;
        width: 911px; }
        #footer .cos-footer {
            background: transparent url(/images/footer-hr.gif) no-repeat left top;
            padding: 3px 0 0 0; }
            #footer .cos-footer .lc-touts {
                float: left;
                margin: 0;
                background: transparent url(/images/footer-hr.gif) no-repeat left bottom;
                padding: 20px 12px 1px 11px;
                width: 888px;
                list-style: none; }
                #footer .cos-footer .lc-touts li {
                    float: left;
                    width: 274px;
                    padding: 0 11px 22px 11px; }
        .cos-copyright-notice {
            float: left;
            color: #444444;
            margin: 5px 0 7px 9px; }
        ul.lc-caption {
            float: right;
            margin: 5px 0 7px 0; }
            ul.lc-caption li {
                float: left;
                border-right: 1px solid #444444;
                padding: 0 9px 0 9px;
                list-style: none; }
            ul.lc-caption li.la-terms-of-use {
                border-right: none; }
                ul.lc-caption li a {
                    color: #444444; }
                    
/* START INSIDER Forms */
.content-main {
	display: block;
    float: left;
	background: #ffffff;
    padding: 10px;
    width: 620px; }
.sidebar {
	display: block;
    float: left;
	background: #ffffff;
    padding: 20px 0 20px 0;
    width: 250px; }
    .insider-password, .password-confirmation {
	    display: none; }
    .form-area {
        border: 10px solid #ffffff;
	    background: #f5f5f5;
        padding: 0 20px 40px 20px; 
        width: 560px; }
        .form-area h1 {
            margin: 36px 0 16px 0;
            *margin: 37px 0 15px 0;
            font-size: 18px;
            line-height: 20px;
            font-weight: bold;
            color: #000000;
            text-align: center; }
        .form-table {
            width: 560px; }
	        .form-table tr td {
		        vertical-align: middle; }
            .label {
                padding: 0px 10px 0px 0;
                *padding: 1px 9px 0px 0;
                width: 181px;
                color: #333333;
                text-align: right; }
            .field {
                width: 208px; }
                .field input {
                    margin: 5px 0 5px 0;
                    *margin: 4px 0 4px 0;
                    border: 1px solid #000000;
                    padding: 2px 3px 2px 3px;
                    *padding: 3px 4px 1px 4px;
                    width: 190px;
                    *width: 188px; }
            .status {
                width: 162px; }
                label.error {
                    display: block;
                    margin: 0px;
					background: transparent url(/images/icon-error.png) no-repeat left center;
                    padding: 1px 0 1px 24px;
                    width: 138px;
                    min-height: 19px; }
                label.error span {
                    display: block;
                    margin: 0px;
                    padding: 4px 0 3px 0;
                    font-size: 11px;
                    line-height: 12px;
                    color: #ff0000; }
                label.checked {
                    background: transparent url(/images/icon-valid.png) no-repeat left center; }
            .form-link {
                padding: 2px 0 0 0;
                *padding: 3px 0 0 0;
                color: #333333; }
                .form-link a {
                    font-weight: bold; }
            .insider-password a.button {
                margin-top: 13px; }
            .form-confirmation {
                padding: 0 0 0 0;
                color: #333333;
                text-align: center; }
                .form-confirmation p {
                    margin-bottom: 12px; }
                    .form-confirmation a {
                        font-weight: bold; }
    a.button {
        float: left;
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        cursor: pointer;
        background: transparent url(/images/button-bg-right.png) no-repeat scroll top right;
        height: 32px;
        padding-right: 33px; /* sliding doors padding, width of side image "a" */
        color: #000000;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        text-decoration: none; }
        a.button span {
            display: block;
            cursor: pointer;
            padding: 8px 0 10px 15px;
            *padding: 9px 0 9px 15px;
            background: transparent url(/images/button-bg-left.png) no-repeat;
            line-height: 14px; /* line-height + top/bottom padding = height */ }
            a.button:hover {
                background-position: bottom right;
                color: #ffffff; }
                a.button:hover span {
                    background-position: bottom left; }
/* END INSIDER Forms */

/*
----------------------------------------------------------------------------------
END Specific Page Classes
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START ColorBox CSS - jQuery Lightbox Plugin
----------------------------------------------------------------------------------
*/

/*
    ColorBox Core Styles
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox Custom Styles (the styles below control the default lightbox style).
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background-color:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{padding:1px;}
        #cboxLoadingGraphic{background:url(/images/lightbox-loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/lightbox-controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
        
/*
----------------------------------------------------------------------------------
END ColorBox CSS - jQuery Lightbox Plugin
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START Menu Navigation CSS
----------------------------------------------------------------------------------
*/

/* START Required Styles for Nav */
.menu, .menu * {
	margin: 0;
	padding: 0;
	list-style: none; }
.menu {
	line-height: 14px; }
	.menu ul {
		position: absolute;
		top: -999em;
		width: 10em; /* left offset of submenus need to match (see below) */ }
		.menu ul li {
			width: 100%; }
		.menu li:hover {
			visibility: inherit; /* fixes IE7 'sticky bug' */ }
		.menu li {
			float: left;
			position: relative; }
		.menu a {
			display: block;
			position: relative;
            cursor: pointer; }
			.menu li:hover ul, .menu li.menu-hover ul {
				left:	0;
				top: 2.5em; /* match top ul list item height */
				z-index: 99; }
			ul.menu li:hover li ul, ul.menu li.menu-hover li ul {
				top: -999em; }
			ul.menu li li:hover ul, ul.menu li li.menu-hover ul {
				left: 10em; /* match ul width */
				top: 0; }
			ul.menu li li:hover li ul, ul.menu li li.menu-hover li ul {
				top: -999em; }
			ul.menu li li li:hover ul, ul.menu li li li.menu-hover ul {
				left: 10em; /* match ul width */
				top: 0; }
/* END Required Styles for Nav */

/* START Custom Styles for the Pulldowns */
    .lc-container-top-menu .menu li.menu-hover a {
        color: #ffffff;
        text-decoration: none; }
        .lc-container-top-menu .menu li:hover ul, .lc-container-top-menu .menu li.menu-hover ul {
            top: 22px; /* match top ul list item height */
            z-index: 99; }
		.lc-container-top-menu .menu li ul {
            margin-left: 3px;
            border-top: 1px solid #262e3b; }
		    .lc-container-top-menu .menu li ul li {
                margin: 0px;
                border-right: 1px solid #262e3b;
                border-bottom: 1px solid #262e3b;
                border-left: 1px solid #262e3b;
                background: #eaeaea;
                padding: 0px;
                font-size: 12px;
                font-weight: normal;
                text-align: center; }
		        .lc-container-top-menu .menu li ul li a {
			        padding: 7px 9px 8px 9px;
			        text-decoration: none;
                    text-transform: uppercase; }
		        .lc-container-top-menu .menu li.menu-hover ul li a, .lc-container-top-menu .menu li ul li a, .lc-container-top-menu .menu li ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			        color: #000000; }
		    .lc-container-top-menu .menu li ul li:hover, .lc-container-top-menu .menu li ul li.menu-hover, .lc-container-top-menu .menu li ul li a:focus, .lc-container-top-menu .menu li ul li a:hover, .lc-container-top-menu .menu li ul li a:active {
			    background: #505968;
			    outline: 0;
			    color: #ffffff; }
                
        .cos-main-navigation .menu li:hover ul, .cos-main-navigation .menu li.menu-hover ul {
            top: 27px; /* match top ul list item height */
            z-index: 100; }
		.cos-main-navigation .menu li ul {
            margin-left: 0px;
            border-top: 1px solid #262e3b;
            border-right: 1px solid #262e3b;
            border-left: 1px solid #262e3b;	}
		    .cos-main-navigation .menu li ul li {
                margin: 0px;
                border-bottom: 1px solid #262e3b;
                background: #eaeaea;
                padding: 0px;
                font-size: 12px;
                font-weight: normal;
                text-align: left; }
		        .cos-main-navigation .menu li ul li a {
			        padding: 7px 9px 8px 9px;
			        text-decoration: none; }
		        .cos-main-navigation .menu li ul li a, .cos-main-navigation .menu li ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			        color: #000000; }
		    .cos-main-navigation .menu li ul li:hover, .cos-main-navigation .menu li ul li.menu-hover, .cos-main-navigation .menu li ul li a:focus, .cos-main-navigation .menu li ul li a:hover, .cos-main-navigation .menu li ul li a:active {
			    background: #505968;
			    outline: 0;
			    color: #ffffff; }
/* END Custom Styles for the Pulldowns */

/*
----------------------------------------------------------------------------------
END Menu Navigation CSS
----------------------------------------------------------------------------------
*/

 
 /****** INFO STYLES *********/
 
 .module-info {
                padding:5px;
                
				margin:auto;
                color:#333333;
                font-size:12px;
                font-weight:100;
                font-family:Arial, Helvetica, sans-serif;
                border:1px solid #7dba5b;
                background:#B9E18D;}
            .module-info-icon {
                display:block;
                width:30px;
                margin-left:5px;
                background: url('/images/icon-info.gif') no-repeat center left;}
            .module-info-status {
                padding:5px 5px 5px 30px;
                width:450px;}
                .-module-info-status span {
                    display:block;
                    padding:3px;}

 
 /****************************/

/*
----------------------------------------------------------------------------------
START Error Handling Styles
----------------------------------------------------------------------------------
*/

.module-error {
    padding: 5px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #FD0605;
    background: #FFD9BF; }
.module-error-icon {
    display: block;
    margin-left: 5px;
    background: #FFD9BF url(/images/form-icon-error.gif) no-repeat center left; }
.module-error-status {
    padding: 5px 5px 5px 30px; }
    .error-status span {
        display: block;
        padding: 3px; }

/*
----------------------------------------------------------------------------------
END Error Handling Styles
----------------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------------
START Coors Light Specific Page Styles
----------------------------------------------------------------------------------
*/

.cos-clbc-container-2 {
    float: left;
    background: #313f58 url(/images/en/about-us-mainbg.jpg) no-repeat top left;
    width: 688px;
    height: 302px; }
    .cos-clbc-container {
        padding: 30px; }
        .cos-join-text {
            padding-top: 20px;
            width: 300px;
            color: #ffffff;
            font-size: 12px; }
        .cos-join-us-button a {
            display: block;
            margin-top: 20px; }
.cos-poll-container {
    float: right;
    width: 220px;
    height: 302px;
    background: #313f58; }
.cos-bottom-wrapper 
{
    height: 200px;
    padding: 13px 13px 13px 13px; }
    .cos-trauma-series-flash {
        float: left;
        width: 300px;
        height: 200px; }
    .cos-bottom-wrapper .cos-promo-card {
        float: right;
        margin-top: 1px;
        width: 573px;
        *margin-bottom: 11px; }
        
/*
----------------------------------------------------------------------------------
END Coors Light Specific Page Styles
----------------------------------------------------------------------------------
*/

.cos-asset-copyright-notice p {
    margin:0;
}

.cos-banner {
    border-top: 1px solid #222a37;
    border-left: 1px solid #515a69;
    border-right: 1px solid #515a69;
    background: #f7f7f7 url(/images/bg-header.jpg) no-repeat top right;
    width: 911px;
    height: 104px;
    overflow: hidden; }