/************************/
/* GLOBAL               */
/************************/
html
{
	height: 100%;
}

body
{
    font-family: Verdana; 
    margin: 0;
    padding: 0;
    background-color: #bfbfbf;
    overflow-y: scroll;
    color: #666666;
    
    /* new */
    font-size: 100.1%;
    font-style: normal;
    height: 99%;
}

body form
{
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 997px;
    height: 100%;
}

#BackGround
{
    background: transparent url(images/bkg_hela.gif) repeat-y scroll left top;
    background-position-x: 0px;
    padding: 0px;
    text-align: center;
    width: 1000px;
    position: absolute;
    top: 0px;
    height: 100%;
}

#BackGroundInner
{
    background: transparent url(images/bkg_hela.gif) repeat-y scroll left top;
    padding: 0 9px;
    text-align: center;
    width: 979px;
    
    top: 0px;
    
}

#Page
{
    background-color: Transparent;
    width: 955px;
    position: relative;
    padding: 0 11px 0 12px;
    text-align: left;
    margin-left: 0px;
}

a
{
    color: #0063be;
    text-decoration: none;
}

a:hover
{
    color: #0063be;
    text-decoration: underline;
}

h1, h2, h3, h4
{
    font-family: Verdana;
    color: #666666;
}

h1
{
    font-weight: normal;
    font-size: 1.63em;
    margin-bottom: 24px;
    padding: 0;
    margin: 0.2em 0 20px;
}
h2
{
    font-weight: bold;
    font-size: 0.93em;
    padding: 0;
    margin: 0.2em 0;
    margin-top: 2px;
}
h3
{
    font-weight: bold;
    font-size: 0.69em;
    padding: 0;
    margin: 0.1em 0;
    margin-top: 15px;
}

p
{
    margin: 0 0 6px 0;
    padding: 3px 0;
    font-weight: normal;
    font-size: 11px;
}

table
{ 
    font-size: 1em;
	border-color: #cccccc;
	border-collapse: collapse;    
}

table p
{
    font-size: 1em;
}

td td
{
    font-size: 1em;
}

td 
{
    font-size: 0.69em;
}
td h1
{
    font-size: 2.36em;
}
td h2
{
    font-size: 1.36em; 
}
td h3
{
    font-size: 1em;
}

.introduction
{
    margin: 0 0 1em 0;
    padding: 3px 0;
	font-style: normal;
	font-weight: bold; 
}

table.introduction
{
    font-size: 1em;
}


ul
{
    padding: 0;
    margin: 3px 24px;
}



fieldset
{
    margin: 0 0 1em 0;
    padding: 1em 0;
    border: 0;
    font-size: 11px;
}

.hidden
{
    display: none;
}

.error
{
    color: Red;
    display: block;
}

input.button
{
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    background: url(images/standard_button_bkg.gif) repeat-x;
    font-size: 0.69em;
    padding: 3px;
    float: left;
}

table input.button
{
    font-size: 12px;
}


label
{
    font-size: 0.69em;
}

table label
{
    font-size: 1em;
}

hr
{
    border-color: #ffffff;
    color: #bfbfbf;
}



/************************************/
/* HEADERAREA                       */
/************************************/
#HeaderArea
{
    margin: 0 0;
}


#Header
{
    position: relative; 
    padding: 0px;
    height: 90px;
}
#Header .buttonArea
{
    float:right;
}
#Header .searchArea
{
    height:55px;
    width:290px;
}

#Header .LoginArea
{
    width:290px;
    height:35px;
    margin-top:5px;
}
#Header .LoginArea .ButtonText
{
    color: white;
    background-color: #A9A9A9;
    height: 23px;
    text-align: center;
    width: 100px;
    line-height: 23px;
    font-family: Verdana;
    font-size: 12px;
    padding: 4px;
    padding-left:17px;
    padding-right:17px;
}

#Header .LoginArea .LoginLeft
{
background-color:#A9A9A9;
background-repeat:no-repeat;
float:left;
height:23px;
width:6px;
}

#Header .LoginArea .LoginRight
{
background-color:#A9A9A9;
background-repeat:no-repeat;
float:left;
height:23px;
width:6px;
}
#Header .LoginArea .LoginMiddle
{
background-color:#A9A9A9;
background-repeat:repeat-x;
float:left;
height:23px;
text-align:center;
margin-left:200px;
}

#Logotype
{
    float: left;
    margin: 20px 22px 15px 22px;
}

#Functions
{
    position: absolute;
    top: 8px;
    right: 2px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Verdana;
    font-size: 0.69em;
    line-height: 1.4em;
}

#Functions li
{
    display: block;
    height: 1.6em;
    float: left;
    /*border-left: 1px solid #dee1e3;*/
    padding: 0 1em;
    overflow: visible;
}

#Functions li.first
{
    border-left: 0;
}

#Functions li a
{
    display: block;
    color: #666666;
    text-decoration: none;
    float: left;
    padding-left: 2em;
}

#Functions a:hover
{
    color: #666666;
    text-decoration: underline;
}

a.loginButton
{
    background: url(images/ButtonLogin.png) no-repeat;
}

a.logoutButton
{
    background: url(images/ButtonLogin.png) no-repeat;
}

a.rssButton
{
    background: url(images/ButtonRss.png) no-repeat;
}

a.sitemapButton
{
    background: url(images/ButtonSitemap.png) no-repeat;
}

a.languageButton, input.languageButton
{
    background: url(images/buttonLanguage.png) no-repeat;
}

input.languageButton
{
    width: 20px;
    float: left;
    height: 1.6em;
}

select.languageButton
{
    font-size: 1em;
}


/************************************/
/* QUICKSEARCH                      */
/************************************/
.QuickSearchArea
{
    margin: 30px 33px 0 0;
    position: absolute;
    right: 0;
}

input.quickSearchField
{
    border: 1px solid #d1d1d1;
    float: left;
    margin: 0px 2px 0px 0px;
    width: 11em;
}


.ImageButton
{
    float: left;
    left: 10px;
    position: relative;
    top: -1px;
}

.ImageButton .ButtonLeft
{
    background-color: #A9A9A9;
    background-repeat: no-repeat;
    float: left;
    height: 23px;
    width: 6px;
}
.ImageButton .ButtonMiddle
{
    background-color: #A9A9A9;
    background-repeat: repeat-x;
    float: left;
    height: 23px;
    text-align: center;
}
.ImageButton .ButtonRight
{
    float: left;
    background-repeat: no-repeat;
    width: 6px;
    height: 23px;
    background-color: #A9A9A9;
}
.ImageButton .ButtonText
{
    color: #ffffff;
    font-family: Verdana;
    font-size: 12px;
    padding: 2px 16px;
    text-decoration: none;
    line-height: 23px;
}



/************************************/
/* BREADCRUMBS                      */
/************************************/
#BreadCrumbsArea
{
    position: relative;
    float: right;
    font-size: 0.69em;
    font-family: Verdana;
    line-height: 1.94em; 
    right: 5px;
    margin-bottom: 10px;
}

#BreadCrumbsArea a
{
    color: #666666;
    text-decoration: none;
}

#BreadCrumbsArea a:hover
{
    text-decoration: underline;
}


/************************************/
/* STAGEAREA                        */
/************************************/
#StageArea
{
    width: 100%;
    padding: 0.2em 0 1.5em 0;
    overflow: hidden;
}


/************************************/
/* MAINCONTENTAREA                  */
/************************************/
#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */ /* relying on that it will expand beyond it if needed */
    float:left;
    height:20em;
    min-height:20em;
    min-width:730px;
    width:730px;
    padding: 0px;
}

/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea
{
    height: auto;
}

#MainContentArea .dateTime
{
    font-weight: bold;
    font-size: 11px;
}

#MainContentArea .PagingContainer
{
    font-size: 0.69em;
    margin: 10px 0;
}

#MainContentArea img
{
    border: 0;
}
#MainContentArea img.printicon
{
    padding: 15px 0px 5px 0px;
}

/************************************/
/* MAINBODYAREA                     */
/************************************/
#MainBodyArea
{
    display:inline;
    float:left;
    margin-left:23px;
    overflow:hidden;
    padding:0 21px;
    width:437px;
}

#MainBodyAreaMaxSize
{
    display: inline;
    float:left;
    margin-left:23px;
    overflow:hidden;
    padding:0 21px;
    width:666px;
}

#MainBodyArea #MainBody
{
    /*padding: 0 3.6em 2em;*/
}

#MainBodyAreaMaxSize #MainBody
{
    /*padding: 0 3.6em 2em;*/
}

#MainBodyArea .pageList
{
    padding: 0;
}

#MainBodyArea .pageList ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    
}

#MainBodyArea .pageList ul li
{
    list-style: none;
    margin: 0;
    margin-bottom: 8px;
    padding: 0;        
}

#MainBodyArea .pageList ul li p
{
    
    font-size: 11px;
    margin: 0px;     
}

#MainBodyArea ul li
{
    font-size: 11px; 
}

#MainBodyArea ol li
{
    font-size: 11px; 
}

#MainBodyArea ul li p
{
    font-size: 11px; 
}

#MainBodyArea ul li h2
{
    font-size: 15px; 
}

#MainBodyArea ul li h3
{
    font-size: 11px; 
}




/************************************/
/* SECONDARYBODYAREA                */
/************************************/
#SecondaryBodyArea
{
    float:left;
    max-width:222px;
    min-height:1px;
    min-width:222px;
    overflow:hidden;
    padding:0 3px;
    width:222px; 
}

#SecondaryBodyArea ul li
{
    font-size: 11px; 
}

#SecondaryBodyArea ol li
{
    font-size: 11px; 
}

#SecondaryBodyArea ul li p
{
    font-size: 11px; 
}

#SecondaryBodyArea ul li h2
{
    font-size: 15px; 
}

#SecondaryBodyArea ul li h3
{
    font-size: 11px; 
}

#SecondaryBodyArea #SecondaryBody
{
    /*margin: 0 1em;*/
}

#SecondaryBodyArea #SecondaryBody #RightColumnPuffList
{
    float: left;  
    clear: none; 
    width: 217px;     
}


#SecondaryBodyArea #SecondaryBody #RightColumnPuffList ul h3
{
    color: #ffffff;
    font-family: Verdana;
    font-size: 14px;
    margin: 5px;
    padding: 0;   
}

#SecondaryBodyArea #SecondaryBody #RightColumnPuffList p
{
    color: #666666;
    font-family: Verdana;
    font-size: 11px;
    margin: 8px 5px 5px 14px;
    padding: 0;   
}

#SecondaryBodyArea #SecondaryBody #RightColumnPuffList ul
{
   list-style-type: none;
   float: left;
   margin: 5px 0;
}

#SecondaryBodyArea #SecondaryBody #RightColumnPuffList ul li
{
   float: left;
}


#SecondaryBodyArea #SecondaryBody #RightColumnPuffList .rightColumnPuffContainer
{
   margin-top: 10px;  
}

#SecondaryBodyArea .rightColumnPuffHeader
{
    width: 217px;
    min-width: 217px;
    height: 30px;
    float: left;  
    clear: none;    
}

/* DEFAULT VALUES FOR HEADER */
#SecondaryBodyArea .rightColumnPuffCorporateBlueLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_left.gif');  
}

#SecondaryBodyArea .rightColumnPuffCorporateBlueHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/header_bar_mid.gif') repeat-x;   
}

#SecondaryBodyArea .rightColumnPuffCorporateBlueRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_right.gif');  
}





#SecondaryBodyArea #RightColumnPuffList .rightColumnPuffBody
{
    width: 217px;
    min-width: 217px;
    height: auto;
    background-color: #f4f4f4;  
    float: left;  
    clear: none;  
    
         
}

#SecondaryBodyArea .rightColumnPuffContent
{
    width: 217px;
    min-width: 217px;
    height: auto;
    float: left;  
    clear: none;    
}

#SecondaryBodyArea .rightColumnPuffBody
{
    width: 217px;
    min-width: 217px;
    height: auto;
    float: left;  
    clear: none;    
}

/************************************/
/* LOGIN PAGE                       */
/************************************/
.loginArea
{
    width: 100%;
    border: 0;
}

.loginArea label
{
    display: block;
    line-height: 1em;
    /*width: 35%;*/
    margin-top: 10px; /*TJ*/
}

.loginArea input
{
    margin: 0.3em 0.1em 0;
    border: solid 0.1em #D6D3D6;
}

.loginArea .error
{
     display:block; 
}

.loginArea .button
{
    border: none; 
}

#loginview .loginArea .button
{
    margin-top: 5px;
}

.loginArea tr
{
    border: 0; 
}

.loginArea tr td
{
    border: 0; 
}

/************************************/
/* REGISTER PAGE                    */
/************************************/
.registerArea
{
    width: 100%;
}

.registerArea label
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 0.3xem 0;
}


/************************************/
/* SUBSCRIPTION PAGE                */
/************************************/
.subscriptionArea
{
    width: 100%;
}

.subscriptionArea label.topLabel
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}


/************************************/
/* SEARCH PAGE                      */
/************************************/
#ResultArea
{
    padding-top: 1em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

#ResultArea li
{
    margin: 0;
    padding: 0;
    font-size: 0.69em;
    font-weight: bold;
}

#ResultArea li h3
{
    font-size: 1em;
}

#ResultArea li p
{
    font-size: 1em;
}

input.searchText
{
    width: 55%;
    border: 1px solid #d1d1d1;
    float: left;
    margin-right: 10px;
}

#SearchArea #AdvancedArea 
{
    margin: 15px 0;
}

/************************************/
/* SITEMAP PAGE                     */
/************************************/
#SiteMap ul
{
    margin: 0;
    padding: 0.2em 0;
    color: #666666;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
    color: #666666;
}

#SiteMap li /* Like h2  */
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 0.93em;
    font-weight: bold;
    color: #666666;
}

#SiteMap li li /* Like h3  */
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 1em; /*0.73em;*/
    font-weight: bold;
    color: #666666;
}

#SiteMap li li li /* Like normal text  */
{
    font-size: 1em;
    font-weight: normal;
    color: #666666;
}

#SiteMap li li li li /* Like normal text  */
{
    font-size: 1em;
    font-weight: normal;
    color: #666666;
}


/************************************/
/* DOCUMENTS                        */
/************************************/
#MainBody.documentList ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#MainBody.documentList li
{
    clear: both;
}

#MainBody.documentList .download
{
    float: right;
}

#MainBody.documentList a
{
    padding: 0 0 2px 20px;
}

a.bmpExtension
{
    background: url(images/extensions/bmp.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.docExtension, a.docxExtension
{
    background: url(images/extensions/doc.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.gifExtension
{
    background: url(images/extensions/gif.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.htmExtension, a.htmlExtension
{
    background: url(images/extensions/htm.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.jpgExtension, a.jpegExtension
{
    background: url(images/extensions/jpg.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.mp3Extension
{
    background: url(images/extensions/mp3.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.mpgExtension
{
    background: url(images/extensions/mpg.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.pdfExtension
{
    background: url(images/extensions/pdf.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.pngExtension
{
    background: url(images/extensions/png.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.pptExtension, a.pptxExtension
{
    background: url(images/extensions/ppt.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.tifExtension, a.tiffExtension
{
    background: url(images/extensions/tif.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.txtExtension
{
    background: url(images/extensions/txt.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.wavExtension
{
    background: url(images/extensions/wav.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.xlsExtension, a.xlsxExtension
{
    background: url(images/extensions/xls.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}
a.zipExtension
{
    background: url(images/extensions/zip.gif) no-repeat;
    padding: 0 0 2px 20px;
    line-height: 2em;
}


/************************************/
/* PAGELIST                         */
/************************************/
.pageList ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pageList li
{
    padding-bottom: 0.2em;
    list-style-type: none;
}

.pageList h2
{
    margin: 0;
}

/************************************/
/* PRODUCTSTARTPAGE                 */
/************************************/
#ProductStartPageInfo
{
    margin-bottom: 25px;
    margin-left: 33px;
}

/************************************/
/* PRODUCTLIST                         */
/************************************/
#productList
{
    position: relative;
    width: 708px;
    margin-left: 23px;
    min-width: 708px;
    max-width: 708px;
    height: auto;   
}

#productList .productContainer
{
    position: relative;
    float: left;
    clear: none;
    width: 322px;
    padding: 0 10px;
}

#productList .productHeader
{
    float: left;
}

/*Product list page*/
#productList h3
{
    color: #333333;
    font-family: Arial;
    font-size: 0.9em;
    margin-top: 8px;
    padding: 0; 
    font-weight:bold;
}


#productList .productHeaderImage
{
    float: left;
    width: 39px;   
}

#productList .productHeaderText
{
    float: left;
    background: url('images/product_home_menu_bar_mid.gif') repeat-x;
    width: 265px;
    height: 37px;
    text-align: center;
}


#productList .productHeaderText a
{
    color: #333333;
    font-family: Arial;
     
}


#productList .productHeaderBarRight
{
    float: left;
    background: url('images/product_home_menu_bar_right.gif');
    width: 6px;
    height: 37px;
}

#productList .productContent
{
    float: left; 
    margin-top: 8px;
    height: auto;   
}

#productList .productContentText
{
    float: left;
    width: 179px;
    height: 150px;
    
}

#productList .productContentImage
{
    float: right;
    width: 129px;
    height: 100px;
}


/************************************/
/* FAQ PAGE                         */
/************************************/
.faq
{
    margin-top: 30px;    
}

.faq h2
{
    line-height: 1.5em;    
}


.faq ul 
{
    margin-top: 5px;
}

.faqQuestion
{
    list-style-type: none;
    margin-top: 15px;
 }


/************************************/
/* PRODUCTPAGEAREA                  */
/************************************/
#ProductPageArea
{    
    clear:none;
    display:inline;
    float:left;
    position:relative;
    margin:0 0 0 7px;
    min-height:500px;
    position:relative;
    width:709px;    
}

.CorporateBlue
{
    background:transparent url(images/produkt_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.BannerBlue
{
    background:transparent url(images/banner_blue_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.ClinicalNutrition
{
    background:transparent url(images/clinical_nut_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.EN
{
    background:transparent url(images/en_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.PN
{
    background:transparent url(images/pn_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.Colloids
{
    background:transparent url(images/colloids_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.MedDev
{
    background:transparent url(images/meddev_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.OncIVStandardSolutions
{
    background:transparent url(images/onc_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.Transfusion
{
    background:transparent url(images/transfusion_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;
}

.LocalProducts
{
    background:transparent url(images/local_bkg.gif) no-repeat scroll 0 0;
    clear:none;
    float:left;
    margin-left: 8px;    
}


#ProductPageHeader h1
{
    font-family: Verdana;
	font-style: normal;
	font-size: 1.63em;
	color: #ffffff;	
	margin: 21px 0;
}

#ProductPageArea #ProductPageHeader
{
    clear:none;
    display:inline;
    float:left;
    height:74px;
    margin-left:10px;
    position:relative;
    width:500px;
}

#ProductPageArea #ProductPageBody
{    
    clear:none;
    display:inline;
    float:left;
    height:auto;
    margin-left:10px;
    margin-right:17px;
    margin-top:15px;
    position:relative;
    width:420px;
}

#ProductPageArea #ProductPageBody ul li
{
    font-size: 11px;
}

#ProductPageArea #ProductPageBody ol li
{
    font-size: 11px;
}

#ProductPageArea #ProductPageSecondaryBody
{
    width: 217px;
    height: auto;
    float: right;  
    clear: none;
    margin-top: 15px;
}



/************************************/
/* PRODUCTPAGEAREA RIGHTCOLUMNIMAGES*/
/************************************/
#ProductPageArea #ProductPageSecondaryBody .imageContainer
{
    width: 217px;
    height: auto;
    float: left;  
    clear: none;    
    
}



#ProductPageArea #ProductPageSecondaryBody .imageContainer .mainImageArea
{   
   width: 217px;
   height: auto;
   float: left;  
   clear: none;  
   margin-top: 10px;
}

#ProductPageArea #ProductPageSecondaryBody .imageContainer .mainImage
{
    width: 162px;
    display: inline;
    height: auto;
    float: left;  
    clear: none;
    margin-left:54px;
    margin-bottom:10px;
    
    
}

#ProductPageArea #ProductPageSecondaryBody .imageContainer .imageList
{
    width: 217px;
    height: auto;
    float: left;  
    clear: none;  
    /*margin-top: 10px; */
    padding: 0 0 5px 0;
}

#ProductPageArea #ProductPageSecondaryBody .imageContainer .imageArea
{
    width: 50px;
    height: auto;
    float: left;  
    clear: none; 
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    margin: 1px;
    
}

#ProductPageArea #ProductPageSecondaryBody .imageContainer .imageArea img
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/************************************/
/* PRODUCTPAGEAREA RIGHTCOLUMNPUFF  */
/************************************/
#ProductPageArea #ProductPageSecondaryBody #ProductPagePuff
{
    width: 217px;
    min-width: 217px;
    height: auto;   
    float: left;  
    clear: none;    
}

#ProductPageArea #ProductPageSecondaryBody .noImages
{
    width: 217px;
    height: 140px;   
    float: left;  
    clear: none;    
}

#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList
{
    float: left;  
    clear: none; 
    width: 217px;     
}


#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList ul h3
{
    color: #ffffff;
    font-family: Verdana;
    font-size: 0.82em;
    margin: 5px;
    padding: 0;   
}

#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList p
{
    color: #666666;
    font-family: Verdana;
    font-size: 0.69em;
    margin: 8px 5px 5px 14px;
    padding: 0;   
}

#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList ul
{
   list-style-type: none;
   float: left;
   margin: 5px 0;
}

#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList ul li
{
   float: left;
   margin-bottom: 10px;
}

#ProductPageArea #ProductPageSecondaryBody #RightColumnPuffList .rightColumnPuffContainer
{
   height: auto;
    
}

#ProductPageArea #ProductPageSecondaryBody .rightColumnPuffHeader
{
    width: 217px;
    min-width: 217px;
    height: 30px;
    float: left;  
    clear: none;    
}

/****** DEFAULTVALUE COLORHEME ******/
 .rightColumnPuffDefaultLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_left.gif');  
}

.rightColumnPuffDefaultHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/header_bar_mid.gif') repeat-x;   
}

.rightColumnPuffDefaultRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_right.gif');  
}


/****** CORPORATEBLUE COLORTHEME ******/
.rightColumnPuffCorporateBlueLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_left.gif');  
}

.rightColumnPuffCorporateBlueHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/header_bar_mid.gif') repeat-x;  
}

.rightColumnPuffCorporateBlueRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/header_bar_right.gif'); 
}


/****** BANNERBLUE COLORTHEME ******/
.rightColumnPuffBannerBlueLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/banner_blue_left.gif');  
   
}

.rightColumnPuffBannerBlueHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/banner_blue_mid.gif') repeat-x;   
   
}

.rightColumnPuffBannerBlueRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/banner_blue_right.gif');
   
}


/****** CLINICAL NUTRITION COLORTHEME ******/
.rightColumnPuffClinicalNutritionLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/clinical_nut_left.gif');  
   
}

.rightColumnPuffClinicalNutritionHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/clinical_nut_mid.gif') repeat-x;   
    
}

.rightColumnPuffClinicalNutritionRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/clinical_nut_right.gif');  
   
}

/****** EN COLORTHEME ******/
.rightColumnPuffENLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/en_left.gif');  
    
}

.rightColumnPuffENHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/en_mid.gif') repeat-x;  
    
}

.rightColumnPuffENRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/en_right.gif'); 
}


/****** PN COLORTHEME ******/
.rightColumnPuffPNLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/pn_left.gif');  
    
}

.rightColumnPuffPNHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/pn_mid.gif') repeat-x;     
}

.rightColumnPuffPNRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/pn_right.gif'); 
}


/****** COLLOIDS COLORTHEME ******/
.rightColumnPuffColloidsLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/colloids_left.gif');  
   
}

.rightColumnPuffColloidsHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/colloids_mid.gif') repeat-x;   
}

.rightColumnPuffColloidsRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/colloids_right.gif');  
}

/****** MEDDEV COLORTHEME ******/
.rightColumnPuffMedDevLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/meddev_left.gif');  
}

.rightColumnPuffMedDevHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/meddev_mid.gif') repeat-x;   
}

.rightColumnPuffMedDevRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/meddev_right.gif');  
}


/****** ONC/IV/STANDARD SOLUTIONS COLORTHEME ******/
.rightColumnPuffOncIVStandardSolutionsLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/onc_left.gif'); 
}

.rightColumnPuffOncIVStandardSolutionsHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/onc_mid.gif') repeat-x;   
}

.rightColumnPuffOncIVStandardSolutionsRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/onc_right.gif'); 
}


/****** TRANSFUSION COLORTHEME ******/
.rightColumnPuffTransfusionLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/transfusion_left.gif');  
}

.rightColumnPuffTransfusionHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/transfusion_mid.gif') repeat-x;   
}

.rightColumnPuffTransfusionRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/transfusion_right.gif');  
}

/****** LOCAL PRODUCTS COLORTHEME ******/
.rightColumnPuffLocalProductsLeft
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/local_left.gif'); 
}

.rightColumnPuffLocalProductsHeading
{
    width: 197px;
    height: 29px;
    float: left;  
    clear: none;  
    background: url('images/local_mid.gif') repeat-x;   
}

.rightColumnPuffLocalProductsRight
{
    width: 10px;
    height: 29px;
    float: left;  
    clear: none; 
    background: url('images/local_right.gif');  
}


.rightColumnPuffBody
{
    width: 217px;
    min-width: 217px;
    height: auto;
    background-color: #f4f4f4;  
    float: left;  
    clear: none;    
}

.rightColumnPuffContent
{
    width: 217px;
    min-width: 217px;
    height: auto;
    float: left;  
    clear: none;  
    
}






/************************************/
/* FORMS                            */
/************************************/
.xForm
{
}

.xForm h2
{
    padding: 1em 0;
    margin: 0;
}

.xForm legend
{
    color: Black;
}

.xForm input
{
    float: left;
    border: solid 0.1em #D6D3D6;
    
}

.xForm .heading
{
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    border: 0;
}

.xForm #id_matrix td
{
    border: 0;
    margin: 0;
    padding: 0.2em 0;
}

.xForm #id_matrix tr
{
    border: 0;
        
}

span.xformvalidator
{
    color: Red;
}

.xForm .options
{
    float: left;
}

.xForm label
{
    margin-right: 0.5em;
    float: left;
}

#id_matrix br
{
    clear: both;
}

.thankyoumessage
{
    padding: 1em 0;
    margin: 0;
    font-weight: bold;
}


/************************************/
/* FORM CONTROLS                    */
/************************************/
input
{
    /*border: 1px solid #d1d1d1;*/
    border-style: none;
    margin: 1px 0 10px 0;
    vertical-align: middle;
    border: 1px solid #d1d1d1;
}

textarea
{
    border: 1px solid #d1d1d1;
    overflow: hidden;
}

input[type="submit"]
{
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    background: url(images/standard_button_bkg.gif) repeat-x;
    font-size: 0.69em;
    padding: 3px;
    float: left;
    margin-top: 15px;
}

#pwdrecover input[type="submit"]
{
    margin-top: 10px;
}

#Registrationwizard input[type="submit"]
{
    margin-left: -5px;
/*    margin-top: -15px;*/
}


table input[type="submit"]
{
    /*font-size: 12px; 1em;*/
}

/************************************/
/* FOOTERAREA                       */
/************************************/
#FooterArea
{
	background: transparent url(images/footer.png) repeat-x scroll 0 0;
    overflow: visible;
    margin: 0;
    clear: both;
    font-family: Verdana;
    color: #ffffff;
    font-size: 10px;
    margin-left: 0px;
    width: 955px;
}

#Footer
{
	margin: 0 0 0 5%;
    height: 14px;
}

#FooterArea ul
{
    margin: 0 ;
    padding: 0;
    list-style-type: none;
    float: left;
    overflow:visible;
}

#FooterArea ul li
{
    display: block;
    float: left;
    border-left: solid 1px White;
    padding: 0 0.8em;
}

#FooterArea ul li.first
{
    border: 0;
}

#FooterArea a
{
    text-decoration: none;
    color: #ffffff;
}

#FooterArea a:hover
{
    text-decoration: underline;
}

#FooterArea hr
{
    border: 1px solid #e5e5e5;
    width:  949px;
}

/************************************/
/*    Table classes for content     */
/************************************/
/*table.classic
{
    border-collapse: collapse;
    border: solid 0.1em #777777;
}

table.classic th
{
    border: solid 0.1em #777777;
    background-color: #DADADA;
    padding: 0.4em;
}

table.classic td
{
    border: solid 0.1em #777777;
    padding: 0.2em 0.4em;
}

table.color
{
    border-collapse: collapse;
    border: solid 0.1em #275569;
}

table.color th
{
    border: solid 0.1em #275569;
    background-color: #4495b9;
    color: White;
    padding: 0.4em;
}

table.color td
{
    border: solid 0.1em #275569;
    padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted
{
}

table.classic th.highlighted
{
    background-color: #AAAAAA;
}

table.classic td.highlighted
{
    background-color: #F0F0F0;
}

table.color th.highlighted
{
    background-color: #377995;
}

table.color td.highlighted
{
    background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
    text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
    text-align: right;
}
*/


table.classic
{
    border-width: 1px;	
	border-style: solid;
	border-color: #cccccc;
	border-collapse: collapse;	    
}

table.classic tr
{
    border-width: 1px;
    border-style: solid;
	border-color: #cccccc;
}

table.classic tr td
{
    border-width: 1px;
	border-style: solid;
	border-color: #cccccc;		
	padding: 4px 0 4px 3px;
}

table.classic table
{
    font-size: 1em;
}

table.classic th
{
    border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: #e6e6e6;
	font-size: 0.69em;
	padding: 8px 0 8px 3px;
}



/************************************/
/*   Image  classes for content     */
/************************************/
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    float: left;
}

img.toprightfloatingimage
{
    float: right;
    vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}

/************************************/
/*   User error classes for login     */
/************************************/
.MessageArea
{
    display: block;
    color: Red;
}
.MessageArea span.requiredField
{
    display: block;
}

.addUserError
{
    color: Red;
}

span .error
{
    display: block;
}

.addUserError span