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

legend{
	font-weight:bold
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%; font-weight:normal;
	font-family: Arial, Helvetica, sans-serif; 
	color: #003a66;
}

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, helvetica, sans-serif;
	background-color: #fff;
}

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

input { 
	font-size: 1.2em;
	color: #6b6b6b;
}

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

a {
	color: #3493DF;
	text-decoration:none
}

a:hover {
	color: #FFBA00;
}

a:active{
	color:#003a66
}

form {
	display: inline;
}

h1 {
	font-size: 18px;
	color: #003a66;

}


/* 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 30px;
	padding: 0px 40px 0px 200px;
	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: #003a66;
	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 */

.centerContainer table.topNavigation {
	margin:4px 0 4px 10px;
}

table.topNavigation {
	padding: 4px 0px 4px 0px;
	margin: 4px 0px 4px 30px;
	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: #003a66;
	font-weight:bold;
	display:none
}

table.topNavigation #breadCrumb a { /* any links in there */
	text-decoration: underline;
}
table.topNavigation #breadCrumb a:hover { /* any links in there */
	color: #003a66;
	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: #003A66;
	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;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
	font-weight:bold;
	margin-bottom:6px;
}

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

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 */

#galleryIndex #pageFooterOuter {
	margin-top:480px
}

.centerContainer #pageFooterOuter{
	
} 
#homePage #pageFooterOuter{
	margin: 60px 0px 20px 4px;
}
#pageFooterOuter {
	clear: both;
	float:left;
	padding: 0px;
	height:auto;
	width:100%;
	margin: 40px auto 100px auto;
	margin 0 auto;
	background:white;
	z-index:1000;
}

#pageFooterBar {
	vertical-align: top;
	width: 980px; 
	margin:0 auto;
	
	
}

#pageFooterBar a {
	background-color:#FFFFFF;
	border:1px solid #003A66;
	color:#003A66;
	display:block;
	float:left;
	font-family:arial,helvetica;
	font-size:11px;
	font-weight:bold;
	margin:1px;
	padding:2px 1px;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	width:74px;
}

#pageFooterBar a:hover {
	background-color:#003A66;
	border:1px solid #003A66;
	color:#FFFFFF;
	
}

#pageFooterOuter #poweredbyinfradox {
	clear: both;
	padding: 10px;
	
}


/* 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: #003a66;
	padding: 2px;
	color: #fff;
}

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

#divLoginLayer .loginformFooter a {
	background-color: #003a66;
	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: 30px; 
	margin: 0px 0px 0px 0px;
}

#loginContainer label {
	color: black;
	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: 530px;
}

#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 #e0e0df;
	background-color: #EFF0EE;
	padding: 20px 2px 20px 20px; 
	margin: 0px 0px 0px 0px;
}

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

#formContainer label {
	width: 14em;
	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 */

#leftMenuContainer{
	position: absolute;
	left:10px; 
	width:176px;
	top:44px;
}

#leftMenuContainer li { border-top:1px dotted #c0c0c0; margin-left:-4px; position:relative}

#leftMenuContainer li:hover {background:#3499DB; }
#leftMenuContainer li a{
	padding:2px 0px 2px 7px;
	font-size:12px; 
	text-decoration:none;
	display:block;
	width:100%;
	font-family:arial, helvetica;
	font-weight:bold;
	color:#A99F8B;
	white-space:nowrap;
	text-transform:lowercase
}

#leftMenuContainer li a:hover, #leftMenuContainer li:hover a{
	color:white
}

#leftMenuContainer li.b2c:hover {background:#FFBA00; }


#leftMenuContainer li#b2b:hover,#leftMenuContainer li#b2c{background-color:white}

#leftMenuContainer li#b2b{
	border-top:0px;
	height:31px; 
	background-repeat:no-repeat;
	background-image:url(/images/css/b2b.gif);
}

#leftMenuContainer li#b2c{
	border-top:0px;
	height:31px; 
	background-repeat:no-repeat;
	background-image:url(/images/css/b2c.gif);
	margin-top:13px
}


#leftMenuContainer li.selected{
	background:#3499DB;
}
#leftMenuContainer li.selected a{
	color:white;
}

#leftMenuContainer .b2c.selected{
	background:#FFBA00;
}
	
	
.cycleContainer{
	position:absolute; 
	left:210px;
	top:84px;
	text-align:center; 
	width:500px;
	height:300px;           	
	overflow:hidden
}
.cycleContainer img{
	margin:0 auto;
}



	/* The CSS Code for the menu starts here */
#mmenu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	list-style-type: none;
	height: 40px;
}
#mmenu li {
	float: left;
	margin: 0;				
}
#mmenu li a {
	text-decoration: none;
	display: block;
	margin-top:10px;
	padding: 0px 10px;
	border-right:1px solid #999999;
	color:#999
}

#mmenu li a:hover, #menu li.active a {
	background-color: #f5f5f5;
	color: #999;
}

#mainMenuContainer ul {margin-left: 60px;}
#mainMenuContainer {margin:0px 12px; padding: 0 16px 0 0;  position: relative; top:50px}
#mainMenuContainer div {float: left; height: 44px; width: 12px; }

.PixxerThumbs {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
.PixxerThumbs li {
	margin: 15px 3px 4px 0px;
	float: left;
}

#oypoCart{
	
	position:fixed; 
	bottom:0px;
	left:0px;
	background:white;
	width:100%;
	z-index:1000
	
}

#oypoCartHeader{
		background: #003a66;
		color:white;
		padding:2px 0px 2px 30px;
		border-top:1px solid black
}

#oypoCartHeader #PixxerSelectionCount{
	color:white
}

#PixxerBestelknop{
	margin: 10px 20px
}
#PixxerSelection{
}

.centerContainer{margin:0 auto;  width:970px; position:relative;}

#mainMenuContainer{display:none}

img#loaderImage{position:absolute; left:50%; top:100px; margin-left:-50px}
	
#lightboxPage	#leftMenuContainer,
#galleryItems #leftMenuContainer{top:54px; left:30px}
input#directlink{display:none}

#loginPage #pageFooterOuter {margin-top:210px}
#covershots .text{margin-left:220px; min-height:100px; }

#covershots #formContainer{margin-left:220px; margin-top:80px; width:400px; display:none; border:4px double #ccc; padding:80px 80px 76px 140px; background:#efefef; background-image:url(/httpupload/covershots/coverthumbs/User.gif); background-repeat:no-repeat; background-position:8px 8px;}
#formContainer input#linkformUploadSubmit{margin-top:4px; float:right; cursor:pointer; width:auto; border:auto; padding:2px; color:black;}

#covershots{overflow-x:hidden}

#covershots #pageFooterOuter{margin-top:600px;}
#covershots #editorContainer{margin-left:220px; float:left; background:black; display:none; padding:1px; margin-right:40px; margin-top:20px;}
#coverExamplesContainer{height:420px;  width:380px; overflow-x:hidden; overflow-y:auto; position:relative; top:20px; display:none}
#covershots #coverExamples{float:left; width:400px; overflow:hidden;  }

#covershots #coverExamples a.coverThumb{display:block; float:left; height:180px; width:120px; overflow:hidden; margin:0px 3px 3px 0px; background-repeat:no-repeat; border:1px solid #333}

#covershots a#coverShotsFinalize{display:none; text-decoration:none; text-align:center; font-weight:bold; position: absolute; left:600px; top:500px}

#covershots #formMessageContainer{color:red; font-weight:bold}
#covershots #instructionContainer{display:none; font-weight:bold; margin-left:220px; margin-bottom:1em; color:#003a66; font-size:1.4em}
#covershots #oypoSection {margin-left:220px;}
#covershots #printThumbContainer{float:right; padding-right:220px}

#covershots #titleContainer{padding-left:12px;float:left}
#covershots #breadCrumb{margin-left:12px; font-weight:bold}

#covershots #sampleContainer{margin-left:220px; margin-top:46px; height:440px; width:780px;}
#covershots .sampleCover{display:block; width:100px; height:144px; border:1px solid white; float:left; margin:0px 7px 8px 0px; background-position:center center; background-repeat:no-repeat; cursor:pointer}

#covershots .sampleCover:hover{border:1px dashed #ccc;}
#covershots #chooseImageHoverContainer {position:absolute; top:0px; left:50%; margin-left:-150px;  width:1px; height:1px; background-color:white; z-index:1010}
#covershots .imageContainer{cursor:pointer}

#randomphoto{display:none}

#bolletjes{position:absolute; left:200px; top:10px; z-index:10}

#mainmenutop #bolletjes{left:-10000px}

#bolletjes li.ball{
	width:40px; height:40px; background-image:url(/images/menu/balletjes.gif); background-repeat:no-repeat; display:block; float:left; position:relative;  cursor:pointer; text-align:center
}

#bolletjes li.bar{width:150px; height:38px; background:url(/images/menu/balletjesbar.gif); display:block; float:left;}
#bolletjes .label{ position:relative; top:26px;}
#bolletjes #ball_0{text-align:left}
#bolletjes #ball_1{background-position:-184px 0px; background-repeat:no-repeat; width:36px}
#bolletjes #ball_2{background-position:-367px -40px; background-repeat:no-repeat; text-align:right}

#bolletjes li#ball_0.active{background-position:0px -82px;}
#bolletjes li#ball_1.active{background-position:-184px -40px; background-repeat:no-repeat; width:36px}
#bolletjes li#ball_2.active{background-position:-367px 0px; background-repeat:no-repeat; text-align:right}

#covershots .cycleContainer {margin-top:0px; }
#creativeshots h3, #covershots h3{
	color:#003A66;
	display:block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.5em;
	font-weight:bold;
	left:-2em;
	margin-left:1em;
	padding-left:1em;
	position:relative;
}
#creativeshots #titleContainer{padding-left:12px;float:left}
#creativeshots #breadCrumb{margin-left:12px; font-weight:bold}

#creativeshots .textContainer{padding:30px 30px 0px 30px; }
#creativeshots #textContainer{margin-top:20px; display:none}

#creativeshots #instructionContainer{margin-left:220px; margin-top:34px}
#creativeshots{overflow-x:hidden}
#chooseImageContainer {float:left; margin-left:220px}
#chooseImageContainer .creativeOption{width:140px; height:140px; border:1px solid white; float:left; margin-right:1px; background-repeat:no-repeat; background-position:center center; cursor :pointer}
#chooseImageContainer .creativeOption:hover{border:1px dashed #ccc;}
#chooseImageHoverContainer .imageContainer{border:1px solid black; display:none; margin:0 auto; position:relative}
#chooseImageHoverContainer {position:absolute; top:0px; left:50%; margin-left:-300px;  width:1px; height:1px; background-color:white; z-index:1010}

#creativeshots #formContainer{ margin-left:220px; border:1px solid #E0E0DF; background:#EFF0EE; display:none}
#covershots .janeeImage, #creativeshots .janeeImage{position:absolute; top:0px;  width:100px; height:30px; background-repeat:no-repeat; margin:10px; margin-left:100px; margin-right:100px; cursor:pointer}
#creativeshots .jaImage{left:0px; background-image:url(/images/all/ja.gif)}
#covershots .neeImage, #creativeshots .neeImage{right:0px; background-image:url(/images/all/nee.gif)}
#covershots .neeImage {top:-30px; height:28px; width:106px; border:1px solid #ccc; border-bottom:0px; margin:0px;  background-position:2px 2px}

#covershots #designYourOwnCover{position:relative; left:50%; top:0px; margin-left:-110px; z-index:100; cursor:pointer}

#creativeshots fieldset {
	border:1px solid #CCCCCC;
	margin:0 20px 10px 0;
	padding:8px;
}
.hardCodeForm {display:none}
.hardCodeForm div{margin-top:10px}

#creativeShotsLinkformUploadSubmit, #creativeShotsContactInfoSubmit{margin-right:20px; color:black; float:right;}
#creativeshots #formMessageContainer{color:red; font-weight:bold; margin-bottom:10px;}

#creativeshots #calcField{border:1px solid black; float:left; clear:both; width:100%}
#creativeshots #calcField li{padding:4px; display:block; margin:10px 0px}

#creativeshots #calcField li span {float:left; clear:left}
#creativeshots #calcField li span.prijs{float:right; clear:right}
#creativeshots #calcField li.bottomLi{margin-top:10px; border-top:1px solid white}

#creativeshots #final{margin-left:220px; padding:10px 0px font-weight:bold; display:none; line-height:2em; margin-bottom:100px;}

#emailPricesContainer{display:none; clear:both; background:url(/images/all/pdf-icon.gif) top left no-repeat; padding-left:62px; margin-left:30px; height:62px}

#showMeMoreLink{position:absolute; top:420px; left:400px}

#postcardViewerContainer{position:absolute; width:1px; height:1px; left:50%; margin-left:-300px; top:0px; display:none; border:2px solid black; padding:30px; padding-bottom:0px; background:white}
#postcardViewerContainer iframe{width:100%;height:100%;}

#postcardViewerContainer .neeImage{position:absolute; top:2px; right:6px; width:100px; height:30px; background-repeat:no-repeat; margin:0px; cursor:pointer; background-image:url(/images/all/nee.gif)}

#fotografen h1, #servicePage h1, #agenda h1,
#fotografen h2, #servicePage h2, #agenda h2,
#fotografen h3, #servicePage h3, #agenda h3{
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #003a66;
	font-weight: bold;
}

#servicePage .text, #agenda .text, #quizpage .text, #fotografen .text{margin-left:220px; min-height:500px}

.roundBox{position:relative}
.roundBox {background:#ededed}
.roundBox .leftCorner{background: #ededed url('/images/css/greybox.gif') no-repeat top left; width:30px; height:30px; float:left; position:relative;}
.roundBox .rightCorner{background: #ededed url('/images/css/greybox.gif') no-repeat top right; width:30px; height:30px; float:right; position:relative;} 
.roundBox .bottomClear{clear:both; height:30px}
.roundBox .bottomClear .leftCorner{background-position:bottom left}
.roundBox .bottomClear .rightCorner{background-position:bottom right}

#produktenKnop{float:right; cursor:pointer; display:none}
#formaatlabel{font-weight:bold}

#linkPreferences{display:none}

.blueTopBar{background:#EFF7FF; margin-bottom:1px; margin:4px 0px; }
.blueTopBar table.topNavigation{margin:0px 0 0px 30px;}
.blueTopBar table.topNavigation #breadCrumb a,
.blueTopBar table.topNavigation td.otherContent a {color:#666}
.blueTopBar table.topNavigation #breadCrumb a:hover,
.blueTopBar table.topNavigation td.otherContent a:hover {color:#000; background:white}
#galleryItems table.topNavigation #breadCrumb,
#lightboxPage table.topNavigation #breadCrumb,
#searchResults table.topNavigation #breadCrumb{display:block}

#quizBanner{float:right; background:white;  width:100%; padding-top:8px; cursor:pointer; margin:0px;}

.titleRollContainer {line-height:2em; background:white; color:#003A66; font-weight:normal;margin-top: 1em}
.titleRollContainer div {padding:0.2em; border-bottom:1px solid #dfdfdf; text-align:center; font-style:italic}
.footerPusher{min-height:480px; clear:both}
#masthead #registerLinkContainer{color:#dfdfdf; font-style:italic;padding-top:4px;}
#masthead #registerLinkContainer a{color:#efefef;}
#masthead #registerLinkContainer a:hover{color:#ffffff;}

.textContainer p, .text p {font-size:12px}
#homePage #titleContainer{padding-left:10px;}
#titleContainer{width:950px; text-align:center}
.altPanel{width:250px; height:320px; overflow:auto}
.altPanel img{width:100px; height:70px;}
.altPanel a.thumblink{width:100px; height:70px; margin:10px 8px; float:left;  display:block; overflow:hidden}
#ddvoorwaardenlink{position: relative; top:-30px}

.custom20Container{display:none}