
/* begin: Reset default settings for browser consistency */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;padding:0;
	
}

table {
	border-collapse:collapse;border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

/* end: Reset default settings for browser consistency */

/* begin: generic css */

img {
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font: normal 70% verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	color: #6b6b6b;
}

table, th, thead, tbody, tr, td, p, a, ul, li, b, div, span, select {
	font-size: 1em;
	color: #6b6b6b;
}

input { 
	font-size: 1.2em;
	color: #6b6b6b;
}

p {
	padding: 0px 0px 10px 0px;
}

a {
	color: #3c5572;
}

a:hover {
	color: #000;
}

form {
	display: inline;
}

h1 {
	font-size: 1.5em;
	color: #303044;
}


/* display and hide loading gif, must have this id = used in infradoxApp */

div#loadingcontent {
	display: none;
	border: 0px;
	position: absolute;
	top: 25px;
	left: 20px;
}

#waitBox {
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 1000;
	width: 125px;
	height: 125px;
	position: absolute;
	top: 25%;
	left: 48%;
	background-image: url(/images/infradox/waitbox.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

/* end */

div.adminMsg { /* div containing messages to administrators used throughout the site */
	border: 1px solid #000;
	margin: 10px 0px 10px 0px;
	padding: 3px;
	background-color: #b02113;
	color: #fff;
}

div.userErrorMsg { /* div containing error messages used throughout the site */
	border: 1px solid #000;
	margin: 10px 0px 10px 0px;
	padding: 3px;
	background-color: #b02113;
	color: #fff;
}

a.adminTextEditLink {
	background-color: red;
	color: #fff;
	padding: 1px;
	text-decoration: none;
}

p.errorMessage, p.error {
	color: #aa0505;
	font-weight: bold;
}

.checkbox {
	padding-right: 8px;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.toolTipStyle {
	width: 150px;
	height: auto;
	padding: 2px;
	color: #666;
	background-color: #EEF0F1;
	border: 1px solid #ccc;
}


#statusIndicator {
	width: auto;
	display: none;
}

#loginContainer {
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 0px 10px;
	width: 325px;
}

/* end: generic css */

/* begin: slideshow css */

.modalslideshow_transparentDivs { /* background transparency for slideshow */
	filter:alpha(opacity=90);	
	opacity:0.90;	
	background-color: #666;
	z-index:1;
	position:absolute; 
}

/* end: slideshow css */


/* begin: suggestions */

/* begin: classes for the current filters box */

.suggestionsBoxContainer {
	position: absolute;
	background-color: #ddd;
	border: 1px solid #999;
	padding: 1px;
	z-index: 10;
	display: none;
	float:left;
}

.suggestionsBoxBar {
	position: relative;
	height: 16px;
	background-color: #303044;
	color: #fff;
	padding: 1px 2px 1px 1px;
}

.suggestionsBoxBar .closeButton {
	cursor: pointer;
	position: absolute;
	right: 1px;
	top: 1px;
}

.suggestionsBoxPanel {
	padding: 5px;
	background-color: #ddd;
}

.suggestionsBoxPanel .suggestion,
.suggestionsBoxPanel .suggestionHilite {
	cursor: pointer;
}

.suggestionsBoxPanel .suggestion {
	background-color: #ddd;
	color: #000;
}

.suggestionsBoxPanel .suggestionHilite {
	background-color: #999;
	color: #fff;
}

.suggestionsBoxFooterPanel {
	height:22px;
	width:auto;
	float:left;
	border-top:1px solid #c9cac9;
}
.suggestionsBoxFooterPanel span {
	float:right;
	margin-right:5px;
	margin-top:4px;
}
.suggestionsBoxFooterPanel span a#multigo {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #bdbdbe;
	padding: 0px 4px 2px 4px;
	text-decoration:none;	
	color:#000;
}

/* end: classes for the current filters box */

/* end: suggestions */

/* begin: drop downs */

table.dropdowncontainer {
	height:2em;
	margin:0px;
	padding:0px;
}


p.dropdownseparator {
	clear: both;
	float:left;
	margin: 1px 0px 4px 0px;
	border-bottom:0px solid #ccc;
	padding: 0px !important; 
	height: 2px !important;
	width:100%;
}

.dropdown {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 50px;
	height: 16px;
	font-size: 0.95em;
	color: #ccc;
	cursor: pointer;
}


.dropdown .selectedText {
	color: #666;
	margin:0px;
	padding: 1px;
	float:left;
	height: 16px;
	text-align: left;
	border: 0px;
}

.dropdownitems,
.dropdownitemsFloat {
	clear:both;
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
	background-color: #fff;
	border: 1px solid #ccc;
	width: auto;
	z-index: 10;
	text-align: left;
}

.dropdownitems ul,
.dropdownitemsFloat ul {
	font-size: 0.95em;
	list-style-type:none;
	cursor: pointer;
}

.dropdownitems li,
.dropdownitemsFloat li {
	padding: 1px;
	list-style-type: none;
}

.dropdownitemsFloat li {
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}

.dropdownitems li.normal,
.dropdownitemsFloat li.normal {
	background-color: #fff;
	color: #999;
}

.dropdownitems li.over,
.dropdownitemsFloat li.over {
	background-color: #8ea0b5;
	color: #fff;
}

.dropdownitems li.selected,
.dropdownitemsFloat li.selected {
	background-color: #395370;
	color: #fff;
}

.dropdown .button {
	float: right;
	width: 12px;
	height: 16px;
	padding-right: 2px;
	background-image: url(/images/css/dropdown-down.gif);
	background-position: center center;
	background-repeat: no-repeat;		
}

/* end: drop downs */

/* begin: top navigation/breadcrumbs/settings bar : in core.css because used on all pages */

/* outer table */
table.topNavigation {
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 10px;
	border: 0px;
	color: #333; 
}

table.topNavigation td {
	height: 30px;
	vertical-align: middle;
}


/* left column */
table.topNavigation td.infoContainer {
	width: 100%;
}

table.topNavigation td.otherContent { /* column for additional content and links, eg on preview pages */
	white-space: nowrap;
	padding-right: 20px;
}


table.topNavigation td.otherContent a {
	margin-right: 10px;
} 

table.topNavigation td.editLinks { /* column for admin edit link */
	white-space: nowrap;
	padding-right: 10px;
}

table.topNavigation td.editLinks a { /* admin edit link */
	background-color: red;
	color: white;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}

table.topNavigation #breadCrumb { /* div of which contents are dynamically updated */
	color: #303044;
	font-weight:bold;
}

table.topNavigation #breadCrumb a { /* any links in there */
	text-decoration: underline;
}
table.topNavigation #breadCrumb a:hover { /* any links in there */
	color: #303044;
	text-decoration: underline;
}

table.topNavigation #breadCrumb img {
	margin-left: 3px;
}

/* begin: right column */
table.topNavigation td.settingsContainer { /* column containing eg viewstyle settings controls */
	width: auto;
	text-align: right;
	white-space: nowrap;
}

table.topNavigation td.settingsContainer select {
	background-color:  #f4f5f6;
	border: 1px solid #999;
}

table.topNavigation td.settingsContainer option {
	background-color:  #f4f5f6;
	border: 0px;
}

/* begin: table contained within above settingsContainer column */
table.topNavigation table.settings {
	border: 0px;
	width: 100%;
	padding: 0px 20px 0px 0px;
}

table.topNavigation table.settings td {
	border: 0px;
	white-space: nowrap;
	padding-right: 6px;
}
/* end: table contained within above settingsContainer column */
/* end: right column */

/* end: top navigation/breadcrumbs/settings bar : all pages */



/* begin: modal dialog css: don't remove */

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.6;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
	border:0px solid #000;	
	padding:0px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed */
	background-color:#FFF;	/* White background color for the message */
}

.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

/* dialog as alert box */

.modalDialog_alertBox {
	padding: 0px;
	border: 1px solid #000;
	background-color: #fff;
}

.modalDialog_alertBar {
	background-color: #303044;
	color: #fff;
	height: 20px;
	line-height: 20px;
	width: auto;
	display: block;
	vertical-align: middle;
	text-align: center;
}

.modalDialog_alertBody {
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	height: 80px;
	border: 0px;
}

.modalDialog_alertFooter {
	height: 20px;
	width: auto;
	display: block;
	text-align: center;
}

.modalDialog_alertFooter a {
	font-weight: bold;
	text-decoration: none;	
}

/* end: modal dialog css: don't remove */


/* button style links */

a.ButtonStyleLink {
/*	background: transparent url('/images/css/bg_button_a.gif') no-repeat scroll top right; */
	background:white;
	color: #444;
	display: block;
	float: left;
	font: normal 12px verdana, sans-serif;
	font-weight:bold;
	height: 17px;
	margin-right: 6px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
	border:1px solid #999
}

a.ButtonStyleLink span {
/*	background: transparent url('/images/css/bg_button_span.gif') no-repeat;*/
	background:white;
	display: block;
	line-height: 10px;
	padding: 3px 0 2px 12px;
	
}

a.ButtonStyleLink:active {
/*    background-position: bottom right; */
		background:
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.ButtonStyleLink:active span {
/*    background-position: bottom left; */
    padding: 4px 0 2px 10px; /* push text down 1px */
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* end: button style links */


/* page footer */

#pageFooterOuter {
	display: inline;
	clear: both;
	float:left;
	padding: 0px;
	height:auto;
	width: 100%;
	border-top: 4px solid #dbdbdb;	
	margin: 80px 0px 0px 0px;
	overflow:hidden;
}

#pageFooterBar {
	color: #303044;
	background-color: #ededed;
	vertical-align: top;
	padding: 10px 20px 10px 20px;
}

#pageFooterBar a {
	position: relative;
	top: 0px;
	padding: 2px 0px 2px 0px;
	color: #303044;
	text-decoration: none;
}

#pageFooterBar a:hover {
	text-decoration: underline;
}

#pageFooterOuter #poweredbyinfradox {
	clear: both;
	float: left;
	display: inline;
	padding: 0px;
	margin: 30px 0px 0px 20px;
}


/* end: page footer */


/* begin: page link e-mail */


#divPageLinkEmail {
	float: left;
	width: 394px;
	height: 324px;
	margin: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #ccc;
	padding: 0px;
}

#divPageLinkEmail .mailformBox {
	margin: 0px;
	padding: 8px;
}

#divPageLinkEmail .mailformBox p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

#divPageLinkEmail .mailformBox label {
	clear: both;
	float: left;
	display: block;
}

#divPageLinkEmail .mailformBox input {
	clear: both;
	float: left;
	border: 1px solid #ccc;
	width: 200px;
}

#divPageLinkEmail .mailformBox textarea {
	padding-right: 4px;
	border: 1px solid #ccc;
	width: 350px;
	height: 80px;
}

#divPageLinkEmail .mailformHeader {
	background-color: #999;
	padding: 2px;
	margin: 0px;
	color: #fff;
}

#divPageLinkEmail .mailformFooter {
	padding: 4px 8px 6px 10px;
	color: #fff;
	text-align: right;
}

#divPageLinkEmail .mailformFooter a {
	background-color: #999;
	color: #fff;
	padding: 1px 5px 1px 5px;
	border: 1px solid #000;
	text-decoration: none;
}

#divPageLinkEmail .mailformFooter a:hover {
	text-decoration: none;
}

/* end: page link e-mail */


/* begin: printer friendly */

#thumbnailPrintLayout {
	margin: 0px 10px 0px 10px;
}

#thumbnailPrintLayout #pagetop {
	height: 20px;
	padding: 3px 0px 3px 0px;
}

#thumbnailPrintLayout #container {
	border: 0px;
	float: left;
	height: auto;
}

#thumbnailPrintLayout #container #orientation_0 {
	width: 700px;
}

#thumbnailPrintLayout #container #orientation_1 {
	width: 1400px;
}

/* end: printer friendly */



/* begin: generic css for forms */

#formMessageText {		/* div used in forms to display validation errors etc */
	font-weight: bold;
	color: #aa0505;
}

/* end: generic css for forms */


/* begin: login layer ajax */

#divLoginLayer {
	margin: 0px;
	padding: 0px; 
	border: 1px solid #000;
	background-color: #fff;
	width: 300px;
	height: 150px;
}

#divLoginLayer .loginformBox {
	height: 90px;
	padding: 8px 8px 0px 8px;
}

#divLoginLayer .loginformBox label {
	display: block;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}

#divLoginLayer #loginMessageText {
	color: red;
	font-weight: bold;
}

#divLoginLayer .loginformBox input {
	padding-right: 4px;
	font-size: 1em;
	border: 1px solid #000;
	width: 140px;
}

#divLoginLayer .loginformHeader {
	background-color: #303044;
	padding: 2px;
	color: #fff;
}

#divLoginLayer .loginformFooter {
	vertical-align: bottom;
	padding: 4px 8px 6px 10px;
	color: #fff;
	text-align: right;
}

#divLoginLayer .loginformFooter a {
	background-color: #303044;
	color: #fff;
	padding: 1px 5px 1px 5px;
	border: 1px solid #000;
	text-decoration: none;
}

#divLoginLayer .loginformFooter a:hover {
}


#divLoginLayer .loginformFooter .otherlinks {
	float:left;
}
#divLoginLayer .loginformFooter .otherlinks a {
	border:0px;
	padding:0px;
	background-color: #fff;
	color: #666;
	text-decoration: underline;
}

/* end: login layer ajax */

/* begin: login box */

#loginContainer .LoginBox {
	width: auto;
	background-color: #EFF0EE;
	padding: 20px; 
	margin: 0px 0px 0px 0px;
	background-image:url(/images/all/back_search.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	border:1px solid #AAAAAA;
}

#loginContainer label {
	color: #303044;
	font-weight: bold;
	display: block;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}

#loginContainer #loginMessageText {
	color: red;
	font-weight: bold;
}

#loginContainer input {
	padding-right: 4px;
	border: 1px solid #000;
	width: 160px;
}

/* end: login box */

/* begin: generic forms */

#formContainer {
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	width: 500px;
}

#formContainer .dropdownContainer {
	clear: both;
	float:left;
}

/* override the default drop down box border color (core.css) for eg the registration page*/
#formContainer .dropdown,
#formContainer .dropdownitems,
#formContainer .dropdownitemsFloat {	
	border: 1px solid #999;
	margin-bottom: 4px;
}


* html #formContainer .dropdown {
	position: relative;
	left: -8px;
}

#formContainer .box {
	width: auto;
	border: 1px solid #AAAAAA;
	background-color: #e4e4e3;
	padding: 20px 2px 20px 20px; 
	margin: 0px 0px 0px 0px;
	background-image:url(/images/all/back_search.gif);
	background-position:left top;
	background-repeat:repeat-x;

}

#formContainer p {
	height: 2em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#formContainer label {
	width: 12em;
	float: left;
	text-align: right;
	vertical-align: middle;
	margin-right: 1em;
	display: block
}

#formContainer input, #formContainer input.error, #formContainer input.valid {
	padding: 0px 4px 0px 0px;
	border: 1px solid #999;
	width: 220px;
}

#formContainer input.error {
	border: 1px solid #aa0505;
}

#formContainer input.valid {
	border: 1px solid green;
}

#formContainer .textareainput, #formContainer .textareainputerror, #formContainer .textareainputvalid {
	padding: 0px 4px 0px 0px;
	border: 1px solid #999;
	width: 220px;
	height: 100px;
}

#formContainer .textareainputerror {
	border: 1px solid #aa0505;
}

#formContainer .textareainputvalid {
	border: 1px solid green;
}

#formContainer select, #formContainer select.error, #formContainer select.valid {
	width: 230px;
	border: 1px solid #999;
	padding: 0px 0px 0px 0px;
}

#formContainer select.error {
	border: 1px solid #aa0505;
}

#formContainer select.valid {
	border: 1px solid green;
}

#formContainer .checkbox {
	width: 15px;
	padding: 0px;
}

#formContainer .buttonContainer {
	margin-left: 13em;
	padding-top: 10px;
}

/* end: end generic forms */


/* begin: contact us form */

#contactUs { /* body id */

}

#contactUs table.containerTable { /* table containing the contact us form */
	height:300px;
}

#contactUs table.containerTable td { /* table containing the contact us form */
	vertical-align: top;
}

#contactUs div#textBlock { /* text block next to form */
	width: 300px;
}

/* end: contact us form */



/* begin: price quote form */

#pricequote { /* body id */

}

#pricequote table.containerTable { /* table containing the form */
	height:300px;
}

#pricequote table.containerTable td { /* table containing the form */
	vertical-align: top;
}

#pricequote div#textBlock { /* text block next to form */
	width: 300px;
}

/* end: price quote form */


/* begin: register form */

#registerPage { /* body id */

}

#registerPage .checkbox {
	border: 0px;
}

#registerPage table.containerTable { /* table containing the form and the text about this page */
	height: 300px;
}

#registerPage table.containerTable td {
	vertical-align: top;
}

#registerPage div#textBlock { /* text block next to form */
	width: 300px;
}

#registerPage fieldset {
	margin: 0px 20px 10px 0px;
	padding: 8px;
	border: 1px solid #ccc;
}


/* end: register form */


/* begin: account address form */

#accountPage { /* body id */

}

#accountPage table.containerTable { /* table containing the form and the text about this page */
	height: 300px;
}

#accountPage table.containerTable td {
	vertical-align: top;
}

#accountPage div#textBlock { /* text block next to form */
	width: 300px;
}

#accountPage fieldset {
	margin: 0px 20px 10px 0px;
	padding: 8px;
	border: 1px solid #ccc;
}

/* end: account address form */


/* begin: change password page */

#changePasswordPage { /* body id */ 

}


#changePasswordPage table.containerTable {
	height: auto;
}

#changePasswordPage table.containerTable td {
	vertical-align: top;
}

#changePasswordPage div#textBlock { /* text block next to form */
	width: 300px;
}


/* end: change password page */

/* begin: lost password form */

#lostpasswordPage { /* body id */

}

#lostpasswordPage table.containerTable {
	height: 300px;
}

#lostpasswordPage table.containerTable td {
	vertical-align: top;
}

#lostpasswordPage div#textBlock { /* text block next to form */
	width: 300px;
}

/* end: lost password form */


/* begin: preferences */

#preferencesPage { /* body id */

}

#preferencesPage #formContainer table {
	margin-top: 2px;
}
#preferencesPage #formContainer td {
	vertical-align: middle;
	padding:0px
	margin:0px;
}
#preferencesPage #formContainer label {
	margin-right:10px;
	display:inline;
}

#preferencesPage .radio {
	width: 12px;
	height: 12px;
	border: 0px;
}

#preferencesPage table.containerTable { /* table containing the form and the text about this page */
	height: 300px;
}

#preferencesPage table.containerTable td {
	vertical-align: top;
}

#preferencesPage div#textBlock { /* text block next to form */
	width: 300px;
}

#preferencesPage fieldset {
	margin: 0px 20px 10px 0px;
	padding: 8px;
	border: 1px solid #ccc;
}


/* end: preferences */


/* begin: lightbox modal box email */

#divmodalemail {
	border: 0px;
} 

#divmodalemail .modalformcontainer {
	padding: 8px 8px 0px 8px;
}

#divmodalemail .modalformcontainer label {
	display: block;
	width: 80px;
	vertical-align: top;
}

#divmodalemail .modalformcontainer input {
	padding-right: 4px;
	border: 1px solid #ccc;
	width: 300px;
}

#divmodalemail .modalformcontainer textarea {
	padding-right: 4px;
	border: 1px solid #ccc;
	width: 400px;
	height: 120px;
}

#divmodalemail #errorMessages {
	/* innerhtml will be error messages etc */
	font-weight: bold;
	color: red;
}

#divmodalemail .header {
	background-color: #999;
	padding: 2px;
	color: #fff;
}

#divmodalemail .footer {
	padding: 4px 8px 6px 10px;
	color: #fff;
	text-align: right;
}

#divmodalemail .footer a {
	background-color: #999;
	color: #fff;
	padding: 1px 5px 1px 5px;
	border: 1px solid #000;
	text-decoration: none;
}

#divmodalemail .footer a:hover {
	text-decoration: none;
}

/* end: lightbox modal box email */
#previewPage table.previewNavigation a#linkRemoveFromLightbox,
#previewPage table.previewNavigation a#linkDirectDownloadNot,
.listModeBox div.links a.directDownloadAdd2,
.gridModeBox div.links a.directDownloadAdd2,
#galleryItems a#linkAllToOrder,
#galleryItems a#linkAllToLightbox,
#previewPage #linkDirectDownload,
#previewPage #linkComp, 
#previewPage #linkAddToLightbox,
#previewPage #linkAddToOrder,
#linkDirectDownload2,
.directDownloadAdd,
.orderAdd,
.orderAdd2,
.lightBoxDel,
.lightBoxAdd,
.lightBoxNote,
.lightBoxAdd2{
	background-image:url(../images/all/btn_plus.gif); 
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	height:15px;
	padding-left:16px;
	text-align:left;
	text-decoration:underline
}

#linkAllToOrder,
#linkAllToLightbox,
#previewPage table.previewNavigation a#linkRemoveFromLightbox,
#previewPage table.previewNavigation a#linkDirectDownloadNot,
#previewPage #linkDirectDownload,
#previewPage #linkComp, 
#previewPage #linkAddToLightbox,
#previewPage #linkAddToOrder{
	float:left;
	margin-right:10px;
}

.listModeBox div.links a.lightBoxAdd2,
.gridModeBox div.links a.lightBoxAdd2{
/*	background-image:url(../images/all/btn_lbadd2.gif); 
	color:#999;*/
}

#previewPage table.previewNavigation a#linkRemoveFromLightbox,
.lightBoxDel{
/*	background-image:url(../images/all/btn_lbdel1.gif);*/
}
.lightBoxNote {
/*	background-image:url(../images/all/btn_note1.gif); */
}

#galleryItems a#linkAllToOrder,
#previewPage #linkAddToOrder,
.listModeBox div.links a.orderAdd,
.gridModeBox div.links a.orderAdd {
/*	background-image:url(../images/all/btn_ordadd1.gif); */
}


.listModeBox div.links a.orderAdd2,
.gridModeBox div.links a.orderAdd2{
/*	background-image:url(../images/all/btn_ordadd1.gif);
	background-image:url(../images/all/btn_ordadd2.gif); 
	
	color:#999;*/
}
#previewPage #linkComp, 
#previewPage #linkDirectDownload,
.listModeBox div.links a.directDownloadAdd,
.gridModeBox div.links a.directDownloadAdd{
/*	background-image:url(../images/all/btn_download1.gif); */
}

#previewPage table.previewNavigation a#linkDirectDownloadNot,
.listModeBox div.links a.directDownloadAdd2,
.gridModeBox div.links a.directDownloadAdd2{
/*	background-image:url(../images/all/btn_download2.gif); 
	color:#999;*/
}

.lightBlue{
	background:#F0F2F6;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	height:24px;
	overflow:hidden
}

/* customsearchBar */

#toolBoxDivContainer{
	position:absolute;
	right:0px;
	top:20px; 
	width:230px;
	background:#EDEDED;
	visibility:hidden
}
.toolBoxDiv{
	position:relative;

}

#toolBoxDivContainer #linkToggleToolbox{
	position:absolute;
	left:-19px;
	top:0px;
	cursor:pointer
}
#toolBoxDivContainer .toolBoxDiv h3,
#searchResults #toolBoxTable h3 {
	margin-top: 4px;
	color: #303044;
	font-size: 1.1em;
	font-weight: bold;
}


/* begin: table containing the toolbox */

/* checkboxes for filter sections can be hidden */

#toolBoxDivContainer #toolsection_orientation_1,
#toolBoxDivContainer #toolsection_orientation_2,
#toolBoxDivContainer #toolsection_color_1,
#toolBoxDivContainer #toolsection_color_2,
#toolBoxDivContainer #toolsection_rights_1,
#toolBoxDivContainer #toolsection_rights_2,
#toolBoxDivContainer #toolsection_recentsearches_1,
#toolBoxDivContainer #toolsection_recentsearches_2, 
#searchResults #toolsection_orientation_1,
#searchResults #toolsection_orientation_2,
#searchResults #toolsection_color_1,
#searchResults #toolsection_color_2,
#searchResults #toolsection_rights_1,
#searchResults #toolsection_rights_2,
#searchResults #toolsection_recentsearches_1,
#searchResults #toolsection_recentsearches_2 {
	cursor: pointer;
}
#toolBoxDivContainer #toolsection_recentsearches_2,
#searchResults #toolsection_recentsearches_2 {
	margin-top: 10px;
}
#toolBoxDivContainer a#linkApplyFilters,
#searchResults a#linkApplyFilters {
	text-decoration: none;
}
#toolBoxDivContainer #toolBoxTable,
#searchResults #toolBoxTable {
	border: 0px;
	width: 220px;
	border: 0px;
	margin-left:6px
}

#searchResults #toolBoxTable tbody {

}
#toolBoxDivContainer #toolBoxTable td,
#searchResults #toolBoxTable td {
	vertical-align: top;
	border: 0px;
	padding: 2px 5px 2px 5px;
}
#toolBoxDivContainer #toolBoxTable td.subhead,
#searchResults #toolBoxTable td.subhead {
	padding: 0px 5px 0px 5px;
}


#toolBoxDivContainer #toolBoxTable #powersearchButton,
#toolBoxDivContainer #toolBoxTable #refinenamesearchButton,
#searchResults #toolBoxTable #powersearchButton,
#searchResults #toolBoxTable #refinenamesearchButton {
	cursor: pointer;
}
#toolBoxDivContainer #toolBoxTable input.searchInput,
#searchResults #toolBoxTable input.searchInput {
	color: #3F3F3F;
	background-color: #FFF;
	padding: 1px;
	margin: 0px;
	border: 1px solid #999;
	width: 145px;
	background-image: url(/images/all/inputinsideshadow.gif);
}
#toolBoxDivContainer #toolBoxTable table.powersearchRadioTable,
#searchResults #toolBoxTable table.powersearchRadioTable {
	margin: 2px 0px 0px 0px;
}
#toolBoxDivContainer #toolBoxTable table.powersearchRadioTable td,
#searchResults #toolBoxTable table.powersearchRadioTable td {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
}
#toolBoxDivContainer #toolBoxTable table.powersearchRadioTable td.topindent,
#searchResults #toolBoxTable table.powersearchRadioTable td.topindent {
	padding: 0px 0px 0px 0px;
}

#toolBoxDivContainer #toolBoxTable table.powersearchRadioTable td.indent,
#searchResults #toolBoxTable table.powersearchRadioTable td.indent {
	padding: 0px 0px 0px 10px;
}
#toolBoxDivContainer #toolBoxTable table.powersearchRadioTable .radio,
#searchResults #toolBoxTable table.powersearchRadioTable .radio {
	margin: -2px -2px -4px -2px;
	border: 0px;
}

/* end: table containing the toolbox */

/* begin: found names contained within toolbox */
/* begin: found names contained within toolbox */

#toolBoxDivContainer #foundNames,
#searchResults #foundNames {
	padding: 0px 0px 0px 4px;	
}

#toolBoxDivContainer #foundNames a,
#searchResults #foundNames a {
	color: #999;
	text-decoration: none;
}
#toolBoxDivContainer #foundNames a:hover,
#searchResults #foundNames a:hover {
	text-decoration: none;
	color: #666;
}
#toolBoxDivContainer #foundNames ul,
#searchResults #foundNames ul { /* parent */
	list-style-type: none;
}
#toolBoxDivContainer #foundNames ul li,
#searchResults #foundNames ul li {
	list-style-type: none;
	color: #8696ad;
	font-weight: bold;
}
#toolBoxDivContainer #foundNames ul ul,
#searchResults #foundNames ul ul { /* child */
	list-style-type: none;
	margin-left: 10px;
}
#toolBoxDivContainer #foundNames ul ul li,
#searchResults #foundNames ul ul li {
	list-style-type: none;
	font-weight: normal;
	color: #999;
	cursor: pointer;
}
#toolBoxDivContainer #foundNames ul.keycloud, 
#searchResults #foundNames ul.keycloud {
	cursor: pointer;
}
#toolBoxDivContainer #foundNames ul.keycloud li,
#searchResults #foundNames ul.keycloud li {
	list-style-type: none;
	color: #8696ad;
	font-weight: normal;
}

/* end: found names contained within toolbox */
/* end: found names contained within toolbox */

#subfilterList li{
	margin-left:12px;
}
.topEvent p{
	background-repeat:no-repeat;	
	background-position:0px 1px;
	height:67px;
	padding:0px;
	padding-left:68px;
	overflow:hidden;
}
.topEvent strong{
	display:block;
	font-weight:bold;
	margin-bottom:2px
}
.topEvent{
	height:75px; 	
	cursor:pointer;
	background-image:url(/images/all/topEventBox.gif); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
	padding:5px
}

.homeWelcomeBox .blueBar, .leftColumn .blueBar{
	margin-bottom:6px;
	margin-left:-1px;
	margin-right:-1px
}

.greyBar,
.blueBar{
	height:22px;
	overflow:hidden;
	line-height:1.8em
}

.greyBar span,
.greyBar a,
.blueBar strong,
.blueBar span,
.blueBar a {
	padding:0 6px;
	color:white;
	font-weight:bold;
}

.blueBar{
	background:#302E42;	

}

.greyBar{
	background:#efefef;
	margin:3px;
	
}
.greyBar strong{
	color:#666666;
	font-weight:bold;
	padding:0 6px;
}

.leftCorner2,
.rightCorner2,
.leftCorner,
.rightCorner{
	width:3px; 
	height:22px;
	overflow:hidden; 
	font-size:1px;
	line-height:1px;
}

.featureContainer a.galLink  {
	color:white;
}


.leftCorner2,
.rightCorner2{
	height:11px;
}
.leftCorner2,
.leftCorner{
	float:left;
	background-image:url(/images/all/barCorners.gif);
}
.rightCorner2,
.rightCorner{
	float:right;
	background-image:url(/images/all/barCorners.gif);
	background-position: -2px 0px;
}

.bottomfiller {
	clear:both;
	width:100%;
	background:#EFEFEF;
	height:10px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
}

.rightCorner2.bottomCorner{
	background-position:-2px 10px;
}

.leftCorner2.bottomCorner{
	background-position:0px 10px;
}

.borderLine{
	height:3px;
	width:3px; 
	overflow:hidden; 	
}
.leftCornerBorder{
	background-image:url(/images/all/circle.gif);
	float:left;
	position:relative; 
	top:-1px;
	left:-1px;
}

.rightCornerBorder{
	background-image:url(/images/all/circle.gif);
	float:right;
	position:relative; 
	top:-1px;
	left:1px;
	background-position:-4px 0px;
}

.featureContainer{
	border:1px solid #dfdfdf;
	margin-top:10px;
	margin-left:1px;
	position:relative;
}

.featureCornerLeft{
	height:7px;
	width:7px;
	overflow:hidden;
	background-image:url(/images/all/circle2.gif);
	position:absolute; 
	top:-1px;
	left:-1px;
}

.featureCornerRight{
	height:7px;
	width:7px;
	overflow:hidden;
	background-image:url(/images/all/circle2.gif);
	background-position:-5px 0px;
	position:absolute;
	top:-1px;
	right:-1px
}

.whiteArrows{
	background-image:url(../images/all/white_arrows.gif);
	background-repeat:no-repeat; 
	background-color:#efefef;
	height:60px;
	width:10px;
	cursor:pointer;
	position:absolute;
	top:100px;
}

.whiteArrows:hover{
	background-color:#dfdfdf;
}

.rightArrow{
	left:0;
	background-position:1px 24px;
}
.leftArrow{
	right:0;
	background-position:-9px 24px;
}

.latestFeatures{
	height:220px;
	position:absolute;
	top:0px;
	left:2px
}

.feature {
	height:180px;
	width:164px;
	margin:10px 6px 40px 6px;
	float:left;
	background-image:url(../images/all/galleries.gif);
	background-repeat:no-repeat;
	background-position: 2px 0px;
	cursor:pointer
}
.feature span {
	margin-top:10px;
	display:block;
	width:160px;
	max-height:40px;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	background:#F0F2F6;
	padding:1px 2px; 
}

.greyBar a {	
	font-weight:normal;
	text-decoration:none
}
.greyBar a:hover {	
	text-decoration:underline
}



.featureWindow{
	height:224px;
	margin:10px 10px 0px 10px; 
	overflow:hidden;
	position:relative;	
}

.homeThumb{
	width:164px;
	height:160px;	
	background-position:center center;
	background-repeat:no-repeat;
}

.measure{
	border:1px solid  green;	
}

#leftContainer {
	position: absolute;
	top: 20px;
	left:10px;
	padding: 0px 10px 0px 0px;
	width: 220px;
}

#leftContainer .homeWelcomeBox {
	padding: 0px;
	height: auto;
	border: 0px;	
	margin: 0px 0px 9px 0px;
	text-align: justify;
}

#leftContainer .homeWelcomeBox p {
	margin: 0px 0px 6px 0px;
}

#leftContainer .homeWelcomeBox h2 {

	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	color: #303044;
	font-weight: bold;
}


/* begin: login box on the home page */

#leftContainer .LoginBox, 
#loginContainer .LoginBox {
	position:relative;
	width: auto;
	margin: 6px 0px;
	border: 1px solid #aaaaaa;
	background-color: #f4f8fd;
	background-image: url(/images/all/back_search.gif);
	background-position: left top;
	background-repeat: repeat-x;	
}

#leftContainer label, 
#loginContainer label {
	color: #314c6a;
	font-weight: bold;
	display: block;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}

#leftContainer #loginMessageText, 
#loginContainer #loginMessageText {
	color: red;
	font-weight: bold;
}

#leftContainer input, 
#loginContainer input {
	padding: 0px 4px 0px 0px;
	border: 1px solid #999;
	width: 160px;
}

#homeRightContainer {
	position: absolute;
	top: 20px;
	left:10px;
	padding: 0px 10px 0px 0px;
	width: 210px;
}

#homeRightContainer .homeWelcomeBox {
	padding: 0px;
	height: auto;
	border: 0px;	
	margin: 0px 0px 9px 0px;
	text-align: justify;
}

#homeRightContainer .homeWelcomeBox p {
	margin: 0px 0px 6px 0px;
}

#homeRightContainer .homeWelcomeBox h2 {

	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	color: #303044;
	font-weight: bold;
}


/* begin: login box on the home page */

#homeRightContainer .LoginBox, 
#loginContainer .LoginBox {
	position:relative;
	width: auto;
	margin: 6px 0px;

	background-color: #EFEFEF;
	background-position: left top;
	background-repeat: repeat-x;	
	 
}

#homeRightContainer label, 
#loginContainer label {
	color: #314c6a;
	font-weight: bold;
	display: block;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
}

#homeRightContainer #loginMessageText, 
#loginContainer #loginMessageText {
	color: red;
	font-weight: bold;
}

#homeRightContainer input, 
#loginContainer input {
	padding: 0px 4px 0px 0px;
	border: 1px solid #999;
	width: 160px;
}


.cornerLeft{
	height:7px;
	width:7px;
	overflow:hidden;
	background-image:url(/images/all/circle2.gif);
	float:left;
	top:-1px;
	left:-1px;
	position:relative;
}

.cornerRight{
	height:7px;
	width:7px;
	overflow:hidden;
	float:right;
	background-image:url(/images/all/circle2.gif);
	background-position:-5px 0px;
	top:-1px;
	right:-1px;
	position:relative;
}

.topEventHeader{margin:10px 0px}

#galleryIndex div.entertainmentImageBox{height:210px}

#rssLayer {
	float: left;
	width: 210px;
	font: normal 8pt Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 1px;
	background-image: url(/images/all/feedback.gif); 
	background-repeat: no-repeat;
}

#rssLayer #lcol {
	width: 80px;
	height: 62px;
	float: left;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:white;
	padding-left:4px;
	padding-top:4px;
}

#rssLayer #rcol {
	width: 119px;
	height: 62px;
	float: left;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:white;
	padding:4px 2px 0px 3px;
	
}


#rssLayer img.scaled {
	width: 77px;
	height: 58px;
}

#rssLayer span.feedtitle {
	color: #6c6c6c;
}



#rssLayer hr {
	height: 0.5px;
	color: #ccc;
}
	
#rssLayer #rcol span.feedlink, a.feedlink, a:link, a:visited, a:hover, a:active  {
	color: #39a6cd;
}

