/*  
	Flumist Canada HCP layout 
	These properties are not permitted in this file, and should be in the colour file(s):
	background-color
	border-color (border-left-color etc)
	background-image
	color
*/

body {
    background-position:center top;
    background-repeat:repeat-y;
}

#header, #main {
    background-color:Transparent;
}

#header {
    min-height:0;
}

#footer {
    background-repeat:repeat-y;
    display:block;
}

#site_scope{
    display:none;
}

#contentholder {
    width:424px;
}

#container #header_panels .panels li div.langswitch{
    position:absolute;
    top:10px;
    left:835px;
    width:120px;
    z-index:100;
}

#container #header_panels .panels li div.langswitch p{
    clear:none;
    float:left;
    margin-left:15px;
}

/* homepage and contact us */

#home_page_1 #contentarea, #itemid11120689 #contentarea, #itemid11130974 #contentarea {
    margin:0;
}

#itemid11120689 #contentarea,
#itemid11130974 #contentarea {
    min-height:504px;
}

#home_page_1 #site_scope{
    display:block;
    float:left;
    padding:10px 48px 0 230px;
    width:632px;
}

#home_page_1 #container .panels li div.references {
    font-size:100%;
}

#home_page_1 #container #header_panels .panels li div.langswitch {
    left:883px;
    width:75px;
}

#site_scope div.col1, #site_scope div.col2{
    float:left;
    clear:none;
    margin-right:5%;
    width:45%;
}

#site_scope p{
    margin-bottom:10px;
}

#site_scope div.panel_macro{
    float:left;
    clear:both;
    margin-top:20px;
    width:600px;
}

#site_scope ul li {
    margin:0;
    padding:0;
}

#container #site_scope .panels li div{
    border-width:1px;
    border-style:solid;
    padding:7px 10px;
    width:100%;
}

#container #site_scope .panels li div.intro {
    border:none;
    padding:0;
}

/* References panel */

#container .panels li div.references{
    border-width:1px;
    border-style:solid;
    font-size:85%;
    margin-top:60px;
    padding:7px 10px;
    width:404px;
}

#container .panels li div.references div, #container .panels li div.references div.intro{
    padding:0;
}

#contentarea {
    margin:0 15px 0 0;
    min-height:510px;
    padding:50px 30px 10px 30px;
    width:722px;
}

#contentarea h1 {
    margin-top:15px;
}

/* Panels */

#container ul.columns_1, #container ul.columns_1 li{
    margin-bottom:2px;
}

#container .panels li div h3{
    border-bottom-width:0;
    font-size:140%;
    padding:7px 10px;
}

#container .panels li div, #container .panels li div div {
    border-width:0;
}

#container .panels li div div, #container .panels li div div.intro{
    background-position:bottom;
}

/* What is flumist */

#container .panels li div.bottompanel{
    margin-bottom:0;
}

/* Flumist and Eficacy */

#itemid11120292 #contentholder, #itemid11130960 #contentholder{
    width:724px;
}

#itemid11120292 #contentarea img.imageright, #itemid11130960 #contentarea img.imageright {
    padding:0 0 10px 10px;
}

/* Dosing */

#itemid11120307 #contentholder, #itemid11130962 #contentholder{
    width:574px;
}

#itemid11120307 #contentarea .col1, #itemid11120307 #contentarea .col2,
#itemid11130962 #contentarea .col1, #itemid11130962 #contentarea .col2{
    clear:none;
    width:43%;
    float:left;
}

#itemid11120307 #contentarea .col1, #itemid11130962 #contentarea .col1{
    padding-right:2%;
}

#itemid11120307 #contentarea .col2, #itemid11130962 #contentarea .col2{
    margin-left:7%;
}

#itemid11120307 #contentarea .col1, #itemid11130962 #contentarea .col1{
    border-right-width:2px;
    border-style:solid;
}

#itemid11120307 #container .panels li div.references, #itemid11130962 #container .panels li div.references {
    clear:both;
    float:left;
}

/* Safety */

#itemid11317147 #contentholder, #itemid11130964 #contentholder{
    width:574px;
}

#itemid11317147 #container #contentarea .panels li div, #itemid11130964 #container #contentarea .panels li div{
    border:none;
    margin:0;
}

#itemid11317147 #container #contentarea .panels li div div, #itemid11317147 #container #contentarea .panels li div div.intro,
#itemid11130964 #container #contentarea .panels li div div, #itemid11130964 #container #contentarea .panels li div div.intro {
    border:none;
    float:left;
    margin:0;
    padding:10px 20px;
    width:534px;
}

#itemid11317147 #container .panels li div div h5, #itemid11130964 #container .panels li div div h5{
    margin-top:0;
}

#itemid11317147 #contentarea .col1, #itemid11317147 #contentarea .col2,
#itemid11130964 #contentarea .col1, #itemid11130964 #contentarea .col2{
    clear:none;
    width:30%;
    float:left;
}

#itemid11317147 #contentarea .col1, #itemid11130964 #contentarea .col1{
    margin-top:10px;
    padding-right:2%;
}

#itemid11317147 #contentarea .col2, #itemid11130964 #contentarea .col2{
    margin-left:7%;
    margin-top:10px;
}

#itemid11317147 #container .panels li div.references, #itemid11130964 #container .panels li div.references {
    clear:both;
    float:left;
}

/* Reference overide */

#itemid11317147 #container #contentarea .panels li div.references, #itemid11130964 #container #contentarea .panels li div.references{
    border-style:solid;
    border-width:1px;
    margin-top:60px;
}

#itemid11317147 #container #contentarea .panels li div.references div, 
#itemid11317147 #container #contentarea .panels li div.references div.intro,
#itemid11130964 #container #contentarea .panels li div.references div, 
#itemid11130964 #container #contentarea .panels li div.references div.intro {
    padding:0;
    width:auto;
}

/* Coloured panels on Safety page */

#itemid11317147 #container .panels li div.greentop div.intro,
#itemid11317147 #container .panels li div.whitetop div.intro,
#itemid11130964 #container .panels li div.greentop div.intro,
#itemid11130964 #container .panels li div.whitetop div.intro{
    background-position:top;
}

#itemid11317147 #container .panels li div.greenbottom div.intro,
#itemid11317147 #container .panels li div.whitebottom div.intro,
#itemid11130964 #container .panels li div.greenbottom div.intro,
#itemid11130964 #container .panels li div.whitebottom div.intro{
    background-position:bottom;
}

/* flash zoom */

.call_image, .call_image2{
    display:none;
    padding:0;
    position:absolute;
    width:700px;
    z-index:11;
}

.call_image3, .call_image4{
    display:none;
    padding:0;
    position:absolute;
    width:720px;
    z-index:11;
    top:850px;
    left:140px;	
}

.call_image3 img, .call_image4 img{
    float:left;
}

.call_image2{
    left:110px;
}

#called_div, #called_div2, #called_div3, #called_div4{
    position: relative;
}

.call_flash{
    display:none;
    padding:10px;
    position:absolute;
    width:700px;
    z-index:11;
}

#contentarea .close_button{
    float:left;
    display:block;
    width:720px;
}

#contentarea .close_button a:link, #contentarea .close_button a:visited{
    display:block;
    line-height:1000px;
    float:right;
    height:32px;
    width:32px;
    font-size:0;
}

#contentarea .close_button a:hover{
    text-decoration:none;
}

/* QA */

#q_a_index_questions_answers #breadcrumb, #q_a_index_questions_answers #contentarea #breadcrumblinks, 
#q_a_index_questions_answers #contentholder{
    width:704px
}

ul#answers li ul li dl.myanchor {
    left:210px;
    margin:0;
    top:185px;
    width:652px;
}

#contentarea ul#answers li ul li dl.myanchor dt{
    padding:30px;
    width:550px;
}

#contentarea ul#answers li ul li dl.myanchor dd {
    min-height:144px;
}

/* Legal pages */

#itemid11300855 #contentholder, #itemid11300855 #breadcrumb, #itemid11300855 #contentarea #breadcrumblinks,
#itemid11300857 #contentholder, #itemid11300857 #breadcrumb, #itemid11300857 #contentarea #breadcrumblinks,
#itemid11300853 #contentholder, #itemid11300853 #breadcrumb, #itemid11300853 #contentarea #breadcrumblinks{
    width:734px;
}


