/*	AddToCalendar-Module */

div.addToOutlook
{
    margin: 0 0 10px 0;
    padding: 7px;
    display: block;
}
div.addToOutlook br
{
    clear: both;
}
div.addToOutlook .clear
{
    margin: 0;
    padding: 0;
    clear: both;
}
div.addToOutlook .lColumn
{
    width: 100px;
    float: left;
    height: 16px;
}
div.addToOutlook h3
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
div.addToOutlook .LDate
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}
div.addToOutlook .AddToCalendarImageButton
{
    float: right; /*margin: -25px 25px 10px 0;*/
}
div.addToOutlook .AddToCalendarButton
{
    float: right; /*margin: -27px 0 10px 0;*/
    padding: 4px;
    background-color: #999999;
    color: #ffffff;
    font-size: 70%;
    font-weight: bold;
}

/*	= Email Page Link - Styles
----------------------------------------------- */

a.addToFavourites
{
    display: block;
    margin-bottom: 10px;
}

/*	= Common Styles Grouped together
----------------------------------------------- */

.layoutBlock
{
    margin: 0 0 20px 0;
    padding: 0;
}
.clear
{
    margin: 0;
    padding: 0;
    clear: both;
}

/*	=One column style - this will be used by the dynamic content layout control
----------------------------------------------- */
.oneColumn
{
}
.oneColumn .firstBlock
{
    float: left;
    width: 100.0%;
    margin: 0 0 0 0;
}


/*	=Two Column Styles
----------------------------------------------- */
.twoColumns
{
}
.twoColumns .firstBlock
{
    float: left;
    width: 50.0%;
    margin: 0 0 20px 0;
}

.twoColumns .secondBlock
{
    float: right;
    width: 50.0%;
    margin: 0 0 20px 0;
}


/*------- twoColumns styles ends here ------- */



/*------- threeColumns styles starts here ------- */

.threeColumns
{
}
.threeColumns .firstBlock
{
    float: left;
    width: 33.33%;
    margin: 0 0 20px 0;
}
.threeColumns .secondBlock
{
    float: left;
    width: 33.33%;
    margin: 0 0 20px 0;
}
.threeColumns .thirdBlock
{
    float: right;
    width: 33.27%;
    margin: 0 0 20px 0;
}



/*------- threeColumns styles ends here ------- */


/*------- fourColumns styles starts here ------- */

.fourColumns
{
}
.fourColumns .firstBlock
{
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
}
.fourColumns .secondBlock
{
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
}
.fourColumns .thirdBlock
{
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
}
.fourColumns .fourthBlock
{
    float: left;
    width: 24.5%;
    margin: 0 0 20px 0;
}



/*------- fourColumns styles ends here ------- */


/*------- seventyThirtyColumn styles starts here ------- */

.seventyThirtyColumn
{
}
.seventyThirtyColumn .seventy
{
    float: left;
    width: 70%;
    margin: 0 0 20px 0;
}
.seventyThirtyColumn .thirty
{
    float: right;
    width: 30%;
    margin: 0 0 20px 0;
}


/*------- seventyThirtyColumn styles ends here ------- */


/*------- thirtySeventyColumn styles starts here ------- */

.thirtySeventyColumn
{
}
.thirtySeventyColumn .thirty
{
    float: left;
    width: 30%;
    margin: 0 0 20px 0;
}
.thirtySeventyColumn .seventy
{
    float: right;
    width: 70%;
    margin: 0 0 20px 0;
}


/*------- thirtySeventyColumn styles ends here ------- */



/*------- fiftyTwentyfiveTwentyfive styles starts here ------- */

.fiftyTwentyfiveTwentyfive
{
}
.fiftyTwentyfiveTwentyfive .firstBlock
{
    float: left;
    width: 50%;
    margin: 0 0 20px 0;
}
.fiftyTwentyfiveTwentyfive .secondBlock
{
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
}
.fiftyTwentyfiveTwentyfive .thirdBlock
{
    float: right;
    width: 24.95%;
    margin: 0 0 20px 0;
}



/*------- fiftyTwentyfiveTwentyfive styles ends here ------- */


/*------- twentyfiveTwentyfiveFifty styles starts here ------- */

.twentyfiveTwentyfiveFifty
{
}
.twentyfiveTwentyfiveFifty .firstBlock
{
    float: left;
    width: 25%;
    margin: 0 0 20px 0;
}
.twentyfiveTwentyfiveFifty .secondBlock
{
    float: left;
    width: 24.95%;
    margin: 0 0 20px 0;
}
.twentyfiveTwentyfiveFifty .thirdBlock
{
    float: right;
    width: 50.0%;
    margin: 0 0 20px 0;
}


/*------- twentyfiveTwentyfiveFifty styles ends here ------- */

/* Body Content */
.bodyContent
{
    display: block;
    margin-bottom: 10px;
}
.bodyContentMainBody ul
{
    margin: 0 0 0 20px;
}
.bodyContentMainBody ol
{
    margin: 0 0 0 20px;
}
.bodyContentMainBody ul li
{
    line-height: 1.6em;
    padding: 10px 0 0 10px;
}

/* Concertina */


/* RESET */
.ExpandablePS div, .ExpandablePS img, .ExpandablePS strong
{
    margin: 0;
    padding: 0;
}
.ExpandablePS img
{
    border: none;
}
.ExpandablePS .clear0
{
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/* GLOBAL DEFAULTS */
.ExpandablePS a
{
    color: green;
    text-decoration: none;
}
.ExpandablePS a:hover, .ExpandablePS a:hover strong
{
    text-decoration: underline;
}

/* LIBRARY */
.ExpandablePS .hide
{
    display: none !important;
}
.ExpandablePS .hr
{
    clear: both;
    margin: 8px 0 0 0 !important;
    padding: 0;
    border-top: 1px solid #A1A5B0;
    border-bottom: 1px solid #EDF1FC;
    height: 0;
    line-height: 0;
    font-size: 0;
    width: 100%;
    display: inline;
    position: relative;
    float: left;
}


/* STRUCTURE */

/* group floats for compact code*/
.ExpandablePS
{
    display: inline;
    position: relative;
    float: left;
}

.ExpandablePS
{
    width: 100%;
    font-size: 0.8em;
    font-family: Helvetica, Arial, sans-serif;
}
.ExpandablePS .ModuleTextPadding
{
    padding: 0 0 0 2px;
}
.ExpandablePS .ModuleTitle
{
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 1.2em;
}

.ExpandablePS .Section
{
    border-bottom: 1px solid #666666;
}
.ExpandablePS .SectionTitle
{
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.ExpandablePS .SectionTitle a
{
    display: block;
    padding: 8px 0 8px 0;
    height: 21px;
    line-height: 21px;
    color: #003399;
    background: url(/Images/Modules/Concertina/minus.gif) no-repeat 0 50%;
}
.ExpandablePS .SectionTitle a, .ExpandablePS .ExpandableContentArea
{
    padding-left: 30px;
}
.ExpandablePS .SectionTitle a:hover
{
    text-decoration: none;
}
.ExpandablePS .ExpandableContentArea p
{
    margin: 0 0 8px 0;
    padding: 0;
}

/* closed */
.ExpandablePS .Closed .SectionTitle a
{
    background-image: url(/Images/Modules/Concertina/plus.gif);
}
.ExpandablePS .Closed .ExpandableContentArea
{
    display: none;
}


/*curved corner styles for all headers - AS A MODULE DRAG AND DROP OPTION */

body .header-deep
{
    position: relative;
    padding: 10px 0 0 10px;
    overflow: hidden;
    background: url(/Images/Modules/HeadingsBg.gif) 0 0 no-repeat;
    height: 32px;
    color: Red;
}
body .header-deep span.cap
{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 9px;
    height: 42px;
    background: url(/Images/Modules/HeadingsBgCap.gif) 0 0 no-repeat;
}
h2
{
    font-weight: bold;
    color: #cc0000;
    margin: 0;
    padding: 0;
}
h2 span.color
{
    color: #666666;
}

/* DirectorySearch */

.directory-search
{
    clear: both;
    position: relative;
    margin: 0 0 10px 0;
}
.directory-search h3
{
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 160%;
}
.directory-search .form
{
    height: 108px;
}
.directory-search .form fieldset
{
    position: relative;
    clear: both;
}
.directory-search .form fieldset legend
{
    display: none;
}
.directory-search .form fieldset .frow
{
    font-size: 100%;
}
.directory-search .form fieldset .frow label
{
    display: block;
    padding: 10px 0;
}
.directory-search .form fieldset .frow label span.label
{
    display: block;
    float: left;
    width: 110px;
    padding-top: 5px;
    font-size: 90%;
    font-weight: bold;
    padding-bottom: 5px;
}
.directory-search .form fieldset .frow label span.field
{
    display: block;
    float: left;
    width: 300px;
}
.directory-search .form fieldset .frow label span.hint
{
    display: block;
    padding: 2px 3px;
    color: #999999;
}
.directory-search .form fieldset .frow-text
{
    position: absolute;
    top: 50px;
    left: 20px;
    width: 510px;
}
.directory-search .form fieldset .frow-text label span.field
{
    width: 395px;
    height: 27px;
}
.directory-search .form fieldset .frow-text label span.field input
{
    width: 360px;
    background: #FFFFFF;
    border: none;
    color: #666666;
    padding: 2px 6px 0 6px;
    margin: 2px 10px 0 10px;
}
.directory-search .form fieldset .frow-action
{
    position: absolute;
    top: 50px;
    right: 18px;
    width: 65px;
    padding: 10px 0;
}
.directory-search .form fieldset .frow-action span.forward
{
    padding: 0 0 0 10px;
}
.directory-search .form fieldset .frow-action span.return
{
    padding: 0 0 0 5px;
}
.directory-search .form fieldset .frow:after, .directory-search .form fieldset:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.directory-search .three-up-supplier-pane
{
    width: 100%;
}
.directory-search .three-up-supplier-pane:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane
{
    float: left;
    width: 190px;
    margin: 10px 7px;
    display: inline;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .image
{
    float: left;
    width: 80px;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .content
{
    float: left;
    width: 110px;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .content h4
{
    color: #ffffff;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .content h4 a
{
    color: #ffffff;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .content p
{
    margin: 10px 0;
    color: #cccccc;
    padding: 0;
}
.directory-search .three-up-supplier-pane .one-up-suplier-pane .content p.action a
{
    background: url(../../Images/Global/Icons/LinkArrowRightWhite.gif) center left no-repeat;
}


.directory-search .advanceSearch a
{
    position: absolute;
    top: 88px;
    left: 19px;
    font-weight: bold;
    text-decoration: none;
}
.directory-search .advanceSearch a:hover
{
    text-decoration: underline;
}

/*	=  Download Plugin Link - Styles
----------------------------------------------- */

div.downloadPlugin
{
    display: block;
    margin-bottom: 10px;
}

/*	= Email a Friend Page - Form Styles
----------------------------------------------- */

div#emailFriend br
{
    clear: left;
}
div#emailFriend form .clear
{
    clear: both;
    margin: 0;
    padding: 0;
}
div#emailFriend
{
    margin: 0;
    padding: 0;
    width: 510px;
    border: 1px solid #666666;
}
div#emailFriend h4
{
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 100%;
    font-weight: normal;
}
div#emailFriend .brandLogo
{
    text-align: left;
    margin: 0;
    padding: 5px 0 5px 10px;
    border: 0;
}
div#emailFriend h2
{
    text-align: left;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 110%;
}
div#emailFriend h3
{
    text-align: left;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 110%;
}
div#emailFriend .required
{
    text-align: right;
    margin: 5px 13px 5px 0;
}


/*	= Controls the Enter Recipient Box at the top
----------------------------------------------- */

div#emailFriend .recipients
{
    display: block;
    width: 485px;
    height: auto;
    padding: 0;
    margin: 5px 0 0 10px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
}
div#emailFriend .recipients .error
{
    margin: 0;
    padding: 0 0 0 10px;
}
div#emailFriend .recipients p
{
    padding: 5px 0 0 10px;
    margin: 0;
    width: 475px;
    display: block;
    font-size: 90%;
}
div#emailFriend .recipients label
{
    margin: 0;
    padding: 0 0 0 10px;
    width: 475px;
    font-size: 110%;
}
div#emailFriend .recipients input
{
    position: absolute;
    display: block;
    width: 463px;
    padding: 0;
    margin: 10px 0 10px 10px;
}


/*	= Controls the rest of the form Label & Inputs
----------------------------------------------- */

div#emailFriend form label
{
    float: left;
    width: 150px;
    margin: 0px 0 0 10px;
    padding: 0;
}
div#emailFriend form input
{
    float: left;
    width: 331px;
    margin: 0 0 20px 0;
}
div#emailFriend form textarea
{
    float: left;
    width: 333px;
    height: 150px;
    margin: 0 0 20px 0;
}
div#emailFriend form .boxes input
{
    width: 10px;
    height: 20px;
    padding: 0;
    float: left;
    clear: right;
}
div#emailFriend form .copyme
{
    float: left;
    width: 200px;
    margin: 0 0 15px 5px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

/*	= Controls the Cancel & Send Buttons
----------------------------------------------- */

div#emailFriend form .cancel
{
    width: 80px;
    height: 25px;
    background: #666666;
    margin: 0px 0px 0 10px;
    color: #ffffff;
}
div#emailFriend form .send
{
    float: right;
    width: 80px;
    height: 25px;
    background: #666666;
    margin: 0 10px 0 0;
    color: #ffffff;
}

/*	= Controls the Error Message display
----------------------------------------------- */
div#emailFriend .error
{
    padding: 0;
    color: #FF0000;
}


/*	= Email Page Link - Styles
----------------------------------------------- */

div.emailPage
{
    display: block;
    margin-bottom: 10px;
}

/* Form Builder Styles */
.xformContainer
{
    margin: 0 0 10px 0;
}
.xForm td
{
    margin: 0;
    padding: 15px 0 0 0;
    clear: both;
}
.formFirstColumn
{
    width: 20%;
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.formThirdColumn
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    width: 100%;
}
.formThirdColumn span
{
    padding: 0 0 0 7px;
    margin: 0;
}
.xformvalidator
{
    float: left;
    margin: 0;
    padding: 0;
    color: #FF0000;
}
.xForm textarea
{
    margin: 0;
    padding: 0;
    height: 150px;
    width: 99%;
}
.button
{
    border: 1px solid #666666;
    background: #cccccc;
    color: #000000;
    font-weight: bold;
}

/* Forum Modules Styles */
.forumsummary
{
    margin: 0 0 10px 0;
    border: solid 1px black;
}
.forumsummary .fsumleft
{
    float: left;
}
.forumsummary .fsumright
{
    float: right;
}
.forumsummary .fsumleft img
{
    width: 150px;
    height: 150px;
}

/****************************************
| ** Topic Table Module
|
| Created by: Rob Hayward
| Date Created: 2008-18-06
| Copyright 2008 Lightmaker Manchester
|
****************************************/

.topic-table
{
    padding: 0 20px;
}
.topic-table p.action
{
    text-align: right;
}
.topic-table table
{
    width: 99%;
}
.topic-table table th
{
    padding: 4px 0 8px 0;
    color: #000000;
    font-weight: bold;
}
.topic-table table th.column-1
{
    width: 40%;
}
.topic-table table th.column-2
{
    width: 60%;
}
.topic-table table tr td
{
    border-bottom: 1px #CCCCCC solid;
    padding: 4px 0;
    padding-right: 4px;
}
.topic-table table tr td.alt
{
}
.topic-table-threads table
{
}
.topic-table-threads table th.column-1
{
    width: 40%;
}
.topic-table-threads table th.column-2
{
    width: 15%;
}
.topic-table-threads table th.column-3
{
    width: 15%;
}
.topic-table-threads table th.column-4
{
    width: 20%;
}
.topic-table-threads table tr td
{
}
/* IMAGE CAROUSEL 
------------------------------------------------*/

/* RESET */
.ImageCarousel div, .ImageCarousel span, .ImageCarousel img, .ImageCarousel strong
{
    margin: 0;
    padding: 0;
}
.ImageCarousel img
{
 border: 1px;
}

/* GLOBAL DEFAULTS */
.ImageCarousel a
{
    color: green;
    text-decoration: none;
}
.ImageCarousel a:hover, .ImageCarousel a:hover strong
{
    text-decoration: underline;
}
.ImageCarousel p, .ImageCarousel h1, .ImageCarousel h2, .ImageCarousel h3, .ImageCarousel h4, .ImageCarousel h5, .ImageCarousel h6, .ImageCarousel h7
{
    margin: 8px 0 0 0;
    padding: 0;
}
.ImageCarousel p
{
    font-size: 1em;
}

/* LIBRARY */
.ImageCarousel .clear0
{
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.ImageCarousel .hide
{
    display: none !important;
}
.ImageCarousel .hr
{
    clear: both;
    margin: 8px 0 0 0 !important;
    padding: 0;
    border-top: 1px solid #A1A5B0;
    border-bottom: 1px solid #EDF1FC;
    height: 0;
    line-height: 0;
    font-size: 0;
    width: 100%;
    display: inline;
    position: relative;
    float: left;
}

/* STRUCTURE */
/* group floats for compact code*/
.ImageCarousel, .ImageCarousel .ModuleDescription, .ImageCarousel .ImageNumberStatus, .ImageCarousel .CarouselBackground, .ImageCarousel .Pagination ul, .ImageCarousel .BackScrollControl, .ImageCarousel .BackScrollControl a, .ImageCarousel .ForwardScrollControl, .ImageCarousel .ForwardScrollControl a, .ImageCarousel .MaxWidth, .ImageCarousel .CarouselImageList, .ImageCarousel .CarouselImageList li, .ImageCarousel .CarouselImageLink, .ImageCarousel .SupImgDesc, .ImageCarousel .SupImgDescBox, .ImageCarousel .SupImgDescImage
{
    display: inline;
    position: relative;
    float: left;
}


.ImageCarousel
{
    width: 100%;
    font-size: 0.8em;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
.ImageCarousel .ModuleTitle
{
    margin: 0;
    padding: 0 8px;
    font-size: 1.8em;
    font-weight: normal;
    color: #434544;
}
.ImageCarousel .ModulePadding
{
    clear: both;
    padding: 0 10px;
}
.ImageCarousel .ModuleDescription
{
    width: 380px;
}
.ImageCarousel .ImageNumberStatus
{
    float: right;
    font-size: 1em;
}

/*syncrhonised: 
					.CarouselBackground - margin bottom
					.SupImgDescPointer - top
					.SupImgDescBox - top 
				*/
.ImageCarousel .CarouselBackground
{
    clear: both;
    margin: 16px 0 0 0;
    width: 100%; /* safari */
    width: 524px;
    background: #A92BCD;
}
/* Pagination */
.ImageCarousel .Pagination ul, .ImageCarousel .BackScrollControl, .ImageCarousel .BackScrollControl a, .ImageCarousel .ForwardScrollControl, .ImageCarousel .ForwardScrollControl a
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ImageCarousel .Pagination ul
{
    width: 100%;
}
/* safari */
.ImageCarousel .ForwardScrollControl, /*fix ie6, and ie7*/ .ImageCarousel .ForwardScrollControl a, /*fix ie6, and ie7*/ .ImageCarousel .BackScrollControl, .ImageCarousel .BackScrollControl a
{
    width: 18px;
    height: 141px;
}

.ImageCarousel .BackScrollControl a
{
    background: url(/Images/Modules/ImageCarousel-Module/back_scroll_control.jpg) no-repeat;
}
.ImageCarousel .ForwardScrollControl
{
    float: right;
}
.ImageCarousel .ForwardScrollControl a
{
    background: url(/Images/Modules/ImageCarousel-Module/forward_scroll_control.jpg) no-repeat;
}

/* isScrolling*/
.ImageCarousel .BackScrollControl a.IsScrolling
{
    background-image: url(/Images/Modules/ImageCarousel-Module/back_scroll_control_scrolling.jpg);
}
.ImageCarousel .ForwardScrollControl a.IsScrolling
{
    background-image: url(/Images/Modules/ImageCarousel-Module/forward_scroll_control_scrolling.jpg);
}


/*disabled */
.ImageCarousel .BackScrollControl a.disabled
{
    background-image: url(/Images/Modules/ImageCarousel-Module/back_scroll_control_disabled.jpg);
}
.ImageCarousel .ForwardScrollControl a.disabled
{
    background-image: url(/Images/Modules/ImageCarousel-Module/forward_scroll_control_disabled.jpg);
}

/* Image Carousel */
.ImageCarousel .Scroll
{
    z-index: 3;
    position: absolute;
    margin: -150px 0 0 18px;
    padding: 0;
    width: 488px;
    height: 156px;
    overflow: hidden;
}

.ImageCarousel .Scroll .MaxWidth
{
    width: 3000000px;
    height: 100%;
}
/*.ImageCarousel .Scroll .MaxWidth{position:absolute; left:-420px;	*/

.ImageCarousel .CarouselImageList
{
    margin: 0;
    padding: 0;
    height: 100%; /*width:480px;*/
}
/* explicit width width:488px - intMarginLeft */

/*position static fixes ie margin left bug*/
.ImageCarousel .CarouselImageList li
{
    position: static;
    margin: 28px 0 0 20px;
    padding: 0;
    height: 100%;
    list-style-type: none;
}
.ImageCarousel .CarouselImageLink
{
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.ImageCarousel .CarouselImageFrame
{
    padding: 4px 4px 2px 4px;
    background: white;
    display: block;
}

.ImageCarousel .CarouselImage
{
    border: 1px solid #aaaaaa;
    width: 87px;
    height: 87px;
}

.ImageCarousel .CarouselImageList li .SupImgDescBox
{
    display: none;
}

/* selected image */
/*position static fixes ie margin left bug*/
.ImageCarousel .CarouselImageList li.UnSelectedImage
{
    margin: 28px 0 0 8px;
}
.ImageCarousel .CarouselImageList li.SelectedImage
{
    position: static;
    margin: 0 0 0 8px;
    background: url(/Images/Modules/ImageCarousel-Module/sup_img_desc_pointer.gif) no-repeat 50% 100%;
}
.ImageCarousel .SelectedImage .CarouselImageLink
{
    margin: 0;
    padding: 0;
}
/* padding bottom instead of margin for ie javacsript mouseout HIDE*/
.ImageCarousel .SelectedImage .CarouselImage
{
    width: 147px;
    height: 123px;
}

.ImageCarousel .CarouselImageList li.isLoading
{
}


.ImageCarousel .SupImgDesc
{
    clear: both;
    margin: 0 0 0 0;
    width: 524px;
    display: inline;
    position: relative;
    float: left;
}
/* synchronised
							.Scroll{height}
							.SupImgDescBox{margin-top}							
						*/
.ImageCarousel .SupImgDesc .SupImgDescBox
{
    display: block;
}
.ImageCarousel .SupImgDescBox
{
    padding: 8px;
    margin: 5px 0 0 0;
    border: 1px solid #9BA9C3;
    background: white;
    width: 506px;
}
.ImageCarousel .SupImgDescImage
{
    margin: 0 22px 0 0;
    width: 147px;
    height: 123px;
    border: 1px solid #DBDBDB;
    vertical-align: text-top;
}
.ImageCarousel .GroupText
{
}
.ImageCarousel .SupImgDescTitle
{
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    font-weight: normal;
    color: #434544;
}
.ImageCarousel .SupImgDescLink
{
    position: absolute;
    bottom: 8px;
    right: 8px;
    clear: both;
    text-align: right;
}

/* OVERLAY */
.ImageCarousel-Overlay .SupImgDesc
{
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
}
.ImageCarousel-Overlay .SupImgDescBox
{
    width: 250px;
}
.ImageCarousel-Overlay .SupImgDescImage
{
    margin: 0 8px 0 0;
    width: 60px;
    height: 60px;
}
.ImageCarousel-Overlay .GroupText
{
    font-size: 0.9em;
}
.ImageCarousel-Overlay .SupImgDescTitle
{
    font-size: 1.1em;
    font-weight: bold;
}
.ImageCarousel-Overlay .SupImgDescLink
{
}



/*	= Image - Styles
----------------------------------------------- */

div.image
{
    display: block;
    margin-bottom: 10px;
}

/* JS Block */

div.jsBlock
{
    margin: 0;
    padding: 0;
}

/* News Feed module */

/* TopNewsItemsByCategory (News Summary) */

.news-item
{
    margin: 0 0 10px 0;
}
.news-item .news-item-content
{
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
}
.news-item .news-item-content p
{
    padding: 12px;
}
.news-item .news-item-content .column-1
{
    width: 30%;
    float: left;
}
.news-item .news-item-content .column-1 img
{
    border: 1px #ffffff solid;
}
.news-item .news-item-content .column-2
{
    width: 70%;
    float: left;
}
.news-item .news-item-content .column-2 h3
{
    margin: 12px;
    font-size: 1em;
}
.news-item .news-item-content .column-2 h3 a
{
    color: #cc0000 !important;
}
.news-item .news-item-content .column-2 p.action
{
    padding: 3px 10px;
    margin-left: 3px;
}
.news-item .news-item-content .column-2 p.date
{
    padding: 0 0 0 12px;
    margin: 0;
    color: #666666;
}
.news-item .news-item-content .column-3
{
    width: 100%;
    float: left;
    clear: both;
    background-color: #ededed;
    margin-top: 5px;
}
.news-item .news-item-content .column-3 p.action
{
    padding: 12px 10px;
}
.news-item .news-item-content ul
{
    list-style: none;
    margin-left: 12px;
}
.news-item .news-item-content ul li
{
    padding: 2px 0 2px 14px;
    background: url(/RNA/RNA_Interphex_365/Framework_images/Icons/LinkArrowRight.gif) 0 5px no-repeat;
}
.news-item .news-item-content ul li span.date
{
    display: block;
    margin-top: 4px;
    color: #666666;
}

/* News-List */

.news-list
{
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
}
.news-list ul
{
    list-style: none;
}
.news-list ul li
{
}
.news-list .news-item
{
    margin: 10px 15px 0px 15px;
    padding-top: 10px;
    border-top: 1px #cccccc solid;
}
.news-list .news-item-border-bottom
{
    border-top: none;
    border-bottom: 1px #cccccc solid;
}
.news-list .news-item:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.news-list .news-item-first
{
    border: none;
}
.news-list .news-item .column-1
{
    float: left;
    width: 20%;
    margin: 0;
}
.news-list .news-item .column-1 img
{
    border: 1px #cccccc solid;
}
.news-list .news-item .column-2
{
    float: left;
    width: 80%;
}
.news-list .news-item .column-2 h4
{
    font-size: 100%;
    padding-bottom: 5px;
}
.news-list .news-item .column-2 h4 a
{
    color: #cc0000 !important;
}
.news-list .news-item .column-2 p
{
    color: #666666;
    padding: 0px 20px 20px 0px;
}
.news-list .pagination
{
    width: 100%;
    text-align: right;
    height: 27px;
    color: #666666;
    background-color: #ededed;
}
.news-list .pagination ul
{
    position: relative;
    right: 5px;
}
.news-list .pagination ul li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 2px;
}
.news-list .pagination ul li span
{
    color: #666666;
    position: relative;
    top: 4px;
}

/* Press Listing Summary */

.clear
{
    margin: 0;
    padding: 0;
    clear: both;
}
div .PressSummaryMain
{
    margin: 0 0 10px 0;
}
div .PressSummaryMain .PressSummary
{
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #000000;
}
div .PressSummaryMain .PressSummary h2
{
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
div .PressSummaryMain .date
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 11px;
    color: #006633;
    font-weight: bold;
}
div .PressSummaryMain .newsSummary
{
    margin: 0 0 10px 0;
    line-height: 1.2em;
}

/* Quick Links Module */


/*	= Quick Links List styles
----------------------------------- */

.quickLinks
{
    display: block;
    margin-bottom: 10px;
}
.clear
{
    margin: 0;
    padding: 0;
    clear: both;
}
div.quickLinksModule
{
    margin: 0;
    padding: 0;
}
div.quickLinksModule h3
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
div.quickLinksModule .quickLinks
{
    margin: 0;
    padding: 0;
}
div.quickLinksModule .quickLinks ul
{
    text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.quickLinksModule .quickLinks ul li
{
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 1.9em;
}
div.quickLinksModule .quickLinks ul li a
{
    padding: 0 0 0 10px;
    text-decoration: none;
    color: #003399;
    background: url(images/pink_sqr.gif) 0 0.46em no-repeat transparent;
}

/*	= Related Documents styles
----------------------------------------------- */

.relatedDocuments
{
    display: block;
    margin-bottom: 10px;
}
div.relatedDocs
{
    margin: 0;
    padding: 0;
    width: 100%;
}
div.relatedDocs h2
{
    margin: 0;
    padding: 0;
}
div.relatedDocs .line
{
    margin: 10px 0 10px 0;
    color: #949293;
    width: 100%;
    height: 1px;
    background: #949293;
    border: 0;
}
div.relatedDocs img
{
    border: 0;
    float: left;
    padding: 0 7px 7px 0;
}
div.relatedDocs br
{
    margin: 0;
    padding: 0;
    clear: both;
}

/* Rotating Feature */
/* ROTATING FEATURE */
/* RESET */

.RotatingFeature div, .RotatingFeature span, .RotatingFeature img, .RotatingFeature strong
{
    margin: 0;
    padding: 0;
}
.RotatingFeature img
{
    border: none;
}

/* GLOBAL DEFAULTS */
.RotatingFeature a
{
    color: green;
    text-decoration: none;
}
.RotatingFeature a:hover, .RotatingFeature a:hover strong
{
    text-decoration: underline;
}
.RotatingFeature p, .RotatingFeature h1, .RotatingFeature h2, .RotatingFeature h3, .RotatingFeature h4, .RotatingFeature h5, .RotatingFeature h6, .RotatingFeature h7
{
    margin: 8px 0 0 0;
    padding: 0;
}
.RotatingFeature p
{
    font-size: 1em;
}

/* LIBRARY */
.RotatingFeature .clear0
{
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.RotatingFeature .hide
{
    display: none !important;
}
.RotatingFeature .hr
{
    clear: both;
    margin: 8px 0 0 0 !important;
    padding: 0;
    border-top: 1px solid #A1A5B0;
    border-bottom: 1px solid #EDF1FC;
    height: 0;
    line-height: 0;
    font-size: 0;
    width: 100%;
    display: inline;
    position: relative;
    float: left;
}

/* STRUCTURE */
/* group floats for compact code*/
.RotatingFeature, .RotatingFeature .divLargeImage, .RotatingFeature .divLargeImage a, .RotatingFeature .ThumbnailList, .RotatingFeature .ThumbnailList li, .RotatingFeature .ThumbnailList li a, .RotatingFeature img, .RotatingFeature .ImageDescPadding
{
    display: inline;
    float: left;
}


.RotatingFeature
{
    position: relative;
    width: 100%;
    font-size: 0.8em;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
.RotatingFeature img
{
    z-index: 1;
    position: relative;
}
.RotatingFeature .divLargeImage
{
    margin: 0 0 24px 2px;
    position: relative;
}
.RotatingFeature .divLargeImage img
{
    width: 539px;
    height: 289px;
}
.RotatingFeature .divLargeImage a
{
    position: relative;
    width: 100%;
    height: 100%;
}
.RotatingFeature .divLargeImage a, .RotatingFeature .ThumbnailList li a
{
    color: white;
}
.RotatingFeature .divLargeImage a:hover, .RotatingFeature .ThumbnailList li a:hover
{
    cursor: pointer;
    color: yellow;
}
.RotatingFeature .Description, .RotatingFeature .LargeDescription
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 2;
    line-height: 1.4em;
    background: #000000;
}
.RotatingFeature .divLargeImage .Description
{
    display: none;
}

/*change individual li colour and background preferences - */
.RotatingFeature .item1 a
{
    /*color:white;*/
}
.RotatingFeature .item1 a:hover
{
    /*color:yellow;*/
}
.RotatingFeature .item1 .Description
{
    /*background:#333333;*/
}

.RotatingFeature .ImageDescPadding
{
    padding: 8px;
}
/* specifying a minimum height*/
/*
					.RotatingFeature .divLargeImage .Description{min-height:90px;}
					* html .RotatingFeature .divLargeImage .Description{height:90px;}
					.RotatingFeature .ThumbnailList .Description{min-height:45px;}
					* html .RotatingFeature .ThumbnailList .Description{height:45px;}
					*/
/* specifying a minimum height - extended - aligning the text to the bottom of the image */
/*
					.RotatingFeature .ImageDescPadding{position:absolute; left:0; bottom:0; z-index:3;}
					*/

.RotatingFeature .ThumbnailList
{
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}
.RotatingFeature .ThumbnailList li
{
    margin: 0 0 0 12px;
    padding: 0;
    list-style-type: none;
    position: relative;
}
.RotatingFeature .ThumbnailList li.first
{
    margin: 0;
}
* html .RotatingFeature .ThumbnailList li
{
    width: 173px;
}

.RotatingFeature .ThumbnailList li a
{
    position: relative;
    cursor: pointer;
}
.RotatingFeature .ThumbnailList li img
{
    width: 173px;
    height: 118px;
}
.RotatingFeature .ThumbnailList li .LargeDescription
{
    display: none;
}
.RotatingFeature .Description br
{
    display: none;
}




/* RSSViewer Module */
div.rssViewer
{
    display: block;
    margin-bottom: 10px;
}

div.rssViewer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

/*SiteMapNoImages-Module
/*	=Sitemap without Images Styles
----------------------------------------------- */

#sitemap
{
    margin: 0;
    padding: 0;
}

/* controls all the li's except coloring for coloring different levels use the LI's listed below   */

#sitemap li
{
    margin: 0 0 0 20px;
    padding: 2px 0 2px 0px;
    list-style: square;
}
#sitemap li a:hover
{
    text-decoration: underline;
}
#sitemap li a
{
    text-decoration: none;
}

/* controls all the li's ends  */

/*
CONTROLS SECOND, THIRD AND FOURTH LEVEL LINKS
 */

#sitemap ul ul li a
{
}
/* CONTROLS SECOND LEVEL LINKS */

#sitemap ul ul ul li a
{
}
/* CONTROLS THIRD LEVEL LINKS */

#sitemap ul ul ul ul li a
{
}
/* CONTROLS FOURTH LEVEL LINKS */

/* Sitemap Using Images Module */
/*	=Sitemap with Images Styles
----------------------------------------------- */

div#sitemap
{
}

/* controls all the li's except coloring   */

div#sitemap ul
{
    padding: 0;
    margin: 0;
}

div#sitemap li
{
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0.8em .75em;
    line-height: 1.9em;
}

div#sitemap li a
{
    text-decoration: none;
    color: #333333;
}

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

/* ends  */


div#sitemap ul ul li a
{
}
/* CONTROLS SECOND LEVEL LINKS  */

div#sitemap ul ul ul li a
{
}
/* CONTROLS THIRD LEVEL LINKS */

div#sitemap ul ul ul ul li a
{
}
/* CONTROLS FOURTH LEVEL LINKS */

iframe.fullWidthPageEmbed {
    margin: 5px;
    width: 915px;
    padding: 3px;
}