/* THIS CODE IS NOW IN "Culture/(culurecode)/Assets/css/home.css" */


#homePageFlashContent
{
    z-index: 1;
    margin: 10px 0px 10px 2px;
    width: 990px;
    height: 390px;
    overflow: visible;
}

/* - - - Styles et al for the home News section - - - */
/* - - -    - - -    - - -    - - -    - - - */

#news
{
    width: 270px; /* height: 308px; */
    background-color: #dbdbdb;
    position: relative;
}

#news .headline
{
    width: inherit;
    height: 44px;
    background-color: #ffffff;
}

#news .colhead
{
    height: 44px;
    background-color: #ffffff;
    position: relative;
}

#news hr
{
    border: solid 2px #adacaa;
    width: 100%;
}

#news .newsitem
{
    width: 270px; /* height: 92px; */ /* border-width: 0px 0px 1px 0px; 	border-color: #adacaa; 	border-style: solid; */
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    border-bottom: 3px solid #ADACAA;
    padding-bottom: 20px;
}

#news .pic
{
    width: 85px;
    height: 46px;
    background-color: blue;
    background-repeat: no-repeat;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
    margin-right: 10px;
}

#news .newsitem h2
{
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: 5px;
    color: #3c3c3c;
    margin-bottom: 5px;
    margin-left: 12px;
}

#news .newsitem div
{
    font-size: 12px;
    color: #3c3c3c;
    color: #3c3c3c;
    margin-top: 12px;
}

#news .newsitem p
{
    height: auto;
    font-size: 11px;
    color: #3c3c3c;
    margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

#news .morelink
{
    font-weight: bold;
    text-decoration: none;
    color: #1e1d1d;
    margin: 0 12px 0 220px;
    display: inline;
}

#news a:link, #news a:active, #news a:visited
{
    text-decoration: none;
}

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

.newsTitle
{
    /*background-image: url('/assets/images/news/news-title.jpg'); 	background-repeat: no-repeat;*/
    height: 21px;
    width: 74px;
    position: relative;
    left: 12px;
    top: 14px;
    z-index: 2;
}

.newsCopy
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0px;
    position: relative;
    width: 150px;
    top: 15px;
    left: 104px;
}

/* - - - End of News section from Home Page - - - */





/* - - - Sampler Panel from Home Page here - - - */
/* - - - Definitely needs to be adjusted based on CMS delivery - - - */

#divShowHomePageSamplerContainer
{
    width: 715px;
    overflow: hidden;
    float: right;
}

#sampler
{
    width: 710px; /* height: 422px; */
    background-color: #dbdbdb;
    margin-top: 0px;
    margin-left: 5px;
    float: right;
    position: relative; /*padding-bottom:14px;  */
    z-index: 0;
}

#sampler .pic
{
    /* includes border in image file */ /* width: 262px; */ /* no border in image file */
    width: 256px;
    border: 3px solid white;
    position: relative;
    float: left;
    z-index: 5000;
}

/* redundant? will inherit? */
#sampler .samplerItem
{
    position: relative;
    width: 687px;
    left: 11px; /* height: 118px; */ /* messes with normalized spacing elsewhere */
    float: left;
    padding-bottom: 14px;
    border-bottom: solid 1px #f8f8f8;
}

#sampler #samplerItem1
{
    /* height: 134px; */
    width: 687px;
}

#sampler #samplerItem1 .pic
{
    /* includes border in image file */ /*  		height: 101px; 		background-image: url('/assets/images/trade-centers/home_27.jpg'); 	*/ /* no border in image file */
    height: 95px;
    background-image: url('/assets/images/trade-centers/home2_30.jpg');
}

#sampler #samplerItem2
{
    /* height: 118px; */
    width: 687px;
    padding-top: 12px;
    border-top: solid 1px #b8b8b8;
}

#sampler #samplerItem2 .pic
{
    /* includes border in image file */ /*  		height: 100px; 		background-image: url('/assets/images/trade-centers/home_35.jpg'); 	*/ /* no border in image file */
    height: 94px;
    background-image: url('/assets/images/trade-centers/home2_41.jpg');
}

#sampler #samplerItem3
{
    /* height: 134px; */
    width: 687px;
    padding-top: 12px;
}

#sampler #samplerItem3 .pic
{
    /* includes border in image file */ /*  		height: 101px; 		background-image: url('/assets/images/trade-centers/home_40.jpg'); 	*/ /* no border in image file */
    height: 95px;
    background-image: url('/assets/images/trade-centers/home2_50.jpg');
}

#sampler .samplerDivider
{
    width: 701px;
    height: 2px; /*	padding-bottom:10px; */
    background-image: url('/assets/images/trade-centers/sampler-divider_1x2.jpg');
    background-repeat: repeat-x;
    position: relative;
    margin-left: 7px;
    float: left;
}

#sampler .samplerItem .infct
{
    position: relative;
    left: 18px;
    width: 417px; /*	height: 118px; */
    float: left;
}
#sampler .samplerItemRSS
{
    height: 16px;
    width: 16px;
    background-image: url('/assets/images/trade-centers/feed-icon-16x16.png');
    background-repeat: no-repeat;
    float: left;
    margin-right: 17px;
}

#sampler .samplerItemNav
{
    position: relative;
    color: #5d5d5d;
    float: left;
}

#sampler .samplerItemNav a:active, #sampler .samplerItemNav a:hover, #sampler .samplerItemNav a:link, #sampler .samplerItemNav a:visited
{
    position: relative;
    margin-right: 17px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    color: #5d5d5d;
    text-decoration: none;
}

#sampler .samplerItemPosted
{
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    float: left;
    clear: both;
    margin-left: 1px;
}


#sampler .samplerItemTitle
{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    color: #5d5d5d;
    float: left;
    clear: both;
    margin-top: 8px;
    width: 100%;
}

#sampler .samplerItemBlurb
{
    position: relative; /* font-weight: bold;*/
    line-height: 13px;
    color: #000000;
    float: left;
    clear: both;
    top: 7px;
    width: 100%;
}

#sampler .samplerItemBlurb p
{
    font-size: 12px !important;
}

#sampler .samplerItemBlurb #project_steps
{
    display: none;
}

/* - - - end Sampler panel for home page - - - */



#headerLinks
{
    position: relative;
    float: right;
    min-width: 350px; /* A.Dove | Added IE6/7 bug fix limiting min-width */ /* width: expression(document.body.clientWidth < 762 ? "740px" : "100%" );*/
    margin-top: -27px; /*	right: 24px; */
}

#headerLinks, #headerLinks a, #headerLinks a:visited
{
    font-weight: bold;
    color: #b9b9b9;
    text-decoration: none;
}

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

.panelTitle
{
    font-size: 18px;
    color: #ffffff;
}



/* NEW PRODUCTS SAMPLER
replaces PLUCK for launch */

#newProductsSampler
{
    background-color: #ffffff;
    float: right;
    height: auto;
    margin-top: 0px;
    margin-left: 5px;
    padding-bottom: 14px;
    position: relative;
    width: 710px;
    z-index: 0;
}

#newProductsSampler #samplerItems
{
    height: auto;
    margin: 5px 0px 20px 0px;
    width: 710px;
}

#newProductsSampler #samplerItems div.samplerItem
{
    clear: both;
    display: block;
    height: auto;
    margin: 15px 15px 5px 15px;
    position: relative;
    width: 675px;
}

#newProductsSampler #samplerItems div.samplerItemSeparator
{
    background-color: #adacaa;
    clear: both;
    display: block;
    height: 3px;
    font-size: 1px;
    line-height: 0px;
    margin: 15px 0px 0px 0px;
    width: 710px;
}


#newProductsSampler #samplerItems div.samplerItem div.samplerItemImg
{
    border: solid 1px #dbdbdb;
    display: block;
    float: left;
    height: 200px;
    width: 200px;
    margin: 0px 15px 20px 0px;
    z-index: 5;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemImg img
{
    border: 0px;
    z-index: 6;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo
{
    display: block;
    left: 215px;
    margin-right: 15px;
    position: absolute;
    top: 0px;
    z-index: 4;
}
#newProductsSampler #samplerItems .samplerItem div.samplerItemInfo p.samplerItemName, #newProductsSampler #samplerItems .samplerItem div.samplerItemInfo p.samplerItemName a, #newProductsSampler #samplerItems .samplerItem div.samplerItemInfo p.samplerItemName a:visited
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    text-decoration: none;
}
#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo p.samplerItemDescription
{
    color: #000000;
    font-size: 12px;
    display: block;
    margin-bottom: 6px;
}
#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo ul
{
    color: #000000;
    font-size: 12px;
    list-style-type: disc;
    margin-bottom: 15px;
    margin-left: 25px;
}
#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable
{
    border: solid 1px #dbdbdb;
    color: #000000;
    font-size: 12px;
    left: 0px;
    margin-bottom: 6px;
    position: relative;
    width: 400px;
}
#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.oddrow
{
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.evenrow
{
    background-color: #dbdbdb;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.oddrow td.spec
{
    padding: 3px;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.oddrow td.value
{
    padding: 3px;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.evenrow td.spec
{
    background-color: #dbdbdb;
    padding: 3px;
}

#newProductsSampler #samplerItems div.samplerItem div.samplerItemInfo table.specsTable tr.evenrow td.value
{
    background-color: #dbdbdb;
    padding: 3px;
}

.infct
{
    float: left;
    border-bottom: 1px white solid;
    padding-bottom: 25px;
    width: 710px;
    height: auto;
    padding-top: 25px;
}
.main
{
    float: left;
    width: 150px;
    border: 4px white solid;
    margin-left: 25px;
    margin-right: 25px;
}
.textarea
{
    float: left;
    width: 480px;
}

.textarea .blogRecs
{
    float: left;
    clear: both;
    margin-top: 15px;
    width: 400px;
}

.textarea .blogRecs span
{
    float: left;
    clear: none;
}

.title
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    clear: both;
    margin-top: 10px;
}
.title a:link
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.title a:visited
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.title a:hover
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}