/**********************

CSS Document

Coded by: Barn Door Media, LLC
Last Updated: March 20, 2009
by Shawn Twing, stwing@barndoormedia.com

**********************/

body { 
	margin: 0; 
	padding: 0; 
	background-color: #FFFFFF; 
} 

a img {  
	border: none; 
} 

a { 
	text-decoration: none; 
} 

a:hover { 
	text-decoration: underline; 
} 

#wrapper { 
	width: 815px; 
	margin: 30px auto 0; 
	background: white;
	border: 1px solid #cccc99;  
} 

/**********************

Header

**********************/

#header { 
} 

.home_header { 
	width: 795px; 
	height: 116px; 
	margin: auto; 
	padding: 10px 0; 
	background: url(../images/bg/banner_home.gif) no-repeat 0 10px; 
} 

.artist_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/bg/bg_banner1.jpg) no-repeat 0 6px; 
} 

.licensing_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/Licensing_Banner2.jpg) no-repeat 0 6px; 
} 

.company_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/Company_Banner.jpg) no-repeat 0 6px; 
}

.fineart_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/bg/bg_banner2.jpg) no-repeat 0 6px; 
} 

.search_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/bg/bg_banner2.jpg) no-repeat 0 6px; 
} 

.searchwal_header { 
	width: 804px; 
	height: 153px; 
	margin: auto; 
	padding: 6px 0; 
	background: url(../images/Licensing_Banner2.jpg) no-repeat 0 6px; 
} 


/**********************

Navigation

**********************/

#navi { 
	float: left; 
	display: inline; 
	width: 150px; 
	w\idth: 135px; 
	margin-left: 1px; 
	padding: 80px 0 0 15px; 
	background: url(../images/bg/bg_logo_small.gif) no-repeat; 
}

#navi h3 { 
	margin: 0; 
	padding: 10px 0; 
	font: normal 15px verdana; 
} 

#navi h3 a { 
	color: black; 
} 

#navi ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
} 

#navi ul li { 
	width: 100px; 
	margin: 8px 0; 
	padding-left: 10px; 
	font: normal 12px verdana; 
} 

#navi ul li a { 
	color: black; 
} 

/**********************

Content

**********************/

#content { 
	width: 815px; 
	background: url(../images/bg/bg_content.gif) repeat-y; 
} 

.home_content { 
	padding: 70px 0; 
	background: none !important; 
} 

.announcement { 
	float: left;
	display: block;
	width: 815px; 
	height: 20px;
	text-align: center;
	margin-top: 7px; 
	 
}

.link_block { 
	float: left; 
	display: inline; 
	width: 150px; 
	margin-left: 45px; 
} 

.link_block img { 
	display: block; 
	margin: 0 auto 20px; 
} 

.link_block h3 { 
	margin: 0 0 10px 0; 
	padding-bottom: 10px; 
	font: normal 13px verdana; 
	letter-spacing: -1px; 
	color: #996633; 
	text-align: center; 
	border-bottom: 1px solid #cccc99; 
} 

.link_block h3 a { 
	padding-left: 0 !important; 
	font: normal 13px verdana; 
	letter-spacing: -1px; 
	color: #996633; 
	text-decoration: none; 
} 

.link_block a { 
	display: block; 
	margin-bottom: 10px; 
	padding-left: 20px; 
	font: normal 11px verdana; 
	color: #666633; 
} 

#main_content { 
	float: left; 
	width: 664px; 
	w\idth: 574px; 
	padding: 10px 50px 100px 40px; 
} 

.search_content { 
	w\idth: 604px !important; 
	padding: 35px 30px 0 30px !important; 
} 

#main_content h2 { 
	margin-top: 0; 
	font: normal 18px arial; 
	color: #996633; 
} 

#main_content p { 
	font: normal 12px arial; 
	line-height: 125%; 
	color: #333300; 
} 

#main_content p a { 
	color: #996600; 
	text-decoration: underline; 
} 

#main_content p a:hover { 
	text-decoration: none; 
} 

#main_content li { 
	font: normal 12px arial;
	margin: 0;
	padding-top: 4px;
	color: #333300; 
} 

#main_content li a { 
	color: #996600; 
} 

.table_content a { 
	color: #996600; 
	text-decoration: none; 
} 

.table_content a:hover { 
	text-decoration: underline; 
} 

.artist_block { 
	float: right; 
	width: 150px; 
	margin: 0 0 10px 20px; 
} 

.artist_block a { 
	display: block; 
	width: 104px; 
	margin: auto; 
	padding: 3px 0; 
	font: bold 12px arial; 
	color: #663300; 
	border: 1px dotted #cccc99; 
	border-width: 1px 0;
} 

.artist_block a:hover { 
	text-decoration: none; 
	border-style: solid; 
} 

.pag_back, .pag_for { 
	margin: 0 10px; 
	font: bold 12px verdana; 
	letter-spacing: -1px; 
} 

.pag_back { 
	color: #999966; 
} 

.pag_for { 
	color: #663300; 
} 

.page_nav { 
	margin: 20px 0; 
	padding-left: 120px; 
} 

.page_info { 
	margin: 20px 0; 
} 

.page_info span { 
	float: left; 
	font: bold 0.9em verdana; 
	color: #996633; 
} 

.page_info a { 
	float: right; 
	padding-left: 18px; 
	font: normal 0.9em "Times New Roman", serif; 
	color: #996633; 
	background: url(../images/bg/icon_add.gif) no-repeat 0 1px; 
} 

.page_info a strong { 
	font: bold 0.9em verdana, arial, sans serif; 
} 

.search_row { 
	width: 590px; 
	margin: auto; 
	border-top: 1px solid #cccc99; 
} 

.last_search_row { 
	border-bottom: 1px solid #cccc99; 
} 

.search_block { 
	float: left; 
	display: inline; 
	width: 150px; 
	margin: 15px 23px; 
} 

.ProductList-itemstyle { 
	width: 150px !important; 
	padding: 15px 23px !important; 
} 

.add_to_port { 
	display: block; 
	width: 114px; 
	height: 15px; 
	margin: 5px auto; 
	background: url(../images/bg/bg_add_port.gif) no-repeat; 
	overflow: hidden; 
} 

.add_port_selected { 
	background: url(../images/bg/bg_add_port_selected.gif) no-repeat !important; 
} 

.search_block table { 
	margin: auto; 
} 

.result_text { 
	font-size: 12px; 
} 

.result_text strong { 
	float: left; 
	width: 50px; 
	margin-right: 5px; 
	padding-right: 5px; 
	font: bold 12px arial; 
	color: #996633; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.ProductList-itemstyle table th { 
	width: 40px; 
	padding-right: 3px !important; 
	font: bold 9px arial !important; 
	color: #996633; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.ProductList-itemstyle table td { 
	width: 110px; 
	font: normal 9px arial !important; 
	color: #666633; 
} 

.bulkcheckbox { 
	margin-bottom: 5px; 
	font: bold 13px "trebuchet MS"; 
	color: #999966; 
} 

.search_block table th { 
	width: 50px; 
	padding-right: 5px; 
	font: bold 0.7em arial; 
	color: #996633; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.search_block table td { 
	width: 80px; 
	font: normal 0.75em arial; 
	color: #666633; 
} 

.search_heading { 
	float: left; 
	width: 120px; 
} 

.search_keywords { 
	float: left; 
	width: 75px; 
}

.search_list { 
	margin: 0 0 10px; 
} 

.search_list strong { 
	font: bold 12px arial; 
} 

.search_list input, .search_list select { 
	font: normal 12px arial; 
	color: #996600; 
} 

.catalogue_table { 
	font: normal 0.9em arial; 
} 

.catalogue_table a {  
	color: #996633; 
	text-decoration: underline; 
}

.catalogue_table a:hover {  
	text-decoration: none; 
}

#trEmptyPortfolio  { 
	font: normal 1.2em arial; 
	text-align: center; 
} 

#trEmptyPortfolio a { 
	display: block; 
	padding-top: 10px; 
	color: black; 
	text-decoration: underline; 
} 

#trEmptyPortfolio a:hover { 
	text-decoration: none; 
} 

#emptyPortfolioTable { 
	margin-top: 140px; 
} 

.footer a { 
	color: black; 
	text-decoration: underline; 
} 

.footer a:hover { 
	text-decoration: none; 
} 

#btnRemoveCheckedItemsTop, #btnRemoveCheckedItemsBottom { 
	background: url(../images/bg/icon_minus.gif) no-repeat !important; 
} 

#pdf_button_right { 
	float: right; 
} 

#pdf_button_right a { 
	display: block; 
	width: 147px; 
	height: 17px; 
	margin-bottom: 5px; 
	font: bold 1em arial; 
	color: #986435; 
	text-align: center; 
	text-decoration: none; 
	border: 2px solid #986435; 
} 

#pdf_button_left a { 
	display: block; 
	color: #986435; 
} 

#np_text { 
	padding-left: 5px; 
	border: 2px solid #986435; 
} 

#np_submit { 
	position: relative; 
	top: 5px; 
} 

#buttonCreatePDF { 
	width: 200px; 
	height: 17px; 
	margin-top: 10px; 
	font: bold 1em arial; 
	color: #986435; 
	text-align: center; 
	text-decoration: none; 
	border: 2px solid #986435; 
} 

#loginPageTable a { 
	color: #986435; 
	text-decoration: underline; 
} 

#loginPageTable a:hover { 
	text-decoration: none; 
} 

.portfolioHeader { 
	font: bold 1.2em arial; 
} 

#trPortfolio a { 
	color: #986435; 
	text-decoration: underline; 
} 

#trPortfolio a:hover { 
	text-decoration: none; 
} 

#btnCreatePDF { 
	margin-top: 10px; 
} 

#hlkLogInOut, #hlkViewAccount { 
	display: block; 
	width: 147px; 
	margin-top: 10px; 
	font: bold 1em arial; 
	text-align: center; 
	text-decoration: none !important; 
	border: 2px solid #986435; 
} 

#accountMainTable a { 
	color: #986435; 
	text-decoration: underline; 
} 

#accountMainTable a:hover { 
	text-decoration: none; 
} 

#lblMemberName { 
	color: #986435; 
	font-weight: bold; 
} 

#lblFirstBottom, #lblLastBottom, #lblTotalBottom { 
	float: none !important; 
} 

.image { 
	text-align: center; 
} 

#userMainTable td { 
	padding-top: 10px; 
	font-size: 0.8em; 
} 

.savedPortfolioTable td, #dgPortfolioContent td, #trNoPortfolios { 
	font-size: 0.8em; 
} 

#dgPortfolioContent a, #trNoPortfolios a { 
	color: #986435; 
	text-decoration: underline; 
} 

#dgPortfolioContent a:hover, #trNoPortfolios a:hover { 
	text-decoration: none; 
} 

#trHandleRequest td { 
	font-size: 0.8em; 
} 

#trHandleRequest .subhead { 
	width: 250px; 
} 

#trNewRequest td { 
	font-size: 0.8em; 
} 

#userSignUpTable td { 
	font-size: 0.8em; 
} 

#trNewMember td { 
	color: #986435; 
	font-size: 0.8em; 
} 

#trNewMember .header { 
	font-weight: bold; 
} 

#btnSavePortfolio { 
	position: relative; 
	top: 5px; 
} 

#privacyTable .subhead { 
	font-weight: bold; 
} 

.lnkAddPortfolio { 
	color: #986435; 
	text-decoration: underline !important; 
} 

.lnkAddPortfolio:hover { 
	text-decoration: none !important; 
} 

.nav_p { 
	margin: 0 !important;
} 

.noTopMargin { 
	margin-top: 0 !important; 
} 

.noBottomMargin { 
	margin-bottom: 0 !important; 
} 

.memberTable td { 
	font-size: 1em !important; 
} 

.memberTable th { 
	font-size: 1.2em !important; 
} 

/**********************

Footer

**********************/

#footer { 
	width: 815px; 
	height: 50px; 
	margin-top: 7px; 
	background: #c8d28c; 
}

#footer p { 
	float: right; 
	display: inline; 
	width: 188px; 
	w\idth: 173px; 
	height: 44px; 
	he\ight: 36px; 
	margin: 6px 6px 0 0; 
	padding: 8px 0 0 15px; 
	font: normal 0.7em arial; 
	color: #666633; 
} 

#footer p a { 
	color: #666633; 
	text-decoration: underline; 
} 

#footer p a:hover { 
	text-decoration: none; 
} 

/**********************

Miscellaneous

**********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;
font: normal 12px arial;
color: #996600;
}

#lblFirstTop, #lblLastTop, #lblTotalTop { 
float: none !important; 
} 


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */