/*
THIS VERSION OF DEFAULT.CSS CURRENT AS OF JUNE 08 2010
TRENDS IDEAS A TURLEY ONLINE EDITOR
*/

/*
Trends Site Layout

The rightHandNavigation column is optional depending on the particular page being built and the
layout will adjust itself to suit.  A table was chosen for the columns in the middle portion of the
site to allow clean support of this requirement without creating unreadable CSS.
*/

html
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(http://trendsideas.com/ebooks/littlebg.png);
	background-color: #2d3033;
	background-repeat: repeat;
	height: 100%;
	overflow-x: auto;
  	overflow-y: scroll
}

body
{
	margin-top: 10;
	margin-bottom: 10;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(/images/siteBG.png);
	background-repeat: repeat-y;
	background-position:center;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

form
{
	margin: 5;
	padding: 5;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
		
form
{
	text-align: center;
	font-size: 1em;
}

.clear
{
	clear: both;
}

.hr
{
	color: #c5c5c5;
}

#splash
{
	text-align: left;	
}

#header,
#columns
{
	table-layout: fixed;

	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
	text-align: left;
}

#footer
{	
	table-layout: fixed;
	width: 1000px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
	text-align: left;
	
}

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

.a:hover
	{	color: #000000;
		text-decoration: none;}
		
.a.splash
	{	color: #ffffff;
		text-decoration: none;}

.a.splash:hover
	{	color: #000000;
		text-decoration: none;}

#quicklinks
	{
		vertical-align: top;
	}
		
#header a.quick
	{	color: #656565;
		text-decoration: none;
		font-family: Helvetica, Verdana, Sans-Serif;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.9em;
		}
		
#header a.quick:hover
	{	color: #16a6dc;
		text-decoration: none;
		font-family: Helvetica, Verdana, Sans-Serif;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.9em;
		}
	
		
#mainNavigation,
#content,
#rightHandNavigation,
#categoryPromotions
{
	vertical-align: top;
}

#content
{
	padding-left: 5px;
	padding-right: 5px;
}

#rightHandNavigation
{
	width: 138px;
	z-index: 999;
}

#categoryPromotions
{
	width: 160px;
}

#mainNavigation .whiteSpace
{
	height: 5px;

	overflow: hidden;

	color: Black;
	background-color: White;
}
#mainNavigation .greySpace
{
	height: 5px;

	overflow: hidden;

	color: Black;
	background-color: #efefef;
}

#categoryPromotions .whiteSpace
{
	height: 5px;
	overflow: hidden;
	color: Black;
	background-color: #ffffff;
}
/*
 * Donut Text
 */
#header,
#mainNavigation
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
}

#footer
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

#rightHandNavigation,
#content
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
}

/*
 * Header
 */
#header
{
	/*height: 70px;*/

	margin-top: 5px;
}

#header div
{
	float: left;
	
	height: 70px;
}

#header .banner
{
	width: 550px;
}

#header .banner .left,
#header .banner .right
{
	width: 275px;
}

#header .banner .search
{
	position: relative;

	width: 275px;
	height: 24px;

	top: 46px;
	
	overflow: hidden;
}

#header .searchText
{
	width: 120px;

	font-size: 1em;
}

#header .searchButton
{
	font-size: 1em;
}

#header .trendsPromotion
{
	width: 140px;
}

#header .trendsPromotion img
{
	width: 140px;
	height: 70px;
}

#header #runOfSitePromotions
{
	width: 290px;
	
	color: Black;
	background-color: White;
}

#header #runOfSitePromotions div
{
	width: 140px;

	margin-left: 5px;
	
	/* Required to fix the IE doubled margin bug */
	display: inline;
}

#header #runOfSitePromotions div img
{
	width: 140px;
	height: 70px;
}

#header .whiteSpace
{
	height: 5px;
	float: none;
	overflow: hidden;
}


/*
 * Main Navigation
 */
#mainNavigation hr
{
	width: 100px;
	text-align: center;
}

#mainNavigation .borderSection
{
	border-left: solid;
	border-top: solid;
	border-right: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 2px;
	border--color: #404040;
	background-color: #efefef;
}

#mainNavigation .section .searchText
{
	width: 122px;
}

#mainNavigation .section .left
{
	text-align: center;
	width: 50%;
	float: left;
}

#mainNavigation .section .right
{
	text-align: center;
	width: 50%;
	float: right;
}

#mainNavigation
{
	width: 140px;
	
	color: #000000;
	/*background-color: #DFDFDF;*/

	font-size: 0.9em;
}

#mainNavigation .borderSection .title
{
	font-size: 1em;
	font-weight: bold;
	/*text-align: center;*/
	
	padding-bottom: 5px;
}

#mainNavigation .section .content
{
	font-weight: normal;
}

#mainNavigation .section .line
{
	padding-bottom: 5px;
}

#mainNavigation .section .create
{
	width: 90%;
}

#mainNavigation .section .loginField
{
	width: 122px;
}

#mainNavigation .section .folderList
{
	width: 100%;
}

#mainNavigation .section,
#mainNavigation .topicCategorySelector
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mainNavigation .topicCategorySelector .whiteSpace
{
	display: none;	
	color: #efefef;
}

#mainNavigation .topicCategorySelector,
#mainNavigation #regionSelector
{
	font-weight: bold;
}

#content .slideshow
{
width:687px;
height:333px;
overflow:hidden;
}

#content .topicCategorySelector
{
	width: 300px;
	
	font-size: 1.1em;
	font-weight: normal;
}

#content .topicCategorySelector .topics,
#content .topicCategorySelector .categories
{
	padding: 5px;

	color: #000000;
	background-color: #ffffff;
}

#mainNavigation .topicCategorySelector .categories
{
	padding-top: 20px;
}

#mainNavigation .go,
#mainNavigation .save,
#mainNavigation .login
{
	text-align: right;
}

#mainNavigation input,
#mainNavigation select
{
	font-size: 1em;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
}

#content input,
#content select
{
	font-size: 1em;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
}

#mainNavigation select,
#content .topicCategorySelector select
{ 
	width: 128px;
}

#mainNavigation a,
#mainNavigation a:visited
{
	color: #16a6dc;
	text-decoration: none;
}

#mainNavigation a:hover
{	
	color: #16a6dc;
	text-decoration: underline;
}

#mainNavigation a.quick,
#mainNavigation a.quick:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 1.5em;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
}

#mainNavigation a.quick:hover
{	
	color: #16a6dc;
	text-decoration: underline;
	font-size: 1.5em;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: normal;
}


/*
 * Content
 */
#content
{
	color: Black;
	background-color: White;
	font-size: 1.1em;
	text-decoration: none;
	line-height: 1.5em;
}

#content a,
#content a:visited
{
	font-weight: bold;
	
	color: #16a6dc;
	
	text-decoration: none;
}

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

#content a.store,
#content a.store:visited
{
	font-weight: normal;
	color: #656565;
	text-decoration: none;
}

#content a.store:hover
{
	color: #16a6dc;
	text-decoration: none;
}

#content .inbox
{
	width: 100%;
	table-layout: fixed;
}

#content .inbox .title
{
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #555454;
}

#content .inbox .a
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	color: #555454;
}

#content .folderList
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.1em;
	color: #555454;
}

#content .folderList .a
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	color: #555454;
}
	
#content .folderList .folder
{
	padding-top: 5px;
}

#content .folderList .folder .title td
{
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 0.5em;
	font-weight: normal;
	color: #555454;
}

#content .folderList .folder .item td.image
{
	width: 132px;
	
	padding-top: 5px;
	padding-right: 5px;
	
	vertical-align: top;
}

#content .folderList .folder .item td.comment
{
	padding-top: 5px;
	
	vertical-align: top;
}

#content .folderList .folder .item td.comment textarea
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	
	width: 394px;
	height: 44px;
	
	margin-bottom: 5px;
}

#content .articleList .article
{
	padding-top: 20px;
}
	
#content .articleList td
{
	width: 132px;
	
	padding-top: 5px;
	padding-left: 38px;
	padding-bottom: 5px;
	vertical-align: top;
	margin-bottom: 5px;
}

#content .articleList img
{
	border: solid 0px #000000;
	margin-bottom: 5px;
}

#content .articleList input
{
	font-size: 1em;
}

#content .articleList .article img,
#content .articleList .delivery img
{
	margin-bottom: 5px;
	width: 132px;
}

#content .articleList .article div
{
	height: 100px;
}

#content .book,
#content span .book
{
	padding-top: 5px;
	padding-right: 2px;

	vertical-align: top;
}

#content .book input, #content .special input
{
	font-size: 1em;
}

#content #imageColumn
{
	float: left;
	width: 418px;
	margin-left: 7px;
	margin-top: 5px;
	
}

#content #imageColumn #links,
#content #propertyListingImageColumn #links
{
	line-height: 1.8;
	padding-bottom: 5px;
}

#content #propertyListingImageColumn
{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#content #propertyListingBodyColumn
{
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#content #propertyListingVideo
{
	clear: both;
}

#content #captionColumn
{
	float: right;
	padding-left: 5px;
	width: 253px;
	margin-top: 5px;
	margin-right: 5px;
}

#content #captionColumn .caption
{
	color: #555454;
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 45px;
	padding-right: 6px;
	background: #efefef;
	border-right: none;
	border-width: 2px;
	border-color: #404040;
	z-index: 0;
}

#content #captionColumn .caption
{
background-image: url(/images/captionbottomBG.gif);
	background-position: bottom;
  	background-repeat: no-repeat;
	z-index: 100;
}

#content #captionColumn .spec
{	
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#content #captionColumn .heading
{
	margin-top: 10px;
	margin-left: 5px;
	padding: 5px;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

#content #captionColumn .greyTitle
{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
  	
}

#content #breadcrumbs
{	
	line-height: 1.7em;
	font-size: 1em;
	
	color: #999999;
	background-color: White;
}

#content #breadcrumbs a
{
	color: #16a6dc;
	background-color: White;
	text-decoration: none;
}

#content .heading,
#content .title,
h1
{
	padding: 0px;
	padding-left: 5px;
	
	margin: 0px;
	
	color: #555454;
	background-color: #ffffff;

	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 2em;
	font-weight: normal;

	line-height: 1.7em;
	vertical-align: middle;
}

#content .heading
{
	padding: 0px;
	padding-left: 5px;
	
	margin: 0px;
	
	color: #555454;
	background-color: #ffffff;

	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.5em;
	font-weight: normal;

	line-height: 1.7em;
	vertical-align: middle;
}

#content .h2
{
	margin-left: 5px;
	color: #555454;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	vertical-align: top;
}

#content .h4
{
	padding: 5px;
	margin: 5px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
}

#content .button
{
	padding: 5px;
	padding-left: 5px;
}
	
#content .heading em
{
	color: #000000;
	font-style: normal;
}

#content .project
{
	margin-top: 5px;
}

h1
{
	line-height:1.5em;
}

h2
{
	margin-left: 5px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1.5em;
	font-weight: normal;
	font-color: #626262;
	line-height: 1.5em;
}

h3
{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

/* Designed to be placed on a div surrounding a pager.  This is often necesary to aid Ajax. */
#content .pagerWrapper
{
	display: inline;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#content .pager
{
	display: inline;

	color: Black;
	background-color: White;
	margin-left: 0px;
}

#content .pager a
{
	font-weight: bold;
	
	color: #16A6DC;
	background-color: White;
}

#content .pager a.enabled
{
	color: #16A6DC;
	background-color: White;
}

#content .pager a.current
{
	color: Black;
	background-color: White;
}

#content .pager a.disabled
{
	display: none;
}

#content .whiteSpace
{
	height: 5px;
	
	overflow: hidden;
}

#content .thumbnail a,
#content .thumbnail a:hover,
#content .thumbnail a:visited
{
	font-weight: normal;
	color: Black;
	text-decoration: none;
}

#content .thumbnail input
{
	margin-top: 5px;
}

#content .channelHeading
{
	color: #555454;
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background: #efefef;
}

#content .channelList
{
	padding-left: 25px;
	padding-bottom: 20px;
	font-size: 1em;
	line-height: 1.2em;
	background-image: url("../Images/arrow-bulletblk.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

#content .contactDetails
{
	font-size: 1em;
	font-weight: bold;		
}

#content .hidden
{
	display: none;
}

#content #pnlVideoPlayer
{
	float: left;
	padding-left: 35px;
	padding-top: 5px;
	padding-right: 10px;
}

#content #pnlVideoPlayer #videoInfo,
#content #channelInfo,
#content #trendsTVLogo
{
	padding-top: 5px;
	padding-left: 10px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#content #lstVideos
{
	vertical-align: top;	
	padding-top: 15px;
	clear: both;
}

#content #lstVideos td
{
	vertical-align: top;	
	padding-top: 25px;
	padding-bottom: 0px;
	clear: both;
}

#content #pnlVideoPlayer h3
{
	float: left;
}

#content #pnlVideoPlayer #videoSize
{
	float: right;
}

#content #pnlVideoPlayer,
{
	clear: both;
}

#videoDescription
{
	clear: both;
	padding-top: 0px;
	vertical-align: top;
}


/*
 * Main page lower columns
 */

#lowerColumns
{
	width: 690px;
}

#lowerColumns td
{
	vertical-align: top;
	padding: 0px;
}

#lowerColumns .leftColumn
{
	width: 343px;
}

#lowerColumns .rightColumn
{
	width: 342px;
	padding-left: 5px;
}

#lowerColumns .whiteSpace
{
	clear: both;
}

/*
 * Homepage controls
 */
#featuredProjects .listContainer
{
	width: 100%;
}

#featuredProjects .listContainer .list
{
	float: left;
	width: 24.9%; /* 25% seems to make IE not fit 4 of these into 100% */
}

#featuredProjects .listContainer .list ul,
.blueArrowBullet
{
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	list-style-image: url("../Images/arrow-bullet.gif");
}

#featuredProjects a,
#featuredProjects a:visited
{
	color: #000000;
	text-decoration: none;
}

#featuredProjects a:hover
{
	color: #000000;
	text-decoration: underline;
}

#featuredProjects h1
{
	display: none;
	padding: 0px;
	padding-left: 5px;
	
	margin: 0px;
	
	color: #efefef;
	background-color: #efefef;

	font-size: 0.1em;
	font-weight: bold;

	line-height: 0.1em;
	vertical-align: middle;
}

#awards .container,
#latestIssue .container
#latestebook .container
{
	padding: 5px;
}

#awards .selectedAward
{
	float: left;
	width: 80px;
}

#awards .listAwards
{
	float: left;
	width: 244px;
	padding-left: 5px;
}

#latestIssue .cover
{
	float: left;
	margin-left: 10px;
	width: 90px;
	height: 118px;
}

#latestIssue .description
{
	color: #000000;
	float: left;
	width: 225px;
	padding-left: 5px;
}
#latestIssue a
{
	color: #000000;
	text-decoration: none;
}
#latestIssue a:hover
{
	color: #000000;
	text-decoration: underline;
}

#latestIssue a:visited
{
	color: #000000;
	text-decoration: none;
}

#latestIssue h1
{
	display: none;
	padding: 0px;
	padding-left: 5px;
	
	margin: 0px;
	
	color: #efefef;
	background-color: #efefef;

	font-size: 0.1em;
	font-weight: bold;

	line-height: 0.1em;
	vertical-align: middle;
}

#latestebook .cover
{
	float: left;
	width: 90px;
	height: 118px;
}

#latestebook .description
{
	color: #000000;
	float: left;
	width: 235px;
	padding-left: 5px;
}
#latestebook a
{
	color: #000000;
	text-decoration: none;
	
}
#latestebook a:hover
{
	color: #000000;
	text-decoration: underline;
}
#latestebook a:visited
{
	color: #000000;
	text-decoration: none;
}
#latestebook h1
{
	display: none;
	padding: 0px;
	padding-left: 5px;
	
	margin: 0px;
	
	color: #efefef;
	background-color: #efefef;

	font-size: 0.1em;
	font-weight: bold;

	line-height: 0.1em;
	vertical-align: middle;
}

#latestVideos .latestVideo
{
	float: left;
	width: 166px;
	padding-left: 10px;
}

#latestVideos .description
{
	color: #000000;
	float: left;
	width: 160px;
	padding-left: 5px;
	padding-top: 5px;
}

#latestVideos h1
{
	display: none;
	padding: 0px;
	padding-left: 10px;
	line-height: 1em;
	vertical-align: middle;
}

#latestVideos strong
{
	line-height: 1.1em;
	font-size: 0.9em;
	font-weight: bold;
}

/*
 * Right Hand Navigation
 */
#rightHandNavigation
{
	/*
	 * This should actually be 140px but Safari seems to get the box model wrong on this cell only.
	 * See the Safari fix at the bottom of the file.
	 */
	width: 143px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-image: url(../Images/Grey.gif);
	background-repeat: repeat-y;
}

#rightHandNavigation .whiteSpace
{
	height: 0em;

	overflow: hidden;

	color: Black;
	background-color: White;
}

#rightHandNavigation .heading
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px; 
	
	line-height: 1.5em;
	vertical-align: middle;
	
	color: #ffffff;
	background-color: #16a6dc;

	font-size: 1.5em;
	font-weight: bold;
}

#rightHandNavigation .items
{
	padding: 3px 0px 3px 6px;
	line-height: 1.4em;
	font-size: 1.1em;
}

#rightHandNavigation a
{
	color: #000000;
}

#rightHandNavigation a:hover
{
	color: #16A6DC;
}

#rightHandNavigation .items .current
{
	text-decoration: underline;
}

/*
 * Sidebar Content Areas
 */
#categoryPromotions .sidebar
{
	font-size: 0.9em;
}

.sidebar
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}

.sidebar mainNNavigationedit
{
border-style: solid;
	border-width: 1px;
	border-color: #605F5F;
	background-color: #efefef;
	}
	
/*
 * Featured Client Promotions
 */

#featuredClientPromotions
{
	
	padding-left: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#featuredClientPromotionsHome
{
	
	margin-left: -22px;
	margin-top: -300px;
	margin-bottom: 0px;
}

#featuredClientPromotions .left
{
	
	float: left;
	
	margin-top: 5px;
	margin-bottom: 0px;
}

#featuredClientPromotions .right
{
	float: right;
	
	margin-top: 5px;
	margin-bottom: 0px;
}



/*
 * Gallery
 */
.gallery
{
	width: 80%;
}

.gallery td
{
	vertical-align: top;
}

.gallery td.thumbs
{
	width: 269px;
}

.gallery td.data
{
}

.gallery .articleList,
.gallery .pager
{
}

.gallery .images,
.gallery .links,
.gallery .spec
{
	margin-top: 5px;
	margin-left: 40px;
}



/*
 * Footer
 */
#footer
{
	clear: both;
	
	margin-bottom: 5px;
	
	line-height: 2.5em;
	text-align: center;
	vertical-align: middle;

	color: White;
	background-color: #ffffff;
	background-image: url(/Images/footerBG.gif);
	background-repeat: no-repeat;
}

#footer ul
{
	display: inline;
	
	margin: 0;
	padding: 0;
}

#footer li
{
	display: inline;
	
	margin: 0;
	padding: 0 1em 0 1em;
}

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

#footer a:hover
{
	color: #000000;
	text-decoration: none;
	}


/*
 * Forms
 */
.form .text
{
	width: 300px;
}



/*
 * Shop
 */
.cartItem
{
	width: 100%;
	
	margin: 0;
	margin-top: 5px;

	border-collapse: collapse;
	
	table-layout: fixed;
}

.cartItem thead td
{
	padding: 2px;
	padding-left: 5px;

	color: #000000;
	background-color: #efefef;
	
	font-size: 1em;
	font-weight: bold;
}

.cartItem tbody td
{
	border: solid 1px #DFDFDF;

	padding: 2px;
}

.cartItem tbody td.money
{
	text-align: right;
}

.cartItem tbody td input
{
	width: 75%;
	
	font-size: 1em;
	font-weight: normal;
}

.cartItem tfoot td
{
	vertical-align: top;

}

.cartItem tfoot td img
{
	padding-top: 5px;
	padding-right: 5px;
}

.cartSummary
{
	width: 100%;
	
	margin: 0;
	margin-bottom: 5px;

	border-collapse: collapse;
	
	table-layout: fixed;
}

.cartSummary tbody td
{
	padding: 2px;
}

.cartSummary tbody td.money
{
	text-align: right;
}

.cartToolbar
{
	margin-top: 5px;
}

.cartToolbar input,
.cartToolbar select
{
	font-size: 1em;
}

.addressForm
{
	table-layout: fixed;
}

.addressForm th
{
	width: 116px;
	
	padding: 2px;
	
	text-align: left;
	
	font-weight: normal;
}

.addressForm td
{
	width: 216px;

	padding: 2px;
	
	text-align: left;
}

.addressForm input.field
{
	padding: 0;
	margin: 0;
	
	width: 214px;
}

.addressForm select.field
{
	padding: 0;
	margin: 0;

	width: 217px;
}

.addressForm input.largefield
{
	padding: 0;
	margin: 0;
	
	width: 300px;
}

.addressForm select.largefield
{
	padding: 0;
	margin: 0;

	width: 303px;
}

.award td
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
}

#preferences-region
{
	clear: both;
	
	padding-left: 5px;
	padding-top: 5px;
	
	color: #000000;
	background-color: #ffffff;

	font-size: 1em;
	font-weight: bold;

	vertical-align: middle;
	line-height: 2.5em;
	margin-bottom: 5px;
}

#preferences-region select
{
	font-size: 0.9em;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
}

#preferences-emails
{
	margin-top: 5px;
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
}

#preferences-confirm
{
	margin-top: 10px;
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
}

#preferences-confirm input
{
	margin-left: 2px;
}


#preferences-topic
{
	width: 260px;
	float: left;
	background-color: #ffffff;
	padding: 5px;
}

#preferences-category
{
	margin-left: 275px;
	background-color: #ffffff;
	padding: 5px;
}

#preferences-save
{
	margin-top: 5px;
	clear: both;
	text-align: center;
}

#preferences-groups
{
	margin-top: 5px;
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
}

.printonly
{
	display: none;
}


/*
 * Save To MyTrends Popup
 */
#SaveToMyTrendsPopup
{
	position: absolute;
	background: white;
	border: solid 1px black;
	width: 211px;

	margin-left: 5px;
	margin-top: 5px;
}

#SaveToMyTrendsPopup .main
{
	padding: 5px;
}

#SaveToMyTrendsPopup .selectfolder select
{
	width: 198px;
}

#SaveToMyTrendsPopup .createfolder input.foldername
{
	width: 192px;
}

#SaveToMyTrendsPopup hr
{
	width: 100px;
	text-align: center;
}

#SaveToMyTrendsPopup .comments textarea
{
	width: 192px;
	height: 50px;
	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
	font-weight: normal;
}

/*
 * overLIB
 */
#overDiv td
{
	text-align: left;
}

/* Association page */
.association .intro
{
	margin: 10px 10px 10px 10px;
}

.association .filters
{
	margin: 5px 10px 10px 10px;
	clear: both;
}
.association .filters .filter
{
	padding: 6px 0px 0px 0px;
	clear: both;
}
.association .filters .filter label
{
	width: 140px;
	font-weight: bold;
	display: block;
	float: left;
}
.association .filters .filter select
{
	width: 280px;
	display: block;
	float: left;
}
.association .membertitle
{
	font-weight: bold;
	font-size: 1.4em;
	color: #000000;
	padding: 30px 0px 0px 3px;
	margin-left: 10px;
}
.association hr
{
	width: 100%;
	height: 0;
	border: 0;
	border-top: 1px solid #c9c9c9;
	margin-left: 10px;
}
.association .members table
{
	width: 95%;
	margin-left: 10px;
}
.association .members table td
{
	padding: 4px 5px 12px 5px;
}
.association .members .Hi
{
	color: #000000;
	font-weight: bold;
}
.association .members .Lo
{
}

#specialfeature

{

	font-family: Arial, Verdana;
	font-size: 14px;
        font-weight: normal;
	color: #ffffff;
	background-color: #000000;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 10px;

}

#specialfeature a
{

	font-family: Arial, Verdana;
	font-size: 14px;
        font-weight: normal;
	color: #16a6dc;
}

#specialfeature h1
{

	font-family: Arial, Verdana;
	color: #ffffff;
	background-color: #000000;
}

#specialgallery
 {  
     position:relative;  
     height:450px;
	overflow: hidden;  
 }  
     #specialgallery a {  
         float:left;  
         position:absolute;  
     }  
       
     #specialgallery a img {  
         border:none;  
     }  
       
     #specialgallery a.show {  
         z-index:50  
     }  
   
     #specialgallery .caption {  
         z-index:60;   
         background-color:#000;   
         color:#ffffff;   
         height:100px;   
         width:100%;   
         position:absolute;  
         bottom:0;  
     }  
   
     #specialgallery .caption .content {  
         margin:5px  
     }  
       
     #specialgallery .caption .content h3 {  
         margin:0;  
         padding:0;  
         color:#1DCCEF;  
    }   

#ScrollButton
{
		z-index: 1000;
		float: right;
		clear: right;
		position:fixed;
		top: 10px;
		right: 10px;
		
#HomepageButton
{
		z-index: 1000;
		float: left;
		clear: left;
		position:fixed;
		top: 20px;
		left: 20px;
}

#HomepageButton a
{
		border-style: solid;
		border-width: 0px;
		border-color: #dfdfdf;
}

#PromoButton
{
		z-index: 1000;
		float: right;
		clear: left;
		position:fixed;
		top: 160px;
		right: 20px;
}
			
#newdirect p
{
	width: 1000px;
	text-align: left;
	color: Black;
	background-color: White;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 2em;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
}

#newdirect a,
#newdirect a:visited
{
	font-weight: bold;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 2em;
	color: #16a6dc;
	text-decoration: none;
}

#newdirect .listings
{
	width: 840px;
}
#newdirect .skyscraper
{
	width: 160px;
	vertical-align: top;
}

.gad ul{
list-style-type:none;
padding:0;
margin:0;
}

#gad ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.gad li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.gad table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.gad a, .gad :visited {
display:block;
font-size:10px;
width:180px;
padding:7px 0;
color:#ffffff;
background:#ffffff;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
}
/* style the links hover */
.gad :hover{
color:#444;
background:#ffffff;
}

/* hide the sub level links */
.gad ul ul {
visibility:hidden;
position:absolute;
width:179px;
height:0;
}
/* make the sub level visible on hover list or link */
.gad ul li:hover ul,
.gad ul a:hover ul{
visibility:visible;
}
	
#nkbaawards

{

width: 2780px;
height: 100%;;

}

#nkbaawards a

{
border: opx;
border-color: #FFFFFF;
}

#nkbaawards a:visited

{
border: 3px;
border-color: #F3C612;
}


.entranttable

{
padding: 30px;
}

entranttable .entrant

{
width: 150px;
height: 150px;
padding: 10px;
border: 0px;
}

		
/*
 * Safari Ignores anything from here on.
 */
#rightHandNavigation
{
	width: 138px;
}