@charset "utf-8";
/*
	Project: Axis
	Date: May, 2012
*/

/* =reset adapted from html5boilerplate normalize
----------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 62.5%; line-height: 1.4; }

::-moz-selection { background: #69c; color: #fff; text-shadow: none; }
::selection { background: #69c; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0 0 1em; padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
li ul, li ol { margin: 0; }

dd { margin: 0 0 0 40px; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

p { margin: 0 0 1em; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; }

p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}



/* =helpers
----------*/

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }


.cf:before, .cf:after, #container .section:after, #gauges_popup .popup_form:after, #help_popup .popup_form:after, #thanks_popup .popup_form:after, .custom-checkbox:after, .custom-radio:after,
#header:before, #container:before, #container2:before, #container3:before, #container-in:before, #content:before, #side1:before, #side2:before, #footer:before, .wrap:before,
#header:after, #container:after, #container2:after, #container3:after, #container-in:after, #content:after, #side1:after, #side2:after, #footer:after, .wrap:after
{ content: ""; display: table; }
.cf:after, #container .section:after, #gauges_popup .popup_form:after, #help_popup .popup_form:after, #thanks_popup .popup_form:after, .custom-checkbox:after, .custom-radio:after,
#header:after, #container:after, #container2:after, #container3:after, #container-in:after, #content:after, #side1:after, #side2:after, #footer:after, .wrap:after
{ clear: both; }



/* =base
----------*/

a:link, a:visited {
	color: #a7a7a7;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:link:hover, a:visited:hover {
	color: #a7a7a7;
	text-decoration: underline;
	outline: none;
}

button, input, select, textarea {
	font-family: sans-serif;
	color: #a7a7a7;
}

body {
	font-family: "depot-new-web", sans-serif;
	font-style: normal;
	font-weight: 300;
	background: #f2f2f2 url('../img/misc/bg_repeat.png') repeat scroll 0 0;
    -webkit-font-smoothing: antialiased;
}


#skip {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
}
	#skip a:link, #skip a:visited {
		position: absolute;
		z-index: 99;
		top: -99em;
		left: 0;
		width: 99.99%;
		font-size: 200%;
		line-height: 3;
		text-align: center;
		background: #fff;
	}
	#skip a:link:focus, #skip a:visited:focus {
		top: 0;
	}




#page {
	font-size: 2em;
	color: #a7a7a7;
    background: url('../img/misc/bg_gradient.png') repeat-y scroll 50% 50%;
}

.wrap {
	width: 895px;
	margin: 0 auto;
}
.mini-header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
}
	#header {;
		height: 177px;
		background: transparent url('../img/misc/header_bg.png') repeat-x scroll 0 0;
		margin-bottom: 20px;
	}
		#logo {
			float: left;
			padding: 0;
			margin-top: 15px;
			margin-left: 13px;
		}
		#menu {
			float: right;
			margin-top: 55px;
		}
			#menu ul {

			}
				#menu ul li {
					display: inline;
					margin-left: 23px;
				}
					#menu ul li a:link, #menu ul li a:visited {
						color: #585858;
						padding: 5px 15px;
						font-size: 75%;
						letter-spacing: 2px;
						text-transform: uppercase;
                        font-weight: 300;
					}
					#menu ul li.active a:link, #menu ul li.active a:visited {
						background: #ebebeb;
						border-radius: 5px;
						-webkit-box-shadow: inset 1px 1px 3px #c4ccd2;
						        box-shadow: inset 1px 1px 3px #c4ccd2;
						text-decoration: none;
                        text-shadow: 0px 1px 0 white;
					}
					#menu ul li a:link:hover, #menu ul li a:visited:hover {
					 	-webkit-box-shadow: inset 1px 3px 3px #dcc200;
					 	        box-shadow: inset 1px 3px 3px #dcc200;
					 	border-radius: 5px;
					 	text-decoration: none;
					 	background: #e9cd00;
					 	color: #FFF;
					 	text-shadow: 0 1px 0 #C2AB00;
					 }

	#container {
		line-height: 1.4;
		margin-bottom: 120px;
	}
		#container h2 {
			font-size: 150%;
			font-weight: bold;
			margin: 0 0 .5em;
		}
		#container h2 small {
			font-size: 45%;
			font-weight: 300;
		}
		#container h3 {
			font-size: 125%;
			font-weight: bold;
			margin: 0 0 .5em;
		}
		#container h4 {
			font-size: 100%;
			font-weight: bold;
			margin: 0 0 1em;
		}
			#intro {
				padding: 20px 0 15px;
				background: transparent url('../img/misc/intro_bg.png') no-repeat scroll 610px 0;
				position: relative;
			}
				#intro h2 {
					font-size: 300%;
					font-weight: 100;
					margin: 0 0 .5em;
					padding-left: 13px;
					width: 590px;
					line-height: 70px;
					color: #898b8c;
					text-shadow: 0px 1px 0 white;
				}
				#intro h3 a:link, #intro h3 a:visited {
					width: 107px;
					height: 81px;
					position: absolute;
					right: 10px;
					top: 178px;
					display: block;
					background: url('../img/btn/start.png') no-repeat scroll 0px 0px;
					padding-top: 26px;
                    text-indent: -999em;
				}
				#intro h3 a:link:hover, #intro h3 a:visited:hover {
                    background-position: -107px 0px;
                }
            #order_section {    
                padding-top: 40px;
            }
			#order_form {
				width: 873px;
				min-height: 400px;
				background: #E8C900 url('../img/misc/yellow-bg.jpg') repeat scroll 0 0;
				border-radius: 15px;
				border: 5px solid #FFF;
				position: relative;
				margin-bottom: 60px;
				box-shadow: inset 1px 2px 3px #CDAF0A;
			}
				#order_content {
					padding: 15px 35px;
				}
					#order_content h2 {
						font-size: 282%;
						color: #FFF;
						text-shadow: 2px 1px 1px #CDAF0A;
						margin-bottom: 7px;
                        font-weight: 500;
					}
					.gauge_container {
						width: 345px;
						height: 179px;
						float: left;
						margin: 21px 0 0;
						border-radius: 10px;
						padding: 12px 19px;
						position: relative;
					}
						#container .gauge_container h3 {
							font-size: 60%;
                            font-weight: bold;
                            font-family: Helvetica, Arial, sans-serif;
                            color: #666;
                            text-transform: uppercase;
                            letter-spacing: 2px;
                            padding-top: 5px;
						}
						.gauge_container dl dt {
							margin-bottom: 10px;
							overflow: hidden;
						}
						.gauge_container dl dt label {
							width: 135px;
							display: block;
							float: left;
							font-size: 82%;
							font-weight: 500;
							color: #666666;
                            padding-top: 4px;
						}
						.gauge_container dl dt input[type="text"] {
							height: 26px;
							padding: 5px 10px;
							width: 187px;
							-webkit-box-shadow: inset 2px 2px 4px -1px #ccc;
							        box-shadow: inset 2px 2px 4px -1px #ccc;
							background: #f2f2f2;
							border-radius: 5px;
							border: 0;
							outline: none;
							font-weight: 400;
							font-family: "depot-new-web", sans-serif;
							float: left;
              color: #969696;
						}
                        
                        .gauge_container dl dt input[type="text"], 
                        li.slide-3 fieldset input[type="text"], 
                        li.slide-3 fieldset textarea, 
                        .section-form input[type="text"], 
                        .section-form textarea, 
                        .popup_form input[type="text"], 
                        .popup_form textarea, 
                        li.slide-3 fieldset input[type="text"], 
                        li.slide-3 fieldset textarea {
                            -webkit-transition: all 300ms ease;
                               -moz-transition: all 300ms ease;
                                 -o-transition: all 300ms ease;
                                    transition: all 300ms ease;
                        }
                        .gauge_container dl dt input[type="text"]:focus, 
                        li.slide-3 fieldset input[type="text"]:focus, 
                        li.slide-3 fieldset textarea:focus,
                        .section-form input[type="text"]:focus, 
                        .section-form textarea:focus, 
                        .popup_form input[type="text"]:focus, 
                        .popup_form textarea:focus, 
                        li.slide-3 fieldset input[type="text"]:focus, 
                        li.slide-3 fieldset textarea:focus {
                            background: #E8E8E8;
                        }
						.gauge_container a.close:link, .gauge_container a.close:visited,
						#gauges_popup a.close:link, #gauges_popup a.close.visited,
						#help_popup a.close:link, #help_popup a.close.visited, #close_help,
						#thanks_popup a.close:link, #thanks_popup a.close.visited {
							width: 19px;
							height: 19px;
							background: transparent url('../img/icon/close.png') no-repeat scroll 0 0;
							display: block;
							position: absolute;
							top: 12px;
							right: 21px;
							text-indent: -9999px;
						}
						.gauge_container a.add_gauge {
							background: transparent url('../img/icon/plus.png') no-repeat scroll 50% 42px;
							width: 120px;
							text-align: center;
							display: block;
							padding: 109px 113px 45px;

							font-size: 100%;
							font-weight: 500;
							color: #FFF;
						}
                        .gauge_container a.add_gauge:hover {
                            text-decoration: none;
                        }
					#gauges .inactive {
						border: 3px dashed #FFF;
					}
					#gauges .active {
						background: #FFF;
						border: 3px solid #FFF;
						-webkit-box-shadow: 0 2px 0 #D3B700;
						        box-shadow: 0 2px 0 #D3B700;
					}

				.order_info {
					width: 760px;
					height: 35px;
					background: #5c5c5c;
					margin: 0 auto 35px;
					border-radius: 5px;
					-webkit-box-shadow: inset 1px 1px 3px #4d4d4d;
					        box-shadow: inset 1px 1px 3px #4d4d4d;
					overflow: hidden;
					padding: 5px 20px 4px;
					position: relative;
				}
				ul li .order_info {
					margin-bottom: 0px;
					position: relative;
				}
					#container .order_info h3 {
						color: #FFF;
						margin:0px;
						font-size: 110%;
						width: 80%;
						font-weight: 500;
					}
					#container .order_info span#gauges_number {
							position: absolute;
							top: 6px;
							right: 92px;
							font-size: 110%;
							margin: 0;
							padding: 0px 19px;
					}
					.order_info a#increase-nr:link, .order-info a#increase-nr:visited {
						position: absolute;
						top: 8px;
						width: 25px;
						height: 25px;
						right: 48px;
						background: #eed400 url('../img/icon/plus_minus.png') no-repeat scroll 5px 5px;
						border-radius: 12.5px;
						font-size: 195%;
						text-indent: -9999px;
					}
					.order_info a#decrease-nr:link, .order-info a#decrease-nr:visited {
						position: absolute;
						top: 8px;
						width: 25px;
						height: 25px;
						right: 18px;
						background: #eed400 url('../img/icon/plus_minus.png') no-repeat scroll -25px 5px;
						border-radius: 12.5px;
						font-size: 195%;
						text-indent: -9999px;
					}
					.order_info a#decrease-nr:link:hover, .order-info a#decrease-nr:visited:hover,
					.order_info a#increase-nr:link:hover, .order-info a#increase-nr:visited:hover {
						background-color: #e8c500;
					}
					.order_info ul {
						margin-left: 0;
						padding: 2px 0 0 0;
					}
					.order_info ul li {
						display: inline;
						color: #FFF;
						font-weight: 500;
						font-size: 87%;
					}
					.order_info a.help:link, .order_info a.help:visited {
						color: #FFF;
						font-weight: 500;
						font-size: 87%;
						display: block;
						width: 65px;
						height: 26px;
						position: absolute;
						right: 16px;
						top: 9px;
						background: transparent url('../img/icon/help.png') no-repeat scroll right center;
					}
					.order_info ul li span, #order_controls ul li span, .order_info span#gauges_number {
						background: #FFF;
						border-radius: 5px;
						padding: 3px 13px;
						margin: 0 31px 0 8px;
						color: #666666;
						font-weight: 500;
                        
					}
						.order_info ul li span.shipping {
							padding: 3px 22px;
						}

				#order_controls {
					width: 148px;
					height: 40px;
					position: absolute;
					right: 20px;
					top: 43px;
				}
					#order_controls ul {
						list-style: none;
						margin: 7px 0 0 32px;
						padding: 0;
					}
					#order_controls ul li {
						float: left;
					}
					#order_controls ul li span {
						margin: 0;
                        padding: 3px 13px 5px;
                        -webkit-box-shadow: 0 2px 0 #D3B700;
                            box-shadow: 0 2px 0 #D3B700;
					}

		#container .section {
			width: auto;
			padding: 40px 5px 30px 5px;
		}
			#container .section h2 {
				font-size: 295%;
				font-weight: 100;
				line-height: 1;
				margin: 0 0 15px;
				color: #666;
				text-shadow: 0px 1px 0px #fff;
			}
			#container .section .section-content {
				width: 435px;
				float: left;
			}
			#container .section p {
				font-size: 100%;
                color: #969696;
				line-height: 1.5;
				word-spacing: -1px;
				text-shadow: 0px 1px 0px #F7F7F7;
				margin-bottom: 15px;
				padding-right: 50px;
			}
			#container .section p strong {
				font-weight: 400;
				 color: #717171;
			}
			#container .section div:first-of-type {
				margin-right: 10px;
			}
			#container .section .section-form {
				width: 358px;
				height: 428px;
				background: #FFF;
				position: absolute;
				top: 65px;
				right: 19px;
				border-radius: 7px;
				-webkit-box-shadow: 0px 2px 3px #DDD;
				        box-shadow: 0px 2px 3px #DDD;
				padding: 25px 35px;
			}
				.section-form ul, .popup_form ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				.section-form label, .popup_form label, li.slide-3 fieldset label {
					display: block;
					font-size: 75%;
					font-weight: 500;
					color: #666;
					margin-bottom: 5px;
				}
				.section-form input[type="text"],
				.section-form textarea,
				.popup_form input[type="text"], .popup_form textarea,
				li.slide-3 fieldset input[type="text"], li.slide-3 fieldset textarea {
					height: 35px;
					padding: 5px 10px;
					width: 335px;
					-webkit-box-shadow: inset 2px 2px 4px -1px #ccc;
					        box-shadow: inset 2px 2px 4px -1px #ccc;
					background: #f2f2f2;
					border-radius: 5px;
					border: 0;
					outline: none;
					font-weight: 400;
					font-family: "depot-new-web", sans-serif;
					margin-bottom: 21px;
				}
				.section-form textarea, .popup_form textarea {
					height: 155px;
					resize: none;
				}
				.section-form input[type="submit"], .section-form input[type="button"],
				.popup_form input[type="submit"], .popup_form input[type="button"],
				a.download_button:link, a.download_button:visited {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(#797979), to(#545454));
					background: -webkit-linear-gradient(#797979, #545454);
					background:    -moz-linear-gradient(#797979, #545454);
					background:     -ms-linear-gradient(#797979, #545454);
					background:      -o-linear-gradient(#797979, #545454);
					background:         linear-gradient(#797979, #545454);
					-pie-background:    linear-gradient(#797979, #545454);
					border: 1px solid #545454;
					padding: 4px 15px 6px;
					border-radius: 5px;
					font-family: "depot-new-web", sans-serif;
					color: #FFF;
					font-size: 91%;
					font-weight: 400;
				}
			#gauges_popup, #help_popup, #thanks_popup {
				margin-top: 22px;
				background: #FFF;
				overflow: hidden;
				padding: 50px 0 50px 50px;
				border-radius: 5px;
				position: relative;
			}
			#gauges_popup .popup_left, #help_popup .popup_left, #thanks_popup .popup_left {
				float: left;
				width: 305px;
			}
			#help_popup .popup_left {
				width: 366px;
			}
				#gauges_popup .popup_left h2, #help_popup .popup_left h2, #thanks_popup .popup_left h2 {
					color: #E8C900;
					text-shadow: none;
					line-height: 1;
					font-size: 340%;
					margin-bottom: 13px;
					font-weight: 500;
				}
				#help_popup .popup_left h2 {
					line-height: 1.3;
					font-size: 310%;
				}
				#thanks_popup .popup_left h2 {
					font-size: 375%;
					margin-bottom: 11px;
				}
				#gauges_popup .popup_left h3, #help_popup .popup_left h3, #thanks_popup .popup_left h3 {
					word-spacing: -3px;
					line-height: 1.1;
					font-size: 142%;
					color: #5c5c5c;
				}
				#thanks_popup .popup_left h3 { 
					font-size: 175%;
					font-weight: 500;
				}
				#thanks_popup .popup_form h3 {
					font-size: 145%;
					color: #5C5C5C;
					margin-bottom: 0;
				}
				#thanks_popup img {
					border: 2px solid #F6F6F6;
					margin: 0 0 14px;
				}
				#help_popup .popup_left h3 {
					font-size: 155%;
					word-spacing: -2px;
					font-weight: 500;
					margin-bottom: 19px;
				}
				#gauges_popup .popup_left p, #help_popup .popup_left p, #thanks_popup .popup_left p {
					line-height: 1.2;
					margin: 0 0 12px;
					color: #989898;
				}
				#thanks_popup p {
					font-size: 95%;
					margin-bottom: 21px;
				}
				#thanks_popup .popup_form p {
					margin-bottom: 9px;
				}
				#gauges_popup .popup_left a, #help_popup .popup_left a, #thanks_popup .popup_left a {
					color: #5c5c5c;
					text-decoration: underline;
				}
				#gauges_popup .popup_form, #help_popup .popup_form, #thanks_popup .popup_form {
					float: left;
					width: 350px;
					margin-left: 54px;
				}
				#help_popup .popup_form {
					margin-left: 10px;
				}
				#thanks_popup .popup_form {
					margin: 11px 0 0 46px;
				}
				#gauges_popup .popup_form input[type="text"],
				#help_popup .popup_form input[type="text"] {
					width: 325px;
					margin-bottom: 17px;
				}

			.turnaround, .delivery {
				margin-top: 22px;
				width: 326px;
				height: 380px;
				background: #fff;
				float: left;
				padding: 27px 30px 30px 28px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 2px 0px #d3b700;
				        box-shadow: 0px 2px 0px #d3b700;
				margin-bottom: 2px;
			}
			#container .turnaround h3, #container .delivery h3 {
				line-height: 1;
				font-size: 190%;
				font-weight: 500;
				color: #666;
				margin-bottom: 13px;
			}
			#container .turnaround p, #container .delivery p {
				line-height: 1.2;

			}
			.turnaround {
				margin-right: 32px;
			}

				.options {
					background: #ededed;
					width: 289px;
					height: 210px;
					margin: 0 auto;
					border-radius: 5px;
					padding: 12px;
					text-align: center;
					-webkit-box-shadow: inset 1px 1px 6px -1px #999;
					        box-shadow: inset 1px 1px 6px -1px #999;
				}
					.options p {
						margin-bottom: 16px;
						color: #666;
						text-shadow: 0px 1px 2px white;
					}
					.options a:link, .options a:visited {
						background-color: #FFF;
						border-radius: 5px;
						width: 288px;
						height: 70px;
						display: block;
						text-align: center;
						font-size: 145%;
						margin-bottom: 13px;
						text-decoration: none;
						font-weight: 500;
                        padding-top: 7px;
						color: #666;
                        line-height: 1.15;
						-webkit-box-shadow: 0px 2px 3px #DDD;
						        box-shadow: 0px 2px 3px #DDD;
					}
                    .options a:link:hover, .options a:visited:hover {
                        background: #FAFAFA;
                        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fefefe));
                        background: -webkit-linear-gradient(#ffffff, #FAFAFA 60px);
                        background:    -moz-linear-gradient(#ffffff, #FAFAFA 60px);
                        background:     -ms-linear-gradient(#ffffff, #FAFAFA 60px);
                        background:      -o-linear-gradient(#ffffff, #FAFAFA 60px);
                        background:         linear-gradient(#ffffff, #FAFAFA 60px);
                        -pie-background:    linear-gradient(#ffffff, #FAFAFA 60px);                    
                    }
					.options a:link.centered, .options a:visited.centered, #fake-iwillorganise {
						padding-top: 16px;
						height: 60px;
					}
					#container .options a.checked:link, #container .options a.checked:visited {
						background-color: #666;
						color: #FFF;
						-webkit-box-shadow: inset 1px 1px 6px -1px #000;
						        box-shadow: inset 1px 1px 6px -1px #000;
					}
                    #container .options a.checked:link:hover, #container .options a.checked:visited:hover {
                        background: #666;
                    }
                    .options a:link span, .options a:visited span{
						font-size: 55%;
						display: block;
						font-weight: 100;
					}

			li.slide-3 fieldset {
				margin:22px 21px 2px 0;
				background: #FFF;
				width: 216px;
				height: 397px;
				float: left;
				padding: 20px 17px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 2px 0px #d3b700;
				        box-shadow: 0px 2px 0px #d3b700;
			}
			li.slide-3  fieldset:last-child {
				margin-right: 0px;
			}
				li.slide-3 fieldset dl {
					margin-top: 0;
				}
				li.slide-3 fieldset dt {
					margin-bottom: 6px;
				}
				li.slide-3 fieldset a.custom-checkbox, .payment a.custom-checkbox {
					text-indent: -9999px;
				}
				#container li.slide-3 fieldset h3 {
					line-height: 1;
					margin-bottom: 7px;
					color: #666;
					font-weight: 500;
				}

				li.slide-3 fieldset input[type="text"], li.slide-3 fieldset textarea {
					width: 197px;
					height: 28px;
					-webkit-box-shadow: inset 2px 2px 4px -1px #ccc;
					        box-shadow: inset 2px 2px 4px -1px #ccc;
					margin-bottom: 7px;
					resize: none;
				}
				li.slide-3 fieldset textarea {
					height: 63px;
				}
				li.slide-3 fieldset label {
					margin-bottom: 2px;
					color: #666;
					font-weight: 100;
				}
			.summary_left {
				float: left;
				margin: 23px 19px 2px 0;
				padding: 26px 28px;
				background: #fff;
				width: 470px;
				height: 384px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 2px 0px #d3b700;
				        box-shadow: 0px 2px 0px #d3b700;
			}
				#container .summary_left h2 {
					line-height: 1;
					font-size: 200%;
					font-weight: 500;
					margin-bottom: 12px;
					color: #666;
					text-shadow: none;
				}
				.summary_left thead tr td {
					border-bottom: 1px solid #CCC;
					font-size: 90%;
					font-weight: 400;
					width: 161px;
					color: #666;
				}
				.summary_left tbody tr td {
					text-transform: uppercase;
					font-size: 80%;
					color: #666;
				}
			.summary_right {
				float: left;
				width: 200px;
				margin-top: 23px;
				background: #fff;
				padding: 26px;
				height: 384px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 2px 0px #d3b700;
				        box-shadow: 0px 2px 0px #d3b700;
			}
				#container .summary_right h3 {
					font-size: 95%;
					font-weight: 500;
					line-height: 1;
					color: #666;
				}
				.summary_right p {
					margin-bottom: 19px;
					line-height: 1.3;
					font-size: 75%;
					color: #666;
				}
			.payment {
				margin: 23px 19px 2px 0;
				padding: 41px 34px;
				background: #fff;
				border-radius: 5px;
				position: relative;
				width: 733px;
				height: 355px;
				-webkit-box-shadow: 0 2px 0 #D3B700;
				        box-shadow: 0 2px 0 #D3B700;
			}
				#container .payment h2 {
					line-height: 1;
					font-size: 210%;
					font-weight: 500;
					margin-bottom: 16px;
					color: #666;
					text-shadow: none;
				}
				.payment p {
					width: 365px;
					line-height: 1.3;
					word-spacing: 1px;
				}
				.payment p label {
					margin-left: 0;
					padding-left: 0;
				}
				#container .payment .options {
					position: absolute;
					right: 39px;
					top: 44px;
					height: 301px;
				}
				.payment .options p {
					width: 289px;
				}

.contact {}
	.contact {
		position: relative;
	}
	.applied {
		margin-top: 10px;
	}

#footer {
	width: 100%;
	background: url('../img/misc/footer_bg.png') repeat-x scroll 0 0;
	font-size: 75%;
	color: #a7a7a7;
	font-weight: 300;
	padding: 60px 0 20px;
}
	#footer .wrap {
		width: 870px;
	}
	#footer a:link, #footer a:visited {
	}

	#copyright {
		float: left;
		width: 75%;
	}
	#created {
		float: right;
		width: 25%;
	}





/* =slideshow-jcarousellite
----------*/

.slideshow {
	overflow-x: hidden;
}
	.slideshow .slider {
		width: 800px;
		overflow: hidden;
		z-index: 1;
		zoom: 1;
	}
		.slideshow .slider ul {
		}
			.slideshow .slider li {
				float: left;
				width: 800px;
                overflow: hidden;
			}
	.slideshow .slider,
	.slideshow .slider ul,
	.slideshow .slider li {

	}
	.slideshow .buttons {
		position: absolute;
		z-index: 5;
		right: 0;
		top: 0;
	}
		.slideshow .buttons a:link, .slideshow .buttons a:visited {
			float: left;
			margin-left: 5px;
		}
		.slideshow .buttons a.active:link, .slideshow .buttons a.active:visited {
		}
	.slideshow .slide-2, .slideshow .slide-3, .slideshow .slide-4 {
		height: 504px;
	}
	.slideshow .nav {
}
		.slideshow .nav a:link, .slideshow .nav a:visited {
			z-index: 5;
            text-indent: -9999px;
            display: block;
            height: 100px;
            width: 60px;
            position: absolute;
            top: 500px;
		}

        .slideshow .nav a.next:link, .slideshow .nav a.next:visited {
            right: -60px;
            background: transparent url('../img/nav_next.png') no-repeat scroll 0 0;
        }
        .slideshow .nav a.prev:link, .slideshow .nav a.prev:visited {
            left: -53px;
            background: transparent url('../img/nav_prev.png') no-repeat scroll 0 0;
        }
		.slideshow .nav a.disabled:link, .slideshow .nav a.disabled:visited {
			display: none;
		}

.custom-checkbox  {
	width: 13px;
	height: 13px;
	background: transparent url('../img/btn/checkbox_off.png') no-repeat scroll 0 0;
	float: left;
	display: block;
	margin-top: 2px;
}
.custom-checkbox.checked {
	background: transparent url('../img/btn/checkbox_on.png') no-repeat scroll 0 0;
}
#order_form #order_content .custom-label {
	line-height: 15px;
	float: left;
	margin-right: 5px;
	color: #666;
	font-weight: 500;
	font-size: 80%;
}

.hover a.trigger:link, .hover a.trigger:visited {
	text-decoration: underline;
}

.options label {
	display :none;
}













/* =transitions
----------*/






/* =pie - IE <=9
----------*/

html { -pie-load-path: "/axis/js"; }


.ie #order_form,
.ie .order_info ul li span,
.ie #order_controls ul li span
.ie .section-form input, 
.ie .section-form textarea
/*
.ie .gauge_container,
.ie .gauge_container dl dt input[type="text"],
.ie .order_info,
.ie .section-form input[type="text"],
.ie .section-form textarea,
.ie .popup_form input[type="text"],
.ie .popup_form textarea,
.ie .step3_container input[type="text"],
.ie .step3_container textarea,
.ie .section-form input[type="submit"],
.ie .section-form input[type="button"],
.ie .popup_form input[type="submit"],
.ie .popup_form input[type="button"],
.ie #gauges_popup,
.ie .turnaround,
.ie .delivery,
.ie .options,
.ie .options a:link, .ie .options a:visited,
.ie .step3_container,
.ie .summary_left,
.ie .summary_right,
.ie .payment */
 {
 	position: relative;
/*
	The URL to the .htc file is relative to the CSS file URL in IE 6-8, eg: url(PIE.htc)
	The URL to the .htc file is relative to the HTML file URL in IE 9, eg: url(css/PIE.htc)
	To make all IE versions behave the same you MUST set the path as an absolute path. For example:
	behavior: url(/path/to/css/PIE.htc);
	If you don't see rounded corners or transparency on your pages in IE, replace "PIE.htc" with "PIE.php"
	If there are any references to images in this file, edit those paths to absolute paths also.
*/
	behavior: url(/axis/css/PIE.htc);
}

.ie #intro h3 a:link, .ie #intro h3 a:visited,
.ie .order_info a:link, .ie .order-info a:visited,
.ie #container .section .section-form
{
	position: absolute;
	behavior: url(/axis/css/PIE.htc);
}

.ie #name, .ie #email, .ie #message
 {
	behavior: url(/axis/css/PIE.htc);
	border-radius: 5px;
	position: relative;
	background: #DFDFDF;
}

.ie8 .slideshow .nav {
	bottom: 75px;
}
.ie8 .gauge_container {
	width: 335px;
}
.ie8 .gauge_container dl dt input[type="text"] {
	width: 188px; 
	border: solid 1px #ccc; 
}
.ie8 .options a:link, .ie8 .options a:visited {   
	border: solid 1px #ccc; 
} 
.ie8 li.slide-3 fieldset input[type="text"],  
.ie8 li.slide-3 fieldset textarea { 
	border: solid 1px #ccc; 
	padding: 4px 5px; 
	width: 206px; 
} 

.ie8 #menu ul li.active a:link, .ie8 #menu ul li.active a:visited {
	background: transparent url('../img/misc/nav_active.png') scroll repeat-x 0 0;
	position: relative;
	padding: 5px 15px 7px;
}
.ie8 #menu ul li.active a:link:after, .ie8 #menu ul li.active a:visited:after {
	background: transparent url('../img/misc/nav_sprite.png') scroll no-repeat 0 0;
	width: 5px;
	height: 29px;
	content: '';
	display: block;
	position: absolute;
	left: -5px;
	top: 0;
}
.ie8 #menu ul li.active a:link:before, .ie8 #menu ul li.active a:visited:before {
	background: transparent url('../img/misc/nav_sprite.png') no-repeat -5px 0;
	width: 5px;
	height: 29px;
	content: '';
	display: block;
	position: absolute;
	right: -5px;
	top: 0;
}

.ie8 #menu ul li a:link:hover, .ie8 #menu ul li a:visited:hover {
	background: transparent url('../img/misc/nav_hover.png') scroll repeat-x 0 0;
	position: relative;
	padding: 5px 15px 7px;
}
.ie8 #menu ul li a:link:hover:after, .ie8 #menu ul li a:visited:hover:after {
	background: transparent url('../img/misc/nav_sprite.png') scroll no-repeat 0 -32px;
	width: 5px;
	height: 29px;
	content: '';
	display: block;
	position: absolute;
	left: -5px;
	top: 0;
}
.ie8 #menu ul li a:link:hover:before, .ie8 #menu ul li a:visited:hover:before {
	background: transparent url('../img/misc/nav_sprite.png') no-repeat -5px -32px;
	width: 5px;
	height: 29px;
	content: '';
	display: block;
	position: absolute;
	right: -5px;
	top: 0;
}

.ie .section-form input[type="submit"],
.ie .section-form input[type="button"],
.ie .popup_form input[type="submit"],
.ie .popup_form input[type="button"],
.ie .download_button {
	background: transparent url('../img/misc/submit_bg.png') no-repeat scroll 0 0;
	border: 0;
}

/* =print
----------*/

@media print {

	@page { margin: 0.5cm; }

	* {
		background: transparent !important;
		color: #000 !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}

	a:link, a:visited { text-decoration: underline;}

	abbr[title]:after { content: " (" attr(title) ")"; }

	pre, blockquote { border: solid 1px #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }

	h2, h3 { page-break-after: avoid; }
	p, h2, h3 { orphans: 3; widows: 3; }

	#page, #header, #container, #container2, #container3, #container-in, #content, #side1, #side2, #footer {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

}



/* =mq - media queries
----------*/

/* =tablet
----------*/

@media
	screen and (min-width: 768px) and (max-width: 1024px)
{

} /* tablet @media */


/* =mobile
----------*/

@media
	screen and (max-width: 767px)
{

} /* mobile @media */



/* iPhone 4+, Opera Mobile 11, high pixel ratio devices
----------*/
@media
	screen and (-webkit-min-device-pixel-ratio: 2),
	screen and (-o-min-device-pixel-ratio: 3/2),
	screen and (min--moz-device-pixel-ratio: 2),
	screen and (min-device-pixel-ratio: 2)
{

} /* high pixel ratio devices @media */