 
/*
______________________________________________________________________________________
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:1em; 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:15px; height:15px; 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:15px; height:15px; margin:0; padding:5px 0;
			font-size:1em; 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; 
	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{
		
			/* **************** */
			/* ** W EDITS **** */
			/*
			margin:0 auto;
			overflow:hidden;
			width:440px;
			font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
			font-size:1em;
			letter-spacing:0.1em;
			text-transform:uppercase;
			text-align: center;
			*/
			
			margin:0 auto;
			overflow:hidden;
			width:650px;
			font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
			font-size:1em;
			/*letter-spacing:0.1em;*/
			text-transform:uppercase;
			text-align: left;
			
			/* ****************** */
			
		}
			div#header ul.menu li{
				float:left; clear:none;
				margin:0;
			}
			
			
				/* ************************ */
				/* ********* W EDITS ****** */
				/*
				div#header ul.menu li.collection {width:115px;}
				div#header ul.menu li.blog {width:42px;}
				div#header ul.menu li.stock {width:85px;}
				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.collection {width:115px;}
				div#header ul.menu li.blog {width:47px;}
				div#header ul.menu li.stock {width:95px;}
				div#header ul.menu li.contact {width:85px;}
				div#header ul.menu li.shop { width:60px;}
				div#header ul.menu li.mens-shop { width:100px;}
				div#header ul.menu li.womens-shop { width:115px;}
				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; 
		/*****W****/
		font-family:"Arial Narrow",Helvetica,Arial,sans-serif; 
		/*********/
		font-weight:normal;
	}
	
	ul.product-menu{
		/*
		overflow:hidden; 
		margin:0 auto; 
		/**width:365px;**/ 
		/*
		width: 490px;
		margin-bottom:30px;
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
		font-size:0.9em; letter-spacing:0.15em;
		text-transform:uppercase;
		*/
		
		/* *** W EDITS *** */
		overflow:hidden; 
		margin:0 auto; 
		/*width:365px;*/ 
		width: 507px;
		margin-bottom:30px;
		font-family:"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:0.9em; letter-spacing:0.15em;
		text-transform:uppercase;
		padding-left: 20px;
		/* ************** */
	}
	
	ul.product-menu li{ 
		float:left; 
		clear:none; 
		margin-right:20px;
	}
		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;}
	
	/*   William Addition: line up landing page category titles
	*/
	
	ul.product-menu-landing-wide{
		padding: 0 0 0 0;
		overflow:hidden; 
		margin:0 auto; 
		/*width:365px;*/ 
		width: 1050px;
		margin-bottom:30px;
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
		font-size:0.9em; letter-spacing:0.15em;
		text-transform:uppercase;
		text-align: center;
	}
	
	ul.product-menu-landing-wide li{ 
		/* ***W EDITS**** */
		/*
		float:left; 
		clear:none; 
		margin-right:0px;
		width:200px;
		*/
		
		float:left; 
		clear:none; 
		margin-right:0px;
		width:150px; /* plot addition: see below */
		
		/* ************* */
	}
	
	div.browse ul li.section div.slider ul.newlanding li.product-item{
	  width:150px;
	}
    #body div.browse ul li.section div.slider ul li.product-item p.product a img{
      width:225px; height: 300px;
    }

	
	/*
	   pLot modification: 
		 William missed one category for Suiting, so obviously the li's do not match up.
	   There is also no obvious need to be specific if all of the li's widths are 200px (completely redundant).
		 Additionally, these li classes do not provided any context - any li with the given class will end up with these unwanted styles.
		 Feel free to remove.
	*/
	
	/*
		li.Shirting {
		width: 200px;
		}
		
		li.Knitwear {
		width: 200px;
		}
		
		li.Pants {
		width: 200px;
		}
		
		li.Blazers {
		width: 200px;
		}
		
		li.Outerwear {
		width: 200px;
		}
		
		li.Accessories {
		width: 200px;
		}
		
	*/
	  
	
		
		ul.product-menu-landing-wide li a{text-decoration:none; color:#000;}
		ul.product-menu-landing-wide li.on a,
		ul.product-menu-landing-wide li a:hover{ text-decoration:underline;}
	
		/* **** W ADDITION *** */
		
		div.product-name-list {
		font-family:"Arial Narrow", Helvetica, Arial, sans-serif;
		font-size:0.9em; letter-spacing:0.15em;
		text-transform:uppercase;
		text-align: center;
		padding: 0 40px 0 40px;
		margin-top: -5px;
		}
		
		/* ******************* */
	
	
	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 {
			/* **** W EDITS *** */
			/*
			overflow:visible; 
			margin:0 auto; 
			width:276px;
			font-size:0.8em;
			*/
			
			overflow:visible; 
			margin:0 auto; 
			width:255px;
			font-size:0.75em;
			
			/* ***************** */
		}
		
		div#footer ul.submenu.one {
			/* ***** W EDITS ****** */
			/*
			width:276px;
			margin-bottom:12px; 
			overflow:hidden;
			font-size:0.9em;
			*/
			
			width:260px;
			margin-bottom:-3px; 
			overflow:hidden;
			font-size:0.75em;
			
			/* ******************* */
		}
			div#footer ul.submenu li {
				/* **** W EDITS *** */
				/*
				float:left; clear:none;	
				margin:0 10px 0 0;
				*/
				
				float:left; clear:none;	
				margin:0 5px 0 5px;
				
				/* **************** */
			}
				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.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 */
/* *** W EDIT ** */
/*
div.collection.listing{ margin:0 auto; width:735px;}
*/
div.collection.listing{ margin:0 auto; width:760px;}
/* ************ */
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; 
			/* ** W EDIT ** *
			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; 
		/* *** W EDIT ** */
		/*
		width:680px; 
		*/
		width:765px; 
		/* ************* */
		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;
			}
			
			li.collectionvid{
			width: 425px;
			height: 245px;
			float: left;
			}
			
/* 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;}
	
	div.product-item .gallery span#full-image{
		background-repeat:no-repeat; background-position:center center; 
		background-size: 100%;
		-o-background-size: 100%; 
		-webkit-background-size: 100%;
		-khtml-background-size: 100%;
		-moz-background-size: 100%;
	}
	
	/* product: views */
	
	/* ******* W ADDITION ******* */
	div.product-item.views li{
	border: 1px solid #CCCCCC;
	}
	/* *************************** */
	
	div.product-item .views li a {
		/*** W EDITS ***/
		/*
		width:60px; 
		height:80px; 
		border:0 none; 
		opacity:0.5; 
		alpha(opacity = 50); 
		outline:none;
		*/
		
		width:52px; 
		height:70px;
		overflow: hidden;
		/*border:1 solid;*/
		opacity:0.5; 
		alpha(opacity = 50); 
		outline:none;
		border:none;
		
		
		/* ************* */
	}
	div.product-item .views li a:hover,
	div.product-item .views li.on a,
	div.product-item .views li.on ins {
		/* ***** W EDITS***** */
		/*
		width:60px; 
		height:80px; 
		border:0 none; 
		opacity:1; 
		alpha(opacity = 100);
		*/
		width:52px; 
		height:70px; 
		border:none;
		overflow: hidden;
		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 {
			/**** W EDITS ****/
			/*
			margin:0; 
			height:auto; 
			width:60px;
			*/
			
			margin:0; 
			height:auto; 
			width:52px;
			border:none;
			
			/* *************** */
		}
		
		
		/* ** W ADDITION ** */
		/*div.product.listing ul.views, div.product.listing ul.colours{
		margin-bottom:5px;
		}*/
		
		div.product-item .views{
		margin-bottom: 5px;
		}
		
		/* ***************** */
	
	
	/* *** W ADDITION *** */
	div.measurements {
	font-family:"Arial Narrow",Helvetica,Arial,sans-serif;
	font-size:1em;
	margin-bottom:20px;
	padding-top:15px;
	text-transform:uppercase;
	}
	/* ******************* */
	
	
		
	/* product: colours */
	
	


	
	
	div.product-item .colours li{
		/* *** W EDITS **** */
		/*
		display:block; 
		float:left;
		/*float: none;*//*
		clear:none; 
		overflow:hidden;
		margin:0 5px 0 0;
		*/
		
		display:block; 
		float:left;
		/*float: none;*/
		clear:none; 
		overflow:hidden;
		margin:0 2px 5px 0;
		height: 70;
		width: 52;
		border: 1px solid #CCCCCC;
		
		/* ******************* */
	}
	div.product-item .colours li a {
		display:block; 
		float:none; 
		clear:both; 
		overflow:hidden;
		/*** W EDITS ***/
		/*
		width:35px; height:35px; 
		*/
		width:52px; height:70px; 
		/* *************** */
		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 {/*W EDIT*margin:-22.5px 0 0 -12.5px;*/}
	
	div.product-item div.price {}
		div.product-item div.price p {
			margin-bottom:7px;
			/* ** W ADDITION ** */
			font-family: "Arial Narrow",Helvetica,Arial,sans-serif;
			font-size: 1.1em;
			float: left;
			clear: none;
			margin-right: 10px;
			/* *************** */
		}
		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: left;
		/* ***W EDIT*** */
		/*
		font-family:"Helvetica Condensed", Helvetica, serif;
		*/
		font-family: "Times New Roman", Times, serif;
		/* *********** */

		color:#333;
	}
	
	div.product-item div.info{ 
		padding-top:10px;
		/*W EDIT * border-top:1px solid #000000; */
		

	}
		div.product-item div.info p,
		div.share div.info p {
			text-transform:none; 
			 
			margin-bottom:3px;
		}
		
		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{ 
		 /* W EDIT * border:2px solid #888888; */
		 padding:0;
		}
		
	div.product-item div.selection {width:100%; /*W ADD*/margin-top:10px;/**/}
		div.product-item div.selection legend {display:none;}
		div.product-item div.selection div.fieldgroup fieldset {
			margin:0; 
			/* W EDIT * 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:1em;
				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;
						/* W EDIT * background:#e8e8e8; */
						width:145px;
						float:left;
						clear:none;
						/** W EDIT **/
						/*
						text-align:center;
						*/
						text-align: left;
						/* ********** */
						padding:4px 0;
						color:#000; font-weight:normal;
						text-decoration:none; text-transform:uppercase;
						/* ** W ADD ** */
						font-size: 1em;
						/* ************ */

					}		
					
					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;}
						
						
		/* ** W ADD *** */
			div.product-item div.selection div.options{
			margin-top:14px;
			padding-left:67px;
			text-align:left;
			border-top:1px solid #CCCCCC;
			}
		/* ************* */
			
		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 {
			/* ** W EDITS *** */
			/*
			float:right;
			clear:none;
			*/
			
			float:left; 
			clear:none;
			margin-right: 45px;
			/* ******************* */
			}
			
			
			
			
			
				div.product-item div.selection div.options ul li a,
				div.product-item div.selection div.options ul li span {
					display:block;
					color:#000; text-decoration:none;
					
					margin:5px 0; 
					/*  W EDIT ** padding:2px 35px; */
					outline:none;
				}
				div.product-item div.selection div.options ul li span{cursor:default; color:#999;}
				
			/* ** W ADDITION** */
			div.product-item div.selection div.options ul li a:hover {
			text-decoration: underline;
			}
			/* ************** */
			
			
			div.product-item div.selection div.options ul li a.share-content {
				/* W EDIT * order-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:900px;*/ 
	margin:0 auto;
}
div.browse ul li#section-landing{
  width:1050px;
}
	div.browse ul li.section div.slider {
		position:static; 
		/*width:900px;*/ 
		margin-bottom:10px;
	}
		div.browse ul li.section div.slider ul{
			width:900px; 
			margin:0 auto;
		}
			div.browse ul li.section div.slider ul li {
				float:left; 
				clear:none; 
				/*width:200px;*/ 
				width:150px; 
				margin:0;
			}
				
				div.browse ul li.section div.slider ul li p.product a{
					
				}
				div.browse ul li.section div.slider ul li.product-item p a img {
					/* **W CHANGE** */
					
					/*
					width:300px; 
					height:400px;
					margin-left:-50px;
					
				
					width:200px; 
					height:400px;
					*/
					
					/* *********** */
					
					/* 
					  PLOT modification: ??? I dont understand what this accomplished. It just makes things look messed up on non-flash devices
					  Now Paul would like the images not look stretched, and Im reverting this back.
						PLEASE DO NOT MODIFY CSS UNLESS NECESSARY.  
					*/
					width:300px; 
					height:400px;
					margin-left:-50px;
					
				}
				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 */

/*w */
.gallerycontainer{
	width: 450px;
	}


div#product-info {
	position:absolute;
	top:0;
}
	div#product-info-slider {
		width:730px;
		/*width: 850px;*/
		height:440px;
		position:relative;
		overflow:visible;
	}
		div.product-item div.left {
			width:410px; 
			clear:none;
		}
			div.product-item div.left div.gallery {
				float:left; 
				width:100%;
			}
				div.product-item .gallery .full {
					width:330px; 
					height:440px; 
					z-index:1;
				}
					div.product-item .gallery .full .container {
						width:330px; 
						height:440px;
					}
						div.product-item .gallery .full.draggable .image {
							width:1200px; 
							height:1600px;
						}
				div.product-item div.left div.gallery .product.zoomable {
					width:330px; 
					height:440px; 
					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 {
					/* *************** */
					/* ****W EDITS *** */
						/*
						float:left; 
						clear:both; 
						margin:20px 0 0;
						*/
						
						
						float:left; 
						/*clear:both;*/ 
						margin:15px 2px 0 0;
						height: 70px;
						width: 52px;
						overflow: hidden;
						border: 1px solid #CCCCCC;
						
					/* *************** */					
					}
					
							
				div.product-item div.right {
				/* *************** */
				/* ****W EDITS *** */
				/*
					width:280px; 
					margin-top:25px; 
					padding-right:1%; 
					clear:none;
				*/
				
					width:280px; 
					margin-top:10px; 
					padding-right:1%; 
					clear:none;
					float:left;
				/* *************** */
				}
		
			div.product-item div.right div.name{ float:left; clear:none;}
			div.product-item div.right div.price p{margin-bottom:0;}
			
			/* *************** */
			/* ****W EDITS *** */
			/*
			div.product-item div.right div.price{ float:right; clear:none;}
			*/
			div.product-item div.right div.price{ float:left; margin-top: -10px;}
		
	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; text-align:right;}
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:515px;}
	div#footer ul.submenu.one{ width:290px;}*/
	div.checkout div.shopping-bag table.cart tr td.manage a.save-for-later{ text-align:left; width:150px; }
}

