/* COKE CSR STYLESHEET ----------------------------------
----------------------------------------------- AMAZE PLC
---------------------------------------------- M.ROBINSON
--------------------------- INTERACTIVE DESIGN SPECIALIST
------------------------------------------- REVISION: 1.0

/* 1 - MASTER RESET -----------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0}
body {width: 100%;}

/* 2 - BASE ELEMENT DEFAULT STYLING -------------------*/

div#ajax-wrapper {font-size: 83.3%; font-family: Arial, Helvetica, sans-serif; color: #2A2A2A}
div#ajax-wrapper h1 {}
div#ajax-wrapper h2 {color: #F40000; font-size: 2.4em; line-height: 1em; font-weight: bold; position: relative; margin-top: 10px;}
div#ajax-wrapper h3 {font-size: 1.4em; font-weight: bold;}
div#ajax-wrapper h4 {}
div#ajax-wrapper blockquote {}
div#ajax-wrapper p {margin-top: 10px; font-size: 1.2em; line-height: 1.6em;}
div#ajax-wrapper p a {font-size: 1em;}
div#ajax-wrapper cite {}
div#ajax-wrapper hr {}
div#ajax-wrapper a {text-decoration: none; color: #F40000;}
div#ajax-wrapper a:link {}
div#ajax-wrapper a:visited {}
div#ajax-wrapper a:hover {text-decoration: underline;}
div#ajax-wrapper a:active {}
div#ajax-wrapper img {}
div#ajax-wrapper ol {}
div#ajax-wrapper ol li {font-weight: bold; font-size: 1.2em;}
div#ajax-wrapper ul {}
div#ajax-wrapper ul li {font-weight: bold; font-size: 1.2em;}
div#ajax-wrapper iframe {}
div#ajax-wrapper address {}
div#ajax-wrapper strong {font-weight: bold;}
div#ajax-wrapper table {}
div#ajax-wrapper table tr {}
div#ajax-wrapper table tr td {}
div#ajax-wrapper table tr th {}

/* 3 - LAYOUT ELEMENTS --------------------------------*/

/* 3.1 - FLASH OVERLAY ELEMENTS - */

div#flash-container { position: relative;}
div#overlay-container {overflow: hidden; display: none; background: transparent url(../images/tyc_border.jpg) left top repeat-x; position: absolute; top: 0px; left: 0px; }
div#overlay-inner {background: transparent url(../images/tyc_background.png) left top repeat-x; margin: 0 6px; height: 100%}
div#overlay-ajax {overflow: hidden;}
a#overlay-close {background: transparent url(../images/tyc_btn_bg_cross.gif) right top no-repeat; position: absolute; right: 10px; color: #F40000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 26px;}
a#overlay-close span {background: transparent url(../images/tyc_btn_bg.gif) left top no-repeat; display: block; padding: 4px 15px 10px 25px}

/* 3.2 - FLASH AJAX ELEMENTS - */

div#ajax-wrapper {}
div#ajax-wrapper div#left-col {margin: 8px 0 0 0; float: left; width: 180px;}
div#ajax-wrapper div.note {margin: 20px 0 0 0; float: left; padding: 15px; position: relative;}
div#ajax-wrapper div.note-icon {position: absolute; left: 0px; top: 0px; width: 36px; height: 36px;}
div#ajax-wrapper div.note-content {background: #FFF; padding: 18px;}
div#ajax-wrapper ul.pagination {position: absolute; bottom: 0; right: 16px; padding: 0; margin: 0;}
div#ajax-wrapper ul.pagination li {color: #FFF; float: left; margin-left: 10px; width: 20px; text-align: center; padding: 0; background: transparent url(../images/tyc_pagination_on.gif) left top no-repeat;}
div#ajax-wrapper ul.pagination li a {color: #F40000;}
div#ajax-wrapper ul.pagination li.active {background-image: url(../images/tyc_pagination_active.gif);} 
div#ajax-wrapper ul.pagination li.active a {color: #FFF;}
div#ajax-wrapper div#right-col {margin: 30px 10px 0 0; float: left; width: 455px;}
div#ajax-wrapper div.img-container {padding: 26px 26px 36px 16px; height: 267px; background: transparent url(../images/tyc_img_sm_background.png) left top no-repeat; }
div#ajax-wrapper div.img-container.lifecycle { background-image: url(../images/tyc_img_med_background.png);}
div#ajax-wrapper div.img-container img {}

div#ajax-wrapper.large div#left-col {width: 352px;}
div#ajax-wrapper.large div#left-col div.img-container {background: none; padding: 0;}
div#ajax-wrapper.large div#right-col {width: 283px;}

div#ajax-wrapper div.content-block {}
div#ajax-wrapper div.content-block ul {}
div#ajax-wrapper div.content-block ul li {margin-top: 10px;  padding-left: 20px; line-height: 1.5em;}
div#ajax-wrapper div.content-block ol {}
div#ajax-wrapper div.content-block ol li {margin-top: 10px;  padding-left: 20px; line-height: 1.5em;}

div#ajax-wrapper ol.dots li, div#ajax-wrapper ul.dots li {background: transparent url(../images/tyc_overlay_bullet_point.gif) 0 5px no-repeat;}
div#ajax-wrapper ol.chevrons li, div#ajax-wrapper ul.chevrons li {background: transparent url(../images/tyc_chevron_link.gif) 0 3px no-repeat;}