html
{
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    
    color: rgb(88,89,91);
}

body
{
    margin: 0;
    padding: 0;
    font-size:11px;	
    /* Centering div#pageContainer for IE browsers */
    text-align: center;
}

body *
{
    text-align: left;
}

div#pageContainer
{
    width: 950px;
    margin: 20px auto 10px auto;
    padding: 0 10px 0 10px;
    
    /* Undo previous centering command that has centered this tag for IE browsers */
    text-align: left;
}

/* =========== TITLE BAR ============ */

div#breadCrumbs ul
{
    font-size: 10px;
    margin: 0 0 5px 0;
    padding: 0;
}

div#breadCrumbs ul li
{
    list-style-type: none;
    list-style-position: outside;
    display: inline;
    
    background-image: url('venco/images/breadCrumb_marker.png');
    background-position: left center;
    background-repeat: no-repeat;
    
    padding: 0 4px 0 10px;
}

div#breadCrumbs a
{
    text-decoration: none;
    color: rgb(88,89,91);
}

div#breadCrumbs a:hover
{
    text-decoration: underline;
}





/* =========== TITLE BAR ============ */

div#topBar
{
    width: 100%;
}

div#topBar div#titleBar
{
    text-align: right;
    width: 100%;
    
    height: 69px;
    
    background-image: url('venco/images/titleBar.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    position: relative;
}

div#topBar div#titleBar h1
{
    margin: 0;
    padding: 0;
    text-align: right;
}

div#topBar div#titleBar h1 span#logo
{
    width: 132px;
    height: 41px;

    display: block;
    position: absolute;
    left: 20px;
    top: 12px;
    
    background-image: url('venco/images/titleBar_vencoLogo.png');	
}

div#topBar div#titleBar h1 span#logo span
{
    display: none;
}

div#topBar div#titleBar h1 span#slogan
{
    /* Use embedded font for IE */
    font-family: DIN-Medium, Arial, sans-serif;
    
    font-size: 20px;
    font-weight: normal;

    line-height: 69px;
    margin: 0;
    padding: 0 20px 0 0;

    display: inline;	
    color: white;
}







/* =========== TOP MENU ============ */

div#topBar div#topMenu
{
    width: 100%;
    
    font-size: 10px;
    font-weight: bold;
    
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    height: 20px;
    
    background-image: url('venco/images/topMenu_item.png');
    background-position: left top;
    background-repeat: repeat-x;	
}

div#topBar div#topMenu ul
{
    margin: 0;
    padding: 0;
}

div#topBar div#topMenu ul li
{
    list-style-type: none;
    list-style-position: inside;

    display: block;
    float: left;	
}

div#topBar div#topMenu ul li a
{
    margin: 0;
    padding: 0;
        
    height: 20px;

    display: block;
    float: left;
    
    text-decoration: none;
    
    background-image: url('venco/images/topMenu_item.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    cursor: pointer;
}

div#topBar div#topMenu ul li a:hover
{
    margin: 0;
    padding: 0;
    
    text-decoration: none;
    
    background-image: url('venco/images/topMenu_selectedItem.png');
    background-position: left top;
    background-repeat: repeat-x;
}

div#topBar div#topMenu ul li a span
{
    margin: 0 0 0 0;
    padding: 0 15px 0 15px;
    
    height: 20px;
    line-height: 20px;
    
    display: block;
    float: left;

    color: white;
    
    background-image: url('venco/images/topMenu_separator.png');
    background-position: right top;
    background-repeat: no-repeat;
}

div#topBar div#topMenu ul li a:hover span
{
    color: rgb(147,149,152);
    text-decoration: underline;	
}

div#topBar div#topMenu div#loginBox
{
    margin: 0;
    padding: 0 15px 0 15px;
    line-height: 20px;
    
    float: right;
    
    background-image: url('venco/images/loginBox.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    /* IE must receive a width on the element, or its right floating behaviour gobbles up the entire line. */
    width: 258px;
}

div#topBar div#topMenu div#loginBox[id=loginBox]
{
    /* Only read by non-IE browsers (due to attribute selector in the rule). Cancels previously set width. */
    width: auto;
}

div#topBar div#topMenu div#loginBox a
{	
    color: white;	
    text-decoration: none;
}

div#topBar div#topMenu div#loginBox a:hover
{
    text-decoration: underline;
}

div#topBar div#topMenu div#loginBox div#login
{
    float: left;
}

div#topBar div#topMenu div#loginBox div#languageSelect
{
    padding: 0px 0 0px 15px;
    margin-left: 15px;
    
    background-image: url('venco/images/loginBox_separator.png');
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
}

/* =========== FOOTER ============ */

div#footer
{
    clear: both;
    
    margin: 0;
    padding: 30px 0 0 0;
    
    width: 100%;
    height: 20px;
    line-height: 20px;

    font-size: 9px;	
    color: white;
    text-align: center;
    
    background-image: url('venco/images/footer.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}

div#footer a
{
    text-decoration: underline;
    color: white;
}







/* =========== PAGE CONTENT ============ */

div#contentBox
{
    margin: 1px 0 0 0;
    padding: 40px 0 0 0;
    
    width: 100%;
}

div#mainContent
{
    margin: 0 0 0 180px;
    font-size: 11px;
    
    width: 500px;
}

div.widened
{
    width: 750px !important;    
}

div#mainContent h2
{
    margin: 0;
    padding: 0 0 5px 0;
    
    color: rgb(0,149,142);
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}

div#mainContent h2#contentHeader
{
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    
    width: 100%;
    
    font-size: 18px;    
    
    background-image: url('venco/images/content_headerShade.png');
    background-position: center bottom;
    background-repeat: repeat-x;
}

div#mainContent h2#contentHeader span
{
    margin: 0;
    padding: 0 0 0 25px;

    background-position: left center;
    background-repeat: no-repeat;
}

div#mainContent h3
{
    margin: 0;
    padding: 0 0 3px 0;
    
    color: rgb(0,149,142);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

div#mainContent h4
{
    margin: 0;
    padding: 0 0 3px 0;
    
    color: rgb(0,149,142);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

div#mainContent p
{
    margin: 0 0 20px 0;
    padding: 0;
    
    text-align: justify;
}

/* ==== Home / Landing page ==== */

div#homeBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 20px;

    background-image: url('venco/images/banners/home.png');
    background-position: center top;
    background-repeat: no-repeat;	
}

div#sectionSelection
{
    margin: 0;
    padding: 16px 0 0 0;
    
    width: 676px;
    overflow: hidden;
    
    background-image: url('venco/images/home/middleShade.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#sectionSelection ul
{
    margin: 0;
    padding: 0;
    
    display: block;
    list-style: none inside;
    
    width: 685px;
}

div#sectionSelection ul li
{
    margin: 0 8px 0 0;
    padding: 0;
    
    display: block;
    float: left;
    list-style: none inside;
}

div#sectionSelection ul li h2
{
    margin: 0;
    padding: 0;
    
    display: block;
}

div#sectionSelection ul li a
{
    display: block;
    cursor: pointer;
    
    width: 220px;
    
    text-decoration: none;
    color: white;
}

div#sectionSelection ul li a span.caption
{
    display: block;
    
    background-image: url('venco/images/home/caption.png');
    background-position: left top;
    background-repeat: repeat-x;
}

div#sectionSelection ul li a span.caption span
{
    display: block;
        
    background-image: url('venco/images/home/caption_leftStub.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div#sectionSelection ul li a span.caption span span
{
    display: block;

    height: 28px;	
    background-image: url('venco/images/home/caption_rightStub.png');
    background-position: right top;
    background-repeat: no-repeat;
}

div#sectionSelection ul li a span.caption span span span
{
    margin: 0 15px 0 15px;
    line-height: 28px;
    
    font-family: DIN-Medium, Arial, sans-serif;		
    font-size: 12px;
    font-weight: bold;
    
    background-image: none;
}

div#sectionSelection span.tableEggImage,
div#sectionSelection span.hatchingEggImage,
div#sectionSelection span.broilerImage
{
    margin-top: 1px;
    
    display: block;
    
    width: 220px;
    height: 163px;
    
    background-position: center center;
    background-repeat: no-repeat;
}

div#sectionSelection span.tableEggImage
{
    background-image: url('venco/images/home/tableEgg.png');
}

div#sectionSelection span.hatchingEggImage
{
    background-image: url('venco/images/home/hatchingEgg.png');
}

div#sectionSelection span.broilerImage
{
    background-image: url('venco/images/home/broilerSolutions.png');
}

div#welcome
{
    margin: 10px 10px 75px 10px;
    text-align: center;
    float: left;
    width: 667px;
}

div#welcome h2
{
    margin: 0 0 8px 0;
    padding: 0;
    
    color: rgb(0,149,142);
    
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
}

/* ==== Career page ==== */

div#careerBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/career.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#mainContent h2#contentHeader span#careerHeader
{
    background-image: url('venco/images/glyphs/large/career.gif');
}

div#mainContent h3#vacancyHeader
{
    margin: 0;
    padding: 0 0 20px 0;
    
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: rgb(88,89,91);
}

div#mainContent h3#vacancyHeader span.date
{
    margin: 0;
    padding: 0;
    
    display: block;
    
    font-size: 10px;
    font-weight: normal;
    color: rgb(0,149,142);   
}

div#vacancyApply a
{
    margin: 20px 0 0 0;
    padding: 0;
    
    display: block;
    float: right;
    
    height: 18px;
    line-height: 18px;
    border: 1px solid rgb(59,174,168);
    
    background-image: url('venco/images/rollouts/rolloutCaption.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    text-decoration: none;
    cursor: pointer;
}

div#vacancyApply a span
{
    margin: 0;
    padding: 0 0 0 3px;
    
    color: white;
    
    background-image: url('venco/images/rollouts/rolloutCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div#vacancyApply a span span
{
    margin: 0;
    padding: 0 5px 0 22px;
    
    background-image: url('venco/images/glyphs/arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

div#vacancyApply a:hover span span
{
    text-decoration: underline;
}

/* ==== News page ==== */

div#newsBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/news.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#mainContent h2#contentHeader span#newsHeader
{
    background-image: url('venco/images/glyphs/large/news.gif');
}

div#mainContent h3#newsArticleHeader
{
    margin: 0;
    padding: 0 0 20px 0;
    
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: rgb(88,89,91);
}

div#mainContent h3#newsArticleHeader span.date
{
    margin: 0;
    padding: 0;
    
    display: block;
    
    font-size: 10px;
    font-weight: normal;
    color: rgb(0,149,142);   
}



/* ==== Company page ==== */

div#companyBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/company.png');
    background-position: center top;
    background-repeat: no-repeat;
}



/* ==== Contact page ==== */

div#contactBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/contact.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#mainContent h2#contentHeader span#contactHeader
{
    background-image: url('venco/images/glyphs/large/contact.gif');
}

div#contactForm
{
    margin: 20px 0 0 0;
}

div#contactForm table
{
    border-collapse: collapse;
    width: 100%;
}

div#contactForm th
{
    padding: 0 20px 0 0;
    
    font-weight: normal;
    font-style: normal;
    
    width: auto;
    vertical-align: middle;
    white-space: nowrap;
}

div#contactForm td
{   
    width: auto;
    padding: 0 6px 0 0;
    
    width: 100%;
    vertical-align: middle;
}

div#contactForm div
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

div#contactForm input,
div#contactForm textarea
{
    margin: 2px 0 2px 0;
    padding: 2px;
    border: solid 1px rgb(178, 223, 221);
    
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    
    width: 94%;
}

div#contactForm span.chk input
{
    width: auto;
    margin: 4px;
}

div#contactForm textarea
{
    margin: 5px 0 2px 0;
        
    width: 494px;
}

div#contactForm a
{
    margin: 20px 0 0 0;
    padding: 0;
    
    display: block;
    float: right;
    
    height: 18px;
    line-height: 18px;
    border: 1px solid rgb(59,174,168);
    
    background-image: url('venco/images/rollouts/rolloutCaption.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    text-decoration: none;
    cursor: pointer;
}

div#contactForm a span
{
    margin: 0;
    padding: 0 0 0 3px;
    
    color: white;
    
    background-image: url('venco/images/rollouts/rolloutCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div#contactForm a span span
{
    margin: 0;
    padding: 0 5px 0 22px;
    
    background-image: url('venco/images/glyphs/arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

div#contactForm a:hover span span
{
    text-decoration: underline;
}



/* ==== Dealer page ==== */

div#dealerBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/dealer.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#mainContent h2#contentHeader span#dealerHeader
{
    background-image: url('venco/images/glyphs/large/dealer.gif');
}


/* ==== Innovations page ==== */

div#innovationsBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/innovations.png');
    background-position: center top;
    background-repeat: no-repeat;
}



/* ==== Product page ==== */

div#consumerEggsBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/consumerEggs.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#hatchingEggsBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/hatchingEggs.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#broilerSolutionsBanner
{
    margin: 0;
    padding: 0;

    width: 100%;
    height: 170px;
    
    background-image: url('venco/images/banners/broilerSolutions.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#productFrame
{
    margin: 0;
    padding: 0;
    
    width: 696px;
}

div#productFrame div.bottomShade
{
    background-image: url('venco/images/product/shadedFrame_bottom.png');
    background-position: center bottom;
    background-repeat: repeat-x;
}

div#productFrame div.rightShade
{
    background-image: url('venco/images/product/shadedFrame_right.png');
    background-position: right center;
    background-repeat: repeat-y;
}

div#productFrame div.bottomLeftShade
{
    background-image: url('venco/images/product/shadedFrame_bottomLeft.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}

div#productFrame div.bottomRightShade
{
    background-image: url('venco/images/product/shadedFrame_bottomRight.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

div#productFrame div.topRightShade
{
    background-image: url('venco/images/product/shadedFrame_topRight.png');
    background-position: right top;
    background-repeat: no-repeat;
}

div#productFrame div#productFrameContents
{
    padding: 0 23px 23px 0;
}

div#productFrame div#productFrameContents div#mediaContent
{
    float: left;
    
    width: 360px;
}

div#productFrame div#productFrameContents div#movieClip
{
    padding: 5px;
    
    border: solid 1px rgb(218,221,222);
}

div#productFrame div#productFrameContents div#shortIntro
{
    margin: 0 0 0 370px;
    width: 300px;
}

div#productFrame div#productFrameContents div#productActions
{
    clear: left;
}

div#productFrame div#shortIntro h2
{
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
    
    color: rgb(0,149,142);
    
    font-family: DIN-Medium, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    
    line-height: 16px;
    
    background-image: url('venco/images/glyphs/arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
}

div#productFrame #shortIntro
{
    text-align: justify;
}

div#productActions
{
    margin: 0;
    padding: 25px 0 0 0;
    
    height: 20px;
    width: 674px;
    
    overflow: hidden;
}

div#productActions div
{
    margin: 0;
    padding: 0;
    
    width: 678px;
}

div#productActions ul
{
    margin: 0;
    padding: 0;
    
    display: block;
    float: left;
    
    list-style-type: none;
    list-style-position: outside;
}

div#productActions ul li
{
    margin: 0;
    padding: 0;
    
    display: block;
    float: left;
    
    width: 226px;
    
    list-style-type: none;
    list-style-position: outside;
}

div#productActions a
{
    margin: 0 0 0 0;
    padding: 0;
    
    display: block;
    float: left;
    
    width: 220px;
    height: 18px;
    line-height: 18px;
    border: 1px solid rgb(59,174,168);
    
    background-image: url('venco/images/rollouts/rolloutCaption.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    text-decoration: none;
    cursor: pointer;
    
    overflow: hidden;
}

div#productActions a span
{
    margin: 0;
    padding: 0 0 0 3px;
    
    color: white;
    
    background-image: url('venco/images/rollouts/rolloutCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div#productActions a span span
{
    margin: 0;
    padding: 0 5px 0 22px;
    
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
}

div#productActions a:hover span span
{
    text-decoration: underline;
}

div#productActions a span#dealerButton span
{
    background-image: url('venco/images/glyphs/dealer.gif');
}

div#productActions a span#pdfButton span
{
    background-image: url('venco/images/glyphs/download.gif');
}

div#productActions a span#contactButton span
{
    background-image: url('venco/images/glyphs/contact.gif');
}

div#longProductDescription
{
    width: 688px;
    margin: 20px 0 30px 0;
    padding: 0;
}

div#longProductDescription p
{
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px rgb(233,235,235); 
}

div#longProductDescription h4
{
    margin: 0;
    padding: 0 0 3px 0;
    
    color: rgb(0,149,142);
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
}

div#productGroupInfo
{
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
       
    text-align: justify;
    
    background-image: url('venco/images/product/productGroup_dots.png');
    background-position: left top;
    background-repeat: repeat-x;
}


div#productGroupInfo h2
{
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    
    color: rgb(0,149,142);
    
    font-family: DIN-Medium, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    
    line-height: 18px;
    
    background-image: url('venco/images/glyphs/large/arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
}

ul#productsList
{
    margin: 40px 0 0 0;
    padding: 16px 0 0 0;
    
    width: 950px;
    display: block;
    
    background-image: url('venco/images/product/productList_topShade.png');
    background-position: center top;
    background-repeat: repeat-x;
    
    list-style-type: none;
    list-style-position: outside;
}

ul#productsList li
{
    margin: 0;
    padding: 5px;
    
    width: 940px;
    display: block;
    
    list-style-type: none;
    list-style-position: outside;
    
    background-color: rgb(242,250,249);
}

ul#productsList li.alternateProduct
{
    background-color: Transparent;
}

ul#productsList li div.productSummary
{
    width: 545px;
    float: right;
    
    text-align: justify;
}

ul#productsList span.moreMarker
{
    padding-right: 4px;
        
    background-image: url('venco/images/product/more_marker.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

ul#productsList li div.productSummary a
{
    margin: 0 0 10px 0;
    padding: 0;
    
    display: block;
    
    height: 20px;
    line-height: 20px;
    
    background-image: url('venco/images/product/productCaption.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    text-decoration: none;
    cursor: pointer;
    
    overflow: hidden;
}

ul#productsList li.alternateProduct div.productSummary a
{
    height: 18px;
    line-height: 18px;
    
    border: solid 1px rgb(218,221,222);
    background-image: url('venco/images/product/productCaptionAlt.png');
}

ul#productsList li div.productSummary a span
{
    margin: 0;
    padding: 0 0 0 5px;
    
    font-weight: bold;
    color: rgb(0,149,142);
    
    background-image: url('venco/images/product/productCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

ul#productsList li.alternateProduct div.productSummary a span
{
    background-image: url('venco/images/product/productCaptionAlt_glyphSpace.png');
}

ul#productsList li div.productSummary a span span
{
    margin: 0;
    padding: 0 5px 0 22px;
    
    background-image: url('venco/images/glyphs/arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
}

ul#productsList li.alternateProduct div.productSummary a span span
{
    background-image: url('venco/images/glyphs/arrow.gif');
}

ul#productsList li div.productSummary a:hover span span
{
    text-decoration: underline;
}

ul#productsList div.productImage
{
    margin: 0;
    padding: 5px;
    
    border: solid 1px rgb(218,221,222);
    background-color: rgb(255,255,255);
    
    width: 375px;
    height: 130px;
    
    overflow: hidden;
}

/* =========== DEALER PAGE ============ */
div#favouriteProducts 
{
    background-image:url('venco/images/product/productGroup_dots.png');
    background-position:left top;
    background-repeat:repeat-x;
}

div#favouriteProductTitle
{
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
       
    text-align: justify;
    background-image:url('venco/images/content_headerShade.png');
    background-position:center bottom;
    background-repeat:repeat-x;
}

div#favouriteProductTitle h2#contentHeader
{
    background-image: url('venco/images/glyphs/large/arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
    
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    
    color: rgb(0,149,142);
    
    font-family: DIN-Medium, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    
    line-height: 18px;
}

ul#favouriteProductsList
{
    display:block;
    list-style-position:outside;
    list-style-type:none;
    margin:20px 0 0;
    padding:0 0 0;
    width:100%;
}

ul#favouriteProductsList li
{
    margin: 0;
    padding: 5px;
    
    width: 100%;
    display: block;
    
    list-style-type: none;
    list-style-position: outside;
    
    background-color: rgb(242,250,249);
}

ul#favouriteProductsList li.alternateProduct
{
    background-color: Transparent;
}

ul#favouriteProductsList li div.favouriteProductSummary
{
    /*width: 113px;
    float: right;*/
    width: 100%;
    text-align: justify;
}

ul#favouriteProductsList span.moreMarker
{
    padding-right: 4px;
        
    background-image: url('venco/images/product/more_marker.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

ul#favouriteProductsList li div.favouriteProductSummary a
{
    margin: 0 0 10px 0;
    padding: 0;
    
    display: block;
    
    height: 20px;
    line-height: 20px;
    
    background-image: url('venco/images/product/productCaption.png');
    background-position: left top;
    background-repeat: repeat-x;
    
    text-decoration: none;
    cursor: pointer;
    
    overflow: hidden;
}

ul#favouriteProductsList li.alternateProduct div.favouriteProductSummary a
{
    height: 18px;
    line-height: 18px;
    
    border: solid 1px rgb(218,221,222);
    background-image: url('venco/images/product/productCaptionAlt.png');
}

ul#favouriteProductsList li div.favouriteProductSummary a span
{
    margin: 0;
    padding: 0 0 0 5px;
    
    font-weight: bold;
    color: rgb(0,149,142);
    
    background-image: url('venco/images/product/productCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

ul#favouriteProductsList li.alternateProduct div.favouriteProductSummary a span
{
    background-image: url('venco/images/product/productCaptionAlt_glyphSpace.png');
}

ul#favouriteProductsList li div.favouriteProductSummary a span span
{
    margin: 0;
    padding: 0 5px 0 22px;
    
    background-image: url('venco/images/glyphs/arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
}

ul#favouriteProductsList li.alternateProduct div.favouriteProductSummary a span span
{
    background-image: url('venco/images/glyphs/arrow.gif');
}

ul#favouriteProductsList li div.favouriteProductSummary a:hover span span
{
    text-decoration: underline;
}

ul#favouriteProductsList div.productImage
{
    margin-top: 15px;
    padding: 5px;
    
    border: solid 1px rgb(218,221,222);
    background-color: rgb(255,255,255);
    
    width: 375px;
    height: 130px;
    
    overflow: hidden;
}

/* =========== SIDEBAR MENU ============ */

div#sideBarMenu
{
    float: left;
    width: 150px;
    
    font-size: 11px;
}

div#sideBarMenu ul
{
    margin: 0;
    padding: 0;
    
    width: 100%;	
    border-bottom: solid 1px rgb(233,235,235);
    
    list-style: none outside;
}

div#sideBarMenu ul li
{
    margin: 0;
    padding: 0;
    
    font-style: italic;
    color: rgb(183,185,185);
    
    width: 100%;
    border-top: solid 1px rgb(233,235,235);
    
    list-style: none outside;
    
    line-height: 19px;
}

div#sideBarMenu ul li a
{
    font-style: normal;
    text-decoration: none;
    color: rgb(128,130,132);
}

div#sideBarMenu ul li a:hover
{
    text-decoration: underline;
}





/* =========== SIDEBAR ROLLOUTS ============ */

div#sideBarRollouts
{
    float: right;
    width: 250px;
    
    font-size: 11px;
}

div#sideBarRollouts div#rollout_latestNews,
div#sideBarRollouts div#rollout_vencomaticNet,
div#sideBarRollouts div#rollout_comingEvents,
div#sideBarRollouts div#rollout_dealerLocator,
div#sideBarRollouts div#rollout_careers,
div#sideBarRollouts div#rollout_news,
div#sideBarRollouts div#rollout_eventCalendar,
div#sideBarRollouts div#rollout_featuredVideos
{
    float: right;
    
    width: 234px;
    margin: 0 0 5px 0;
    padding: 6px;
    
    border: 1px solid rgb(182,188,189);
}

div#sideBarRollouts div#rollout_latestNews div.caption,
div#sideBarRollouts div#rollout_vencomaticNet div.caption,
div#sideBarRollouts div#rollout_comingEvents div.caption,
div#sideBarRollouts div#rollout_dealerLocator div.caption,
div#sideBarRollouts div#rollout_careers div.caption,
div#sideBarRollouts div#rollout_news div.caption,
div#sideBarRollouts div#rollout_eventCalendar div.caption,
div#sideBarRollouts div#rollout_featuredVideos div.caption
{
    height: 18px;
    line-height: 18px;
    border: 1px solid rgb(59,174,168);

    background-image: url('venco/images/rollouts/rolloutCaption.png');
    background-position: left top;
    background-repeat: repeat-x;	
}

div#sideBarRollouts div#rollout_latestNews div.caption h2,
div#sideBarRollouts div#rollout_vencomaticNet div.caption h2,
div#sideBarRollouts div#rollout_comingEvents div.caption h2,
div#sideBarRollouts div#rollout_dealerLocator div.caption h2,
div#sideBarRollouts div#rollout_careers div.caption h2,
div#sideBarRollouts div#rollout_news div.caption h2,
div#sideBarRollouts div#rollout_eventCalendar div.caption h2,
div#sideBarRollouts div#rollout_featuredVideos div.caption h2
{
    margin: 0;
    padding: 0 0 0 3px;
    
    color: white;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    
    background-image: url('venco/images/rollouts/rolloutCaption_glyphSpace.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div#sideBarRollouts div#rollout_latestNews div.caption h2 span,
div#sideBarRollouts div#rollout_vencomaticNet div.caption h2 span,
div#sideBarRollouts div#rollout_comingEvents div.caption h2 span,
div#sideBarRollouts div#rollout_dealerLocator div.caption h2 span,
div#sideBarRollouts div#rollout_careers div.caption h2 span,
div#sideBarRollouts div#rollout_news div.caption h2 span,
div#sideBarRollouts div#rollout_eventCalendar div.caption h2 span,
div#sideBarRollouts div#rollout_featuredVideos div.caption h2 span
{
    margin: 0;
    padding: 0 0 0 22px;
    
    background-position: left center;
    background-repeat: no-repeat;
}

div#sideBarRollouts div#rollout_latestNews div.caption h2 span,
div#sideBarRollouts div#rollout_vencomaticNet div.caption h2 span,
div#sideBarRollouts div#rollout_news div.caption h2 span,
div#sideBarRollouts div#rollout_featuredVideos div.caption h2 span
{
    background-image: url('venco/images/glyphs/news.gif');
}

div#sideBarRollouts div#rollout_comingEvents div.caption h2 span,
div#sideBarRollouts div#rollout_eventCalendar div.caption h2 span
{
    background-image: url('venco/images/glyphs/calendar.gif');
}

div#sideBarRollouts div#rollout_dealerLocator div.caption h2 span
{
    background-image: url('venco/images/glyphs/dealer.gif');
}

div#sideBarRollouts div#rollout_careers div.caption h2 span
{
    background-image: url('venco/images/glyphs/career.gif');
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents h3,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents h3,
div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents h3,
div#sideBarRollouts div#rollout_dealerLocator div.rolloutContents h3
{
    margin: 0 0 3px 0;
    padding: 0;
    
    color: rgb(0,149,142);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents p,
div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents p,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents p,
div#sideBarRollouts div#rollout_dealerLocator div.rolloutContents p
{
    margin: 0 0 5px 0;
    padding: 0;
}

div#rollout_featuredVideos div.rolloutContents p
{
    margin: 1px 0 0 0;
    padding: 0;
}

div#rollout_featuredVideos div.rolloutContents img
{
    border-width: 0;
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents
{
    margin: 5px 0px 5px 25px;
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents a
{
    color: rgb(0,149,142);
    text-decoration: none;
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents a.readmore
{
    margin: 3px 0 0 0;
    padding: 0 0 0 10px;
    
    display: block;
        
    background-image: url('venco/images/rollouts/rollout_marker.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

div#sideBarRollouts div#rollout_latestNews div.rolloutContents a:hover
{
    text-decoration: underline;
}

div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents
{
    margin: 1px 0 5px 0;
}

div#sideBarRollouts div#rollout_comingEvents div.rolloutContents ul.selected,
div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents ul.selected
{
    background-color: #ffffff;
}

div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents ul,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents ul
{
    margin: 0;
    padding: 15px 0 0 30px;
    background-color: rgb(229,244,243);
    list-style: disc outside url('venco/images/rollouts/rollout_marker.gif');
}

div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents ul li,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents ul li
{
    margin: 0 0 0 5px;
    padding: 0 0 15px 0;
}

div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents ul li a,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents ul li a
{
    color: rgb(0,149,142);
    text-decoration: none;
    font-weight: normal;
}

div#sideBarRollouts div#rollout_vencomaticNet div.rolloutContents ul li a:hover,
div#sideBarRollouts div#rollout_comingEvents div.rolloutContents ul li a:hover
{
    text-decoration: underline;
}

div#sideBarRollouts div#rollout_dealerLocator div.rolloutContents
{
    margin: 1px 0 0 0;
    padding: 131px 0 0 0;
    
    background-image: url('venco/images/rollouts/dealerLocator.png');
    background-position: center top;
    background-repeat: no-repeat;
}

div#sideBarRollouts div#rollout_careers ul,
div#sideBarRollouts div#rollout_news ul,
div#sideBarRollouts div#rollout_eventCalendar ul
{
    margin: 10px 0 0 0;
    padding: 0;
    
    width: 100%;	
    border-bottom: solid 1px rgb(233,235,235);
    
    list-style: none outside;
}

div#sideBarRollouts div#rollout_careers ul li,
div#sideBarRollouts div#rollout_news ul li,
div#sideBarRollouts div#rollout_eventCalendar ul li
{
    margin: 0;
    padding: 0;
    
    width: 100%;
    border-top: solid 1px rgb(233,235,235);
    
    list-style: none outside;
    
    line-height: 19px;
}

div#sideBarRollouts div#rollout_careers ul li span,
div#sideBarRollouts div#rollout_news ul li span,
div#sideBarRollouts div#rollout_eventCalendar ul li span
{
    display: block;
    float: left;
    
    width: 60px;
    
    color: rgb(0,149,142);
}

div#sideBarRollouts div#rollout_careers ul li a,
div#sideBarRollouts div#rollout_news ul li a,
div#sideBarRollouts div#rollout_eventCalendar ul li a
{
    display: block;
    overflow: hidden;
    
    white-space: nowrap;
    width: 160px;
    
    text-decoration: none;
    color: rgb(128,130,132);
}

div#sideBarRollouts div#rollout_careers ul li a:hover,
div#sideBarRollouts div#rollout_news ul li a:hover,
div#sideBarRollouts div#rollout_eventCalendar ul li a:hover
{
    text-decoration: underline;
}


/* ================ DEALER LOCATOR ================ */

div#dealerLocatorChooser
{
    color: #FFFFFF;
    background-image: url('venco/images/rollouts/rolloutBackground.png');
    height: 20px;
    text-align: center;
    padding-top: 2px;
}

div#dealerLocatorSub
{
    margin-top: 5px;
    background-image: url('venco/images/dealers/dealerLocatorSub.png');
    padding-left: 3px;
    padding-top: 20px;
    height: 18px;
}

div.dealer
{
    margin-top: 15px;
}

span.dealer
{
    font-size: 14px;
    font-weight: bold;
    color: rgb(0,0,0);
}

span.dealerLocation
{
    font-size: 11px;
    color: rgb(0,149,142);
}

span.contactDealer
{
    margin-top: 2px;
    display: block;
}

span.contactDealer *
{
    font-size: 11px;
    color: rgb(0,149,142);
    text-decoration: none;
}

span.contactDealer img
{
    border-width: 0;
    color: rgb(255,255,255);
}

div#rollout_dealerLocator .ui-button-icon-only
{
    width: 1.6em;
}

div#rollout_dealerLocator .ui-button-icon-only .ui-button-text, 
div#rollout_dealerLocator .ui-button-icons-only .ui-button-text 
{ 
    padding: 0; 
    line-height: 1.3; 
}

div#rollout_dealerLocator input
{
    width: 180px;
}

/* -== productGroupMenu ==- */

div#productGroupMenu
{
    font-size: 10px;
    float: right;
    border: 1px solid white;
    border-width: 1px 1px 0 1px;
    margin-top: 45px;
    _width: 250px;
}

div#productGroupMenu a
{
    display: block;
    height: 18px;
    border-bottom: 1px solid white;
    background: transparent url(venco/images/topMenu_item.png) repeat-x top left;

    margin:0;
    padding: 0 10px;

    cursor: pointer;
    color: White;
    text-decoration: none;
    text-align: center;
    line-height: 18px;
}

div#productGroupMenu a.selected
{
    background-image:url(venco/images/rollouts/rolloutCaption.png);
}

div#productGroupMenu a:hover
{
    background-image:url(venco/images/rollouts/rolloutCaption.png);
}


/********************
*   Venquotation    *
********************/

div#venquotation
{
    color: #00948E;
    position: relative;
}

/*-- Customers --*/

div#customers
{
    margin: 20px 0 0 0;
    width: 500px;
}

h2#contentHeader span.customerHeader
{
    background-image:url("venco/images/glyphs/large/arrow.gif");
}

div#customers table.styled th.name { width: 160px; }
div#customers table.styled th.address { width: 260px; }


div#customers table.details
{
    border-collapse: collapse;
    width: 100%;
}

div#customers table.details th
{
    padding: 0 20px 0 0;
    font-weight: normal;
    text-align: left;
}

div#customers table.details td
{
    padding: 0 6px 0 0;
    width: 100%;
    vertical-align: middle;
}

div#customers div.customerForm
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

div#customers div.customerForm .country
{
    width: 120px;
}

div#customers input
{
    border: 1px solid rgb(178, 223, 221);
    margin: 2px 0;
    width: 350px;
    padding: 0.1em 0;
    font-size: 1em;
}

div#customers .ui-button-icon-only
{
    width: 1.6em;
}

div#customers .ui-button-icon-only .ui-button-text, 
div#customers .ui-button-icons-only .ui-button-text 
{ 
    padding: 0; 
    line-height: 1.3; 
}

/* Venquotation */
div#venquotation a.product
{
    background: transparent url('venco/images/venquotation/egg.png') no-repeat top center;
    display: block;
    float: left;
    height: 23px;
    width: 109px;
    padding: 160px 10px 10px;
    
    color: #00948E;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
div#venquotation a.product:hover
{
    background-image: url('venco/images/venquotation/egg-highlight.png');
}

div#venquotation fieldset
{
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    margin-top: 10px;
    padding: 10px;
}
div#venquotation fieldset legend { color: #00948E; }

div#venquotation td { padding: 0 10px; }
div#venquotation td.validator { padding: 0; }
div#venquotation td.entryValue
{
    text-align: right;
    padding-right: 17px;
    background-position: center right;
    background-repeat: no-repeat;
    width: 146px;
}
div#venquotation td.entryLabel
{
    text-align: right;
    width: 280px;
    height: 22px;
}

div#venquotation th { text-align: left; /*for IE8*/ }

div#venquotation input
{
    text-align: right;
    height: 13px;
    width: 140px;
    font-size: 11px;
    color: #58595B;
}
div#venquotation input[type="checkbox"] { width: 13px; }

div#venquotation select
{
    height: 18px;
    width: 146px;
    font-size: 11px;
    color: #58595B;
}

div#venquotation span.optional
{
    cursor: pointer;
    font-weight: bold;
    
    display: block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    background: transparent url('venco/images/glyphs/large/arrow.gif') no-repeat center left;
}
div#venquotation span.optional.expanded
{
    background-image: url('venco/images/glyphs/large/arrow_down.gif')
}
div#venquotation .loader
{
    background-image: url('venco/images/venquotation/loader.gif') !important;
}

div#venquotation span.validator
{
    display: block;
    float: right;
    width: 10px;
    color: Red;
    visibility: hidden;
}

div#venquotation .error
{
    position: absolute;
    left: 250px;
    top: 100px;
}
div#venquotation .error p
{
    margin: 0 0 10px;
}

div#venquotation a#btnOK
{
    float: right;
    padding: 0.4em 1em 0.4em 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
div#venquotation a#btnOK span.ui-icon
{
    position: absolute;
    left: 0.2em;
    top: 50%;
    margin: -8px 5px 0 0;
}

div#venquotation a.btn
{
    display: block;
    float: right;
    margin: 20px 0 0 12px;
    height: 18px;
    line-height: 18px;
    border: 1px solid rgb(59,174,168);
    
    background: transparent url('venco/images/rollouts/rolloutCaption.png') repeat-x top left;
    text-decoration: none;
}
div#venquotation a.btn span
{
    padding: 0 0 0 3px;	
    color: white;	
    background: transparent url('venco/images/rollouts/rolloutCaption_glyphSpace.png') no-repeat top left;
}
div#venquotation a.btn span span
{
    padding: 0 5px 0 22px;    
    background: transparent url('venco/images/glyphs/arrow.gif') no-repeat left center;
}


/* Styled Table */
table.styled
{
    width: 100%; /*700px;*/
    border: 1px solid #666; /* rgb(59,174,168);*/
    border-collapse: collapse;
}

table.styled tr
{
    border-bottom: solid 1px #666;
}

table.styled thead tr
{
    border: 1px solid rgb(59,174,168);
}

table.styled th
{
    background: transparent url("venco/images/rollouts/rolloutCaption.png") repeat-x left top;
    
    padding: 0 3px; /* 0 7px;
    padding-left: 3px;
    padding-right: 3px;*/
    height:18px;
    line-height:18px;
    white-space: nowrap;
    
    color: White;
    text-align: left;
    font-weight: bold;
}

table.styled td
{
    padding: 3px 7px;
}

table.styled .subtable
{
    width: 100%;
}

table.styled td, table.styled tr.detailview td td
{
    padding: 2px;
}

table.styled tr.detailview td
{
    padding: 4px 16px;
}

/*  JQuery Themeroller overrides   */
.ui-button-text-only .ui-button-text 
{
    padding: 0.1em 0.2em ! important;
}

.ui-button-text-icon-primary .ui-button-text, 
.ui-button-text-icons .ui-button-text 
{
  padding:0.1em 0.3em 0.1em 1.5em ! important;
}

.ui-button-text-icon-primary .ui-button-icon-primary, 
.ui-button-text-icons .ui-button-icon-primary, 
.ui-button-icons-only .ui-button-icon-primary 
{
 left : 0 ! important;
}

.login td  
{
    padding: 2px 8px;
}

.ui-autocomplete
{
    max-height: 200px !important;
}


table.login tbody tr
{
    border: none;   
}

a.detailviewlink
{
    font-weight: bold;
    text-decoration: none;
    color: #3BAEA8;
}

div.editor-label 
{
    display: inline-block;
    width: 140px;
    min-height: 22px;
}

div.editor-field
{
    display: inline-block;
    min-height: 22px;
    width: 200px;
}

span.field-validation-error
{
    display: block;   
    color: Red;
}

input[readonly]
{
    color: Gray;
}

/* Styles for tablesorter
-----------------------------------------------------------*/

table.tblprojects a.sorter {
	background: transparent url(venco/images/venquotation/both.png) no-repeat center right;
	padding-right: 20px;
	color: White;
	text-decoration: none;
}
table.tblprojects .sorter.ASC {
	background-image: url(venco/images/venquotation/asc.png);
}
table.tblprojects .sorter.DESC {
	background-image: url(venco/images/venquotation/desc.png);
}

table.tblprojects .DeliveryDate 
{
    width: 68px;
}