/*
______________________________________________________________________________________
Base CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
DO NOT MODIFY this stylesheet for definitions apply too most, if not all elements. 
If a specific bug occurs with an element, please refer to the default definitions 
below or contact the author.
-

*/

*, html, body{margin:0; padding:0;}
body{
	margin:0 auto; 
}
	div{display:block; float:none; clear:both; overflow:hidden;}

/* common elements */
hr{display:none;}
img{margin:0; padding:0; border:0 none;}
  
/* typography */
h1, h2, h3, h4, h5, p{margin:0; padding:0;}

.bold{font-weight:bold;} 
.regular{font-weight:normal;}
.italic{font-style:italic;}

.x-small{font-size:0.7em;} 
.small{font-size:0.9em;} 
.large{font-size:1.3em;}
.x-large{font-size:1.6em;}

/* list styles */
ul, ol, dl{margin:0; padding:0;}
li{margin:0 0 0 2em; padding:0; list-style:disc outside;}

/* display styles */
.hide{display:none; visibility:hidden;}
.destroy{display:none; visibility:hidden; opacity:0; width:0px; height:0px;}
.left{float:left;} 
.right{float:right;} 
.clear{float:none; clear:both;} 
.unclear{clear:none;}
.block{float:none; clear:both; overflow:hidden; height:1%;}
.noborder{border:0 none;} 
.nopadding{padding:0;} 
.nomargin{margin:0;}

*html div{overflow:hidden; height:1%;}
p, h1, h2, h3, h4, h5, h6 {position: relative;}/*
______________________________________________________________________________________
Module: Form CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Form module.
-

*/
form{}
	form fieldset{
		border:0px none; margin:0 0 25px 0;
		border-bottom:1px solid #ccc;
	}
	form legend{
		display:block; float:none; clear:both; height:2em;
		margin:0 0 10px 0; padding:0; 
		font-size:1.2em; line-height:1.2em; font-weight:bold; color:#000;
	}
	
/* ---------------------------------   form elements   --------------------------------- */
form input,
form select,
form textarea,
form ol li.checkbox.list .options{
	font:normal normal normal 1em/1.2em "Lucida Grande", Arial, sans-serif;
	border:1px solid #888;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	margin:0; padding:3px; vertical-align:middle;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/input-bg.png") repeat-x top left;
}

	form input:focus,
	form select:focus,
	form textarea:focus{
		border-color:#444; 
		border-bottom-color:#888;
		border-right-color:#888;
		background-color:#fff;
	}
	
	form input.empty,
	form select.empty,
	form textarea.empty,
	form ol li.checkbox.list .options.empty{
		font-style:italic; color:#888;
	}

form label{
	display:block; vertical-align:top; float:none; clear:both;
	margin:0; padding:5px 0; width:auto; font-weight:bold;
}

form input{
	width:95%;
}

form select{
	width:96.5%; height:1.95em;
}
	form select optgroup{font-style:normal;}

form textarea{
	width:95%; height:6em;
}

/* table of inputs */
form ol li table{
	width:100%;
}
	form ol li table th{text-align:center;}
		form ol li table th.number{width:20px;}
		form ol li table th.sku{width:auto;}
		form ol li table th.stock{width:100px;}
		form ol li table th.size{width:200px;}
		form ol li table th.option{width:200px; text-align:left;}
	
	form ol li table tr td{padding:0 5px;}
		form ol li table tr td.number{}
		form ol li table tr td.sku{}	
			form ol li table tr td.sku input{width:100%;}
		form ol li table tr td.stock{}
		form ol li table tr td.size{}
		form ol li table tr td.option{}

/* rte */
form ol li.rte textarea{height:300px;}
form ol li.rte label{
	display:block; float:left; clear:none;
	width:auto; margin:0 0 -2em 0;
}
form ol li.rte .mooeditable-container{margin:0;}
	form ol li.rte .mooeditable-toolbar{
		display:block; float:right; clear:none;
		width:auto; margin:0;
	}

/* inline inputs */
form ol li.inline input,
form ol li.inline select{width:auto;}
form ol li.inline input.button{
	width:auto; height:auto;
	display:inline; clear:none; float:none; 
	margin:0; padding:2px 0;
}
form ol li.inline.checkbox input,
form ol li.inline.checkbox .option{display:inline; clear:none; float:left; margin-right:10px;}
form ol li.inline.checkbox .option input{float:none; clear:none;}

/* inline submit inputs */
form ol li.inline.submit input{
	width:75%;
}
form ol li.inline.submit input.button{
	display:inline; clear:none; float:none; 
	width:15%; margin:0; padding-top:2px; padding-bottom:2px;
}

/* multiple inputs */
form ol li.multiple .item{display:block; float:left; clear:none; margin:0 10px 5px 0; width:65%;}
form ol li.multiple .duplicate{clear:both;}
form ol li.multiple .add-item{
	display:block; float:left; clear:none; width:25%; 
	margin:4px 0 0 0; padding:0 0 0 16px; 
	font-size:0.9em; cursor:pointer;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-add.png") no-repeat left center;
}
form ol li.multiple .add-item:hover{text-decoration:none;}

/* short inputs */
form ol li input.short,
form ol li select.short{width:3em;}

/* file inputs */
form ol li input.file{width:3em;}
form ol li span.file{
	display:block; float:none; clear:both; overflow:hidden;
	width:96%; margin-bottom:5px; padding:3px 0; color:#888;
}
	form ol li span.file .details{float:left;}
	form ol li span.file .manage{float:right; font-size:0.9em;}

/* disabled inputs */
form ol li.disabled input{
	color:#888; 
	background:#eee url("http://bureauapi.com/formation/v2/images/icon-locked.png") no-repeat right center;
}

/* phone inputs */
form fieldset ol li select.phone-country{width:4.5em; text-align:right;}
form fieldset ol li input.phone-area,
form fieldset ol li input.phone-first{width:2.2em; text-align:center;}
form fieldset ol li input.phone-last{width:2.8em; text-align:center;}

/* credit card inputs */
form input.creditcard-number{width:2.8em; text-align:center;}
form input.creditcard-cvn{width:2.2em; text-align:center;}

/* currency/monetary inputs */
form ol li select.currency{width:5em; text-align:center;}
form ol li input.dollars{width:4em; text-align:right;}
form ol li input.cents{width:2em; text-align:left;}

/* search */
form ol li.search input{width:75%;}
form ol li.search input.button{
	display:inline; clear:none; float:none; 
	width:15%; margin:0; padding:2px 0;
}

/* timeinputs */
form select.hours{width:4.5em;}
form select.minutes{width:4.5em;}
form select.seconds{width:4.5em;}
form select.ampm{width:4.5em;}

/* date inputs */
form select.day{width:4.5em;}
form select.month{width:8.2em;}
form select.month-digit{width:4.5em;}
form select.year{width:5.5em;}

/* calendar input */
form ins.date{
	display:inline-block; text-indent:-8889px; cursor:pointer;
	width:16px; height:16px; margin:0 0 0 3px;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-calendar.png") no-repeat center center;
}

/* form calendar */
form div.calendar{
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left; opacity:0.95;
	border:3px solid #888;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:200px; margin:0; padding:10px; 
	display:block; position:absolute; z-index:1000;
}	
	/* form calendar - close */
	form div.calendar .close{
		display:block; float:none; clear:both; overflow:hidden;
		width:16px; height:16px;
		position:absolute; top:5px; right:5px;
		cursor:pointer; text-indent:-8889px; opacity:0.75;
		background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
	}
		form div.calendar .close:hover{opacity:1.0;}

/* multiple selects */
form ol li.select.multiple select{height:6.5em;}

/* radio inputs */
form ol li.radio label.option{margin:5px 0; padding:0; font-weight:normal;}
	form ol li.radio label.option input{
		width:auto; margin:0; padding:0; vertical-align:top;
		border:0px none; background:transparent;
	}
	
	/* inline radio */
	form ol li.radio.inline label.option{
		width:auto; float:left; clear:none; margin-right:15px;
	}
	
/* checkbox inputs */
form ol li.checkbox label.option,
form ol li .options label.option,
label.checkbox-option{margin:5px 0; padding:0; font-weight:normal;}
	form ol li.checkbox label.option input,
	form ol li .options label.option input,
	label.checkbox-option input{
		width:auto; margin:0; padding:0; vertical-align:top;
		border:0px none; background:transparent;
	}
	
	/* inline checkbox */
	form ol li.checkbox.inline label.option{
		width:auto; float:left; clear:none; margin-right:15px;
	}
	
	/* long checkbox */
	form ol li.checkbox.long label.option{
		width:10em; float:left; clear:none; margin-right:15px;
	}
	
	/* list checkbox */
	form ol li.checkbox.list .options {
		height:8.2em; overflow-y:scroll;
		color:#000;	
	}
		form ol li.checkbox.list label.option{
			width:100%; float:none; clear:both; color:#000;
		}

/* multiple file upload */
div.file-uploading{
	margin:0 0 15px 0; padding:0;
}
 
	div.file-uploading .progress {
		background:#fff url("http://bureauapi.com/formation/v2/images/progress.png") no-repeat +50% 0;
		margin-right:10px;
	}
 
	div.file-uploading .progress-text {
		font-size:0.9em; font-weight:bold;
	}
 
ul.file-list{
	display:block; float:none; clear:both; overflow:hidden; height:1%;
}
 
	ul.file-list li.file{
		display:block; float:none; clear:both; overflow:hidden;
		border-bottom:1px solid #eee; width:auto;
		background:transparent url("http://bureauapi.com/formation/v2/images/file.png") no-repeat 4px 4px;
	}
		ul.file-list li.file.file-uploading{
			background:#eee url("http://bureauapi.com/formation/v2/images/uploading.png") no-repeat 4px 4px;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		ul.file-list li.file.file-success{
			background:transparent url("http://bureauapi.com/formation/v2/images/success.png") no-repeat 4px 4px;
		}
		ul.file-list li.file.file-failed{
			background:transparent url("http://bureauapi.com/formation/v2/images/failed.png") no-repeat 4px 4px;
		}
	 
	ul.file-list li.file .file-name{
		display:block; clear:left; margin:0 0 0 44px; 
		line-height:40px; height:40px; font-weight:bold;
	}
	ul.file-list li.file .file-size{
		float:right; margin:2px 6px 0 0;
		font-size:0.9em; line-height:18px;
	}
	ul.file-list li.file .file-info{
		display:block; margin:0 0 0 44px; 
		font-size:0.9em; line-height:20px;
	}
	ul.file-list li.file .file-remove{
		float:right; clear:right; margin:0 6px 0 0;
		line-height:18px;
	}
	
/* file manager */
ol.file-manager{
	display:block; float:none; clear:both; overflow:hidden;
}
	ol.file-manager .file{
		display:block; float:left; clear:none; overflow:hidden; position:relative;
		width:120px; margin:20px 10px 10px 0;
		background:#fff;
		padding:10px;
		border:1px solid #888; 
		border-top-color:#ccc; 
		border-left-color:#ccc;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	ol.file-manager .file:hover{border:1px solid #444; padding-top:30px; margin-top:0px;}
	ol.file-manager .file:active,
	ol.file-manager .file.selected{border:2px solid #f40; padding:9px; padding-top:29px; margin-top:0px;}
	
		ol.file-manager .file .thumb{
			display:block; float:none; clear:both; overflow:hidden;
			border:1px solid #ccc; width:118px; height:88px;
			text-align:center; background:#ccc;
		}
			ol.file-manager .file .thumb img{display:block; margin:0 auto; width:auto; height:90px;}
		ol.file-manager .file .title{
			display:block; float:none; clear:both; overflow:hidden;
			height:2em; font-size:1em; font-weight:bold; margin:0 0 5px 0;
		}
			ol.file-manager .file .title .name{display:block; padding:4px 5px;}
			ol.file-manager .file .title br{display:none;}
			ol.file-manager .file .title input{display:none; width:112px; font-weight:bold;}
			ol.file-manager .file .title:hover .name{display:none;}
			ol.file-manager .file .title:hover input{display:block;}
		ol.file-manager .file .description{
			display:block; float:none; clear:both; overflow:hidden;
			height:7.6em; font-size:1em; font-weight:normal; margin:0 0 5px 0;
		}
			ol.file-manager .file .description .name{display:block; padding:4px 5px; line-height:1.2em;}
				ol.file-manager .file .description .name.empty{font-size:0.8em; color:#ccc; text-align:center; text-transform:uppercase; font-style:normal; display:block; margin-top:30px;}
			ol.file-manager .file .description br{display:none;}
			ol.file-manager .file .description textarea{display:none; width:112px; font-weight:normal; line-height:1.2em; height:6.8em;}
			ol.file-manager .file:hover .description .name{display:none;}
			ol.file-manager .file:hover .description textarea{display:block;}
			
		ol.file-manager .file .info{font-size:0.9em; color:#888; padding:0 5px;}
		ol.file-manager .file .product{
			display:block; border-top:1px solid #ccc;
			font-size:0.9em; color:#888; margin:0; padding:5px 5px 0 5px;
		}
			ol.file-manager .file .product select{line-height:1.4em; padding:2px; width:110px;}
		ol.file-manager .file .options{
			position:absolute; top:30px; right:10px;
			display:none;
		}
		ol.file-manager .file:hover .options{display:block;}
			ol.file-manager .file:hover .options li{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0 0 2px 2px;
			}
				ol.file-manager .file:hover .options li a{
					display:block; float:none; clear:both; overflow:hidden;
					width:20px; height:20px; text-indent:-999px; opacity:0.5;
					background:#000 url('http://bureauapi.com/formation/v2/images/icon-expand.png') no-repeat center center;
				}
				ol.file-manager .file:hover .options li a:hover{opacity:1;}
					ol.file-manager .file:hover .options li.remove a{
						background-image:url('http://bureauapi.com/formation/v2/images/icon-delete.png');
					}
					ol.file-manager .file:hover .options li.remove a:hover{background-color:#c00;}
					ol.file-manager .file:hover .options li.view a{
						background-image:url('http://bureauapi.com/formation/v2/images/icon-expand.png');
					}
		
		ol.file-manager .file .handle{display:none;}			
		ol.file-manager .file:hover .handle,
		ol.file-manager .file:active .handle{
			display:block; float:none; clear:both; overflow:hidden;
			position:absolute; left:0; top:0; margin:0; padding:0;
			width:140px; height:auto; background:none;
			cursor:move;
		}
			ol.file-manager .file .handle span{
				display:block; float:none; clear:both; overflow:hidden;
				width:140px; height:19px; text-indent:-999px;
				border-bottom:1px solid #888;
				background:#ccc url('http://bureauapi.com/formation/v2/images/grip.png') no-repeat center center;
				border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
				border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
			}

/* buttons */
form input.button,
form input.button.disabled:hover,
form input.button.disabled:active,
form a.button{
	display:block; float:right; clear:none; width:auto; height:auto;
	margin:0 0 10px 10px; padding:5px 10px; vertical-align:middle;
	font-size:1.2em; line-height:1.4em; color:#444; 
	text-decoration:none; text-align:center; cursor:pointer;
	border:1px solid #888; 
	border-top-color:#ccc; 
	border-left-color:#ccc;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/gloss-bot-bg.png") repeat-x center left;
}
	form input.button:hover,
	form a.button:hover{
		border-color:#444; 
		border-top-color:#888;
		border-left-color:#888;
		background-color:#fff;
	}
	form input.button:active,
	form a.button:active{
		background:#fff url("http://bureauapi.com/formation/v2/images/gloss-top-bg.png") repeat-x top left;
	}
	form input.button:visited,
	form a.button:visited{text-decoration:none; color:#444;}
	
	form input.button.disabled,
	form input.button.disabled:hover,
	form input.button.disabled:active,
	form a.button.disabled{cursor:default; color:#aaa;}
		
	form a.button{
		display:block; float:right; clear:none; overflow:hidden; width:auto; 
		position:relative; z-index:1000; text-decoration:none;
	}
		form a.button input{float:none; clear:both; z-index:1; position:relative;}


/* ---------------------------------   form layouts   --------------------------------- */
form fieldset ol{
	display:block; clear:both; overflow:hidden;
	margin:0 0 10px 0; padding:0; height:1%;
}
	/* one column */
	form fieldset ol li,
	form fieldset ol.one-column li{
		display:block; float:none; clear:both;
		list-style:none outside;
		margin:0 0 5px 0; padding:0; 
	}
		/* one column fields 
		form fieldset ol.one-column li input{width:98%;}
		form fieldset ol.one-column li textarea{width:98%;}
		*/
	
	/* two column */
	form fieldset ol.two-column li{
		display:block; float:left; clear:none; width:48%;
		margin-right:10px;
	}
	
	/* three column */
	form fieldset ol.three-column li{
		display:block; float:left; clear:none; width:30%;
		margin-right:10px;
	}
	
	/* submit */
	form p.submit{display:block; float:none; clear:both; overflow:hidden; height:1%; margin:0;}
		form p.submit span.info{float:right; clear:none; margin:8px 8px 8px 0; font-style:italic;}
		form p.submit span.info.left{float:left;}

/* ------------------------------      form lists       ------------------------------- */
form fieldset ol li ul.manage li{
	display:block; float:left; clear:none; 
	width:auto; margin:0;
}

/* -----------------------------   form autocompleter    ------------------------------ */
ul.autocompleter-choices{
	position:absolute;
	margin:0; padding:0;
	list-style:	none;
	border:1px solid #888;
	border-color:#888 #ccc #eee #ccc;
	background-color:#fff;
	text-align:left;
	z-index:50;
}

	ul.autocompleter-choices li{
		display:block; float:none !important; position:relative;
		margin:-2px 0 0 0; padding:0.2em 1.5em 0.2em 1em;
		font-size:1em; font-weight:normal; line-height:1.5em;
		white-space:nowrap; cursor:pointer;
	}

		ul.autocompleter-choices li.autocompleter-selected{
			background-color:#444; color:#fff;
		}
	
		ul.autocompleter-choices span.autocompleter-queried{
			display:inline; float:none;
			margin:0; padding:0;
			font-weight:bold;
		}
	
		ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{
			color:#e63;
		}
		
		/* loading input results */
		form ol li input.autocompleter-loading,
		form ol li textarea.autocompleter-loading{
			background-color:#ddd;
			background:#ddd url("http://bureauapi.com/formation/v2/images/loading.gif") no-repeat center right;
			color:#888; cursor:wait;
		}

/* ------------------------------   form notification   ------------------------------- */
/* description of field */
form ol li span.info{
	color:#888; font-size:0.9em; margin:3px;
}
	form ol li span.info ins{text-transform:uppercase;}

/* help for field */
form label sup.help{
	vertical-align:top; font-size:1em; color:#888; cursor:help; 
	display:inline-block;
	text-indent:-888px; width:12px; height:12px; opacity:0.75; margin:0 0 0 5px;
	background:transparent url("http://bureauapi.com/formation/v2/images/icon-questionmark.png") no-repeat top left;
}

/* tip for field */
form ol li div.tip{
	border:3px solid #888; opacity:0.9; 
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:300px; margin:-8px 0 0 0; padding:10px; 
	display:block; position:absolute; z-index:1000; 
}
	form ol li div.tip h4{color:#fff;}
	form ol li div.tip a,
	form ol li div.tip a:visited{color:#fff;}
	form ol li div.tip .close{
		display:block; float:none; clear:both; overflow:hidden;
		width:16px; height:16px;
		position:absolute; top:7px; right:7px;
		cursor:pointer; text-indent:-8889px; opacity:0.75;
		background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
	}
	form ol li div.tip .close:hover{opacity:1.0;}

/* required fields */
form label em,
em.required{
	font-weight:bold; font-style:normal; color:#c00;
}
	
	/* error + success + notify notifications */
	form p.error,
	form p.success,
	form p.notify{
		display:block; float:none; clear:both; overflow:hidden;
		margin:0 auto 10px auto; padding:10px; 
		border:1px outset #c00; color:#c00; 
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
		font-size:1.25em; text-align:center; cursor:help;
		background:#fee url("http://bureauapi.com/formation/v2/images/error-bg.png") repeat-x top left;
	}
		form p.error span,
		form p.success span,
		form p.notify span{
			padding:5px; padding-left:25px; padding-bottom:9px; 
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-error.png") no-repeat left center;
		}
		form p.error.hide, form p.success.hide, form p.notify.hide{display:none;}
		
	form p.success{color:#393; border-color:#393; background:#eef6ea url("http://bureauapi.com/formation/v2/images/success-bg.png") repeat-x top left;}
		form p.success span{background:transparent url("http://bureauapi.com/formation/v2/images/icon-success.png") no-repeat left center;}
		
	form p.notify{color:#06c; border-color:#339; background:#e1eeff url("http://bureauapi.com/formation/v2/images/notify-bg.png") repeat-x top left;}
		form p.notify span{background:transparent url("http://bureauapi.com/formation/v2/images/icon-notify.png") no-repeat left center;}
		
	/* error fields */
	form ol li.error{color:#c00;}
	form ol li.error input,
	form ol li.error select,
	form ol li.error textarea{
		color:#c00;
		border-color:#c66; 
		border-bottom-color:#c99;
		border-right-color:#c99;
		background-color:#fee;
	}
	form ol li.error label{
		padding-left:12px;
		background:transparent url("http://bureauapi.com/formation/v2/images/arrow-red.png") no-repeat 0px 8px;
	}
		form ol li.error label.option{padding-left:0px; background:none;}
		
/* ------------------------------   form overlays   ------------------------------- */
div#overlay{
	display:none; visibility:hidden;
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; left:0px; top:0px; z-index:1000; text-align:left;
}
div#overlay.show{display:block; visibility:visible;}
	div#overlay div.background{
		width:100%; height:100%; margin:0; padding:0;
		position:absolute; left:0px; top:0px; z-index:1;
		background:#000; opacity:0.5;
		/*background:transparent url("http://bureauapi.com/formation/v2/images/shade.png") repeat top left;*/
	}
	div#overlay div.content{
		position:fixed; z-index:2; 
		width:100%; height:100%;
	}
	
	/* scrollable overlay content */
	div#overlay.scrollable div.content{position:relative;}
	
	/* disabled content */
	div#container.disabled{}

/* ---------------------------   form dialogue boxes   --------------------------- */
div.dialogue-box{
	border:3px solid #888; opacity:0.9; 
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:300px; margin:0 auto; padding:10px; 
	display:block; 
}
	div.dialogue-box .top-bar{
		margin:0 0 10px 0;
		
	}
		div.dialogue-box .top-bar .title{display:block; float:left; clear:none;}
		div.dialogue-box .top-bar .close{
			display:block; float:right; clear:none; overflow:hidden;
			width:16px; height:16px;
			cursor:pointer; text-indent:-999px; opacity:0.75;
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
		}
		div.dialogue-box .close:hover{opacity:1.0;}
	div.dialogue-box .body{}
		div.dialogue-box .body form,
		div.dialogue-box .body form fieldset,
		div.dialogue-box .body form p.submit,
		div.dialogue-box .body form p.submit input{margin-bottom:0;}
/* ------------------------------   form loading   ------------------------------- *//*
______________________________________________________________________________________
Module: Rich Text Editor CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Rich Text Editor module.
-

*/

/* -------------------------------   rte elements   ------------------------------- */
.mooeditable-container{
	position: relative; overflow:visible;
}

.mooeditable-toolbar{
	color: inherit;
	background-color: transparent;
	padding: 2px;
	height: 1%;
	width: 97.75%;
	margin:0;
}

.mooeditable-toolbar:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mooeditable-toolbar .toolbar-button{
	cursor: pointer;
	border: 0;
	width: 28px;
	height: 18px;
	margin: 0 0 0 -1px;
	float: left;
	color: inherit;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	
	overflow: hidden;
	text-indent: -888em;
}

.mooeditable-toolbar .text{
	text-indent: 0;
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}
.mooeditable-toolbar .icons-text{
	text-indent: 16px;
	width: auto;
}

.mooeditable-toolbar .toolbar-button.active,
.mooeditable-toolbar .toolbar-button.onActive{
	color: inherit;
	background-color: #ddd;
}

.mooeditable-toolbar .toolbar-button:hover,
.mooeditable-toolbar .toolbar-button.hover{
	color: inherit;
	background-color: #fff;
}

.mooeditable-toolbar .toolbar-button.disabled{
	cursor: default;
}

.mooeditable-toolbar .toolbar-button.disabled:hover{
	color: inherit;
	background-color: transparent;
}

.mooeditable-toolbar .toolbar-separator{
	width: 1px;
	height: 18px;
	margin: 0 5px;
	float: left;
	text-indent: -888em;
	color: inherit;
	background-color: transparent;
}

/* document */
.mooeditable-toolbar .save-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-save.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .undo-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-undo.png");
}
.mooeditable-toolbar .redo-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-redo.png");
}
.mooeditable-toolbar .increase-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-increase.png");
}
.mooeditable-toolbar .decrease-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-decrease.png");
}
.mooeditable-toolbar .pageBreak-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-break.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}
.mooeditable-toolbar .toggleview-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/document-preview.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}


/* format */
.mooeditable-toolbar .bold-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-strong.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .italic-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-emphasis.png");
}
.mooeditable-toolbar .underline-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-inserted.png");
}
.mooeditable-toolbar .strikethrough-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/format-deleted.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* align */
.mooeditable-toolbar .justifyLeft-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-left.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .justifyCenter-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-center.png");
}
.mooeditable-toolbar .justifyRight-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-right.png");
}
.mooeditable-toolbar .justifyFull-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/alignment-justify.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* text */
.mooeditable-toolbar .heading-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/text-heading.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .paragraph-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/text-paragraph.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* lists */
.mooeditable-toolbar .insertunorderedlist-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/lists-unordered.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .insertorderedlist-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/lists-ordered.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* indent */
.mooeditable-toolbar .indent-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/indent-increase.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .outdent-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/indent-decrease.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* link */
.mooeditable-toolbar .createlink-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/link-add.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .unlink-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/link-remove.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}

/* media */
.mooeditable-toolbar .media-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/media-manager.png");
  border-radius-topleft:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
}
.mooeditable-toolbar .youtube-button{
	background-image: url("http://bureauapi.com/formation/v2/images/rte/media-youtube.png");
  border-radius-topright:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}


.dialog-toolbar{
	color: inherit;
	background-color: #ddd;
	position: absolute;
	display: block;
	cursor: default;
	font-size: 12px;
	z-index: 100;
	margin:1px;
	width: 97.5%;
}
	.dialog-toolbar div{
		padding: 4px 10px;
	}
	.dialog-toolbar input{
		margin:0 8px 0 0;
	}
	.dialog-toolbar button{
		margin:0 8px 0 0; padding:5px 10px; cursor:pointer;
	}
	.dialog-toolbar .input-text{
		width: 300px;
	}
	.dialog-toolbar .alertbar-label{margin-right:8px;}
	
form ol li.rte div.mooeditable-container iframe.mooeditable-iframe,
form ol li.rte .mooeditable-container textarea{
	border:1px solid #888;
	border-bottom-color:#ccc;
	border-right-color:#ccc;
	border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
	border-radius-topleft:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	border-radius-topright:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	
	margin:0; padding:0; width:100%; height:300px;
	background:#fafafa url("http://bureauapi.com/formation/v2/images/input-bg.png") repeat-x top left;
}

form ol li.rte .mooeditable-container textarea{
  font-family:Monaco, "Courier New", Courier, monospace;
	font-size:12px;
}

/* -----------------------------   rte media-manager   ---------------------------- */
div.media-manager{
	border:3px solid #ccc; opacity:1;
	background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	color:#fff; width:60%; height:auto; margin:100px auto; padding:10px; 
	display:block; overflow:auto; position:relative;
}
	div.media-manager h4{color:#fff;}
		div.media-manager .close{
			display:block; float:none; clear:both; overflow:hidden;
			width:16px; height:16px;
			position:absolute; top:7px; right:7px;
			cursor:pointer; text-indent:-8889px; opacity:0.75;
			background:transparent url("http://bureauapi.com/formation/v2/images/icon-x.png") no-repeat center center;
		}
		div.media-manager .close:hover{opacity:1.0;}
	
	/* rte table */
	div.media-manager table{height:auto;}
		div.media-manager table caption{color:#ccc;}
	
	div.media-manager form{
		background:#fff; color:#222; padding:10px;
	}/*
______________________________________________________________________________________
Module: Search CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Search module.
-

*/
div.search{
	
}

/* ------------------------------   search results   ------------------------------- */
div.search-results{
	
}


/* -----------------------------   search sidepanel   ------------------------------ */
div.search.sidepanel{
}
	div.search.sidepanel legend,
	div.search.sidepanel li.search label{display:none;}
	div.search.sidepanel fieldset{border:0px none; margin:0;}/*
______________________________________________________________________________________
Module: Calendar CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Calendar modules.
-

*/

/* ------------------------------  calendar: weekly   ------------------------------ */
table.calendar.weekly{
	table-layout:auto;
	border-collapse:collapse;
	margin:0 auto 10px auto;
}

	table.calendar.weekly caption{
		
	}
		table.calendar.weekly caption h4{
			display:block; float:none; clear:both;
			width:80%; color:#222; position:relative; z-index:2;
			margin:0 auto; padding:4px 0; 
			font-size:1em; 
		}
		table.calendar.weekly caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-21px 0 0 0; padding:0; font-size:1em; line-height:1em;
			font-weight:normal;
		}
			table.calendar.weekly caption h5 a.prev,
			table.calendar.weekly caption h5 a.next,
			table.calendar.weekly caption h5 span.prev,
			table.calendar.weekly caption h5 span.next{
				display:block; float:left; clear:none; 
				width:16px; height:16px; margin:0; padding:0;
				text-decoration:none;
			}
			table.calendar.weekly caption h5 a.next,
			table.calendar.weekly caption h5 span.next{float:right;}
			
			table.calendar.weekly caption h5 a.prev strong,
			table.calendar.weekly caption h5 a.next strong,
			table.calendar.weekly caption h5 span.prev strong,
			table.calendar.weekly caption h5 span.next strong{display:none;}
			
			table.calendar.weekly caption h5 span.prev,
			table.calendar.weekly caption h5 span.next{cursor:default;}
			
	/* calendar days */
	table.calendar.weekly thead tr th{
		margin:0; padding:5px;
		text-align:center;
	}
		table.calendar.weekly thead tr th .day{font-size:1.2em;}
		table.calendar.weekly thead tr th .date{font-size:1em;}
		
	/* calendar dates */
	table.calendar.weekly tr td{
		vertical-align:top; text-align:center;
	}
		
/* ------------------------------  calendar: basic   ------------------------------- */
table.calendar.simple{
	table-layout:auto;
	border-collapse:collapse;
	margin:0 auto 15px auto;
}

	table.calendar.simple caption{
		
	}
		table.calendar.simple caption h4{
			display:block; float:none; clear:both;
			width:80%; color:#222; position:relative; z-index:2;
			margin:0 auto; padding:4px 0; 
			font-size:1em; 
		}
		table.calendar.simple caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-21px 0 0 0; padding:0; font-size:1em; line-height:1em;
			font-weight:normal;
		}
			table.calendar.simple caption h5 a.prev,
			table.calendar.simple caption h5 a.next,
			table.calendar.simple caption h5 span.prev,
			table.calendar.simple caption h5 span.next{
				display:block; float:left; clear:none; 
				width:16px; height:16px; margin:0; padding:0;
				text-decoration:none;
			}
			table.calendar.simple caption h5 a.next,
			table.calendar.simple caption h5 span.next{float:right;}
			
			table.calendar.simple caption h5 a.prev strong,
			table.calendar.simple caption h5 a.next strong,
			table.calendar.simple caption h5 span.prev strong,
			table.calendar.simple caption h5 span.next strong{display:none;}
			
			table.calendar.simple caption h5 span.prev,
			table.calendar.simple caption h5 span.next{cursor:default;}

	/* calendar days */
	table.calendar.simple thead tr th{
		margin:0; padding:5px;
		color:#aaa; 
		font-size:0.9em; font-weight:normal; text-align:center;
	}
		table.calendar.simple thead tr th span.full{display:none;}
		table.calendar.simple thead tr th.today{color:#444; font-weight:bold;}
		
	/* calendar dates */
	table.calendar.simple tr td{
		color:#444; background:#eee;
		vertical-align:middle; text-align:center;
		border:1px solid #ccc;
	}
		table.calendar.simple tr td a,
		table.calendar.simple tr td a:visited,
		table.calendar.simple tr td.empty span,
		table.calendar.simple tr td.disabled span{
			display:block; float:none; clear:both;
			margin:0; padding:8px;
			text-decoration:none;
			color:#444;
		}
		table.calendar.simple tr td.empty span{font-weight:normal;}
		
		/* empty */
		table.calendar.simple tr td.empty a,
		table.calendar.simple tr td.empty span,
		table.calendar.simple tr td.empty:hover a{color:#aaa; cursor:default;}
		table.calendar.simple tr td.empty:hover{
			color:#aaa;
			border:1px solid #ccc;
			background:#eee;
		}
		/* disabled */
		table.calendar.simple tr td.disabled a,
		table.calendar.simple tr td.disabled span,
		table.calendar.simple tr td.disabled:hover a{color:#aaa; cursor:default;}
		table.calendar.simple tr td.disabled:hover{
			color:#aaa;
			border:1px solid #ccc;
			background:#eee;
		}
		
	/* week */
	table.calendar.simple tr.week td{
		background:#fff;
	}
		table.calendar.simple tr.week td a,
		table.calendar.simple tr.week td a:visited{
			background:#fff;
		}
	
	/* today */
	table.calendar.simple tr td.today{
		background:#fff; font-weight:bold;
	}
	table.calendar.simple tr td.today:hover{}
		table.calendar.simple tr td.today a,
		table.calendar.simple tr td.today a:visited,
		table.calendar.simple tr td.today span{color:#000; border:1px solid #444; margin:-1px; z-index:2; position:relative;}
		table.calendar.simple tr td.today:hover a{color:#fff;}
	
	/* selected */
	table.calendar.simple tr td.selected,
	table.calendar.simple tr td:hover{
		background:#393;
	}
		table.calendar.simple tr td.selected a,
		table.calendar.simple tr td.selected a:visited,
		table.calendar.simple tr td.selected span,
		table.calendar.simple tr td:hover a,
		table.calendar.simple tr td:hover a:visited{
			color:#fff; background:transparent; 
			border:1px solid #060; margin:-1px;
		}

/* ----------------------------  calendar: quickview   ----------------------------- */
table.calendar.quickview{
	table-layout:auto; border-collapse:separate; border-spacing:0px;
	width:auto; background:transparent;
}
	table.calendar.quickview caption{
		color:#fff; height:20px; position:relative; cursor:move;
	}
		table.calendar.quickview caption h4{
			font-size:1.2em; display:block; margin:0 auto; 
			width:140px; height:20px; color:#fff;
		}
		table.calendar.quickview caption h5{
			display:block; float:none; clear:both; overflow:hidden;
			margin:-22px 0 0 0; font-size:0.9em;
		}
			table.calendar.quickview caption h5 a.prev,
			table.calendar.quickview caption h5 a.next,
			table.calendar.quickview caption h5 span.prev,
			table.calendar.quickview caption h5 span.next{
				display:block; float:left; clear:none; 
				color:#ccc; text-decoration:none; margin:0 0 0 5px; padding:0px; text-indent:-8889px;
				width:18px; height:18px;
				background:transparent url("http://bureauapi.com/formation/v2/images/arrows-prevnext.png") no-repeat top left;
			}
			table.calendar.quickview caption h5 a.next,
			table.calendar.quickview caption h5 span.next{float:right; background-position:bottom left; margin:0 5px 0 0;}
			
			table.calendar.quickview caption h5 span.prev,
			table.calendar.quickview caption h5 span.next{cursor:default; opacity:0.4;}
	
	/* calendar days */
	table.calendar.quickview tr th{
		color:#aaa; font-size:0.85em; width:28px; height:18px; text-align:center;
	}
		table.calendar.quickview tr th span{display:none;}
		table.calendar.quickview tr th.today{color:#fff;}
	
	/* calendar dates */
	table.calendar.quickview tr td{
		color:#000; vertical-align:top; text-align:center;
		width:25px; height:25px; overflow:hidden;
		background:#ccc; 
		border:1px solid #fff;
		border-bottom:1px solid #888;
		border-right:1px solid #888;
	}
		table.calendar.quickview tr td a,
		table.calendar.quickview tr td a:visited,
		table.calendar.quickview tr td.empty span,
		table.calendar.quickview tr td.disabled span{
			display:block; float:none; clear:both;
			width:25px; height:15px; margin:0; padding:5px 0;
			font-size:1.2em; font-weight:bold; text-decoration:none; letter-spacing:-1px;
			color:#000; background:#ccc; 
		}
		
		/* empty */
		table.calendar.quickview tr td.empty a,
		table.calendar.quickview tr td.empty span,
		table.calendar.quickview tr td.empty:hover a{color:#444; cursor:default;}
		table.calendar.quickview tr td.empty:hover{
			background:#ccc;
			border:1px solid #fff;
			border-bottom:1px solid #888;
			border-right:1px solid #888;
		}
		/* disabled */
		table.calendar.quickview tr td.disabled a,
		table.calendar.quickview tr td.disabled span,
		table.calendar.quickview tr td.disabled:hover a{color:#888; cursor:default;}
		table.calendar.quickview tr td.disabled:hover{
			background:#ccc;
			border:1px solid #fff;
			border-bottom:1px solid #888;
			border-right:1px solid #888;
		}
		
	/* week */
	table.calendar.quickview tr.week td{
		background:#aaa;
		border:1px solid #ccc;
		border-bottom:1px solid #888;
		border-right:1px solid #888;
	}
		table.calendar.quickview tr.week td a,
		table.calendar.quickview tr.week td a:visited{
			background:#aaa;
		}
	
	/* today */
	table.calendar.quickview tr td.today{
		background:#222 url("http://bureauapi.com/formation/v2/images/tip-bg.png") repeat-x top left;
		border:1px solid #222;
	}
	table.calendar.quickview tr td.today:hover{}
		table.calendar.quickview tr td.today a,
		table.calendar.quickview tr td.today a:visited,
		table.calendar.quickview tr td.today span{color:#fff; background:transparent;}
		table.calendar.quickview tr td.today:hover a{color:#fff;}
	
	/* selected */
	table.calendar.quickview tr td.selected,
	table.calendar.quickview tr td:hover{
		background:#393;
		border:1px solid #060;
	}
		table.calendar.quickview tr td.selected a,
		table.calendar.quickview tr td.selected a:visited,
		table.calendar.quickview tr td.selected span,
		table.calendar.quickview tr td:hover a,
		table.calendar.quickview tr td:hover a:visited{color:#fff; background:transparent;}/*
______________________________________________________________________________________
Module: Tools CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Tools module.
-

*/


/* ------------------------------   bigbox   -------------------------------- */
div.bigbox{
	width:auto; overflow:hidden; position:relative;
}
	/* slideshow */
	div.bigbox div.slideshow{
	  position:relative; overflow:hidden;
  }
		div.bigbox div.slideshow div.slides{
		  width:400%; padding:0; 
			overflow:hidden; position:relative;
		}
			div.bigbox div.slideshow div.slides div.slide{
			  width:25%; float:left; clear:none; 
				margin:0 10px 0 0; padding:0;
		  }
					
	/* slideshow: controls */
	div.bigbox div.slideshow-controls{
		height:1px; 
		overflow:visible; position:absolute; z-index:100; left:0; top:0;
	}
		div.bigbox div.slideshow-controls ul{
			display:block; float:none; clear:both; overflow:visible; height:1px;
			margin:0; padding:0;
		}
			div.bigbox div.slideshow-controls ul li{
				list-style:none outside; margin:0; padding:0;
				display:block; float:left; clear:none; overflow:hidden;
			}
				div.bigbox div.slideshow-controls ul li.prev a,
				div.bigbox div.slideshow-controls ul li.next a{
					display:block; float:none; clear:both; overflow:hidden; 
					width:50px; height:100px; opacity:0.25;
					background:transparent url("http://bureauapi.com/formation/v2/images/arrows-slider.png") no-repeat 0px 0px;
					text-indent:-999px;
				}
					div.bigbox div.slideshow-controls ul li.prev a:hover,
					div.bigbox div.slideshow-controls ul li.next a:hover{opacity:0.75;}
				
				div.bigbox div.slideshow-controls ul li.prev{float:left;}
				div.bigbox div.slideshow-controls ul li.next{float:right;}
					div.bigbox div.slideshow-controls ul li.next a{background-position:0px -101px;}

/* ------------------------------   user   -------------------------------- */
div.user{
	
}

/* -----------------------------   sharing   ------------------------------ */
div.networks{
}
	div.networks .network-group{
		display:inline; float:none; clear:none; overflow:hidden;
		margin:0; padding:0;
		display:none; visibility:hidden; height:0px; width:0px;/**/
	}
	div.networks .network-group.primary,
	div.networks .network-group.show{display:block; width:auto; height:auto; visibility:visible;}
		div.networks .network-group li{
			display:block; float:left; clear:none; overflow:hidden;
			list-style:none outside; margin:0 10px 10px 0; padding:0; line-height:1.4em;
		}
			div.networks .network-group li a{
				display:block; float:none; clear:both; overflow:hidden;
				background:transparent url("http://bureauapi.com/formation/v2/images/iconset-networks.png") no-repeat 0px 0px;
				height:16px; margin:0; padding:0 0 0 21px;
			}
			
			div.networks .network-group li.permalink a{background-position:0px 0px;}
			
			div.networks .network-group li.facebook a{background-position:0px -16px;}
			div.networks .network-group li.myspace a{background-position:0px -32px;}
			div.networks .network-group li.friendster a{background-position:0px -48px;}
			div.networks .network-group li.linkedin a{background-position:0px -64px;}
			
			div.networks .network-group li.blogger a{background-position:0px -96px;}
			div.networks .network-group li.wordpress a{background-position:0px -112px;}
			div.networks .network-group li.livejournal a{background-position:0px -128px;}
			div.networks .network-group li.typepad a{background-position:0px -144px;}
			div.networks .network-group li.xanga a{background-position:0px -160px;}
			
			div.networks .network-group li.twitter a{background-position:0px -192px;}
			div.networks .network-group li.delicious a{background-position:0px -208px;}
			div.networks .network-group li.stumbleupon a{background-position:0px -224px;}
			div.networks .network-group li.google a{background-position:0px -240px;}
			div.networks .network-group li.windows a{background-position:0px -256px;}
			
			div.networks .network-group li.digg a{background-position:0px -288px;}
			div.networks .network-group li.reddit a{background-position:0px -304px;}
			div.networks .network-group li.technorati a{background-position:0px -320px;}
			div.networks .network-group li.mixx a{background-position:0px -336px;}
			div.networks .network-group li.yahoo a{background-position:0px -352px;}
	
	div.networks .primary-networks{
		display:block;
	}
	
/* ------------------------------   rating   -------------------------------- */
ul.rating,
ul.rating a:hover,
ul.rating a:active,
ul.rating a:focus,
ul.rating .current-rating{
	background: url("http://bureauapi.com/formation/v2/images/star.png") left -1000px repeat-x;
}
ul.rating{
	position:relative; overflow:hidden;
	margin:0; padding:0;
	width:125px; height:25px;
	list-style:none outside;
	background-position:left top;
}
	ul.rating li{display: inline;}
		ul.rating a,
		ul.rating .current-rating{
			height:25px; line-height:25px;
			top:0; left:0;
			position:absolute; overflow:hidden; text-indent:-1000em;
			outline:none; border: none;
		}
		ul.rating a:hover,
		ul.rating a:active,
		ul.rating a:focus{
			background-position:left bottom;
		}
			ul.rating a.one-star{width:20%; z-index:6;}
			ul.rating a.two-stars{width:40%; z-index:5;}
			ul.rating a.three-stars{width:60%; z-index:4;}
			ul.rating a.four-stars{width:80%; z-index:3;}
			ul.rating a.five-stars{width:100%; z-index:2;}
			ul.rating .current-rating{z-index:1; background-position: left center;}
			
/* ------------------------------   footer   -------------------------------- */
div#footer .credits{}
	div#footer .plot{
		float:right; clear:both;
	}
		div#footer .plot .message{display:none;}
		div#footer .plot .logo{
			display:block; float:none; clear:both; overflow:hidden;
			width:300px; height:30px; text-indent:-999px;
			margin:0 auto; padding:0;
			background:transparent url("http://bureauapi.com/formation/v2/images/plot.png") no-repeat 0px -30px;
		}
		div#footer .plot .logo:hover{background-position:0px 0px;}
		
		
		/* different pLot logos */
		/* default, with tagline, light */
		div#footer .plot.commerce .logo{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce.png");}
		/* with tagline, dark */
		div#footer .plot.commerce .logo.dark{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-dark.png");}
		/* with tagline, grey */
		div#footer .plot.commerce .logo.grey{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-grey.png");}
		/* with no tagline, light */
		div#footer .plot.commerce .logo.no-tagline{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-notagline.png");}
		/* with no tagline, minimal, light */
		div#footer .plot.commerce .logo.minimal{background-image:url("http://bureauapi.com/formation/v2/images/credits/plot-commerce-minimal.png");}/*
______________________________________________________________________________________
Module: Blog CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Blog module.
-

*/
div.blog{
	
}

/* ---------------------------------   blog item   --------------------------------- */
div.blog-item{
	margin:0 0 50px 0; position:relative;
}
	div.blog-item .title{
		margin:0 0 10px 0; 
		font-size:1.6em;
	}
		div.blog-item .title a{text-decoration:none;}
		div.blog-item .title a:hover{text-decoration:underline;}
	div.blog-item .datetime{
		font-size:0.9em; color:#888;
	}
	
	/* blog-item post */
	div.blog-item .post{
		margin:0 0 25px 0;
	}
		div.blog-item .post h6{font-size:1.2em;}
		div.blog-item .post p img{border:1px solid #ccc; padding:5px;}
	
	/* blog-item info */
	div.blog-item div.info{
		height:1%; margin:0 0 10px 0;
	}
		div.blog-item div.info h5{display:none;}
		div.blog-item div.info ul{overflow:hidden; height:1%;}
			div.blog-item div.info ul li{list-style:none; margin:0;}
			div.blog-item div.info ul li.author{color:#888; float:left;}
			div.blog-item div.info ul li.category{color:#888; font-size:0.9em; float:right; clear:none; margin:0 0 0 25px;}
			div.blog-item div.info ul li.tags{color:#888; font-size:0.9em; float:right; clear:both;}

	/* blog-item footer */
	div.blog-item div.footer{
		margin:0; overflow:hidden; height:1%;
	}
		div.blog-item div.footer h5{display:none;}
		
		/* blog-item footer lists */
		div.blog-item div.footer ul{
			display:block; float:none; clear:both; 
			margin:0 0 5px 0; padding:0; overflow:hidden; height:1%;
		}
			div.blog-item div.footer ul li{
				display:block; float:left; clear:none;
				margin:0; padding:0; overflow:hidden; height:1%;
				font-weight:normal; text-align:left;
				list-style:none outside;
			}
			div.blog-item div.footer ul.left{float:left; clear:none;}
			div.blog-item div.footer ul.right{float:right; clear:none; margin-left:10px;}
				div.blog div.blog-item div.footer ul li a span{display:none;}

		/* blog-item footer: forms*/
		div.blog-item div.footer form{
			display:block; float:none; clear:both; overflow:hidden; 
			position:absolute; z-index:1000; left:50px; bottom:50px;
			margin:0 auto; padding:10px; width:80%;
			background:#eee; border:3px solid #ccc;
		}
			div.blog-item div.footer form textarea{height:auto;}
			div.blog-item div.footer form fieldset{border:0px none; margin:0;}
				div.blog-item div.footer form fieldset ol{margin:0;}
			div.blog-item div.footer form p.submit{font-size:0.9em; margin-top:10px;}
				div.blog-item div.footer form p.submit input.button{padding:2px 5px;}
				div.blog-item div.footer form p.submit .button input{padding:2px 5px; color:#888;}

	/* blog-item comments */
	div.blog-item div.comments{
		border-top:1px solid #ccc;
		padding:10px 0; margin:0;
	}
		div.blog-item div.comments h5{
			margin:0 0 10px 0; text-align:left; 
			font-weight:normal; font-size:1.2em; 
		}
			div.blog-item div.comments h5 a{text-decoration:none;}
		div.blog-item div.comments ol{
			margin:10px 0;
		}
			/* comment */
			div.blog-item div.comments ol li.comment{
				list-style:none outside; 
				margin:0 0 10px 0;
			}
				div.blog-item div.comments ol li.comment .author{float:left; clear:none;}
					div.blog-item div.comments ol li.comment .author a{text-decoration:none; font-weight:bold;}
					div.blog-item div.comments ol li.comment .author a:hover{text-decoration:underline;}
				div.blog-item div.comments ol li.comment .datetime{float:right; clear:none;}
				div.blog-item div.comments ol li.comment .post{clear:both;}
			
			/* add comment */
			div.blog-item div.comments ol li.add-comment{
				list-style:none outside; 
				margin:0 0 10px 0; padding:25px 0 0 0; 
				border-top:1px solid #ccc;
			}
				div.blog-item div.comments ol li.add-comment form legend{font-size:1.2em;}
			
/* ---------------------------------   blog single   --------------------------------- */
div.blog.single{}
	div.blog.single div.blog-item{border:0px none;}
		div.blog.single div.blog-item div.footer{
			padding:15px 0; margin:0; overflow:hidden; height:1%;
		}
			div.blog.single div.blog-item div.footer ul li a span{display:inline;}/*
______________________________________________________________________________________
Module: Product CSS for www.plotmulti.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that apply to the Product module.
-

*/
div.product{
}

/* -----------------------------   product feature   ------------------------------- */
div.product-feature{}
	div.product-feature .info{
		display:block; float:left; clear:none;
		width:27%; margin:0; padding:0;
	}
	div.product-feature .product{
		display:block; float:right; clear:none;
		width:70%; margin:0; padding:0;
	}
	div.product-feature .buy-now{
		display:block; float:none; clear:both; overflow:hidden;
		margin:0;
	}

/* -----------------------------   product listing   ------------------------------- */
div.product-item{
}
	div.product.listing ul{
		display:block; float:none; clear:both; overflow:hidden;
	}
		div.product.listing ul li.product-item{
			display:block; float:left; clear:none; 
			list-style:none outside; margin:0 10px 20px 0; padding:0;
			width:30%;
		}
			/* item: title */
			div.product.listing ul li.product-item .title{
				display:block; float:none; clear:both; overflow:hidden;
				height:1em;
			}
			/* item: product */
			div.product.listing ul li.product-item .product{
				display:block; float:none; clear:both; overflow:hidden;
				margin:0 0 10px 0; padding:0;
			}
				div.product.listing ul li.product-item .product a{display:block; float:none; clear:both; overflow:hidden;}
					div.product.listing ul li.product-item .product a img{display:block; width:100%;}

/* -------------------------------   product item   -------------------------------- */
div.product-item{
}
	/* product-item name */
	div.product-item div.name{}
	
	/* product-item info */
	div.product-item div.info{
		width:30%; float:left; clear:none; 
	}
		div.product-item .description h5{display:none;}
		div.product-item .price h5{display:none;}
		div.product-item .price .dollars{font-size:1.5em;}
		div.product-item .price .cents{vertical-align:top; font-size:1em;}
	
	/* product-item gallery */
	div.product-item div.gallery{
		width:65%; float:right; clear:none;
		position:relative; 
	}
		div.product-item .gallery h5{display:none;}
		
		/* product-item gallery: product */
		div.product-item .gallery .product{
			display:block; float:none; clear:both; overflow:hidden;
			margin:0; padding:0;
		}
			/* product-item gallery: viewport */
			div.product-item .gallery .product .viewport{
				display:none; float:none; clear:both; overflow:hidden;
				width:50px; height:50px;
				position:absolute; z-index:100; cursor:move;
				border:1px solid #000; background:#333; opacity:0.65;
			}
			div.product-item .gallery .product:hover .viewport{display:block;}
				div.product-item .gallery .product .viewport .preview{display:block; width:50px; height:50px;}
			
			/* product-item gallery: zoom */
			div.product-item .gallery .product.zoomable{
				position:relative; width:400px; height:300px;
				cursor:url("http://bureauapi.com/formation/v2/images/zoom-in.cur"), -moz-zoom-in;
			}
				div.product-item .gallery .product.zoomable img{
					display:block; position:absolute; left:0; top:0;
				}
		
		/* product-item gallery: views */
		div.product-item .views{
			display:block; float:none; clear:both; overflow:hidden;
			margin:0 0 10px 0; padding:0;
		}
			div.product-item .views li{
				display:block; float:left; clear:none;
				list-style:none outside; margin:0 10px 0 0; padding:0;
			}
				div.product-item .views li a,
				div.product-item .views li ins{
					display:block; overflow:hidden; position:relative;
					margin:0; padding:0; width:44px; height:44px;
					border:1px solid #888; 
				}
				div.product-item .views li a:hover,
				div.product-item .views li.on a,
				div.product-item .views li.on ins{border:3px solid #888; width:40px; height:40px;}
				
					div.product-item .views li img{
						display:block; position:relative;
						height:45px; margin:-1px;
					}
					div.product-item .views li a:hover img,
					div.product-item .views li.on img{
						margin:-3px;
					}
					
		/* product-item gallery: full-view */
		div.product-item .gallery .full{
			display:none; float:none; clear:both; overflow:hidden; position:absolute; left:0; top:0; z-index:100;
			width:400px; height:300px;
		}
			div.product-item .gallery .full .container{
				display:block; float:none; clear:both; overflow:hidden; 
				width:400px; height:300px;
			}
				div.product-item .gallery .full .image{
					display:block; float:none; clear:both; overflow:hidden; position:relative;
					background:#fff;
				}
					
			/* product-item gallery: full-view - draggable */
			div.product-item .gallery .full.draggable .image{cursor:move;}
			div.product-item .gallery .full.draggable .image:active{cursor:-moz-grabbing;}
			
			/* product-item gallery: full-view - reset */
			div.product-item .gallery .full ul.options{
				display:block; float:left; clear:both;
				position:absolute; left:10px; top:10px; z-index:100;
				margin:0; padding:0;
			}
				div.product-item .gallery .full ul.options li{
					display:block; float:left; clear:none; 
					list-style:none outside;
					border:1px solid #ccc; background:#fff;
					cursor:pointer;
					margin:0; padding:5px;
				}
		

	/* product-item selection */
	div.product-item div.selection{width:30%; float:left;}
		div.product-item div.selection legend{font-size:1em;}
	
	/* product-item listing */
	div.product-item .listing{}
		div.product-item .listing ul{
			display:block; float:none; clear:both; overflow:hidden;
		}
			div.product-item .listing ul li.product-item{
				display:block; float:left; clear:none; 
				list-style:none outside; margin:0; padding:0;
			}
				div.product-item .listing ul li.product-item div.details{
					
				}

/* -------------------------------      cart      -------------------------------- */
/* table: cart */
table.cart{}
	table.cart tr th strong{cursor:default;}
	
	/* item */
	table.cart tr td.item{width:350px; padding:10px 5px;}
		table.cart tr td.item div.image{display:block; float:left; clear:none;}
			table.cart tr td.item div.image p{margin:0 10px 0 0;}
			table.cart tr td.item div.image p img{display:block;}
		table.cart tr td.item div.info{display:block; float:right; clear:none;}
			table.cart tr td.item div.info .title{margin:0 0 5px 0; font-size:1.2em;}
			table.cart tr td.item div.info .id{color:#999; font-size:0.9em;}
	
	/* details */
	table.cart tr td.details{width:80px;}
		table.cart tr td.details ul{margin:0;}
			table.cart tr td.details ul li{margin:0 0 5px 0; list-style:none outside; font-size:0.9em;}
			table.cart tr td.details ul li .key{display:block; float:none; clear:both; color:#999;}
			table.cart tr td.details ul li .value{display:block; float:none; clear:both; font-weight:bold;}
			
	/* quantity */
	table.cart tr td.quantity{}
		table.cart tr td.quantity select{width:auto; font-size:1.5em; padding:3px; height:auto;}
		
	/* price */
	table.cart tr td.price{font-weight:bold;}
	
	/* cost */
	table.cart tr td.cost{font-weight:bold;}
	
	/* manage */
	table.cart tr td.manage{width:100px;}
		table.cart tr td.manage ul{margin:0;}
			table.cart tr td.manage ul li{
				display:block; float:none; clear:both; overflow:hidden; height:1%;
				margin:0 0 1px 0; list-style:none outside; 
				font-size:0.8em; text-transform:uppercase;
			}
				table.cart tr td.manage ul li a,
				table.cart tr td.manage ul li a:visited{
					display:block; float:left; clear:both; overflow:hidden;
					background:#ccc; color:#000;
					margin:0; padding:0px 2px;
					text-decoration:none;
				}
				table.cart tr td.manage ul li a:hover{background:#666; color:#fff;}
	
	/* subtotal */	
	table.cart tr.subtotal td{
		border-top:1px solid #ddd; vertical-align:middle;
		padding-top:25px;
	}
		table.cart tr.subtotal td.info{text-align:right; padding-right:10px;}
		table.cart tr.subtotal td.info .label{
			text-transform:uppercase; 
			font-size:1.2em; font-weight:bold; letter-spacing:-0.5px; line-height:1em; 
			margin:0; padding:0;
		}
		table.cart tr.subtotal td.info .more{
			color:#888; font-size:1em;
			margin:0; padding:0;
		}
		table.cart tr.subtotal td .price{;
			text-transform:uppercase;
			font-size:1.2em; font-weight:bold; letter-spacing:-0.5px; line-height:1em; 
			margin:0; padding:0;
		}	
			table.cart tr.subtotal td .price sup{font-size:0.75em; vertical-align:middle;}
	
	/* total */	
	table.cart tr.total td{border-top:1px solid #ddd; padding-top:25px;}
	table.cart tr.total td.info .label{
		display:block; float:right; clear:none;
		margin:0;
	}
	table.cart tr.total td.info .note{
		display:block; float:left; clear:none; 
		color:#888; padding:2px 0 0 0;
	}
	table.cart tr.total td .price{
		display:block; float:left; clear:none; 
		margin:0;
	}
		table.cart tr.total td .price sup{font-size:0.6em; vertical-align:middle;}/*
______________________________________________________________________________________
Skin CSS for www.PatrikErvell.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions that denote a global theme to the elements that make up the
site and formalises the site's overall look & feel.
-

*/

body{
	font:normal normal normal 75%/1.2em "Times New Roman", Times, serif; /* 62.5% = 10px     68.75% */
	text-align:center;
	letter-spacing:0.05em;
	color:#333;
	background:#fff;
}

/* --------------------------------- architecture --------------------------------- */
div#container{
	text-align:left;
	background:#fff;
}

	/* header */
	div#header{
		background:transparent url("../images/menu.png") repeat-x top center;
	}
			div#header h1 {
				margin:0 auto; width:217px; margin-bottom:15px;
				text-indent:-999px; font-size:0em;
			}
			div#header h1 a {
				display:block; outline:none;
				background:url('../images/logo.png') no-repeat;
				width:215px; height:21px;
			}
			
		div#header ul.menu{
			margin:0 auto;
			overflow:hidden;
			width:470px;
			font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
			font-size:1em;
			letter-spacing:0.1em;
			text-transform:uppercase;
		}
			div#header ul.menu li{
				float:left; clear:none;
				margin:0;
			}
				div#header ul.menu li.collection {width:95px;}
				div#header ul.menu li.blog {width:42px;}
				div#header ul.menu li.stock {width:81px;}
				div#header ul.menu li.contact {width:75px;}
				div#header ul.menu li.shop { width:55px;}
				div#header ul.menu li a,
				div#header ul.menu li ins{
					color:#111; 
					text-decoration:none; 
				}
				
				div#header ul.menu li.on,
				div#header ul.menu li a:hover{text-decoration:underline;}
				
				/*div#header ul.menu li.on,
				div#header ul.menu li a:hover {font-weight:bold; letter-spacing:0.15em;}
					div#header ul.menu li.on a span.cart,
					div#header ul.menu li.on ins span.cart,
					div#header ul.menu li a:hover span.cart {font-weight:normal;}
					div#header ul.menu li.shop.on,
					div#header ul.menu li.shop a:hover{font-weight:bold; letter-spacing:0.16em;}
					div#header ul.menu li.contact.on,
					div#header ul.menu li.contact a:hover{font-weight:bold; letter-spacing:0.15em;}*/
	
	/* body */
	form#form-login label{ display:none;}
	form fieldset ol.one-column li.forgot{ float:left; clear:none;}
	form fieldset ol.one-column li.forgot a{ color:#444; text-decoration:none;}
	form fieldset ol.one-column li.checkbox label{ display:block;}
	div.forgot{ margin:40px auto; width:330px; text-align:left;}
		div.forgot label{ float:left; clear:none; text-transform:uppercase; margin-right:5px;}
		div.forgot li{ margin-top:10px;}
		div.forgot input{ width:280px; float:left; clear:none;}
		div.forgot p.submit input{ width:auto; float:right;}
		
		div.user-box fieldset{ margin:0;}
	
	div#body{}
	
	div#body h4.title{ 
		color:#111; 
		 
		font-weight:normal;
	}
	
	ul.product-menu{
		overflow:hidden; 
		margin:0 auto; 
		width:365px; 
		margin-bottom:30px;
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
		font-size:0.9em; letter-spacing:0.15em;
		text-transform:uppercase;
	}
	
	ul.product-menu li{ 
		float:left; 
		clear:none; 
		margin-right:10px;
	}
		ul.product-menu li a{text-decoration:none; color:#000;}
		ul.product-menu li.on a,
		ul.product-menu li a:hover{ text-decoration:underline;}
		
	div.technology ul{ padding:5px;}
	div.technology ul li{
		width:330px;
		float:left;
		clear:none;
		margin-right:5px;
	}
	div.technology a{ color:#888;}
	div.technology ul li p{  text-transform:none;}
	div.shopping-bag p,
	div.shopping-bag li{ text-transform:none;}
	div#container div.technology h3{ 
		padding-top:10px; 
		 
		text-align:left; 
		color:#111111; 
		font-weight:bold;
	}
	
	div.breadcrumbs h4{ display:none;}
	div.breadcrumbs p{}
	form p.submit span.info{ 
		float:left; 
		clear:none; 
		font-style:normal; color:#444;
	}
	
	form input:focus, form select:focus, form textarea:focus{ 
		background:#E4E4E4; 
		color:#111;
	}
	
	div.product-item div.left div.gallery ul.views{ margin-bottom:5px;}
		
	/* footer */
	div#footer{
		background:#fff;
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
		font-size:1em; letter-spacing:0.1em;
		text-transform:uppercase;
	}
		div#footer p.copyright {
			color:#111; 
		}
		div#footer ul.submenu {
			overflow:visible; 
			margin:0 auto; 
			width:276px;
			font-size:0.8em;
		}
		
		div#footer ul.submenu.one {
			width:250px; 
			margin-bottom:12px; 
			overflow:hidden;
			font-size:0.9em;
		}
			div#footer ul.submenu li {
				float:left; clear:none;	
				margin:0 10px 0 0;
			}
				div#footer ul.submenu li a {
					color:#111; 
					text-decoration:none;
				}
				
				div#footer ul.submenu li.plot { 
					font-size:0em; 
					margin-left:5px;
					margin-top:0;
					position:absolute;
					right:40px;
					top:19px;
					overflow:hidden;
				}
					div#footer ul.submenu li.plot a {
						display:block;
						background:url('../images/plot.png') no-repeat;
						 height:30px;
						 width:290px;
						 background-position:0 -28px;
					}
						div#footer ul.submenu li.plot a:hover{
							background-position:0 2px;
						}
					
					
/* shop & collection */
div.browse ul li.section h3{
	 
	margin-bottom:5px;
}

	div.browse ul li.section h3 a {
		display:inline-block;
		color:#000; 
		text-decoration:none; 
		font-weight:normal;
		background:url('../images/expand-collapse-arrows.png') no-repeat;
		height:16px;
		padding-left:20px;
		outline:none;
	}
	div.browse ul li.section.on h3 a{
		font-weight:bold; 
		background-position:0 -18px;
	}
	div.browse ul li.section h3 a:hover {font-weight:bold;}
div.browse ul li.section div.slider ul li {position:relative;}
	div.browse ul li.section div.slider ul li p.thumb {margin:0;}
	div.browse ul li.section div.slider ul li p.product a {outline:none;}
	div.browse ul li.section div.slider ul li div.info {
		display:none;
		background:url('../images/footer-bg.png') repeat;
		position:relative; z-index:1;
		width:240px; height:85px;
		margin-top:-100px; padding:15px 10px 0;
	}
		div.browse ul li.section div.slider ul li.on div.info {display:block;}
		div.browse ul li.section div.slider ul li div.info a {
			display:block;
			margin:5px 0;
			color:#000; text-decoration:none;
			
		}
			div.browse ul li.section div.slider ul li div.info a.on,
			div.browse ul li.section div.slider ul li div.info a:hover {font-weight:bold;}
	
	div.browse ul li.section div.slider p.slider-controls {display:none;}	
	div.browse ul li.section.on div.slider p.slider-controls {display:block;}
	div.browse ul li.section div.slider p.slider-controls a {
		background:url('../images/prev-next-arrows.png') repeat-x;
		text-align:right; 
		text-decoration:none; 
		color:#000; 
		outline:none;
		margin-bottom:5px; padding:6px 26px 4px 0;
		width:62px; height:15px;
	}
		div.browse ul li.section div.slider p.slider-controls a.prev {background-position:0 0;}
		div.browse ul li.section div.slider p.slider-controls a.next {background-position:0 -25px;}
		div.browse ul li.section div.slider p.slider-controls a.disabled {
			opacity:0.5; 
			filter: alpha(opacity = 50);
		}
			div.browse ul li.section div.slider p.slider-controls a.disabled:hover{cursor:default;}
	
	
/* collection */
div.collection.listing{ margin:0 auto; width:735px;}
div.collection.listing.landing{margin:0 auto; width:650px;}
	div.collection.listing div.heading{ 
		border-top:1px solid #111; 
		padding-top:15px;
	}
		div.collection.listing div.heading h5{ 
			float:left; 
			clear:none; 
			margin-left:10px; 
		}
		div.collection.listing div.heading h5 span.count{ 
			display:block; 
			text-align:left;
		}
			div.collection.listing div.heading h5 span.count a{
				text-decoration:none; 
				color:#111;
			}
	
	div#body div.collection.listing ul.landing{ 
		margin-top:30px;
	}
		div#body div.collection.listing ul.landing.clips{ 
			padding:30px 0; 
			width:725px;
		}
			
	div.collection.listing ul{ 
		overflow:hidden; 
		width:680px; 
		margin:15px auto; 
		margin-bottom:20px;
	}
		div.collection.listing ul li.collection-item{ 
			float:left; 
			clear:none; 
			margin-right:5px;  
			width:80px; 
			height:120px; 
			margin-bottom:5px;
		}
			div.collection.listing ul li.collection-item p.thumb{width:80px;}
				div.collection.listing ul li.collection-item p.thumb a{opacity:0.7;}
				div.collection.listing ul li.collection-item p.thumb a:hover{opacity:1;}
				div.collection.listing ul li.collection-item p.thumb img{}
			
	div.collection.listing div.collection-menu{ 
		border-top:1px solid #111;
	}
	div.collection.listing div.collection-menu ul{ 
		float:right; 
		clear:none; 
		width:auto;
	}		
		div.collection.listing div.collection-menu ul li{text-align:right; font-weight:bold; font-size:1em;}
			div.collection.listing div.collection-menu ul li a { 
				text-decoration:none; 
				text-transform:none; 
			}		
			div.collection.listing div.collection-menu ul li a:hover,
			div.collection.listing div.collection-menu ul li.on a,
			div.collection.listing div.collection-menu ul li.on ins{ 
				text-decoration:underline;
			}
			
			div.collection.listing div.collection-item div.info{ 
				position:absolute; right:0;
				top:0;
				width:200px;
			}
			
			div.collection.listing div.collection-item div.info p{ 
				color:#888888;
				font-size:.9em;
				text-align:right;
				text-transform:none;
				margin-bottom:0;
			}
			div.collection.listing div.collection-item{ 
				position:relative; 
			}
			div.collection.listing div.collection-item p.full{ text-align:center;}
			div.collection.listing div.collection-item p.full a{ outline:none;
			}
			
/* shop */
div#product-info {
	background:#fff;
}
	div.product-item div.left div.gallery{ margin-bottom:10px;}
	div.product-item div.left div.gallery .product.zoomable img{z-index:0;}
	div.product-item div.left div.gallery .product.zoomable span {
		display:block; position:absolute; z-index:1;
		background:url('../images/footer-bg.png') repeat;
		width:100%; height:22px;
		text-align:center;
		margin-top:185px; padding-top:8px;
	}
	div.product-item div.left div.gallery .product.zoomable span,
	div.product-item .gallery .full ul.options li{
		text-transform:uppercase;
		font-size:0.9em;
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
	}
	div.product-item div.left div.gallery .product.zoomable span{display:none;}
	div.product-item div.left div.gallery .product.zoomable:hover span{display:block;}
	
	/* product: views */
	div.product-item .views li a {
		width:60px; 
		height:80px; 
		border:0 none; 
		opacity:0.5; 
		alpha(opacity = 50); 
		outline:none;
	}
	div.product-item .views li a:hover,
	div.product-item .views li.on a,
	div.product-item .views li.on ins {
		width:60px; 
		height:80px; 
		border:0 none; 
		opacity:1; 
		alpha(opacity = 100);
	}
		div.product-item .views li img,
		div.product-item .views li a:hover img,
		div.product-item .views li.on img {
			margin:0; 
			height:auto; 
			width:60px;
		}
		
	/* product: colours */
	div.product-item .colours li{
		display:block; 
		float:left; 
		clear:none; 
		overflow:hidden;
		margin:0 5px 0 0;
	}
	div.product-item .colours li a {
		display:block; 
		float:none; 
		clear:both; 
		overflow:hidden;
		width:35px; height:35px; 
		outline:none;
	}
	div.product-item .colours li a:hover,
	div.product-item .colours li.on a,
	div.product-item .colours li.on ins {
		
	}
		div.product-item .colours li img,
		div.product-item .colours li.on img {margin:-22.5px 0 0 -12.5px;}
	
	div.product-item div.price {}
		div.product-item div.price p {
			margin-bottom:7px;
		}
		div.product-item .price .dollars{font-size:1em;}
			
	div.product-item div.price p sup.cents {display:none;}
	div.product-item div.info {
		width:100%; height:auto;
		margin-top:10px;
		margin-bottom:5px;
		text-align:justify;
		font-family:"Helvetica Condensed", Helvetica, serif;
		color:#333;
	}
	
	div.product-item div.info{ 
		padding-top:10px;
		border-top:1px solid #000000;
		

	}
		div.product-item div.info p,
		div.share div.info p {
			text-transform:none; 
			 
			margin-bottom:5px;
		}
		
		div.product-item div.left ul.swatches{ 
			margin-top:15px;
		}
		div.product-item div.left ul.swatches li{ 
			float:left; 
			clear:none; 
			margin-right:5px; 
			padding:2px; 
			height:20px;
		}
		
		div.product-item div.left ul.swatches li.on{ 
		 border:2px solid #888888; 
		 padding:0;
		}
		
	div.product-item div.selection {width:100%;}
		div.product-item div.selection legend {display:none;}
		div.product-item div.selection div.fieldgroup fieldset {
			margin:0; 
			border-bottom:1px solid #000;
		}
		div.product-item div.selection div.fieldgroup p.chart a{font-family:"Arial Narrow",Helvetica,Arial,sans-serif;}
			form p.error span,
			form p.success span,
			form p.notify span {text-transform:none;}
		div.product-item div.selection div.fieldgroup fieldset ol{margin-bottom:0px;}
			div.product-item div.selection div.fieldgroup fieldset ol li {
				margin:0;
				font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
				font-size:0.9em;
				text-transform:uppercase;
			}
				div.product-item div.selection div.fieldgroup fieldset ol li label {
					margin:2px 0; 
					padding:0; 
					display:block;
				}
					div.product-item div.selection div.fieldgroup fieldset ol li select{
						width:130px; 
						display:block; 
						float:left; 
						clear:none;
					}
						div.product-item div.selection div.fieldgroup fieldset ol li select,
						div.product-item div.selection div.fieldgroup fieldset ol li select option {
							font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
							text-transform:uppercase;
							color:#000;
						}
					div.product-item div.selection div.fieldgroup fieldset ol li label a,
					div.product-item div.selection div.fieldgroup fieldset ol li label span,
					div.product-item div.selection div.fieldgroup p.chart a {
						display:block; outline:none;
						background:#e8e8e8;
						width:145px;
						float:left;
						clear:none;
						text-align:center;
						padding:4px 0;
						color:#000; font-weight:normal;
						text-decoration:none; text-transform:uppercase;
					}		
					
					div.product-item div.selection div.fieldgroup fieldset ol li label a,
					div.product-item div.selection div.fieldgroup fieldset ol li label span{ 
						margin-right:5px; 
						margin-bottom:5px;
					}
					
					div.product-item div.selection div.fieldgroup p.chart a{ width:100%;}			
						div.product-item div.selection div.fieldgroup fieldset ol.color li {display:none;}
						div.product-item div.selection div.fieldgroup fieldset ol.color li#color-option {display:block;}
						div.product-item div.selection div.fieldgroup fieldset ol.color li#color-option label a {font-weight:bold;}
						div.product-item div.selection div.fieldgroup fieldset ol.color li#color-option select {display:block;}
						
						div.product-item div.selection div.fieldgroup fieldset ol.size li {display:none;}
						div.product-item div.selection div.fieldgroup fieldset ol.size li#size-option {display:block;}
						div.product-item div.selection div.fieldgroup fieldset ol.size li#size-option label a {font-weight:bold;}
						div.product-item div.selection div.fieldgroup fieldset ol.size li#size-option select {display:block;}
						
						div.product-item div.selection div.fieldgroup fieldset ol.quantity li {display:none;}
						div.product-item div.selection div.fieldgroup fieldset ol.quantity li#qty-option {display:block;}
						div.product-item div.selection div.fieldgroup fieldset ol.quantity li#qty-option label a {font-weight:bold;}
						div.product-item div.selection div.fieldgroup fieldset ol.quantity li#qty-option select {display:block;}
			
		div.product-item div.selection div.options ul {
			overflow:hidden; 
			margin:0;
			font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
			font-size:1em;
			letter-spacing:0.1em;
			text-transform:uppercase;
		}
			div.product-item div.selection div.options ul li {float:right; clear:none;}
				div.product-item div.selection div.options ul li a {
					display:block;
					color:#000; text-decoration:none;
					
					margin:5px 0; padding:2px 35px;
					outline:none;
				}
			
			div.product-item div.selection div.options ul li a.share-content {
				border-right:1px solid #000;
			}
			form p.error, form p.success, form p.notify {
				margin-top:5px; 
				font-size:1em; font-weight:bold;
			}
		div.product-item div.charts{ 
			position:absolute; left:-150px; 
			z-index:100; top:0;
			width:505px;
			background:#E8E8E8;
			padding:20px 15px;
		}
			
			div.product-item div.charts p.image{ margin-bottom:0;}
			
/* blog */
div.blog div.blog-item div.heading h4.title {
	text-align:left; 
	font-weight:normal;
}
	div.blog div.blog-item div.heading h4.title a {
		color:#000;
	}
		div.blog div.blog-item div.heading h4.title a:hover {
			text-decoration:none; 
			font-weight:bold;
		}
		
	div.blog div.blog-item div.heading h5 {
		text-align:right;
	}
	
		div.blog div.blog-item div.heading h5 strong {
			color:#000; 
		}
		
	div.blog div.blog-item div.heading div.options{ 
		margin:0 auto; 
		width:179px;
	}
	div.blog div.blog-item div.heading div.options ul li{ 
		float:left; 
		clear:none; 
		margin-right:10px;
	}
	
	div.blog div.blog-item div.heading div.options ul li a {
		 
		color:#000; 
		text-decoration:none; 
		font-weight:bold;
	}
	
	div.blog.single { 
		width:720px; 
		margin:0 auto;
	}
	div.blog div.blog-item div.post div.contents p img {
		border:0 none; 
		padding:0; 
	}

div.blog p.pagination {margin-top:-40px;}
	div.blog p.pagination a {
		display:block; clear:both;
		background:url('../images/prev-next-arrows.png') no-repeat;
		text-align:right; text-decoration:none; color:#000; 
		outline:none;
		margin:0 auto; padding:6px 26px 4px 0;
		width:60px; height:15px;
	}
		div.blog p.pagination a.prev {background-position:0 0;}
		div.blog p.pagination a.next {background-position:0 -25px;}
		div.blog p.pagination a.disabled {opacity:0.5; alpha(opacity = 50);}
			div.blog p.pagination a.disabled:hover {cursor:default;}
			
	div.blog.single div.blog-item div.heading{ margin-bottom:25px;}
	div.blog.single div.blog-item div.heading div.options {
		clear:none;
		float:left;
		padding:5px 0 0;
	}
		div.blog.single div.blog-item div.heading div.options a{
			color:#000000;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		div.blog.single div.blog-item div.heading div.options a:hover{
			font-weight:bold;
			text-decoration:none;
		}
		
		div.blog.single div.comments{ border-top:1px solid #111;}
		div.blog.single div.comments li{ list-style-type:none; }
		div.blog-item div.comments ol.three-column{ 
			float:left; 
			clear:none; 
			padding-left:5px;
		}
		div.blog-item div.comments ol.three-column li{ 
			float:none; 
			width:200px;
		}
		
		div.blog-item div.comments ol form textarea{
			height:73px;
		}
		
		div.blog.single div.post p{ 
			margin-bottom:0; 
			line-height:1.4em; 
			 
			text-transform:none; 
			text-align:left; 
			padding:5px;
			
		}
		
		div.blog.single div.post p.author{ 
			margin-top:0; 
			text-transform:uppercase;
		}
		
		div.blog.single div.post p.author a{ 
			text-decoration:none;
		}
		div.blog.single p a{ color:#111;}
		
		div.blog-item div.comments div.options{float:right;}
			div.blog-item div.comments div.options li{ 
				float:left; 
				clear:none; 
				margin-right:5px;
			}
				div.blog-item div.comments div.options li a{
					 
					text-transform:uppercase; 
					color:#111; 
					text-decoration:none;
					font-weight:bold;
				}
				
		div.blog-item div.comments ol.one-column{ 
			float:left; 
			width:505px; 
			overflow:hidden; 
			clear:none;
		}
		
			div.blog-item div.comments fieldset{ margin-bottom:0;}
			div.blog-item div.comments ol li.add-comment{
				border:none; 
				padding-top:0;
			}
			div.blog-item div.comments div.user { float:left;}
				div.blog-item div.comments div.user p{ 
					margin-right:5px; 
					float:left; 
					clear:none;
				}
				
					div.blog-item div.comments div.user p.author a{ 
						text-decoration:none; 
						font-weight:bold; 
						color:#444;
					}
				div.blog-item div.comments div.replies h6{ display:none;}
				div.blog-item div.comments p.submit{ padding-right:10px;}

	div.comments ol li.discussion div.replies {
		border-left:1px solid #999;
		padding-left:25px;
	}
	
			
	/* share */
	div.share{ 
		z-index:9; 
		background:#E8E8E8; margin:0;
		padding:15px 10px 0; 
		border:1px solid #CCCCCC; 
		height:auto;
	}
	
	div.share form label{ 
		display:block; clear:none;
		float:left;
		font-weight:normal;
		padding:4px 20px; padding-left:0;
		padding-right:10px; text-align:right; width:14%;
	}
		div.share form legend{
			display:block; color:#111;
			text-transform:uppercase; 
		}
	
	div.share form ol li.checkbox.list .options,
	div.share form ol li textarea{ 
		display:block; 
		width:78.5%; 
		background:#E1E1E1; 
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; 
		margin-bottom:5px;
	}
	
	div.blog div.share{
		left:40px;
		position:absolute;
		top:52px;
	}
	
	div.share form ol li textarea{
		width:78%;
		border-color:#888888 #CCCCCC #CCCCCC #888888;
		border-style:solid;
		border-width:1px;
	}
	
	div.share div.post-to-sites {
		border-left:1px solid #DDDDDD;
		clear:none;
		display:block;
		float:right;	margin:0;
		padding:5px 0 0 10px;
		position:relative;
		width:210px;
	}
	
	div.share form.email-to-friends {
		clear:none;
		display:block;
		float:left;
		position:relative;
		width:460px;
	}
	
	div.share form fieldset{margin-bottom:0;}
	
	div.share div.networks .network-group {
		height:auto;
		overflow:hidden;
		width:100%;
	}
	
	div.share h4{ }
	div.share p.more a{ text-decoration:none; color:#111; }
	div.share div.networks .network-group li, div.share div.networks p.more {
		background:#FFFFFF;
		border:1px solid #CCCCCC;
		margin:0 5px 5px 0;
		padding:7px 14px;
	}
	div.networks .network-group.primary, div.networks .network-group.show {
		visibility:inherit;
	}

	div.share div.networks .network-group li a {
		height:16px;
		padding:0;
		text-indent:-999px;
		width:16px;
	}
	
	div.share .close,
	div.charts .close {
		background:transparent url(../images/icon-close.png) no-repeat scroll center center;
		clear:both;
		cursor:pointer;
		display:block;
		float:none;
		height:16px;
		opacity:0.75;
		overflow:hidden;
		position:absolute;
		right:2px;
		text-indent:-999px;
		top:2px;
		width:16px;
	}
	div.charts .close{ }
	
	div.share form ol li.inline input, div.share form ol li.inline input{ 
		width:171px; 
		background:#E1E1E1; 
		font-style:normal;
		border:1px solid #999999;
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	}
	
	div.share form p.error, div.share form p.success, div.share form p.notify{ width:400px;}
	div.share form ol li.inline.submit input{ width:278px;}
	div.share form ol li.inline.submit input.button{ 
		float:left; 
		width:76px; 
		background:none;
	}
	div.share form ol li.inline.submit{ overflow:hidden; margin-bottom:5px;}
	div.share div.post-to-sites div.info{ height:auto;}
	div.share form ol li.checkbox.list label.option { text-align:left;}
	div.share p.submit{ margin-right:10px;}
	div.share p.submit:hover{ background:none;}

/* contact */
div#body div.contact{ text-align:center; margin:0 auto; width:590px;}
div#body div.contact h4{ margin-top:30px; margin-bottom:5px;}
div#body div.contact p{ margin-bottom:0;}
div#body div.contact p a{ 
	margin-bottom:0; 
	
	
	color:#444;
}
div#body div.contact p.email{margin-top:12px;}
div#body div.contact p.email a{  text-transform:none;}

/* checkout step 1 */
div#body div.checkout-one,
div#body div.customer-info,
div#body div.stock{ 
	
	padding-top:20px;
}
	
	div.checkout-one h3,
	div.customer-info h3{
		margin-bottom:5px;
		font-size:1em; font-weight:bold;
	}
	
	div.customer-info h3{margin-bottom:10px;}
	div.continue h3{ margin-bottom:0;}
	div.checkout-one h3{ text-align:center;}
	div.checkout-one h3.heading{ border-bottom:1px solid #1a1a1a; font-size:1.5em; margin-bottom:25px; padding-bottom:15px; font-weight:normal;}
	 
	 
	div.checkout-one p{ 
		margin-bottom:0;
		
	}
		div.checkout-one p a{ 
			text-decoration:none; 
			color:#111; 
		}
		div.checkout-one p.note{ margin-bottom:20px; margin-top:15px;}
		div.checkout-one p.submit span.info{ display:none;}
		
		div.continue p{ margin-bottom:20px;}
		div.continue a.button:hover{ text-decoration:none;}
		div.checkout-one form ol li{ overflow:hidden;}
		div.checkout-one form ol li.error label{ background:none; padding:0;}
		form p.error, form p.success, form p.notify { padding:0; border:none; text-align:left; text-decoration:underline; margin-bottom:10px; background:none;}
		form p.error span, form p.success span, form p.notify span{ background:none; padding:0;}
	
	div.checkout-one div.continue p.proceed {margin-top:20px;}
	div.login span.processing{ float:left; clear:none;}
	div.login form fieldset ol{margin-bottom:0;}
	
	div.checkout div.technology{ margin-top:35px;}
	
	/* forms */
	form legend{ display:none;}
	form label{}
	
	form fieldset{ border:none;}
	form input, 
	form select, 
	form textarea, 
	form ol li.checkbox.list .options{ 
		font-style:normal;
		font-weight:normal; 
		text-align:center; 
		background:#e4e4e4;
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
		border:0 none;
		color:#111111;
		opacity:.9; alpha(opacity = 90);
	}
	
	form textarea,
	form input,
	form textarea,
	form input { padding:5px; font-weight:normal;}
	
	form fieldset ol.one-column li{ margin-bottom:2px;}
	form ol li.inline input{ 
		clear:none;
		float:left;
		margin-bottom:2px;
		margin-left:1px;
		margin-right:3px;
		width:102px;
	}
	form ol li.inline input:last-child,
	form ol li.inline input:last-child{ margin-right:0;}
	form ol li.inline input#billing_zip_code{margin-left:3px;}
	form ol li.inline input#shipping_zip_code{margin-left:3px;}
	form ol li.checkbox label{display:block; float:left;}
	form ol li.checkbox span.options label{}
	form input.creditcard-number{width:3.75em;}
	form select{ width:98.9%;}
	form select.month-digit{
		width:7.3em;
	}
	
	div.customer-info.payment span.info{ float:right; clear:none;}
	
	form input {
		width:96%;
	}
	form input.button:visited, form a.button:visited{ color:#111;}
	
	div.customer-info p.submit{ 
		border-top:1px solid #111; 
		padding-top:20px; 
		text-align:center;
	}
	div.customer-info.payment{ width:575px;}
	div.customer-info.payment div.fieldgroup{ margin-left:25px; margin-right:0;}
		
		a.button,
		form a.button,
		form p.submit a,
		form p.submit input.button{ 
			margin-left:0; 
			background:none; 
			border:none;
			color:#000;
			text-transform:uppercase;
			padding-right:0px;
			opacity:1; alpha(opacity=100);
			z-index:8;
			padding-left:0;
			font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
			font-size:1em;
			
		}
	form#user_signup{ margin:0 auto; width:275px;}
	form#user_signup ol{ width:275px;}
	form#user_signup ol li{ width:100%;}
	form#user_signup ol li.inline input { width:125px;}
	form#user_signup ol li.checkbox input { width:auto;}
		
		form ol li span.info a{color:#000;}
	
	p#shipping-default.notify{ 
		border:none; color:#333;
		background:none; 
		cursor:default; 
		text-align:left;
		padding:0; margin:0 0 10px 0;
	}	
		p#shipping-default.notify span{font-size:1em; background:url(../images/checkmark.jpg) no-repeat; padding:0 0 0 15px;}
		
	div.customer-info form input, 
	div.customer-info form select, 
	div.customer-info form textarea{
		background:#e4e4e4; 
		text-align:center;
		opacity:.9; alpha(opacity = 90);
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
		border:none;
	}
	
	div.customer-info form select{ float:left; clear:none;}
	
	div.customer-info form textarea{ height:100px;}
	div#body div.checkout-one form input.button{
		background:none;
		border:none;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	/* checkout step 2 */
	form ol li.inline input, form ol li.inline select {
		width:105px;
	}
	
	/* checkout step 3 */
	div.checkout form,
	div.checkout-two{ 
		margin:0 auto;
	}
	div.checkout form{width:675px; margin-bottom:20px;}
	div.checkout-two{ width:780px;}
	
	div.checkout table tr.subtotal td,
	div.checkout table tr.total td{ 
		border:none; 
		text-align:left;
		vertical-align:text-bottom;
		padding-top:0;
	}
	div.checkout thead{}
	div.checkout table.basic{ border:none;}
	div#body div.checkout table.basic tr td { padding-right:0;}
	div.checkout h3{
		font-weight:normal; 
		color:#111; 
		text-align:center; 
		margin-bottom:15px;
	}
	div.checkout h3 a.manage{
		color:#444;
	}
	div.checkout table.cart tr td.manage li{}
	div.wishlist div.checkout table.cart tr td.manage li{display:block; margin-left:10px;}
	div.checkout div.shopping-bag table.cart tr td.manage{ display:block;}
	div.checkout div.shopping-bag table.cart tr td.manage ul{ margin-top:20px;}
		div.checkout div.shopping-bag table.cart tr td.manage a{ 
			background:none; 
			text-align:center;
			float:none;
		}
		div.checkout div.shopping-bag table.cart tr td.manage a:hover{ color:#111;}
		div.checkout div.shopping-bag table.cart tr td.manage a.edit,
		div.checkout div.shopping-bag table.cart tr td.manage a.save{}
	div.checkout div.shopping-bag table.cart tr td.item div.info{ width:155px; margin-top:25px;}
	
	/* table */
	table{ }
	table.cart tr td.item div.info{ width:160px; text-align:left;}
		table.cart tr td.item div.info h4{ text-transform:none;}
		table.cart tr td.item div.info h4 a{ 
			text-decoration:none; 
			font-size:.7em;
			text-transform:none;
			color:#111;
		}
		table.cart tr td.item{ width:245px;}
		table.cart tr td.price{
			width:65px; 
			font-weight:normal;
		}
		table.cart tr td.quantity {
			width:40px;
}
		table.cart tr td.cost{ width:100px; font-weight:normal;}
		table.cart tr td.total{ width:100px;}
		
		table.cart tr.subtotal td .price sup,
		table.cart tr.total td .price sup{ 
			vertical-align:baseline; 
			font-size:1em;
			margin-left:1px;
		}
		table.cart tr.subtotal td.info .label,
		table.cart tr.subtotal td.info .label strong{ 
			
			font-weight:normal;
			
			text-align:center;
			margin-top:10px;
			
			color:#111;
		}
		table.cart tr.subtotal td.info .more {
			margin:0 0 2px; 
			text-align:center; 
			
		}
		table.cart tr.subtotal td{padding-top:5px;}
		div#body div.checkout table.cart tr.subtotal td.sub{ 
		}
		div#body div.checkout table.cart tr.subtotal td.sub li.total{ 
			border-bottom:1px solid #111; 
			padding-bottom:5px;
		}
		
		table.basic tr td.value{ padding-top:0;}
		div.checkout p.submit{}
		table.cart tr.subtotal td .price,
		table.cart tr.subtotal td .price strong{
			font-weight:normal;
			
			
			text-align:center;
		}
		table.cart tr.total td.info .label{ padding-top:2px;}
		table.cart tr.total td{ vertical-align:top;}
		table.cart tr.total td .price{ 
			font-size:1.1em;
				
		}
		table.cart tr td.quantity select{
			background:#e1e1e1; 
			 
			border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
		}
		
		div.checkout table.cart tr.total td{ 
			padding-top:20px; 
			padding-bottom:15px;
		}
		div.checkout form div.fieldgroup ul.two-column li{
			clear:none;
			float:left;
			width:321px;
		}
		
		div.checkout form div.fieldgroup ul.two-column li.column{
			margin-bottom:33px; 
			border:1px solid #111; 
			padding:5px;
		}
			div.checkout form div.fieldgroup ul.two-column li.column h3{
				overflow:hidden;
			}
			div.checkout form div.fieldgroup ul.two-column li.column:first-child{margin-right:9px;}
			div.checkout form div.fieldgroup ul.two-column p.key{ 
				font-weight:bold; 
				color:#111; 
			}
			div.checkout form div.fieldgroup ul.two-column strong.key{ font-weight:normal;}
			div.checkout form div.fieldgroup ul.two-column h5{
				font-weight:normal; 
				margin-bottom:0;
			}
			
			div.checkout form fieldset{ margin:0;}
			div.checkout hr.show{
				display:block;
				margin-bottom:13px;	
			}
		
		
		div#body div.stock ul li{ 
			float:none; 
			overflow:hidden;
		}
		
		div#body div.stock ul li ul li{ 
			float:left; clear:none; 
			margin-right:10px;
			padding-top:3px;
		}
			div#body div.stock ul li ul li p{color:#111;}
		div#body div.stock ul li h4{
			
			color:#111;
			margin-right:5px;
		}
		
		
		
		/* wishlist */
		div.checkout form.cart.wishlist ol li label {
			clear:none;
			float:left;
			font-weight:normal;
			padding:4px 20px;
			text-align:right;
			width:20%;
			display:block;
		}
		
		div.checkout form.cart.wishlist ol li{
			margin-bottom:5px;
		overflow:hidden;
		}
		
		div.checkout form.cart.wishlist input, 
		div.checkout form.cart.wishlist select, 
		div.checkout form.cart.wishlist textarea, 
		div.checkout form.cart.wishlist ol li.checkbox.list .options {
			width:auto;
		}
		
		div.checkout form.cart.wishlist table.basic{ 
			border-top:1px solid; 
			margin-top:15px;
		}
		
		div.checkout form.cart.wishlist tr td.item{ width:296px;}
		
		div.checkout form.cart.wishlist td.info,
		div.checkout form.cart.wishlist td.value{ border:none;}
		div.checkout form.cart.wishlist input,
		div.checkout form.cart.wishlist select,
		div.checkout form.cart.wishlist textarea,
		div.checkout form.cart.wishlist span.info{ float:left;}
		div.checkout form.cart.wishlist span.info{ margin-left:5px;}
		
		div.checkout form.cart.wishlist p.note{ 
			text-transform:none;
			margin:0 auto;
		}
		div.checkout form.cart.wishlist p.note a{ color:#111;}
		
		div.checkout form.cart.wishlist input,
		div.checkout form.cart.wishlist select,
		div.checkout form.cart.wishlist textarea{ 
			background:#E1E1E1; 
			color:#444; 
			border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
		}
		div.checkout form.cart.wishlist ol li select{ width:159px;}
		
		div.checkout form.cart.wishlist p.submit{border-top:1px solid;}
		div.checkout form.cart.wishlist p.submit input{ float:right;}
		div.checkout form.cart.wishlist p.submit input.button{ 
			padding-top:5px; 
			background:none; 
			color:#111;
		}
		
		div.checkout form.cart.wishlist td.manage ul li a{ background:none;}
		div.checkout form.cart.wishlist td.manage ul li a:hover{ background:#666;}
		table.cart tr td.item div.info .id{ display:none;}
		
		/* REMOVE BEFORE INTERGRATION */
		div.checkout form.cart.wishlist p.error, 
		div.checkout form.cart.wishlist p.success, 
		div.checkout form.cart.wishlist p.notify{display:none;}
		
		table.cart tr td.details ul li .key{ color:#444; font-weight:bold;}
		table.cart tr td.details ul li .value { text-transform:none; font-size:.7em; font-weight:normal;}
		
		/*terms*/
		div#body div.terms{ width:580px; margin:0 auto;}
			div#body div.terms div.box{ 
				border-top:1px solid; 
				padding-top:20px; 
				padding-bottom:20px;
			}
			
			div#body div.terms div.box p{ 
				text-transform:none; 
				text-align:left; 
			}
			
			div#body div.terms div.box p a{ color:#444;}
			
			div#body div.terms h4{
				color:#111; margin-bottom:0; 
			}
			
		/* account */
		div#body div.account div.settings{ 
			margin:0 auto; 
			width:525px; 
			border-bottom:1px solid; 
			margin-bottom:15px;
		}
		div#body div.account div.settings fieldset{ margin-bottom:0;}
		div#body div.account h3{ color:#111; }
		div#body  ul.user-menu{ 
			display:block; 
			overflow:hidden; 
			margin:0 auto; 
			width:445px; 
			margin-bottom:40px;
		}
		div#body  ul.user-menu li{ 
			float:left; 
			clear:none; 
			margin-right:10px; 
			
		}
		
		div#body  ul.user-menu li a{
			color:#000000;
			text-decoration:none;
		}
		div#body div.account div.recent-orders table.basic{ 
			margin:0 auto; 
			padding-bottom:20px;
		}
		
		div#body div.account div.recent-orders table.basic td{ width:95px;}
		div#body div.account div.recent-orders table.basic td.manage ul li a{ 
			background:none; 
			
		}
		div#body div.account div.recent-orders table.basic td.manage ul li a:hover{ background:#666;}
		
		div#body  ul.user-menu li a:hover,
		div#body  ul.user-menu li.on a{ text-decoration:underline;}
		
		/* faq  */
		div#body div.faq{ width:830px; margin:30px auto; margin-bottom:0;}
		div#body div.faq div.menu{ width:230px; float:left; clear:none; text-align:left;}
		div#body div.faq div.menu a{ color:#999; text-decoration:none; outline:none;}
		div#body div.faq div.menu li.on ins,
		div#body div.faq div.menu li.on a,
			div#body div.faq div.menu a:hover{ color:#444; outline:none;}
		div#body div.faq div.content{ width:590px; float:right; clear:none; text-align:left;}
		div#body div.faq div.content  div{ margin-top:27px;}
		div#body div.faq div.content p{  color:#444; text-transform:none;  margin-bottom:5px;}
			div#body div.faq div.content p a{ color:#444;}
			div#body div.faq div.content h6{margin-bottom:5px; margin-top:10px;}
		
		div#body div.faq h3{
			color:#111111;
			font-weight:normal;
			margin-bottom:15px;
			border-bottom:1px solid;
			padding-bottom:15px;
		}
		
		div#body div.faq ol.jump-list{ 
			border-bottom:1px solid; 
			padding-bottom:20px;
		}
		
		div#body div.faq ol.jump-list li{
			text-align:left;
		}
		
		div#body div.faq ol.jump-list li a:hover{ color:#444; }
		div#body div.faq ol.jump-list li a{color:#111;}
		
		div#body div.faq ol.questions-and-answers{ 
			text-align:left; 
			padding-bottom:15px; 
		}
		
		div#body div.faq ol.questions-and-answers h4{ 
			text-transform:none; 
			 
			color:#111; 
			font-weight:normal;
		}
		
		div#body div.faq ol.questions-and-answers a{ color:#111;}
		div#body div.faq ol.questions-and-answers p{text-transform:none; }
		div#body div.faq ol.questions-and-answers ul li{ margin-left:30px;}
		
		



	/* overlay */
	div#overlay div#login-dialogue form label{ color:#000; font-family:"Times New Roman",Times,serif; font-weight:normal;}
	div#overlay div#login-dialogue form input{border:1px solid #999999;}
	div#overlay div#login-dialogue form input.button{ border:none; font-weight:bold;}
	div#overlay div#login-dialogue ol li{
		clear:none;
		display:block;
		float:left;
		margin-right:14px;
		width:220px;
	}
	
		/* ---------------------------------   modules    --------------------------------- */
		/* sidepanels */
		div.sidepanel{
			margin:0 0 15px 0;
			border-bottom:1px dotted #ccc;
		}
			div.sidepanel h4{
				color:#222; 
			}
		
		/* forms */
		form input, form select, form textarea{
			font:normal normal normal 1em/1.2em "Times New Roman", Times, serif; 
		}
		
		/* rte */
		body#editable{
			text-align:left; margin:0; padding:3px;
			font:normal normal normal 75%/1.2em "Times New Roman", Times, serif;
			background:#fff url("../../images/input-bg.png") repeat-x top left;
		}
			body#editable h1,
			body#editable h2,
			body#editable h3,
			body#editable h4,
			body#editable h5{display:none; visibility:hidden;}
			body#editable h6,
			body#editable p,
			body#editable div{font-family:"Times New Roman", Times, serif;}
			body#editable h6{}
		
		
		/* pagination */
		div.pagination{
			text-align:center;
		}
			div.pagination p{
				color:#ccc;
			}
				div.pagination p .current{color:#222;}
				div.pagination p a,
				div.pagination p span{padding:0 5px; text-decoration:none;}
					div.pagination p a:hover{text-decoration:underline;}
					
	
	/* added to cart pop up */
	div.dialogue-box{ 
		margin:100px auto; 
		background:#E8E8E8; 
		width:475px; opacity:1; 
		border-radius:0; -moz-border-radius:0; 
		-webkit-border-radius:0;
		border-color:#CCCCCC;
	}
	div.dialogue-box a,
	div.dialogue-box p,
	div.dialogue-box h4{ color:#000;}
	div#overlay div.background{  background:#fff;}
	div.dialogue-box .top-bar .title {
		text-align:center;
		width:455px;
		color:#000;
		
	}
	
	div.dialogue-box div.message ul{ display:none; margin-bottom:5px;}
	div.dialogue-box a{ text-decoration:none;}
	div.dialogue-box a:hover{ text-decoration:underline;}
	div.dialogue-box div.action ul{ float:right; clear:none;}
		div.dialogue-box div.action ul li{ float:right; clear:none; margin-right:5px;}
		div.dialogue-box div.action a{ text-transform:uppercase;}
		div.dialogue-box h4 { font-weight:normal;}
		div.dialogue-box div.action ul a{ border-left:1px solid; padding-left:5px;}

/* --------------------------------- look & feel  --------------------------------- */
/* typography */
h1, h2, h3, h4, h5, h6, p{
	margin:0 0 10px 0;
}

h1, h2, h3{font-size:1.5em; font-weight:normal; text-transform:uppercase;}
h4, 
h5,
form h3{
	font-size:1em; 
	font-weight:bold; 
	text-transform:uppercase;
}
h6{font-size:1em;}
p{font-size:1em;}

/* lists */
ul{margin:0 0 10px 0;}
	ul li{list-style-type:none; margin:0;}
ol{margin:0 0 10px 0;}
	ol li{list-style-type:decimal;}
dl{margin:0 0 10px 0;}
	dl li{list-style-type:square;}

/* links */
a, a:visited{color:#333; text-decoration:none;}
a:hover, a:active{color:#333; text-decoration:underline;}

/* manage list */
ul.manage{
	display:block; float:none; clear:both; overflow:hidden; 
	margin:0 auto 10px auto; padding:1px;
}
	ul.manage li{
		display:block; float:left; clear:none; overflow:hidden; 
		margin:0; padding:0;
	}
		ul.manage li a,
		ul.manage li ins{
			display:block; float:none; clear:both; overflow:hidden;
			text-decoration:none; color:#444; 
			
			border:1px solid #888;
			border-left:0px none;
			
			margin:0; padding:3px 8px; 
			background:#fafafa;
		}
		ul.manage li:first-child a{
			border-left:1px solid #888;
 		  border-radius-topleft:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;
			border-radius-bottomleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
		}
		ul.manage li:last-child a{
 		  border-radius-topright:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
			border-radius-bottomright:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
		}
		
		ul.manage li a:visited{color:#444;}/*
______________________________________________________________________________________
Layout CSS for www.PatrikErvell.com
Version 2.0 / 25.10.08
(c) 2008
-
Contains style definitions which structure the layout of the site and outlines the 
site's information architecture.
-

*/

body{
	
}

/* --------------------------------- architecture --------------------------------- */

	/* header */
	div#header{
		position:fixed; 
		z-index:10; 
		bottom:50px;
		width:100%;
	}
		div#header div.header-contents{
			width:840px;
			margin:15px auto 0; 
		}
	
	/* body */
	div#body{
		margin:20px 0 100px;
	}
		div#column-left{
			float:left; clear:none;
			width:25%; margin:0 10px 0 0;
		}
		div#column-center{
			float:left; clear:none;
			width:70%; 
		}
		div#column-right{
			float:left; clear:none;
			width:25%; margin:0 0 0 10px;
		}
		
		div#body div.error{
			margin:0 auto;
			width:700px;	
		}
	
	/* footer */
	div#footer {
		position:fixed; z-index:10; bottom:0;
		width:100%; height:50px;
	}
		div#footer div.footer-contents{
			width:840px;
			margin:10px auto 0; 
			padding:0;
		}
	
/* landing */
div#body ul.landing {width:1000px; margin:0 auto;}
	div#body ul.landing li{
		width:100px; 
		float:left; 
		clear:none;
		margin-bottom:10px;
		margin-right:10px;
		height:220px;
		width:110px;
	}
	
/* shop & collection */
div.browse ul li.section {
	position:relative; 
	width:1000px; 
	margin:0 auto;
}
	div.browse ul li.section div.slider {
		position:static; 
		width:1000px; 
		margin-bottom:10px;
	}
		div.browse ul li.section div.slider ul{
			width:1000px; 
			margin:0 auto;
		}
			div.browse ul li.section div.slider ul li {
				float:left; 
				clear:none; 
				width:200px; 
				margin:0;
			}
			
				div.browse ul li.section div.slider ul li.product-item p a img {
					width:200px; 
					height:400px;
				}
				div.browse ul li.section div.slider ul li.collection-item p a img {height:391px;}
			div.browse ul li.section div.slider p.slider-controls {
				position:absolute; z-index:10;
				top:45%; right:0;
			}
				div.browse ul li.section div.slider p.slider-controls a {
					display:block;
					float:right; clear:both;
				}
				
				div.checkout{ text-align:center;}
				div.checkout ul.two-column ul.key-value{ overflow:hidden; }

/* shop */
div#product-info {
	position:absolute;
	top:0;
}
	div#product-info-slider {
		width:700px; 
		height:400px;
		position:relative;
		overflow:visible;
	}
		div.product-item div.left {
			width:380px; 
			clear:none;
		}
			div.product-item div.left div.gallery {
				float:left; 
				width:100%;
			}
				div.product-item .gallery .full {
					width:300px; 
					height:400px; 
					z-index:1;
				}
					div.product-item .gallery .full .container {
						width:300px; 
						height:400px;
					}
						div.product-item .gallery .full.draggable .image {
							width:768px; 
							height:1024px;
						}
				div.product-item div.left div.gallery .product.zoomable {
					width:300px; 
					height:400px; 
					float:left;
					margin:0 0 10px 0;
				}
				
				div.product-item div.left div.gallery ul.views {
					float:left; 
					clear:none; 
					margin:0 0 0 10px;
				}
					div.product-item .views li {
						float:left; 
						clear:both; 
						margin:20px 0 0;
					}
		div.product-item div.right {
			width:280px; 
			margin-top:25px; 
			padding-right:1%; 
			clear:none;
		}
		
			div.product-item div.right div.name{ float:left; clear:none;}
			div.product-item div.right div.price p{margin-bottom:0;}
			div.product-item div.right div.price{ float:right; clear:none;}
		
	div.product-item.expanded{
		margin:0 auto;
	}
				
/* blog */
div.blog div.blog-item {
	margin: 0 0 40px 0;
}
	div.blog div.blog-item div.heading {
		overflow:hidden;
		width:450px;
		margin:0 auto 10px;
	}
		div.blog div.blog-item div.heading h4.title {
			float:right; clear:none;
			width:250px; margin:0;
		}
		div.blog div.blog-item div.heading h5 {
			float:left; clear:none;
			width:175px;
			margin:0 10px 0 0; 
			padding:4px 10px 4px 0; 
			border-right:1px solid #000;
		}
			div.blog div.blog-item div.heading h5 strong.author {display:none;}
		div.blog div.blog-item div.heading div.options {clear:both; padding:5px 0 0;}
			div.blog div.blog-item div.heading div.options ul {margin:0;}
			
			
/* share */
div.share{ position:absolute; top:10px; width:700px;}

/* ---------------------------------   modules    --------------------------------- */
/* blog */
div.blog{
  margin:0 auto;
  width:780px;
}

div.checkout-one{
	margin:0 auto; 
	width:645px;
}

div.customer-info{margin:0 auto; width:780px;}

div#body div.signup, 
div#body div.login, 
div#body div.continue,
div#body div.customer-info form div.fieldgroup{
	clear:none;
	float:left;
	margin-right:25px;
	width:235px;
}
div#body div.login{ width:305px; margin-right:40px;}
div#body div.continue{ width:300px; margin-right:0;}
div#body div.continue p.options{ float:right;}
div#body div.continue a{ display:block; text-transform:uppercase; margin-bottom:5px;}
div#body div.login label{float:left; clear:none; margin-right:10px; width:100px;}
div#body div.login label.option,
div#body div.login label.option input{ margin-right:5px; width:auto;}
div#body div.login li.checkbox label{ float:right;}
div#body div.login input{ float:left; clear:none; width:180px;}
div#body div.login form fieldset ol.two-column li{ width:100%;}
div#body div.login p.submit input{ float:right; width:auto;}

div#body div.stock{ 
	width:730px; 
	margin:0 auto;
	text-align:center;
}

/* ---------------------------------     cms      --------------------------------- */
#cms div#container{
	width:auto; 
	margin:0; padding:15px; border:0px none;
}

/* ---------------------------------   Safari bugs ---------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0)

{
	
	div.checkout form.cart.wishlist ol li select {
		width:150px;
	}
	
	div#body div.account ul.user-menu{
		width:450px;
	}
	
	div.checkout form p.submit input.button{ margin-left:4px;}
	
	div#footer ul.submenu li.plot a{ text-indent:-999px;}
	
	form ol li.inline input#billing_zip_code,
	form ol li.inline input#shipping_zip_code{ float:left; clear:none;}
	
	ul.product-menu{ width:355px;}
	div#footer ul.submenu.one{ width:257px;}
	div.checkout div.shopping-bag table.cart tr td.manage a.save-for-later{ text-align:left; width:150px; }
}