@import "grid.css?97581252";
@import "menus.css?97581252";
@import "forms.css?97581252";
@import "tables.css?97581252";


html {
	background-color: #F3F3F3 !important;
}

body {
	height: 100%;
	font-family: arial, verdana, sans-serif;
	color: #333;
	background: #F3F3F3;
}

img {
	max-width: 100%;
	height: auto;
}

/* Typography 
................................................. */

/* overrides defaults from tripoli */
.content h1 { 
}

	.content h1.em {
		font-size: 1em;
		margin: 1em 0 1em;
		padding: 10px;
		font-style: italic;
		background: #efefef;
	} 
	
.content h2 { 
	font-size: 1.3em; 
	letter-spacing: -.05em;
}

.content h3 { 
	font-size: 1.2em; 
}
	.content h3 a.edit { 
		float: right;
		margin-left: 10px;
		font-size: 11px; 
		font-weight: normal;
	}
	.content h3 a.order { 
		display: inline-block;
		padding-left: 20px;
		background: url(/images/icons/edit-order.gif) 0 50% no-repeat;
	}

.content h4 { 
	font-size: 1em; 
}

.content h5 { 
	margin: 1.33em 0 .2em; 
	font-size: .9em; 
}


/* link colors - overrides defaults from tripoli */
.content a:link { text-decoration: underline; color: #43A1D4; }
.content a:visited { text-decoration: underline; color: #43A1D4; }
.content a:hover { text-decoration: underline; color: #007bcf; }
.content a:active, .content a:focus { text-decoration: underline; color: #43A1D4; }

.content a.back {
	margin-bottom: 1em;
}

.content { 
	font-size: 1.2em;
}

div#content div.content {
	line-height: 1.8em;
}
.date {
	color: #666;
	font-size: 0.8em;
	text-transform: uppercase;
}

.name {
	color: #666;
	font-size: 0.85em;
	line-height: 1.3em;
}

ul.meta {
	list-style: none;
	margin: .3em 0 !important;
	font-size: 0.9em;
	color: #959595;
	line-height: 1.5em;
}

.content b {
	font-weight: bold;
}

/* User messages */
.notice {
	margin: 0 0 1.5em 0;
	padding: .6em 1em .7em 3em;
	border: 1px solid #aee756;
	color: #56683f;
	background: #effbde url(/images/msg-boxes/notice-bg.png) 0 0 no-repeat;
}
	.notice > h3 {
		font-size: 1em;
		margin: .5em 0;
	}

	.notice > .close {
		color: #99b179 !important;
	}
	.notice > .close:hover {
		color: #56683f !important;
	}



/* Error explanation*/
.errorExplanation {
	margin: 0 0 1.5em;
	padding: 1em 1em 0;
	background: #fff;
	border: 1px solid #d4d4d4;
	background: #fff;
	color:#000000;
}
	.errorExplanation h2 {
		margin: -.8em -.85em .5em -.80em;
		padding: .5em .7em;
		color: #b31a0e;
		font-size: 1.2em;
		background: #f2f2f2 url(/images/boxes/errorbox-bg.png) 0 0 repeat-x;
		text-transform: none;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	.errorExplanation p {
		margin: 1.3em 0 .7em;
		font-weight: bold;
	}

div.content div.error {
	margin: 0 0 1.5em 0;
	padding: .6em 1em .7em 3em;
	color: #b7381b;
	border: 1px solid #f1ce92;
	background: #fffbd9 url(/images/msg-boxes/error-bg.png) 0 0 no-repeat;
}
	div.content div.error ul {
		margin: 1em 1em .5em;
	}

div.content div.info {
	margin: 0 0 1.5em 0;
	padding: .6em 1em .7em 3em;
	border: 1px solid #97c9e2;
	color: #345b6e;
	background: #e6f2fa url(/images/msg-boxes/info-bg.png) 0 0 no-repeat;
	border-width: 1px;
}

div.content .broadcasts {
	margin: 2em 0 !important;
	background-image: url(/images/msg-boxes/notice-broadcast-bg.png);
}
	div.content .broadcasts > h3 {
		margin: 0.5em 0 0.8em !important;
		font-size: 1.6em !important;
	}

	div.content .broadcasts > p {
		font-size: 1.1em;
	}

.close {
	float: right;
	padding: 5px;
	text-decoration: none !important;
	font-size: 2em;	
	cursor: pointer;
}


.info,
.notice,
.error,
.broadcasts,
.errorExplanation {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


div.content div.error h3,
div.content div.info h3,
div.content div.notice h3 {
	font-size: 1em;
	margin: .5em 0;
}





/* Layout containers 
................................................. */

div#wrap {
	min-width: 925px;
}

	div#wrap div#header-wrap {
		height: 8em;
		background: #303030;
		border-bottom: 5px solid #cbcbcb;
	}
	
	body.extended div#wrap div#header-wrap {
		height: 9em;
	}

		div#wrap div#header-wrap div#header {
			position: relative;
			z-index: 90;
			height: 8em;
			/*width: 95.5em;*/
			max-width: 1170px;
			min-width: 925px;
			margin: 0 auto;
		}
		
		body.extended div#wrap div#header-wrap div#header {
			height: 9em;
		}
		
		/* Session info */
		div#wrap div#header div.session-info {
			position: absolute;
			z-index: 1000;
			top: 5px;
			right: 4.5em;
			font-size: 0.9em;
		}
		
			div#wrap div#header div.session-info ul {
				overflow: auto;

			}
				div#wrap div#header div.session-info ul li {
					float: left;
					line-height: 1.4em;
					font-size: 1em;
					color: #fff;
				}

				div#wrap div#header div.session-info ul li.company {
					padding: 3px 1em 3px 0;
				}

				/* Dealer dropdown */
				div#header div.session div.container {}
				
					div#header div.session-info a.toggle {
						display: block;
						float: left;
						padding: 0 2.2em 0 1em;
						cursor: pointer;
						background: transparent url(/images/tables/download-pdf-arrow.png) 95% 40% no-repeat;
						color: #fff;
						text-decoration: none;
					}
				
					div#header div.session-info div.list {
						position: absolute;
						top: 3px;
						left: 0;
						z-index: 900;
					}
				
						div#header div.session-info div.list span.title {
							display: block;
							cursor: pointer;
							float: left;
							height: 20px;
							padding: .2em 2.2em 0 1em;
							background: #fff url(/images/tables/download-pdf-arrow.png) 95% 30% no-repeat;
							color: #333;
							border: 1px solid #adadad;
							border-bottom: 0;
							cursor: pointer;
						}

						div#header div.session-info div.list ul {
							clear: both;
							max-height: 450px;
							max-width: 350px;
							margin: -5px 0 0 !important;
							padding: .5em 0;
							background: #fff;
							border: 1px solid #adadad;
							border-top: 0;
							-moz-box-shadow: 5px 5px 20px -2px rgba(0, 0, 0, .3);
							-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, .3);
							box-shadow: 5px 5px 20px rgba(0, 0, 0, .3);
						}
						
						

							div#header div.session-info div.list li {
								float: none !important;
								list-style: none;
							}

								div#header div.session-info div.list li a {
									display: block;
									cursor: pointer;
									color: #333;
									text-decoration: none;
									line-height: 1.2em;
									padding: 4px 1em 7px;
									font-weight: bold;
									border-top: 1px dotted #dedede;
								}

									div#header div.session-info div.list li:first-child a {
										border-top: 0;
									}


									div#header div.session-info div.list li a:hover {
										background-color: #ebf7ff;
									}

									div#header div.session-info div.list li a span.id {
										display: block;
										font-size: 0.8em;
										font-weight: normal;
										color: #666;
									}



				div#header div.session-info ul li.user {
					padding: 3px 20px 3px .7em;
				}

					div#header div.session-info ul li.user a,
					div#header div.session-info ul li.signout a {
						text-decoration: none;
						color: #fff;
					}
					
						div#header div.session-info ul li a.toggle:hover,
						div#header div.session-info ul li.user a:hover,
						div#header div.session-info ul li.signout a:hover {
							text-decoration: underline;
						}
				
					div#header div.session-info ul li.user b {
						display: inline-block;
						margin-right: 3px;
						font-weight: normal;
						color: #aaa;
					}

				div#wrap div#header div.session-info ul li.signout a {
					display: block;
					margin: 3px 20px 0 0;
				}
				
				div#wrap div#header div.session-info ul li.help a {
					display: block;
					width: 45px;
					height: 16px;
					margin-top: 3px;
					background: transparent url(../images/buttons/help.png) 0 0 no-repeat;
				}
				
					div#wrap div#header div.session-info ul li.help a span {
						display: none;
					}



	/* Stage */
	div#wrap div#stage {
		margin: -5px auto 0;
		/*width: 95.5em;*/
		max-width: 1170px;
		min-width: 925px;
		background: transparent url(/images/stage-bg.png) 100% 0 repeat-y;
	}

			div#stage div#scene  {
				margin: 0;
				padding: 0;
			}
			
			div#stage div#page  {
				margin: 0 15px;
				overflow: auto;
				background: #fff url(/images/menus/mainmenu/line.png) 204px 0 repeat-y;

			}
				div#stage div#scene div#content  {
					overflow: auto;
					min-height: 35em;
					padding: 1em 2.5em 2.5em 2.5em;
				}

			div#sidebar {
				float: left;
				width: 205px;
			}	

				div#stage #sidebar div.box {
					margin: 0 0 3em;
				}	

					div#scene #sidebar div.contact p,
					div#scene #sidebar div.sponsors p {
						font-size: 0.9em;
					}	


		/* footer */
		div#footer {
			clear: both;
			position: relative;
			margin: 0;
			padding: 0 15px;
			color: #999;
		}
			div#footer .content {
				min-height: 80px;
				padding: 2em 30px 1.5em;
				border-top: 1px solid #e8e8e8;
				background: #fff;
			}

			div#footer div.branding {
				float: left;
				width: 130px;
			}

			div#footer div.legal {
				float: right;
				margin-top: 0;
				text-align: right;
			}
			



/* Content elements..................................................... */

/* Tooltip text */
a.tooltip {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	background: transparent url(/images/icons/help.png) 0 0 no-repeat;
}

div.quickhelp {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	background: transparent url(/images/icons/help.png) 0 0 no-repeat;
}
	div.quickhelp * {
		display: none;
	}
	

div.pagination {
	overflow: auto;
}
	
	div.pagination ul {
		float: right;
		list-style: none;
	}

		div.pagination ul li {
			display: -moz-inline-box;
			display: inline-block;
			margin-left: 3px;
		}

		div.pagination ul li.caption {
			border: 0;
		}

		#page div.pagination ul li a {
			display: -moz-inline-box;
			display: inline-block;
			padding: .1em .5em;
			border: 1px solid #d3d3d3;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;

			text-decoration: none;
			color: #888;
		}
			#page div.pagination ul li a:hover {
				border-color: #bbb;
				background: #bbb;
				color: #fff;
			}

		/* selected */	
		div#page div.pagination ul li.selected {
			font-weight: bold;
		}
			#page div.pagination ul li.selected a {
				color: #777;
				background: #43A1D4;
				font-weight: bold;
				color: #fff;
				border-color: #43A1D4;
			}


	
		div#page div.pagination ul li.disabled,
		div#page div.pagination ul li.disabled a {
			border: 0;
			color: #aaa;
			background: #fff;
		}

		.pagination .next {
			border: 0;
		}

	
/* File upload */
div.upload {
	float: right;
}

	div.upload div.upload-file {
		text-align: right;
	}

	div.upload fieldset.file-container {
		margin: 0;
		padding: .5em 0 0;
		background: #ebf7ff;
		border: 1px solid #b4d1e5;
		text-align: center;
	}
		div.upload fieldset legend {
			margin-left: .7em;
			text-align: left;
		}
	
	div.upload div.info {
		margin-top: 1em;
	}

	div.upload ul {
		margin: 0;
		text-align: left;
		list-style: none;
	}
	
	div.upload ul li {
		padding: 1em 0 .5em;
		border-top: 1px dashed #b1d0e6;
	}
	div.upload ul li:first-child {
		border: 0;
		padding-top: 0;
	}

	div.upload div.picture-wrap {
		width: 200px;
		margin: 0 auto 1em;
	}
		div.upload div.picture-wrap img {
			display: block;
		}
	
		div.upload div.options a.delete {
			float: right;
			padding-left: 10px;
			color: #527495;
			font-size: 11px;
			background: url(/images/icons/delete-image.gif) 0 50% no-repeat;
			text-decoration: none;
		}

		div.upload div.options label {
			display: inline;
			margin-left: 4px;
			font-weight: normal;
			font-size: 10px;
			color: #527495;
			cursor: pointer;
		}
		
		div.upload div.picture-wrap a.tooltip {
			position: absolute;
			right: 90px;
			top: 3px;
		}

	/* Wide upload images - in #content */
	div.upload.large {
		float: none;
	}
	
		div.upload.large div.picture-wrap {
			width: 640px;
		}
		
			div.upload.large div.picture-wrap.dark img {
				background: #000;
			}


/* Cropper */
/* Custom styling */
table#crop-container {
	display: table-row;
}

	table#crop-container td#photo-image-canvas {
		display: table-cell;
		width: 600px;
		vertical-align: top;
	}
	
	table#crop-container td#settings {
		display: table-cell;
		width: 200px;
		padding: 0 2em 2em;
		background: transparent url(/images/cropper/settings-bg.png) 0 0 repeat;
		vertical-align: top;
	}
	
		table#crop-container td#settings ol {
			list-style: none;
			margin-left: 0;
		}

	table#crop-container a#toggle-contrast {
		display: block;
		cursor: pointer;
		margin: 0 0 1em;
	}

	table#crop-container input[type="submit"] {
		margin: 0 0 1em;
	}


		

/* Focus actions (buttons) */
div.page-header {
	position: relative;
	margin: 0 -25px 15px;
	padding: 0 25px 1em;
	border-bottom: 1px solid #e8e8e8;
}

	div.page-header h1 { 
		margin: 0;
		padding: .6em .5em .3em 0;
		font-size: 1.7em;
		font-family: helvetica, arial, verdana, sans-serif;
	}

	div.page-header p {
		margin: 0;
		font-size: 1em;
		font-weight: bold;
		color: #959595;
		line-height: 1.3em;
	} 

	div.page-header div.focus-actions {
		position: absolute;
		top: 10%;
		right: 25px;
		overflow: auto;
	}
	
		div.page-header div.focus-actions a.button {
			float: left;
			margin: 0 0 0 .5em;
		}

	div.page-header div#autosave {
		position: absolute;
		bottom: 7px;
		right: 25px;
		font-size: .9em;
		color: #959595;
		padding-left: 17px;
	}

		div.page-header div#autosave.saving {
			background: transparent url(../images/icons/save-draft.gif) 0 4px no-repeat;
		}


/* Buttons */
.content a.button {
	position: relative;
	display: inline-block;
	height: 29px;
	margin: 0 0 1em;
	padding: 0 15px;
	background: transparent url(/images/buttons/button-bg.png) no-repeat scroll 100% 0;
	font-size: 12px;
	text-decoration: none !important;
	color: #527495;
	font-weight: bold;
	line-height: 2.4em;
	cursor:pointer;
}
	.content a.button span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 29px;
		width: 11px;
	 	margin-right: 0.2em;
		font-weight: bold;
		background: transparent url(/images/buttons/button-bg.png) no-repeat scroll 0 0;
	}
	.content a.button:hover {
		background-position: 100% -29px;
	}
		.content a.button:hover span {
			background-position: 0 -29px;
		}
	/* Add */
	.content a.button.add {
		background-position: 100% -58px;
		padding-left: 28px;
	}
		.content a.button.add span {
			background-position: 0 -58px;
			width: 28px;
		}
		.content a.button.add:hover {
			background-position: 100% -87px;
		}
			.content a.button.add:hover span {
				background-position: 0 -87px;
			}
			
	/* Change password */
	.content a.button.lock {
		background: transparent url(/images/buttons/lock.png) no-repeat scroll 100% 0;
		padding-left: 28px;
	}
		.content a.button.lock span {
			background: transparent url(/images/buttons/lock.png) no-repeat scroll 0 0;
			width: 28px;
		}
		.content a.button.lock:hover {
			background-position: 100% -29px;
		}
			.content a.button.lock:hover span {
				background-position: 0 -29px;
			}

	/* Small */
	.content a.button.small {
		height: 20px;
		margin-bottom: .1em;
		padding: 0 8px;
		background-position: 100% -116px;
		line-height: 1.7em;
	}
		.content a.button.small span {
			height: 20px;
			background-position: 0 -116px;
		}
		
		.content a.button.small:hover {
			background-position: 100% -136px;
		}
			.content a.button.small:hover span {
				background-position: 0 -136px;
			}
		
/* Product import */
div#product-import {
	position: relative;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	border-top: 4px solid #D3D3D3;
}

	div#product-import fieldset {
		border: 0;
		margin: 0 0 .4em;
		padding: .3em 1em;

	}

	div#product-import a.button {
		cursor: pointer;
		margin-left: 5px;
	}
	
	div#product-import h3 {
		display: inline-block;
		height: 25px;
		margin-top: .5em;
		line-height: 2em;
		padding-left: 38px;
		font-size: 1.1em;
		background: url(/images/icons/dandomain-import.png) 0 0 no-repeat;
	}
		
	div#product-import a.hide {
		position: absolute;
		display: block;
		width: 15px;
		height: 15px;
		top: 3px;
		right: 5px;
		background: url(/images/icons/minimize.png) 0 0 no-repeat;
		text-indent: -9999em;
		cursor: pointer;
	}


/* News */
fieldset.news-settings a.edit {
	margin-left: 5px;
}


/* Campaigns */

div.campaigns fieldset {
	margin: 1em 0 2.5em;
}

	div.campaigns fieldset table {
		margin-bottom: 1em;
	}

	
/* Designs - choosing common frontpage design */
div.designs {
	margin-top: 1.5em;
}

	div.designs div.section {
		margin: 0;
		padding: 2em 0;
		border-top: 1px solid #ddd;
	}

	div.designs div.section:first-child {
		border-top: 0;
	}

	.designs h3 {
		margin-top: 9px;
		font-size: 18px;
	}
	
	div.designs div.screenshot a {
		display: block;
	}

	div.designs div.screenshot a > img {
		border: 7px solid #ddd;
	}

	.designs .choose-skin {
		margin-bottom: 1.5em;
	}
		.designs label {
			display: block;
			font-weight: bold;
		}
		.designs select {
			min-width: 90px;
		}
	
	/* selected */
	div.designs div.section.selected {
		margin: 0 -2.5em;
		padding: 2em 2.5em;
		border-top: 1px solid #43A1D4;
		border-bottom: 1px solid #43A1D4;
		background: #e7f8ff url(../images/icons/active-design.png) bottom right no-repeat;
	}
		div.designs .section.selected h3 {
			color: #2f7ba4;
		}
		.designs .section.selected .screenshot {
			
		}
			div.designs div.section.selected div.screenshot a > img {
				border-color: #63a7ce;
			}

		.designs .section.selected + .section {
			border: 0;
		}

	.designs .thumbnails {
		margin: 1em -7px;
		padding: 0;
		list-style: none;
	}
		/* clearfix */
		.designs .thumbnails:before,
		.designs .thumbnails:after {
		    content: " "; /* 1 */
		    display: table; /* 2 */
		}
		.designs .thumbnails:after {
		    clear: both;
		}

		.section {
		    *zoom: 1;
		}

		.designs .thumbnails > li {
			float: left;
			padding: 0 7px;
		}

		.designs .thumbnails li a {
			display: block;
			height: 60px;
			width: 90px;
			background: no-repeat center center;
			background-size: cover;
			border: 2px solid #ddd;
		}
		






/* Controls (for tables etc.) */
div.settings {
	background: #f4faff;
	border: 1px solid #ddd;
	border-width: 1px 1px 0;
}

	div.settings div.primary {
		overflow: auto;
		padding: 10px;
	}

	div.settings a {
		cursor: pointer;
	}

	/* Toggle options/settings */
	div.settings a.toggle {
		cursor: pointer;
		display: inline-block;
		padding-right: 12px;
		background: url(../images/bullets/arrow-blue.gif) 100% 7px no-repeat;
		text-decoration: none;
		color: #43A1D4;
	}
	
		div.settings a.toggle.active {
			background-position: 100% -41px;
		}
	
	
	/* Options - secondary functionality */
	div.settings div.container {
		border-top: 1px solid #bdd6e2;
		background: #e5f0f8 url(../images/boxes/controlbox-shadow.png) 0 0 repeat-x;
	}
	
		div.settings div.secondary {
			padding: 10px;
		}

/* Show/hide functionality */
.toggle a.trigger {
	padding-right: 9px;
	background: url(/images/bullets/arrow-gray.gif) 100% 4px no-repeat;
	cursor: pointer;
}
	.toggle a.trigger.active {
		background-position: 100% -44px;
	}
	
/* Links */
div.links {
	margin: 1.5em 0;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
}	
	div.links ul {
		list-style: none;
		margin: 0;
	}

	
/* Frontpage analytics */
div.stats {
	margin: 2.5em -25px 1.5em;
	padding: 0 25px 1.5em;
	border-bottom: 1px solid #e8e8e8;
}

	div.stats h3,
	div.stats h4 {
		color: #666;
	}
	
	div.stats div.loader { /* Simulating height of headers and graph */
		height: 374px;
		background: transparent url(/images/lightbox/loading.gif) 50% 45% no-repeat;
	}
	
	div.stats .analytics {
		margin: 0.5em 0;
	}
	
	a.analytics-login {
		float: right;
		margin-top: -2.3em;
	}
	
	div.stats div.key-numbers ul {
		margin: 0;
	}
	
		div.stats div.key-numbers li {
			float: left;
			width: 160px;
			padding: 5px 0 10px;
			background: #f3f3f3;
		}
	
			div.stats div.key-numbers li .title {
				display: block;
				margin: 0 12px 5px;
				font-size: .9em;
				color: #888;
			}

			div.stats div.key-numbers li .value {
				display: block;
				margin: 0 12px;
				font-size: 2.2em;
				font-weight: bold;
			}

		div.stats div.key-numbers li.last {
			border-left: 1px solid #dadada;
		}


		.table-OpeningHours  {
			border: none !important;
			width: 100%;
		} 
		.table-OpeningHours th,
		.table-OpeningHours td {
			border: 0;  
		  }
	.table-OpeningHours tr:hover {
			background-color: lightgray;
		}
		.table-OpeningHours tr:first-child {
			cursor: auto;
		}
		.table-OpeningHours tr:first-child:hover {
			cursor: auto;
			background-color: white;
		}