/* 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% arial,verdana,helvetica,sans-serif;
	background-color: #fff;
	color: black;
	overflow-x:hidden;
}
div.plainhtml{display:none}

table, th, thead, tbody, tr, td, p, a, ul, li, b, div, span, select {
	font-size: 1em;
	color: black;
}

input,textarea { 
	font-size: 1em;
	color: black;
	font-family:arial,verdana,helvetica,sans-serif;
}

p {
	padding: 0px 0px 10px 0px;
}

a {
	color: #9ba096;
	text-decoration:none
}

a:hover {
	color: #cca800
}
a:active, a:focus {
	   outline: 0;
}

form {
	display: inline;
}

h1 {
	font-size: 1.5em;
	color: #000;
}

.strong{font-weight:bold} 
/* 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 20px 0px 40px;
	padding: 0px 10px 0px 0px;
	height:480px
	
}


/* end: generic css */

/* begin: slideshow css */

.modalslideshow_transparentDivs { /* background transparency for slideshow */
	filter:alpha(opacity=90);	
	opacity:0.90;	
	background-color: #fff;
	z-index:1;
	position:absolute; 
}


#modalslideshow_over{
width:100%;
text-align:center

	
}

#modalslideshow_over ul li{
	position:relative; 
	top:-30px;
	display:inline
}


#modalslideshow_over li a img{
	
}

#modalslideshow_over{

}

/* end: slideshow css */


/* begin: suggestions */

/* begin: classes for the current filters box */
.suggestionsBoxContainer input{
	display:none
}
.suggestionsBoxContainer {
	position: absolute;
	border: 1px solid #dfdfdf;
	padding: 0px;
	z-index: 1002;
	display: none;
	float:left;
}

.suggestionsBoxBar {
	position: relative;
	height:15px;
	background-color: #CCA800;
	color: #fff;
	background-image:url(/images/css/keywordHeader.gif);
	background-position:-1px 0px;
	background-repeat:no-repeat;
	cursor:pointer
}

.suggestionsBoxBar:hover{
	background-position:-1px -16px;
}

.suggestionsBoxBar .closeButton {
	cursor: pointer;
	position: absolute;
	right: 1px;
	top: 1px;
}

.suggestionsBoxPanel {
	padding: 5px;
	background:#e3e3e3;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);					
}
	
}


.suggestionsBoxPanel .suggestion,
.suggestionsBoxPanel .suggestionHilite {
	cursor: pointer;
}

.suggestionsBoxPanel .suggestion {
	
	color: #000;
	
}

.suggestionsBoxPanel .suggestionHilite {
	background-color: #999;
	color: #fff;
}

.suggestionsBoxFooterPanel {
	height:1px;
	width:auto;
	float:left;
}
.suggestionsBoxFooterPanel span {
	float:right;
	margin-right:5px;
	margin-top:4px;
	display:none
}
.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;
	padding-left:4px;
}


.dropdown .selectedText {
	color: #000;
	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 0px 1px 4px;
	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: #CCA800;
	color: #fff;
}

.dropdownitems li.selected,
.dropdownitemsFloat li.selected {
	background-color: #CCA800;
	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 40px;
	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: #000000;
}

table.topNavigation #breadCrumb a { /* any links in there */
	text-decoration: underline;
}
table.topNavigation #breadCrumb a:hover { /* any links in there */
	color: #CCA800;
	text-decoration: underline;
}

table.topNavigation #breadCrumb img {
	margin-left: 3px;
}

table.topNavigation #breadCrumb img {
	margin-left: 3px;
}

#orderConfirmed table.topNavigation #breadCrumb img {
	margin-left: 0px;
}


/* 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=80);	/* Transparency */
	opacity:0.8;	/* Transparency */
	background-color:white;
	z-index:1;
	position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv{
	
	padding:0px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed */
	background-color:#FFF;	/* White background color for the message */
	border:1px solid #CCA800
}

.modalDialog_contentDiv_shadow{
	visibility:hidden;
	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;
	background-color: #fff;
}

.modalDialog_alertBar {
	background-color: #CCA800;
	color: #fff;
	height: 20px;
	line-height: 20px;
	width: auto;
	display: block;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
}

.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;	
	color:white;
	background:#9BA096;
	padding:1px 8px;
	
}
.modalDialog_alertFooter a:hover{
	background:#cca800;
	
}


/* end: modal dialog css: don't remove */


/* button style links */

a.ButtonStyleLink {
	background: #9BA096;
	color: white;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
}

a.ButtonStyleLink span {
/*	background: transparent url('/images/css/bg_button_span.gif') no-repeat; */
	display: block;
	line-height: 12px;
	padding: 4px 0 4px 18px;
	color:white;
	font-weight:bold
}

a.ButtonStyleLink:hover{
	background:#cca800;
	
}

a.ButtonStyleLink:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.ButtonStyleLink:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* 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: 930px;
	border-top: 1px dotted #9ba096;	
	margin: 30px 0px 20px 40px;
}

#homePage #pageFooterOuter{
	margin: 10px 0px 0px 40px;
	display:none;
}

#pageFooterBar {
	color: #c3c3c3;
	letter-spacing: -0.1px;
	background-color: #fff;
	vertical-align: top;
	padding: 4px 0px 10px 0px;
}

#pageFooterBar a {
	position: relative;
	top: 0px;
	padding: 2px 0px 2px 0px;
	font-size:80%;
	font-weight:bold;
	text-decoration: none;
}


#pageFooterOuter #poweredbyinfradox {
	float: right;
	padding: 0px;
}


/* 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;
	padding:0 40px;
}

/* end: generic css for forms */


/* begin: login layer ajax */

#divLoginLayer {
	margin: 0px;
	padding: 0px; 

	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: #CCA800;
	padding: 2px;
	padding-left:8px;
	padding-bottom:3px;
	color: #fff;
	font-weight:bold;
}

#divLoginLayer .loginformFooter {
	vertical-align: bottom;
	padding: 4px 8px 6px 10px;
	color: #fff;
	text-align: right;
}

#divLoginLayer .loginformFooter a {
	background-color: #9BA096;
	color: #fff;
	padding: 1px 5px 1px 5px;
	font-weight:bold;
	text-decoration: none;
}

#divLoginLayer .loginformFooter a:hover {
		background-color: #CCA800;
	
}


#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: 150px;
	background-color: #fff;
	border: 1px solid #CCA800;
	padding: 20px 30px; 
	margin: 0px 0px 0px 0px;
	
}

#loginContainer a.ButtonStyleLink{
	padding-right:14px;
}


#loginContainer a#linkRegister_{
	position:relative;
	left:6px;
}


#retrievePasswordCointainer{
padding-top:40px;	
}
#loginContainer a.ButtonStyleLink span{
	padding-left:14px
}



#loginContainer label {
	color: #000;
	display: block;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
	margin-top:10px;
	font-weight:bold;
	margin-bottom:4px
	
}

#loginContainer #loginMessageText {
	color: red;
	font-weight: bold;
}

#loginContainer input {
	padding-left: 2px;
	border: 1px solid #9ba096;
	width: 146px;
}



#linkForgot{
	font-weight:bold
}
/* end: login box */

/* begin: generic forms */

#formContainer {
	margin: 0px 10px 0px 40px;
	padding: 0px 10px 0px 0px;
	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 #CCA800;
	background-color: #fff;
	padding: 20px 2px 20px 20px; 
	margin: 0px 0px 0px 0px;
	
}

#formContainer p {
	height: 2em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#changePasswordPage #formContainer p{
	margin-bottom: 26px;
}

#formContainer label {
	width: 12em;
	float: left;
	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: 265px;
}

#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;
	margin-top:-0.9em
		
}

/* end: end generic forms */


/* begin: contact us form */

#contactUs { /* body id */
	
}

#contactUs table.containerTable { /* table containing the contact us form */
	height:300px;
	display:none; 

}

#contactUs table.containerTable td { /* table containing the contact us form */
	vertical-align: top;
}

#contactUs div#textBlock { /* text block next to form */
	width: 930px;
	height:480px;
	margin-left:40px;
	margin-top:18px;
	
}

#contactUs div#textBlock div{
	float:left;
	width:240px;
	height:470px;
}

/* 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: 210px;
	padding-left:10px;
	
}

#registerPage div.dottedLine{
	margin-bottom:19px;
}

#registerPage fieldset {
	margin: 0px 20px 10px 0px;
	padding: 8px;
	border: 1px solid #ccc;
}

#registerPage #formContainer label{
	padding-left:30px;
}

#registerPage #formContainer .buttonContainer{
	text-align:right;
}

#registerPage #formContainer a.ButtonStyleLink{
 margin-right:30px;
 float:right;
}
#registerPage #formContainer .box{
	height:690px;
}

/* end: register form */


/* begin: account address form */

#accountPage { /* body id */

}

#accountPage table.containerTable { /* table containing the form and the text about this page */
	height: 480px;
	margin-top:18px;
}

#accountPage #breadCrumb{ display:none}

#accountPage #formContainer label{
	text-align:left;
	padding-left:30px;
}

#registerPage .formHeadLine, #accountPage p.formHeadLine{
 font-weight:bold;
 margin-top:6px;
 padding-left:30px;
}

#accountPage #formContainer .box{
	height:690px	
}


#registerPage #formContainer .buttonContainer, #accountPage #formContainer .buttonContainer {
	width:100%;
	margin-left:0px; 
	text-align: right
	
}


#accountPage a.ButtonStyleLink{float:right; margin-right:29px; display:inline}

#accountPage table.containerTable td {
	vertical-align: top;
}

#accountPage div#textBlock { /* text block next to form */
	width: 200px;
	margin-left:10px
}

#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: 460px;
	
}

#changePasswordPage table.containerTable td {
	vertical-align: top;
}

#changePasswordPage div#textBlock { /* text block next to form */
	width: 200px;
}

#changePasswordPage .box{
	width:150px;
	padding:24px 32px 24px 30px
}

#changePasswordPage #formContainer{
	width:auto;
	margin-right:20px;
}
#changePasswordPage .dottedLine{
	margin-bottom:18px;
}

#changePasswordPage #formContainer input{
	width:146px;	
	margin-bottom:10px;
}

#changePasswordPage #formContainer label{
	margin-bottom:6px
}

#changePasswordPage #formContainer .buttonContainer {
	margin-left:0em;
	width:100%
}
#changePasswordPage a.ButtonStyleLink{
	width:150px;
}

#changePasswordPage #formContainer .buttonContainer {
	padding-top:8px;
}

/* end: change password page */

/* begin: lost password form */

#lostpasswordPage { /* body id */

}

#lostpasswordPage #formContainer{
	width:auto;
	margin-right:20px;		
}

#lostpasswordPage .dottedLine{
	margin-bottom:18px;
}

#lostpasswordPage #formContainer label{
	margin-bottom:6px;	
	font-weight:bold
}

#lostpasswordPage #formContainer .box{
	padding:18px 29px 18px 28px; 
	width:150px;
	height:174px
}

#lostpasswordPage #formContainer input{
	width:146px
}

#lostpasswordPage #formContainer .buttonContainer{
	margin-left:0px;
	padding-top:4px
}

#lostpasswordPage #formContainer .buttonContainer a.ButtonStyleLink span{
	padding-right:0px;
}
#lostpasswordPage #formContainer .clear{
	overflow:visible
}

#lostpasswordPage #formContainer .buttonContainer a.ButtonStyleLink {
	margin-right:-4px;
}


#lostpasswordPage table.containerTable {
	height: 460px;
}

#lostpasswordPage table.containerTable td {
	vertical-align: top;
}

#lostpasswordPage div#textBlock { /* text block next to form */
	width:210px;
}

/* 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: 210px;
}

#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: #CCA800;
	padding: 2px;
	color: #fff;
	padding-left:8px;
	padding-bottom:3px;
	font-weight:bold;
	
}

#divmodalemail .footer {
	padding: 10px 8px 6px 10px;
	color: #fff;
	text-align: right;
}

#divmodalemail .footer a {
	background-color: #9BA096;
	color: #fff;
	padding: 4px 8px;
	margin-left:8px;
	font-weight:bold;
	text-transform:lowercase; 
	
}

#divmodalemail .footer a:hover {
	background-color: #CCA800;
	text-decoration: none;
}

/* end: lightbox modal box email */

#photographersHeading{position:absolute; top:96px; left:40px}
#photographersList {float:left; width:360px; margin-top:8px;}
#photographersList a, 
#contributorsList a{color:#9ba096; cursor:pointer}
#contributorsList a{font-weight:bold;}


#photographersList li span{text-transform:capitalize}

#photographersList a:hover, 
ul.contributorsList a.photographersName:hover{color: #cca800}
#photographersList a {font-size:1.6em}
ul.contributorsList {float:left; margin-top:14px; width:290px; overflow:hidden }
ul.contributorsList a.photographersName{font-weight:bold; color:#9ba096;} 

ul.contributorsList li span{text-transform:capitalize}

.country{font-weight:bold; color:black}

#photographersList .city{color:black; margin-left:5px}

#galleryIndex #rollOverContainer div.indexImageBox{display:none; position:absolute; z-index:10; background:white }
#galleryIndex #rollOverContainer b {display:none;}
#galleryIndex #rollOverContainer .indexImageBoxCaption{color:white}
#galleryIndex #rollOverContainer .indexImageBox{height:210px; width:210px; overflow:hidden; }
#galleryIndex #rollOverContainer .indexImageBoxThumbnail{width:210px; height:210px;}


#titleContainer{
	margin-top:2em;
	margin-left:40px;
	float:left;	
}

h1.utSubTitle,
#titleContainer h1{
	color:#cca800;
	font-size:1.6em;
	position:relative;
	top:2px;
	vertical-align:baseline;
	margin-bottom:-2px; 
}

#galleryIndex #titleContainer h1{}

h1.utSubTitle{
	margin-left:40px; margin-top:8px;
	color:#9ba096;
}

.dottedLine{
	height:10px;
	overflow:hidden;
	border-bottom:1px dotted #9BA096;
	line-height:1px;
	font-size:1px;
	margin:0px 0 0 40px;
	width:930px;
	clear:both;
}

#photographersTabs{
	width:186px;
	height:14px; 
	float:left;
	margin-left:100px;
	position:relative;
	top:87px;
}

#photographersTabs ul li{
	background:url('/images/css/photographers_sprite.gif');
	background-repeat:no-repeat;
	height:16px;
	display:block;
	float:left;	
	cursor:pointer;
}

.pTabs.selected{cursor:default}
#photographersTabs ul li#biographyTab	{background-position:0px -16px; width:69px;}
#photographersTabs ul li#biographyTab.over,
#photographersTabs ul li#biographyTab.selected{	background-position:0px 2px;}

#photographersTabs ul li#portfolioTab{background-position:-69px -35px; width:62px;}
#photographersTabs ul li#portfolioTab.over,
#photographersTabs ul li#portfolioTab.selected{background-position:-69px -16px;}

#photographersTabs ul li#storiesTab{background-position:-131px -16px;	width:53px;}
#photographersTabs ul li#storiesTab.over,
#photographersTabs ul li#storiesTab.selected{background-position:-131px -35px;}

.subMenuContainer{color:black;	position:absolute; top:-150px;	 cursor:pointer;  overflow:hidden; background:#e3e3e3; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
.subMenuContainer ul{min-width:100px}
.subMenuContainer li{white-space:nowrap; color:black; height:1.2em; padding:2px 4px 3px 6px; width:98px; background:#e3e3e3}
.subMenuContainer li a{color:black}
.subMenuContainer li.hover{background:#9ba096; color:white}
.subMenuContainer li.hover a{color:white}
.subMenuContainer li.active{background:#cca800; color:white}
.homeTemplate {display:none;}
.frontbox{position:relative;}
.adminButton{background:red; color:white; cursor:pointer}
#homePage .adminButton{position:absolute;	top:20px;	right:20px;	z-index:1000;}
#homePage .frontbox .adminButton {top:4px; right:4px;}
#boxEditor{position:absolute; top:0px; left:0px; width:200px; height:200px; z-index:1000; border:2px dashed #ccc; background:white; padding:5px; display:none}
select#category{width:60%; margin-top:2px; float:right}
#boxEditor label#forCategory{margin-top:2px}
#boxEditor label{display:block; float:left; margin-top:0.5em}
#boxEditor input{display:block; clear:both; width:100%; font-size:xx-small; border:1px solid #ccc}
#boxEditor .save{clear:right; margin-top:1em; border:1px solid #999; background:#ccc; font-size:1.2em; cursor:pointer}
.topNavigationColumn #currentPageTop{border:1px solid #9ba096}
input.currentPageText{border:1px solid #9ba096; text-align:center; width:2em; margin:0em 0.5em; font-size:1em; padding:0em}
div.navInfo{float:left;}
#topButtons{width:210px; height:15px; cursor:pointer; position:absolute; top:115px; left:760px}
.liveLinked{cursor:pointer}
#topNav,#botNav{float:left; clear:left; padding-top:12px; padding-right:10px;}
#botNav{padding-bottom:10px; padding-top: 20px; width:200px}
a.previous{display:block; height:15px; width:6px; background-image:url(/images/css/panosNavArrows.gif); overflow:hidden; float:left; margin-right:0.5em; margin-top:0.2em; background-position:0px -2px;}
a.next{display:block; height:15px; width:6px; background-image:url(/images/css/panosNavArrows.gif); overflow:hidden; float:left; position:relative; left:0.4em; margin-right:0.4em; margin-top:0.2em; background-position:-6px -2px;}
#modallayer{right:0px}
.compInstructions {width:640px;}
#randomphoto{display:none}
div.bottomLine{padding-top:40px; width:930px; margin-left:0px}
#gtitle{display:none}
#photographerStoriesList{padding-left:40px; clear:both;}
#bottomStoryLinksContainer{line-height:1.5em; margin-top:-0.6em; margin-bottom:2em}
#photographerStoriesList a{text-decoration:none; white-space:nowrap;}`
#photographerStoriesList p{height:8px;}
#photographerStoriesList b{color:#666}
#menuSeperator{position:fixed; z-index:500; top:0px; left:0px; height:10px; background:white; width:100%}
#galleryItems #photographerStoriesList{position:absolute; top:625px; left:0px; width:930px;}
#galleryItems #photographerStoriesList div.bottomLine{padding-top:0px; height:1px; overflow:hidden}
.closeThis{width:15px; height:15px;  position:absolute; top:0px; right:0px; cursor:pointer}
.closeMe {display:none}
#showsuggestions{display:none}
.descenderImage{position:relative; top:5px;}
#layoutToolBox .number{position:relative; top:-2px; margin:0 2px}
.custom4Container{text-transform:capitalize}
#caption_subtitle span.lc,
.custom4Container span.lc{text-transform:lowercase}
legend{font-weight:bold; margin-left:-2px;}
.menuPage{padding-top:75px;}

.masthead {	background-color: #fff;	color: #dce3ec;	height: 77px;	background-repeat: repeat;	overflow:visible;
	position:absolute; top:0px; left:0px; width:100%;
}
.masthead #topcompimg {
	position: absolute;
	top: 25px;
	left: 40px;
	cursor: pointer;
	z-index: 999;
}
.masthead #topcompimg:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
.masthead a {
	color: #dce3ec;
	text-decoration:none;
}
.	masthead a:hover {
	text-decoration:none;
}
#panosmenu ul#nav {
	position: absolute;
 	top: 53px;
 	left: 33px;
 	width: 736px;
 	height: 22px;
 	margin:0;
 	padding:0;
}
#panosmenu  ul#nav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

#panosmenu ul#nav li a {
	border: 0;
	text-decoration: none;
	display: block;
	background: transparent url(/images/banner/navigation.gif) no-repeat;
	outline: none;
	overflow: hidden;
}



#panosmenu li#news a {
	width: 49px;
	height: 22px;
}

#panosmenu li#stories a {
	width: 57px;
	height: 22px;
}

#panosmenu li#photographers a {
	width: 108px;
	height: 22px;
}

#panosmenu li#social a {
	width: 50px;
	height: 22px;
}

#panosmenu li#aboutus a {
	width: 51px;
	height: 22px;
}

#panosmenu li#search a {
	width: 56px;
	height: 22px;
}

#panosmenu li#lightbox a {
	width: 67px;
	height: 22px;
}

#panosmenu li#myaccount a {
	width: 87px;
	height: 22px;
}

#panosmenu li#shop a {
	width: 43px;
	height: 22px;
}

#panosmenu li#contact a {
	width: 60px;
	height: 22px;
}

#panosmenu li#signin a {
	width: 57px;
	height: 22px;
}

#panosmenu li#signout a {
	width: 65px;
	height: 22px;
}

#panosmenu li#admin a {
	width: 54px;
	height: 22px;
}
#panosmenu li#news a:hover, #panosmenu li#news a.selected,
#panosmenu li#news a:hover, #panosmenu li#news a:focus {
	background-position: 0px -22px;
}
	 
#panosmenu li#stories a:link, #panosmenu li#stories a:visited {	
	background-position: -49px 0px;
}
#panosmenu li#stories a:hover, #panosmenu li#stories a.selected,	
#panosmenu li#stories a:hover, #panosmenu li#stories a:focus {	
	background-position: -49px -22px;
}
	
#panosmenu li#photographers a:link, #panosmenu li#photographers a:visited {	
	background-position: -106px 0px;
}

#panosmenu li#photographers a:hover, #panosmenu li#photographers a.selected,	
#panosmenu li#photographers a:hover, #panosmenu li#photographers a:focus {	
	background-position: -106px -22px;
}

#panosmenu li#social a:link, #panosmenu li#social a:visited {	
	background-position: -214px 0px;
}
#panosmenu li#social a:hover, #panosmenu li#social a.selected,	
#panosmenu li#social a:hover, #panosmenu li#social a:focus {	
	background-position: -214px -22px;
}

#panosmenu li#aboutus a:link, #panosmenu li#aboutus a:visited {	
	background-position: -265px 0px;
}
#panosmenu li#aboutus a:hover, #panosmenu li#aboutus a.selected,	
#panosmenu li#aboutus a:hover, #panosmenu li#aboutus a:focus {	
	background-position: -265px -22px;
}
	
#panosmenu li#search a:link, #panosmenu li#search a:visited {	
	background-position: -315px 0px;
}
	
#panosmenu li#search a:hover, #panosmenu li#search a.selected,
#panosmenu li#search a:hover, #panosmenu li#search a:focus {	
	background-position: -315px -22px;
}

#panosmenu li#lightbox a:link, #panosmenu li#lightbox a:visited {	
	background-position: -371px 0px;
}
#panosmenu li#lightbox a:hover, #panosmenu li#lightbox a.selected,	
#panosmenu li#lightbox a:hover, #panosmenu li#lightbox a:focus {	
	background-position: -371px -22px;
}
	
#panosmenu li#myaccount a:link, #panosmenu li#myaccount a:visited {	
	background-position: -438px 0px;
}

#panosmenu li#myaccount a:hover, #panosmenu li#myaccount a.selected,
#panosmenu li#myaccount a:hover, #panosmenu li#myaccount a:focus {	
	background-position: -438px -22px;
}
	
#panosmenu li#shop a:link, #panosmenu li#shop a:visited {	
	background-position: -525px 0px;
}
#panosmenu li#shop a:hover, #panosmenu li#shop a.selected,	
#panosmenu li#shop a:hover, #panosmenu li#shop a:focus {	
	background-position: -525px -22px;
}

#panosmenu li#contact a:link, #panosmenu li#contact a:visited {	
	background-position: -569px 0px;
}

#panosmenu li#contact a:hover, #panosmenu li#contact a.selected,	
#panosmenu li#contact a:hover, #panosmenu li#contact a:focus {	
	background-position: -569px -22px;
}


#panosmenu li#signin a:link, #panosmenu li#signin a:visited {	
	background-position: -630px 0px;
}
#panosmenu li#signin a:hover, #panosmenu li#signin a.selected,	
#panosmenu li#signin a:hover, #panosmenu li#signin a:focus {	
	background-position: -630px -22px;
}

#panosmenu li#signout a:link, #panosmenu li#signout a:visited {	
	background-position: -627px 0px;
}

#panosmenu li#signout a:hover, #panosmenu li#signout a.selected,	
#panosmenu li#signout a:hover, #panosmenu li#signout a:focus {	
	background-position: -627px -22px;
}

#panosmenu li#admin a:link, #panosmenu li#admin a:visited {	
	background-position: -680px 0px;
}

#panosmenu li#admin a:hover, #panosmenu li#admin a.selected,	
#panosmenu li#admin a:hover, #panosmenu li#admin a:focus {	
	background-position: -680px -22px;
}

#coverUp{background:white; width:100%; z-index:600; position:absolute; height:72px}
.masthead #shadow {
	position: absolute;
	top: 55px;
	height: 1px;
	left: 0px;	
	width: 815px;
	border-top: 2px solid #cca800;
}
.searchInputContainer{
	border-color:#CCA800;
	border-style:solid;
	border-width:2px 3px 2px 2px;
	display:block;
	height:16px;
	overflow:hidden;
	position:relative;
	width:185px;
	font-size:0.7em;
	position:absolute;
	top:37px;
	left:760px;
	z-index:100
}

.masthead input.search {
	background-color: #fff;
	width:99%;
	border:1px solid white;
	padding-top:0px;
	margin: 0px;
	background-position: left center;
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	font-size:1.4em; 
}

.masthead #linkQuickSearch{
	position:absolute; 
	top:37px;
	left:950px;
	overflow:hidden;
	width:20px;
	height:20px;
	background-color:#CCA800;
	background-position:-1px 1px;
	background-image: url("/images/banner/gobutton.gif");
	cursor:pointer;
}
a.previewImageLink {
	display:block;
	height:190px;
	overflow:hidden;
	position:absolute;
	text-indent:-2000px;
	top:0;
	width:100%;
	line-height:100em
}

#galleryItems a.previewImageLink{display:none}