/* Fonts */
@font-face {
    font-family: 'ProximaNova';
    src: url('/distributor-1/webfonts/proximanova-light-webfont.eot');
    src: url('/distributor-1/webfonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/distributor-1/webfonts/proximanova-light-webfont.woff') format('woff'),
         url('/distributor-1/webfonts/proximanova-light-webfont.ttf') format('truetype'),
         url('/distributor-1/webfonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/distributor-1/webfonts/proximanova-regular-webfont.eot');
    src: url('/distributor-1/webfonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/distributor-1/webfonts/proximanova-regular-webfont.woff') format('woff'),
         url('/distributor-1/webfonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('/distributor-1/webfonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/distributor-1/webfonts/proximanova-semibold-webfont.eot');
    src: url('/distributor-1/webfonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/distributor-1/webfonts/proximanova-semibold-webfont.woff') format('woff'),
         url('/distributor-1/webfonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('/distributor-1/webfonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    src: url('/distributor-1/webfonts/proximanova-bold-webfont.eot');
    src: url('/distributor-1/webfonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/distributor-1/webfonts/proximanova-bold-webfont.woff') format('woff'),
         url('/distributor-1/webfonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('/distributor-1/webfonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* @end */



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-style: normal;
	vertical-align: baseline;
}
img { border: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
a {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */



/* @group Global */
html {
	background-color: #ffffff;
	border: 0;
	color: #4d4f53;
	font-size: 15px;
	font-family: 'ProximaNova', Helvetica, sans-serif;
	outline: none;
}

	body {
		border: 0;
		outline: none;
	}

	.container {
		margin: 0 15px;
		max-width: 600px;
		position: relative;
		z-index: 1;
	}
	
	a:focus {
		outline: none;
	}
	
	strong {
		font-weight: bold;
	}
	
	input,
	button {
		font-family: 'ProximaNova', Helvetica, sans-serif;
	}
	
	input {
		border: 1px solid #e0e0e0;
	}
	
	input:focus,
	textarea:focus,
	select:focus {
		border-color: #f75e00 !important;
		outline: none;
	}
	
	.orange,
	.secondary {
		color: #f75e00 !important;
	}
	
	#modal-content .orange {
		color: #ee7f1f; 
	}
	
	.desktop-hidden {
		display: none !important;
	}
	
	.centered {
		text-align: center;
	}
	
	.clip {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.interactive {
		cursor: pointer;
	}
	
	.right {
		text-align: right;
	}
	
	.code {
		background-color: #EAF4F7;
		border: 1px dashed #C8D5D9;
		border-radius: 12px;
		font-family: Courier;
		padding: 10px 20px;
	}
	
	.clearfix {
		clear: both;
	}
	
	.small {
		font-size: 12px;
	}

	.button-list {
		overflow: hidden;
	}
	
		.button-list > li {
			float: left;
		}
	
		.button-list > li + li {
			margin-left: 6px;
		}
/* @end */



/* @group ContentFormatting */
.formatted {
	color: #4d4f53;
	line-height: 1.5em;
}

.formatted h1, .formatted h2,
.formatted h3, .formatted h4,
.formatted h5, .formatted h6 {
	color: #8b8b8b;
	line-height: normal;
	margin: 0.8em 0 0.6em 0;
	position: relative;
}

.formatted h1:first-child, .formatted h2:first-child,
.formatted h3:first-child, .formatted h4:first-child,
.formatted h5:first-child, .formatted h6:first-child {
	margin-top: 0;
}

.formatted h1, .formatted h2, .formatted h3, 
.formatted h4, .formatted h5, .formatted h6 {
	color: #4d4f53;
	font-weight: 200;
}

.form-section h4 {
	color: #f75e00 !important;
}

.formatted h1 > a, .formatted h2 > a,
.formatted h3 > a, .formatted h4 > a,
.formatted h5 > a, .formatted h6 > a {
	color: #3f4450;
	text-decoration: none;
}
.formatted h1 > a:hover, .formatted h2:hover > a,
.formatted h3 > a:hover, .formatted h4:hover > a,
.formatted h5 > a:hover, .formatted h6:hover > a {
	color: #ee7f1f;
}
.formatted h1.orange > a, .formatted h2.orange > a,
.formatted h3.orange > a, .formatted h4.orange > a,
.formatted h5.orange > a, .formatted h6.orange > a {
	color: #f75e00;
	text-decoration: none;
}
.formatted h1.orange > a:hover, .formatted h2.orange:hover > a,
.formatted h3.orange > a:hover, .formatted h4.orange:hover > a,
.formatted h5.orange > a:hover, .formatted h6.orange:hover > a {
	color: #ee7f1f;
}

.formatted h1 {		font-size: 36px;	}
.formatted h2 {		font-size: 36px;	}
.formatted h3 {		font-size: 27px;	}
.formatted h4 {		font-size: 24px;	}
.formatted h5 {		font-size: 18px;	}
.formatted h6 {		font-size: 15px;	}

.formatted a {
	color: #ee7f1f;
	text-decoration: none;
}
.formatted a:hover {	color: #ff9233;	}
.formatted a:active {	color: #de7316;	}

.formatted p {
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

.formatted p.aside {
	font-size: 12px;
	line-height: 1.2em;
	margin: 0.3em 0;
}

.formatted p.tagline {
	color: #f75e00;
	font-size: 18px;
	margin-bottom: 0.5em;
	margin-top: -1em;
}

	.formatted p.tagline a {
		text-decoration: underline;
	}
	
	.formatted p.tagline a:hover {
		color: #4d4f53;
	}

.formatted p + h2, .formatted p + h3,
.formatted p + h4, .formatted p + h5 {
	margin-top: 1.5em;
}

.formatted strong,
.formatted b {
	font-weight: bold;
}
.formatted abbr,
.formatted acronym { 	letter-spacing: 1px; }
.formatted blockquote {
	font-style: italic;
	margin: 20px;
}
.formatted code,
.formatted p code { font-family: "Lucida Console", Monaco, monospace; white-space: pre; }
.formatted em { font-style: italic; }
.formatted hr {
	background-color: #4d4f53;
	border:	0;
	color: #bbc5c3;
	height: 3px;
	margin-bottom: 45px;
}
.formatted .hr.wide {
	background-color: #4d4f53;
	border:	0;
	display: block;
	height: 3px;
	margin: 15px 0 15px -35px;
	padding: 0 35px 0 35px;
	width: 100%;
}
.formatted small {}
.formatted strike { text-decoration: line-through; }
.formatted sup, .formatted sub {
	font-size: 85%;
	vertical-align: top;
	position: relative;
	top: -0.4em;
}
.formatted sub {
	vertical-align: bottom;
	top: 0.4em;
}

.formatted ol > li,
.formatted ul > li {
	margin-bottom: 6px;
}

.formatted ol { margin: 6px 0 20px 30px; }
	.formatted ol > li { list-style: decimal; }
		.formatted ol ol > li { list-style: lower-alpha; }
			.formatted ol ol ol > li { list-style: lower-roman; }

.formatted ul {	margin: 6px 0 20px 0; }
	.formatted ul > li { list-style: disc; margin-left: 24px; padding-left: 6px; }
		.formatted ul ul > li { list-style: square; }
			.formatted ul ul ul > li { list-style: circle; }

.formatted ul.no-marker > li {
	list-style: none;
	margin-left: 0;
}

.formatted ul.columned {
	overflow: hidden;
	width: 100%;
}
	
	.formatted ul ul,
	.formatted ul ol,
	.formatted ol ol,
	.formatted ol ul { margin-bottom: 0; }

.formatted table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0 1px 1px 1px;
	margin-bottom: 2em;
	padding: 0px;
	width: 100%;
}

	.formatted table + .pagination_frame {
		margin-top: -2em;
	}

	.formatted table th,
	.formatted table td {
		padding: 9px 6px 9px 6px;
	}

	.formatted table th {
		background-color: #4d4f53;
		border-bottom: 1px solid #2e2f32;
		border-right: 1px solid #2e2f32;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		vertical-align: bottom;
	}
	
		.formatted table th.first-column {
			border-radius: 6px 0 0 6px;
		}
		
		.formatted table td.first-column strong {
			color: #f75e00;
			font-weight: normal;
		}
	
		.formatted table th.last-column {
			border-radius: 0 6px 6px 0;
		}

	.formatted table th + th {
		border-left: 1px solid #808080;
	}
	
	.formatted table tbody th {
		border-top: 1px solid #808080;
	}

	.formatted table td {
		border-bottom: 1px solid #8a8b8e;
		vertical-align: middle;
	}

	.formatted table.centered td {
		text-align: center;
	}
/* @end */



/* @group Forms */
.form-row,
.view-row {
	margin-bottom: 12px;
	width: 100%;
}

.view-row {
	margin-bottom: 3px;
	overflow: hidden;
}

	.form-row.small {
		font-size: inherit !important;
	}

	.form-row > .label,
	.view-row > .label {
		float: left;
		line-height: 30px;
		margin: 0;
		padding: 3px 0 0 0;
		text-align: right;
		text-transform: none;
		width: 150px;
	}
	
		.form-row > .label > .required-hint {
			color: #ff0000;
			padding-left: 3px;
		}
	
	.form-row > .field,
	.view-row > .value {
		color: #404040;
		margin-left: 168px;
		position: relative;
	}
	
	.form-row.input-submit > .field {
		margin-left: 168px;
	}
	
	.form-row > .field + .field {
		margin-left: 15px;
	}
	.form-row > .field > p,
	.form-row > .field > span.textonly-std {
		display: block;
		margin: 6px 0 12px 0;
	}
	
	.form-row > .field > p:first-child,
	.form-row > .field > span.textonly-std,
	.view-row > .value {
		margin-top: 0;
		padding-top: 7px;
	}
	
	.form-row > .help-text {
		font-size: 12px;
		margin: 9px 0px 0px 168px;
	}
	
	.form-row.input-checkbox > .field,
	.form-row.input-radio > .field {
		padding-top: 9px;
	}
	
	.form-row > .field > input.date-input {
		background: #ffffff url('/distributor-1/images/frontend-2012/sprite-global.png') -1014px -304px no-repeat !important;
		cursor: pointer;
		padding-left: 42px;
		width: 100px;
	}
	
	.form-row > .field > input.date-input:focus {
		background: #ffffff url('/distributor-1/images/frontend-2012/sprite-global.png') -1014px -264px no-repeat !important;
	}
	
	.form-row > .error-message {
		color: #ff0000;
		margin: 9px 0px 0px 231px;
	}
	
		.form-row > .field > .help-text {
			font-size: 12px;
			margin-top: -12px;
		}
	
		.formatted input[type="text"],
		.formatted input[type="password"],
		.formatted textarea,
		.formatted select {
			outline: none;
			border: 1px solid #e1e1e1;
			border-radius: 6px;
			box-shadow: 1px 1px 1px #c6c6c6;
			font-size: 13px;
			margin: 0;
			padding: 9px 9px;
		}
	
		.formatted input[type="text"],
		.formatted input[type="password"] {
			width: 270px;
			
			
		}
	
		.formatted input[type="checkbox"],
		.formatted input[type="radio"] {
			border: 0;
		}
		
		.formatted .field select {
			width: 290px;
		}
		
		.formatted .field select.small {
			width: 60px;
		}
		
		.formatted input.captcha-std {
			width: 100px;
		}
	
		.formatted textarea {
			width: 270px;
			
			
		}
		
			.formatted input.small {		width: 100px !important;	}
			
		.ie7 .formatted input,
		.ie7 .formatted textarea {
			margin-top: -1px;
		}
			
		.formatted textarea {
			font-family: Helvetica, Arial, sans-serif;
			line-height: 1.5em;
		}
	
		.formatted select {
			box-shadow: 1px 1px 1px #c6c6c6;
			line-height: 30px;
			margin: 0 0 1px 0;
			padding: 8px 6px;
			text-transform: none;
		}
	
		.formatted select:hover,
		.formatted input[type="text"]:hover,
		.formatted input[type="password"]:hover,
		.formatted textarea:hover {		border-color: #ee7f1f;	}
		.formatted select:focus {		border-color: #ee7f1f;	}
	
		.form-row > .field input.validation-failed,
		.form-row > .field select.validation-failed,
		.form-row > .field textarea.validation-failed,
		.store-finder > input.validation-failed {
			background-color: #ffe1e1;
			border: 1px solid #ff0000;
		}
		
		.form-row > .field .validation-advice {
			background: #dd0000;
			border-radius: 6px;
			box-shadow: 2px 2px 5px -3px #6f0000;
			color: #fff;
			font-size: 13px;
			font-weight: normal;
			line-height: 18px;
			margin-top: 12px;
			padding: 9px 12px 9px 12px;
			text-shadow: 1px 1px 0px #000000;
			z-index: 30;
			width: 266px;
		}
		
		.form-row > .field .form-captcha-input + .error-tip .validation-advice {	left: 100px;	top: 66px;	 }
		.form-row.small > .field .validation-advice {	left: 90px !important;	}
		
		.form-row .form-captcha > img {
			border: 1px solid #e1e1e1;
			border-radius: 6px;
			
			
		}
		
		.form-row > .field .validation-advice + .validation-advice {
			display: none !important;
		}
		
	.form-captcha {
		height: 60px;
	}
	
	.form-captcha-input {
		height: 42px;
			position: relative;
	}
	
		.form-captcha-input input {
			float: left;
			margin: 6px 0 0 0 !important;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#securimage-container {
			margin: 15px 0 0 0;
			position: absolute;
			top: 0px;
			left: 130px;
		}
/* @end */



/* @group Buttons */
.button,
button[type="submit"],
a.button {
	background-color: #f75e00;
	border: 0;
	border-radius: 24px;
	box-shadow: 2px 2px 3px #999999;
	cursor: pointer;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	min-width: 63px;
	padding: 0 6px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 2px #873b00;
	text-transform: uppercase;
}

.ie7 .button,
.ie7 button {
	min-width: 0;
}

.button:hover,
button[type="submit"]:hover,
a.button:hover {
	background-color: #f26900;
	color: #ffffff;
	text-shadow: 1px 1px 2px #a14600;
}

.button:active,
button[type="submit"]:active,
a.button:active {
	background-color: #4d4f53;
	color: #ffffff;
	text-shadow: 1px 1px 2px #111111;
}

span + span > button {
	margin-left: 12px;
}

	.button.green {
		background-color: #58a101;
		text-shadow: 1px 1px 2px #263710;
	}
	
	.button.green:hover {
		background-color: #67ba02;
		text-shadow: 1px 1px 2px #263710;
	}
	
	.button.green:active {
		background-color: #4b8701;
		text-shadow: 1px 1px 2px #263710;
	}

	.button.grey {
		background-color: #4d4f53;
		text-shadow: 1px 1px 2px #111111;
	}
	
	.button.grey:hover {
		background-color: #6b6d73;
		text-shadow: 1px 1px 2px #111111;
	}
	
	.button.grey:active {
		background-color: #6b6d73;
		text-shadow: 1px 1px 2px #111111;
	}
	
	.button.mid-grey {
		background-color: #94989d;
		text-shadow: 1px 1px 2px #666666;
	}
	
	.button.mid-grey:hover {
		background-color: #a8abb3;
		text-shadow: 1px 1px 2px #555555;
	}
	
	.button.mid-grey:active {
		background-color: #a8abb3;
	}
	
	.button.light-grey {
		background-color: #c9c9cb;
		text-shadow: 1px 1px 2px #666666;
	}
	
	.button.light-grey:hover {
		background-color: #b1b1b3;
		text-shadow: 1px 1px 2px #555555;
	}
	
	.button.light-grey:active {
		background-color: #f26900;
	}
/* @end */



/* @group Header */
#header {
	background: url('/distributor-1/images/sprite-spacers.png') 0 -840px repeat-x;
	font-size: 12px;
	overflow: hidden;
	padding-top: 9px;
	position: relative;
	z-index: 50;
}

	#header .container {
		height: 50px;
	}
	
	#brand {
		background: url('/distributor-1/images/sprite-global.png') 0 -57px no-repeat;
		left: 0;
		position: absolute;
		top: 0;
		width: 170px;
	}
	
		#brand > a {
			display: block;
			line-height: 39px;
			text-indent: -9999px;
			width: 100%;
		}

	#header .button-list {
		bottom: 0;
		position: absolute;
		right: 0;
	}
	
		#header .button-list li {
			position: relative;
		}
	
			#header .button-list a {
				border-radius: 6px 6px 0 0;
				
				
			}
/* @end */



/* @group Content */
#content {
	margin-bottom: 45px;
	position: relative;
	z-index: 110;
}

	#primary {
		background: url('/distributor-1/images/sprite-spacers.png') 0 -930px repeat-x;
		position: relative;
		z-index: 100;
		margin-bottom: 45px;
		min-height: 400px;
		padding-top: 39px;
	}
	
		#primary .container {
		}
			
			#tab-callback,
			#iwc-web-chat-container {
				display: none;
			}
			
			#iwc-web-chat-container li.hidden-message {
				display: none !important;
			}
/* @end */



/* @group WebChat Styling */
.loading {
	background: url('/distributor-1/images/ajax-loader-small.gif') 0 2px no-repeat;
	padding: 0 0 0 27px;
}
/* @end */



/* @group Footer */
#footer {
	background: #2f323b url('/distributor-1/images/sprite-spacers.png') 0 0 repeat-x;
	color: #ffffff;
	font-size: 12px;
	height: 60px;
	padding-top: 27px;
	position: relative;
	z-index: 50;
}

	#footer .orange {
		color: #d57e2d !important;
	}
	
		#footer .logo {
			height: 22px;
			left: 0;
			position: absolute;
			top: 6px;
			width: 122px;
		}
		
			#footer .logo > a {
				background: url('/distributor-1/images/sprite-global.png') 0 0 no-repeat;
				display: block;
				filter: alpha(opacity=80);
				line-height: 22px;
				opacity: 0.8;
				text-indent: -9999px;
				width: 100%;
			}
		
			#footer .logo > a:hover {
				filter: alpha(opacity=100);
				opacity: 1;
			}

		#footer .footer-navigation {
			left: 140px;
			position: absolute;
			top: 0;
		}
		
			.footer-navigation > h4 {
				font-size: 16px;
			}
			
			.ie7 .footer-navigation > h4 {
				font-weight: normal;
			}
			
			.footer-navigation > .copyright {
				margin-top: 6px;
			}
/* @end */