﻿/*
====================================
Site:       Tiedemanns
Company:    Xeed AS
URL:        http://www.xeed.no
Author:     Warren Buckley
====================================
*/

body
{
    font-family:Arial, Helvetica, sans-serif;
    color:#636363;
    background-color:#e8ebd7;
    font-size:15px;
}

#container
{
    width:926px;
    margin:0 auto;
}

/* -- Header -- */
#header
{    
    position:relative;
    height:62px; /* 52 +10 bottom = 62 */
}
    /* -- Header > Logo -- */
    #header h1
    {
        background:url(../Img/logo.png) no-repeat top left;
        width:218px;
        height:52px;        
        text-indent:-100000px;
        position:absolute;
        right:0;
        bottom:10px;
    }

        #header h1 a
        {
            display:block;
            height:100%;
        }
        
    /* -- Header > Search -- */
    #searchBox
    {
        float:right;
        height:28px;
    }
    
    #searchBox input[type='text']
    {
        border:1px solid #c8c8c8;
        height:22px;
        line-height:22px;
        width:165px;
        
        font-size:16px;
        font-weight:bold;
        font-family:Arial, Helvetica, sans-serif;
        color:#a20a10;
    }
    
    #searchBox input:focus
    {
        border:1px solid #636363;
    }
    
    /* -- Header > Main Navi -- */  
    #mainNav
    {        
        position:absolute;
        left:0;
        bottom:0;       
    }

    #mainNav li
    {
        font-size:15px;
        float:left;        
        height:30px;
        line-height:30px;
        text-align:center;
    }
    
    #mainNav li a
    {        
        padding:0 10px;
        color:#4d4d4d;
    }
    
    
    #mainNav li a,
    #mainNav li ul li a
    {
        display:block;
        text-decoration:none;
        color:#4d4d4d;
    }
    
    #mainNav li a.selected,
    #mainNav li a:hover,
    #mainNav li a:active,
    #mainNav li a:focus,
    #mainNav li ul li a.selected,
    #mainNav li ul li a:hover,
    #mainNav li ul li a:active,
    #mainNav li ul li a:focus
    {
        background-color:#707173;
        color:#fff;
    }
    
    #mainNav li ul
    {
        margin:1px 0 0 0;
        float:left;        
        /*background-color:Fuchsia;*/
    }
    
    #mainNav li ul.items-1
    {
        width:120px; /* 120 *1 = 120px */
    }
    
    #mainNav li ul.items-2
    {
        width:240px; /* 120 *2 = 240px */
    }
    
    #mainNav li ul.items-3
    {
        width:360px; /* 120 *3 = 360px */
    }
    
    #mainNav li ul.items-4
    {
        width:480px; /* 120 *4 = 480px */
    }
    
    #mainNav li ul.items-5
    {
        width:600px; /* 120 *5 = 600px */
    }
    
    #mainNav li ul.pull-left1
    {
        margin-left:-120px; /* move the ul back one unit block which is 120px wide */
    }
    
    #mainNav li ul.pull-left2
    {
        margin-left:-240px; /* move the ul back two unit block which is 240px wide */
    }
    
    #mainNav li ul.pull-left3
    {
        margin-left:-360px; /* move the ul back three unit block which is 360px wide */
    }
    
    #mainNav li ul.pull-left4
    {
        margin-left:-480px; /* move the ul back four unit block which is 360px wide */
    }
    
    #mainNav li ul.pull-left5
    {
        margin-left:-600px; /* move the ul back five unit block which is 360px wide */
    }
    
    #mainNav li ul li
    {
        float:left;
        height:25px;
        line-height:25px;
        width:120px;        
    }
    
    #mainNav li ul li a
    {
        background:url(../Img/nav_sprite.png) no-repeat 0 -60px;
        outline: none; 
    }
    
    
/*-- Feature Slider -- */
#featureSlider img
{
    height:368px;
    width:855px;
}


#featureSlider + ol#controls
{
    position:relative;
    top:-365px;
    float:right;
}

    #featureSlider + ol#controls li
    {
        float:left;
        height:19px;
        width:20px;
        line-height:19px;
        margin:0 5px 0 0;
        
        text-indent:-100000px;
    }
    
        #featureSlider + ol#controls li a
        {
            color:#555555;
            float:left;
            height:19px;
            padding:0 10px;
            outline: none;
        }
    
    #featureSlider + ol#controls li#controls1 a
    {
        background:url(../Img/slider_nav.png) no-repeat 0 0;
    }
    
    #featureSlider + ol#controls li#controls1.current a
    {
        background-position:0 -19px;
    }
    
    #featureSlider + ol#controls li#controls2 a
    {
        background:url(../Img/slider_nav.png) no-repeat -20px 0;
    }
    
    #featureSlider + ol#controls li#controls2.current a
    {
        background-position:-20px -19px;
    }
    
    #featureSlider + ol#controls li#controls3 a
    {
        background:url(../Img/slider_nav.png) no-repeat -40px 0;
    }
    
    #featureSlider + ol#controls li#controls3.current a
    {
        background-position:-40px -19px;
    }
    
    #featureSlider + ol#controls li#controls4 a
    {
        background:url(../Img/slider_nav.png) no-repeat -60px 0;
    }
    
    #featureSlider + ol#controls li#controls4.current a
    {
        background-position:-60px -19px;
    }

/* -- Content Container -- */
#contentContainer         
{
    margin:30px 0;
    /*overflow:auto;*/  /* containg div - apply new clearfix method */
}

/* -- Content -- */
#content
{
    width:635px; /* this is wider than the 3*3 grid */
    float:left;
    /*background-color:Fuchsia;*/
}


/*-- Flash Video player -- */
div.player
{
    display:block;
    width:635px;
    height:268px;
    cursor:pointer;
}

/* -- Content styles -- */
#content h2
{
    font-style:italic;
    font-size:20px;
    color:#a20a10;
    margin:0 0 15px 0;
}

#content h3
{
    font-size:14px;
    font-style:italic;
    color:#4c4c4c;
    margin:0 0 10px 0;
}

#bodyText
{
    font-size:12px;   
}

#bodyText p
{
    
    margin:5px 0 10px 0;
}

#bodyText strong
{
    font-weight:bold;
}

#bodyText em
{
    font-style:italic;
}

#bodyText ul
{
    list-style-type:disc;
    margin:0 0 10px 30px;
    font-size:inherit;
}

#bodyText ol
{
    list-style-type:decimal;
    margin:0 0 10px 35px;
    font-size:inherit;
}

#shareFacebook
{
    background-color:#e0dbcf;
    height:28px;
    line-height:28px;
    text-align:right;
    margin:0 0 20px 0;
    padding:0 5px;
    
    font-size:10px;
}

#shareFacebook a
{
    color:#707173;
    padding:0 30px 0 0;
    line-height:28px;
    background:url(../img/facebook_small.png) no-repeat center right;
    
    display:inline-block;
}

/* -- Comments -- */
#comments
{
    margin:0 0 10px 0;
}

#comments h3 span
{
    color:#b2b2b2;
}

#comments ul
{
    border-top:1px solid #c4c4c4;
}

#comments li
{
    border-bottom:1px solid #c4c4c4;
    padding:10px 0;
    position:relative;
    color:#707070;
    
    font-size:12px;
}

#comments li span.commentDate
{
    float:right;
    color:#c6c7c8;
    margin:0 0 0 5px;
}

#comments li.author
{
    color:#a20a10;
}

/*-- Comment Form -- */
#commentForm
{
    margin:0 0 10px 0;
}

#commentForm input[type='text'],
#commentForm textarea
{
    border:1px solid #c8c8c8;
    width:200px;
    font-family:Arial,Helvetica,sans-serif; 
    
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#a20a10;
    padding:2px 3px;
}

#commentForm div
{
    margin:0 0 15px 0;
    position:relative;
}

#commentForm label
{
    position:absolute;
    left:220px;
    font-size:10px;
}

/* validation star */
#commentForm span
{
    position:absolute;
    left:210px;
}

#commentForm button
{
    background-color:#EB6D35;
    color:#FFFFFF;
    padding:5px 3px 4px;
    border:0;
    font-size:10px;
}

#commentForm div.captcha div
{
    margin:0;
    font-size:10px;
}

#commentForm div.captcha span
{
    position:absolute;
    left:220px;
}

#commentForm div.captcha img
{
    margin:0 0 4px 0;
}

/* -- Related Articles -- */
#relatedArticles
{
    border-top:1px solid #c4c4c4;
    padding:10px 0 0 0;
    /*overflow:auto;*/  /* containg div - apply new clearfix method */    
}

#content #relatedLinks
{
    float:left;
    margin:0 0 0 70px;
}

#relatedLinks a
{
    color:#eb6d35;
    font-size:12px;   
}

/* -- Textpage boxes container -- */
#textpageBoxes
{
    width:425px;
    float:left;
}

#textpageBoxes .item-1 a,
#textpageBoxes .item-2 a
{
    background: #fff url(../img/box-white.png) no-repeat;
    color: #707173;
}


/* -- Box item -- */

.boxItem
{
    float:left;
    width:206px; /*206 - */
    height:203px; /*203 - */
    margin:0 5px 5px 0;
}

.boxItem a
{
    text-decoration:none;
    display:block;
    padding:6px 9px 15px 7px;
    font-size:10px;
    
    background: #fff url(../img/box-white.png) no-repeat;
    color: #707173;
    
    /*overflow:auto;*/  /* containg div - apply new clearfix method */    
}

.boxItem span.header
{
    font-size:12px;
    display:block;   
}

.boxItem span.text
{
    font-size:10px;
    display:block;
}

.boxItem img
{
    display:block;
}

.boxItem span.link
{
    background-color:#eb6d35;
    color:#ffffff;
    padding:5px 3px 4px 3px;
    margin:7px 0 0 0;
    float:right;
}

.boxItem span.link:hover
{
    background-color:#c0b9a1;
    cursor:pointer;
}

.item-1 a
{
    background:url(../img/box-darkred.png) no-repeat;
    color: #ffffff;
}

.item-2 a
{
    background:url(../img/box-red.png) no-repeat;
    color: #ffffff;
}

.item-3 a
{
    background:url(../img/box-offwhite.png) no-repeat;
    color: #ffffff;
}

/* -- Box Item shadows -- */


/* -- Sidebar -- */
#sidebar
{
    width:140px;
    float:right;
    /*background-color:Fuchsia;*/
}

#sidebar a
{
    color:#707173;
    font-size:12px;
    text-decoration:none;
    margin:0 0 5px 0;
    display:block;
    outline: none;
}

#sidebar a:hover,
#sidebar a:active,
#sidebar a:focus
{
    color:#a20a10;
}

#sidebar a.facebookLink,
#sidebar a.twitterLink
{
    padding:0 0 0 40px;
    margin:10px 0 0 -40px;
    display:block;
    height:32px;
}

#sidebar a.facebookLink { background:url(../img/facebook_sidebar.png) no-repeat top left; }
#sidebar a.twitterLink { background:url(../img/twitter_sidebar.png) no-repeat top left; }

/* -- Sidebar twitter -- */
#recentTweets
{
    background:url(../img/tweet_bubble_top.png) no-repeat top left;
    margin:0 0 0 -40px;
    padding:30px 0 0 0;
    width:164px;
}

#recentTweets div#tweets
{
    background:url(../img/tweet_bubble_bottom.png) no-repeat bottom left;
    padding:0 5px 10px 5px;
    /*overflow:auto;*/  /* containg div - apply new clearfix method */  
    
}

#recentTweets .tweet
{
    color:#707173;
    font-style:italic;
    font-size:12px;    
}

#recentTweets .tweet div
{
    font-size:10px;
}

#recentTweets .tweet span
{
    color:#ea6d35;
}

#recentTweets a
{
    display:inline;
    color:#EA6D35;
    font-size:inherit;
}
    
#recentTweets a:hover
{
    color:#EA6D35;
    text-decoration:underline;
}

#recentTweets a.follow
{
    background-color:#eb6d35;
    color:#ffffff;
    padding:5px 3px 4px 3px;
    margin:7px 0 0 0;
    float:right;
    font-size:10px;
}

#recentTweets a.follow:hover
{
    background-color:#c0b9a1;
}


/* -- Footer -- */
#footer
{
    /*background-color:Yellow;*/
    font-size:12px;
    color:#707173;
    border-top:1px solid #a7a7a7;
    padding:10px 0 0 0;
}

#footer h5 a
{
    display:block;
    height:21px;
}

#footer h5#skanska-logo
{
    float:left;
    background:url(../Img/skanska_logo.png) no-repeat top left;
    width:139px;
    height:21px;
    
    text-indent:-100000px;
}

#footer h5#ferd-logo
{
    float:left;
    background:url(../Img/ferd_logo.png) no-repeat top left;
    width:102px;
    height:19px;
    
    text-indent:-100000px;
}

#footer p
{
    text-align:center;
    float:left;
    width:614px;
}

    #footer p strong,
    #footer p a
    {
        color:#707173;
        font-weight:bold;
    }

/* -- IE6 Message Box -- */
#ieUpgrade { border:2px solid #00972d; background-color:#c3fc72; padding:7px 12px; color:#000; font-size:12px; margin:0 0 10px 0; }
#ieUpgrade h3 { font-weight:bold; font-size:12px; color:#000; font-style:normal; margin:0; }
#ieUpgrade a { color:#00972d; text-decoration:underline; }
#ieUpgrade a:hover { text-decoration:none; }


/*
SUB & SUP fix 
http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=5341
*/
sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }


#wrapper { width:980px; padding:10px 0 20px 0;  margin:20px auto; background-color:#fff; -moz-box-shadow: 3px 3px 3px #9c9e91; -webkit-box-shadow: 3px 3px 3px #9c9e91; box-shadow: 3px 3px 3px #9c9e91; }

/* -- Top Cols -- */
#landingTop { height:366px; background-color:#eeebe3; }
#landingTop .row-1 { float:left; width:708px; height:366px; }
#landingTop .row-2 { float:left; width:218px; height:366px; position:relative; }
#landingTop .row-2 img { position:absolute; top:0; right:0; z-index:20; }

/* Design changed last minute */
#landingTop .row-2 .header { height:124px; /* 179-35 -20 = 124 */width:168px; /*218 -25 -25 = 168*/ padding:35px 25px 20px 25px; }
#landingTop .row-2 .header h2 { color:#2f2d28; font-size:28px; letter-spacing:1px; line-height:28px; }
#landingTop .row-2 .featureText { position:absolute; bottom:127px; height:44px; /*60 - 16 = 44*/ width:161px; /*218 -57 =161*/ padding:16px 0 0 57px;  background:#7ab51d url(../img/down-arrow-icon.png) no-repeat 9px 10px; color:#fff; font-size:16px; font-weight:bold;}
#landingTop .row-2 .featureText em { font-size:12px; display:block; }



/* -- Middle Cols -- */
#middleCols { height:110px; background-color:#eeebe3; }
#middleCols .col { float:left; width:212px; /*236-7-17=212px */ padding:13px 7px 0 17px; height:97px; /*110-13=97*/}
#middleCols .col-1 { width:218px; height:110px; background-color:#b30033; color:#fff; display:table; padding:0; }
#middleCols .col-2 { }
#middleCols .col-3 { }
#middleCols .col-4 { }

#middleCols .col-1 h3 { display:table-cell; vertical-align:middle; font-size:19px; font-weight:bold; padding:0 15px; }

#middleCols h4 { color:#282416; font-size:18px; font-weight:bold; }
#middleCols p { color:#322e22; font-size:12px; margin:0 0 2px 0; }
#middleCols a { display:inline-block; background:#707173 url(../img/raquo-icon.png) no-repeat 7px 7px; color:#fff; font-size:11px; font-weight:bold; text-decoration:none; padding:4px 10px 3px 18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#middleCols a:hover { background-color:#000; }

/* -- Bottom Cols -- */
#bottomCols { margin:20px 0; }
#bottomCols .col { float:left; width:218px; margin:0 0 0 18px; color:#666; font-size:12px; }
#bottomCols .col-1 { margin:0; }
#bottomCols .col-2 { }
#bottomCols .col-3 { }
#bottomCols .col-4 { }

#bottomCols h5 { color:#333; font-size:13px; font-weight:bold; }
#bottomCols p { margin:0 0 15px 0; }
#bottomCols a { color:#B30033; text-decoration:none; }
#bottomCols a:hover { text-decoration:underline; }


/* -- Flash building viewer -- */
#buildingViewer { height:300px; background-color:#EEEBE3; margin:0 0 -3px 0; }

#apartmentInfo {}

/*-- Middle cols variation -- */
/*
#apartmentInfo #middleCols { height:70px; }
#apartmentInfo #middleCols .col { height:70px; display:table; padding:0; width:236px; }
#apartmentInfo #middleCols .col-1 { width:218px; }
#apartmentInfo #middleCols .col-1 h3 { font-size:24px; }
#apartmentInfo #middleCols .col-2 {}
#apartmentInfo #middleCols .col-2 p { display:table-cell; vertical-align:middle; padding:0 15px; font-size:24px; color:#000; }
#apartmentInfo #middleCols .col-3 {}
#apartmentInfo #middleCols .col-4 {}
#apartmentInfo #middleCols .col-4 h4 { display:table-cell; vertical-align:middle; padding:0 15px;  color:#464950; font-size:36px; font-weight:bold; } 

#apartmentInfo #middleCols.apartments .col-2 { width:700px; }
*/

/*-- Middle cols variation -- */
#apartmentInfo #middleCols { height:80px; }
#apartmentInfo #middleCols .col { height:80px; }
#apartmentInfo #middleCols .col-1 { width:218px; }
#apartmentInfo #middleCols .col-1 h3 { font-size:24px; }

#apartmentInfo #middleCols.apartments .col { height:80px; display:table; padding:0; width:236px; }
#apartmentInfo #middleCols.apartments .col-1 { width:218px; }
#apartmentInfo #middleCols.apartments .col-2 {  display:table; }
#apartmentInfo #middleCols.apartments .col-2 p { display:table-cell; vertical-align:middle; padding:0 15px; font-size:24px; color:#000; }
#apartmentInfo #middleCols.apartments .col-3 {}
#apartmentInfo #middleCols.apartments .col-4 { display:table; }
#apartmentInfo #middleCols.apartments .col-4 h4 { display:table-cell; vertical-align:middle; padding:0 15px;  color:#464950; font-size:36px; font-weight:bold; }




.details { display:table-cell; vertical-align:middle; padding:0 15px; color:#000; font-size:12px; }
.details div { border-bottom:1px solid #c1bcad; padding:2px 0 0 0; }
.details div span { display:inline-block; width:105px; }
.details sup { font-size:8px; }

/*-- Bottom cols variation -- */
#apartmentInfo #bottomCols .col-1 {}
#apartmentInfo #bottomCols.apartments .col-1 { width:454px; background-color:#EFEFEF; }
#apartmentInfo #bottomCols h6 { font-size:14px; }


/* -- Article -- */
#articlePhoto { position:relative; }
#articlePhoto img { z-index:10; }
#articlePhoto a { position:absolute; z-index:20; top:10px; left:10px; background:url(../img/link-arrow.png) no-repeat 0 2px; padding:0 0 0 25px; color:#000; font-size:14px; text-decoration:none; font-family:Trebuchet MS, Arial, Sans-Serif; }

#articleCols { margin:25px 0 0 0; }
#articleCols .col-1 { float:left; width:690px; }
#articleCols .col-2 { float:right; }

#bodyText { color:#222; }
#bodyText h2 { font-size:36px; }
#bodyText h3 { font-size:16px; margin:0 0 13px 0; }
#bodyText .extract { margin:15px 0; color:#111; font-size:14px; font-family:Trebuchet MS, Arial, Sans-Serif; padding:12px 0; border-top:1px solid #999; border-bottom:1px solid #999;}

/* -- Gallery link */
a.gallery { position:relative; display:inline-block; }
a.gallery img { z-index:10; }
a.gallery img.enlarge { position:absolute; z-index:20; bottom:7px; right:4px;  }
a.hide { display:none; }

#bodyText a.gallery { float:right; margin:0 0 10px 10px; }

/* -- Price List -- */

#pricelist { background-image: url(../img/pricelist/title_back.gif); background-position: left top; background-repeat: repeat-x; padding:20px 0px 10px 0px; margin-right: 20px; width: 700px; float: left; }
#pricelist table { width: 700px; }


#pricelist th { background-color:#EEF0EF; color:#black; font-size:10px; font-weight:normal; padding:5px 15px 3px 3px; text-align:center; }
#pricelist tr { background-color:#faf8f2; border-bottom:1px solid #ddd; }
#pricelist tr td { padding:2px 5px; color:#222; font-size:11px; }
#pricelist tr td a { color:#222; display:block; height:100%; text-decoration:none; }
#pricelist tr td a span { color:#b30134; font-weight:bold; text-transform:uppercase; }

#pricelist tr.odd { background-color:#efefef; }
#pricelist tr.odd td {}
#pricelist tr.odd td a {}

#pricelist tr.sold { background-color:#eed1d2; }

#pricelist tr.data:hover { background-color:#fffac9; cursor:pointer; }

#pricelist tr.building { background-color:#8c8777; }
#pricelist tr.building td { color:#fff; font-size:16px; font-weight:bold; padding:5px 10px 3px 10px; }
#pricelist tr.floor {}
#pricelist tr.floor td { font-size:14px; font-weight:bold; padding:5px 10px 3px 10px; }


/* -- Price List Filters -- */
.priceFilters { margin:0 0 15px 0; }
.priceFilters .image { float:left; width:190px; }
.priceFilters .building { float:left; width:225px; }
.priceFilters .building label { display:inline-block; margin:0 0 0 5px; }
.priceFilters .sliders { float:left; margin:0 20px 0 0; width:340px; }
.priceFilters .sliders .slider  { font-size:12px; margin:0 0 10px 0; }
.priceFilters .slider .ui-slider { margin:2px 0 0 0; }
.priceFilters .viewAll { float:right; text-align:right; width:100px }

#pricelistfilter { width: 200px; float: left; padding-left: 0px; }
#pricelistfilter .filtersection { margin-bottom: 15px; }
#pricelistfilter h3 { font-size: 13px; color: #7D7D7D; margin-bottom: 0px; }
#pricelistfilter a.all { color: #5AACDE; margin-left: 15px; }
#pricelistfilter ul { list-style-type: none; margin-left:0px;}
#pricelistfilter ul li { padding: 5px 5px 5px 25px; margin-bottom: 2px;}
#pricelistfilter ul li.selected,
#pricelistfilter ul li.selected:hover { display: block; background: #FF5000 url(../img/pricelist/selected_back.gif) no-repeat left center; }
#pricelistfilter ul li a { text-decoration: none; color: Black;  font-size: 12px; }
#pricelistfilter ul li label { margin-left: 5px; }
#pricelistfilter ul li:hover { background-color: #ffe0d4; }
#pricelistfilter ul li.selected a,
#pricelistfilter ul li.selected label { color: White; }

#options { margin:10px 0 0 0; border-top:1px solid #d7d4b8; }
#options li { background-color:#f7f6ef; border-bottom:1px solid #d7d4b8; line-height:40px; height:40px; background-repeat:no-repeat; }
#options li a { display:block; height:40px; color:#333; padding:0 10px; }
#options li a:hover { text-decoration:none; }

#options li.facebook { background-image:url(../img/facebook-icon.png); background-position:185px 5px; }
#options li.pricelist { background-image:url(../img/pricelist-icon.png); background-position:185px 5px; }
#options li.pdf { background-image:url(../img/pdf-icon.png); background-position:185px 2px; }

#options_green  { margin:0 0 0 0; }
#options_green li  { width: 218px; background-color: #CBE99A; height: 46px; border-top: 2px solid white;}
#options_green li a   { padding-left: 55px; color: #5D8320; text-decoration: none; font-size: 15px; display: block; height: 46px; }

#options_green li.pdf { background-color: #7AB51D; background-image:url(../img/prospect_cover.png); background-repeat: no-repeat; height: 113px; border-top: 0px; }
#options_green li.pdf a { height: 113px; }
#options_green li.pdf a span.heading { margin-left: 40px; padding-top: 10px; display: block; font-size: 27px; font-weight: bold; color: White; }
#options_green li.pdf a span.meta { font-size: 12px; margin-left: 40px; padding-left: 38px; line-height: 33px; background-image:url(../img/btn_download_small.png); background-repeat: no-repeat; color: White; height: 33px; display: block; }

#options_green li.separator { height: 2px; padding: 0; margin: 0; border-top: 0px; background-color: #7AB51D; padding-bottom: 5px; }
#options_green li.separator hr { color: White; height: 2px; padding: 0px; margin: 0px; margin-left: 10px; margin-right: 10px; }

#options_green li.download { background:#7AB51D; border-top:0px; font-weight:bold; height:174px; }
#options_green li.download a { color:#fff; padding: 0px; height:174px; font-size:13px; }
#options_green li.download a img { margin:0 0 4px 0; }
#options_green li.download a img.dlBtn { float:left; margin:-6px 5px 0 0; }
#options_green li.download a span { display:block; font-size:15px; }


#options_green li.facebook { background-image:url(../img/icon_facebook.png);  background-position:9px; background-repeat: no-repeat; line-height: 46px; }
#options_green li.pricelist { background-image:url(../img/icon_pricelist.png); background-position:9px; background-repeat: no-repeat; line-height: 46px; }
#options_green li.contact  { background-image:url(../img/icon_contact.png); background-position:9px; background-repeat: no-repeat; line-height: 46px;}

ul#download_list { margin: 0px; }
ul#download_list li { width: 690px; height: 72px; border-top: 1px solid #999999; list-style: none; background-image:url(../img/btn_download_large.png); background-repeat: no-repeat; }
ul#download_list li.odd { background-color: #F8F7F4; }
ul#download_list li.even { background-color: #F1EFE8; }
ul#download_list li a { color: Black; text-decoration: none; display: block; width: 690px; height: 72px; }
ul#download_list li span { margin-left: 90px; float: left; }
ul#download_list li span.heading { font-weight: bold; padding-top: 10px;}
ul#download_list li span.description { clear: left; font-style: italic; font-size: 11px; }
ul#download_list li span.meta { clear: left; margin-left: 10px; margin-top: 10px; font-size: 8px; font-weight: bold; }
#download_list_heading { padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #999999; width: 690px; display: block; font-size: 12px; }

#contactTop { height:366px; background-color:#eeebe3; }
#contactTop .row-1 { float:left; width:455px; height:366px; }
#contactTop .row-2 { float:right; width:450px; height:346px; /*366 - 10 - 10= 346px*/ padding:10px 0; }

#contactTop .row-2 h3 { font-size:18px; color:#333; } 
#contactTop .row-2 h4 { font-size:18px; color:#333; }

#contactTop .row-2 .text { margin:20px 0 0 0; padding:0 10px 0 0; font-size:12px; color:#282416; }
#contactTop .row-2 .text a { display:inline-block; background:#707173 url(../img/raquo-icon.png) no-repeat 7px 7px; color:#fff; font-size:11px; font-weight:bold; text-decoration:none; padding:4px 10px 3px 18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#contactTop .row-2 .text a:hover { background-color:#000; }

#contactTop .row-2 .text .col-1 { float:left; width:190px; }
#contactTop .row-2 .text .col-1 h6 { font-size:14px; margin:0 0 20px 0; }
#contactTop .row-2 .text .col-2 { float:right; width:205px; }
#contactTop .row-2 .text .col-2 h6 { font-size:14px; }
#contactTop .row-2 .text img { float:left; }
#contactTop .row-2 .text strong { display:inline-block; font-weight:bold;}
#contactTop .row-2 .text .col-1 div, #contactTop .row-2 .text .col-2 div { margin:4px 0 0 0; }

#contactForm { margin:10px 0 0 0; }
#contactForm div { margin:0 0 4px 0; }
#contactForm label { font-size:11px; color:#505050; width:65px; /*70 -5 =65px */ padding:5px 5px 0 0; float:left; text-align:right; }
#contactForm textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:355px; /*365-5-5=355*/ height:60px; /*70 -5-5 =60*/ border:1px solid #d1ccc0; color:#666; padding:5px;  }
#contactForm input.txt { font-size:11px; width:355px; /*365-5-5=355*/ height:15px; /*25 -5-5 =15*/ border:1px solid #d1ccc0; color:#666; padding:5px; }
#contactForm input.btn { margin:6px 0 0 70px; background:#707173 url(../img/raquo-icon.png) no-repeat 7px 9px; color:#fff; font-size:12px;  padding:2px 10px 4px 18px; color:#fff; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.images { position:relative; }
.images #banner { position:absolute; top:0; right:0; z-index:20; }

.priceListCopy { margin:0 0 10px 0; }

#bodyText .featuredPDFs { overflow:auto; }
#bodyText .featuredPDFs .item { float:left; margin:0 25px 0 0; width:260px; }
#bodyText .featuredPDFs .item img { float:left; }
#bodyText .featuredPDFs .item h2 { color:#5b5342; font-size:24px; font-weight:bold; }
#bodyText .featuredPDFs .item h2 a { color:#5b5342; text-decoration:none; }
#bodyText .featuredPDFs .item em { color:#000; font-style:italic; font-size:11px; }
#bodyText .featuredPDFs .item em a { color:#000; text-decoration:none; }
#bodyText .featuredPDFs .item a.download { background:url(../img/btn_download_large.png) no-repeat -7px 0; color:#222; display:inline-block; font-size:12px; font-weight:bold; height:52px; line-height:52px; padding:0 0 0 40px; text-decoration:none; }


ul#priceNav
{
    margin: 0;
    margin-left: 5px;
}

ul#priceNav li
{ 
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center; 
    display: inline;
    color: #FFF;
    font-weight: bold;
}

    ul#priceNav li.selected
    { 
       background-color: #FFF;
       color: #000;
    }
    
    ul#priceNav li a
    {
        color: #FFF;
        text-decoration: none; 
    }
    ul#priceNav li.selected a
    {
        color: #000;
        text-decoration: none; 
    }

