.invisible {
	display: none;
}

.clear {
	clear: both;
	display: block;
}

* {
	zoom: 1;
}

input, textarea {
	font: 13px Arial;
	color: #555;
}

h1 {
	line-height: 0.9;
	color: #545454;
	font-size: 36px;
/*	letter-spacing: -0.04em; */
	font-family: TheMix;
}

h1 .blue {
	color: #3ba4cf;
}

h1 em {
	font-family: TheMix;
	font-weight: bold;
}

h1 em.purple {
	color: #86298a;
}

.men {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	overflow: hidden;
}

.men .man {
	display: block;
	float: left;
	width: 15px;
	height: 30px;
	background: url(../images/men.gif) no-repeat;
	background-position: -15px 0;
	cursor: pointer;
}

.men .man.selected {
	background-position: top left;
}

.men .man:hover, .men .man.hovering {
	background-position: -30px 0 !important;
}

html {
	font-family: Arial, sans-serif;
	background: white;
}

body {
	-webkit-font-smoothing: antialiased;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	overflow: hidden;
	background: url(../images/global/header.gif) no-repeat 0 90px;
	padding-top: 30px;
}

/* @group Header */

#header {
	position: relative;
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 32px;
	height: 64px;
	z-index: 99;
	width: 888px;
}

#header h1 {
	float: left;
	display: inline;
	padding-right: 30px;
	padding-top: 12px;
}

#header h1 a {
	display: block;
	width: 186px;
	background: url(../images/global/logo.gif) no-repeat left top;
	height: 52px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

#header .nav {
	float: left;
	padding-left: 14px;
	display: inline;
}

#header .nav#services {
	float: right;
	position: relative;
	z-index: 999;
	display: inline;
}

#header .nav span {
	display: block;
	color: #888888;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 6px;
	padding-left: 15px;
	width: 130px;
}

#header .nav a {
	display: block;
	height: 40px;
	background-position: 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	color: #555;
	text-decoration: none;
	line-height: 40px;
	position: relative;
	float: left;
	font-weight: bold;
}

#header .nav a:hover {
	background-position: 0 -40px;
}

#header .nav a.basic {
	background-image: url(../images/global/nav-basic.gif);
	width: 80px;
}

#header .nav a.green {
	background-image: url(../images/global/nav-green.gif);
	width: 85px;
}

#header .nav a.services {
	background-image: url(../images/global/nav-services.gif);
	width: 117px;
	padding-right: 8px;
}

#header .nav a.contact {
	background-image: url(../images/global/nav-contact.gif);
	width: 109px;
}

#header .nav a.order {
	background-image: url(../images/global/nav-order.gif);
	width: 146px;
	padding-right: 8px;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

/* @group My Group */

#header .submenu {
	float: left;
	position: relative;
	z-index: 999;
	overflow: visible;
}

#header #submenu {
	display: none;
	z-index: 1000;
	position: absolute;
	width: 160px;
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px #dddddd;
	-webkit-background-clip: padding;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	top: 40px;
	left: 0;
}

#header #submenu .top {
	background: url(../images/homepage/services-menu-top.png) no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 100px;
	top: -9px;
}

#header #submenu ul li {
	width: 100%;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
}

#header #submenu ul li:first-child {
	border-top: none;
}

#header #submenu ul li:last-child {
	border-bottom: none;
	padding-bottom: 2px;
}

#header .nav #submenu ul li a {
	background: url(../images/homepage/menu-arrow.png) no-repeat 8px 9px;
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #777;
	padding: 6px 5px 4px 20px;
	text-decoration: none;
	height: 18px;
	line-height: 17px;
	text-align: left;
	text-transform: none;
	text-shadow: 0px 1px 1px #fff;
	position: relative;
	float: none;
}

#header .nav #submenu ul li a:hover, #header .nav .selected a {
	color: #189dd2;
}

/* @end */

/* @end */

/* @group Content */

#content {
	padding-left: 41px;
	overflow: visible;
	padding-right: 41px;
	padding-top: 20px;
	background: url(../images/global/content.gif) repeat-y;
	position: relative;
	clear: both;
	z-index: 1;
}

/* @end */

/* @group Footer */

#footer {
	display: block;
	clear: both;
	padding-left: 22px;
	padding-right: 22px;
	background: url(../images/global/footer.gif) no-repeat;
	overflow: hidden;
	padding-top: 46px;
	position: relative;
}

#footer ul.first li {
	padding-left: 26px;
	padding-right: 0;
}

#footer ul {
	width: 185px;
	font-size: 12px;
	display: block;
	padding-bottom: 10px;
	border-left: 1px solid #e6e6e6;
	min-height: 140px;
	height: auto;
	_height: 140px;
	z-index: 2;
	position: relative;
	float: left;
}

#footer ul.first {
	width: 193px;
	border-left-style: none;
}

#footer ul li {
	padding-left: 20px;
	padding-right: 10px;
	line-height: 1.5;
}

#footer ul li a {
	color: #999999;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #333333;
}

#footer ul li.top {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-bottom: 11px;
	color: #666666;
	border-bottom: 1px solid #ddd;
	line-height: 18px;
}

#credits {
	background: url(../images/global/credit.gif) no-repeat 0 top;
	padding: 40px 48px 30px;
	overflow: hidden;
	position: relative;
	margin-top: -15px;
	z-index: 1;
}

#credits a {
	color: #999;
	text-decoration: none;
}

#credits a:hover {
	color: #555;
}

#credits span {
	float: left;
	font-size: 12px;
	color: #999999;
}

#credits .right {
	float: right;
}

/* @end */

#offers h2 {
	margin-top: 7px;
	margin-left: 5px;
}

#offers #matrix {
	float: left;
	background: url(../images/offers/matrix.png) no-repeat;
	width: 940px;
	margin-top: 24px;
	margin-left: -18px;
	height: auto;
	padding-bottom: 20px;
	margin-bottom: 24px;
	display: inline;
}

#offers #matrix table {
	border-collapse: collapse;
}

#offers #matrix tr.top {
	width: 100%;
	height: 68px;
}

#offers #matrix tr.top th {
	color: white;
	font-weight: bold;
}

#offers #matrix tr.top th h3 {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: 10px;
	padding-bottom: 6px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
}

#offers #matrix tr.top th small {
	font-size: 12px;
}

#offers #matrix tr.top th.purple small {
	color: #d3a7d5;
}

#offers #matrix tr.top th.orange small {
	color: #fcd49b;
}

#offers #matrix tr.top th.four h3 {
	font-size: 15px;
	text-shadow: none;
	line-height: 1.8;
	color: #189dd2 !important;
}

#offers #matrix tr.top th.four small {
	color: #bbb;
}

#offers #matrix tr.price {
	height: 70px;
}

#offers #matrix tr.price td {
	height: 60px;
	padding-top: 4px;
	padding-bottom: 6px;
}

#offers #matrix tr.feature {
	height: 43px;
}

#offers #matrix tr.feature td {
	height: 37px !important;
	padding-bottom: 6px;
}

#offers #matrix tr.feature td.two, #offers #matrix tr.feature td.three, #offers #matrix tr.feature td.four {
	font-size: 12px;
	color: #545454;
	font-weight: bold;
}

#offers #matrix tr.feature td.four {
	color: #979797;
}

#offers #matrix .one {
	width: 164px;
	padding-left: 50px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #979797;
}

#offers #matrix .two {
	width: 255px;
	text-align: center;
}

#offers #matrix .three {
	width: 255px;
	text-align: center;
}

#offers #matrix .four {
	width: 194px;
	text-align: center;
}

#offers #matrix tr.benefits {
	height: 78px;
}

#offers #matrix tr.benefits td {
	height: 78px !important;
}

#offers #matrix tr.benefits td.two, #offers #matrix tr.benefits td.three {
	font-size: 13px;
	color: #666666;
}

#offers #matrix tr.benefits td.four {
	color: #189dd2 !important;
	font-weight: bold;
	font-size: 13px;
}

#offers #matrix tr.price {
	font-weight: bold;
}

#offers #matrix tr.price .two, #offers #matrix tr.price .three {
	color: white;
	font-size: 30px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
}

#offers #matrix tr.price .four {
	font-size: 22px;
	color: #999999;
}

#offers #matrix tr.buttons td {
	padding: 0;
}

#offers #matrix tr.buttons td a {
	height: 26px;
	width: 160px;
	display: block;
	float: none;
	margin: 10px auto;
	padding-top: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	font-size: 16px;
}

#offers #matrix tr.buttons td a:hover {
	background-position: 0 -36px !important;
}

#offers #matrix tr.buttons td a:active, #offers #matrix tr.buttons td a:focus {
	position: relative;
	top: 1px;
}

#offers #matrix tr.buttons td.two a {
	background: url(../images/offers/view-tariff-purple-button.png) no-repeat;
	padding: 10px 10px 0 0;
	text-align: center;
}

#offers #matrix tr.buttons td.three a {
	background: url(../images/offers/view-tariff-orange-button.png) no-repeat;
}

#offers #content .info {
	border-top: 1px solid #eeeeee;
	clear: both;
	display: block;
	padding: 20px 80px 0px 10px;
	font-size: 12px;
	color: #979797;
}

#offers h2 #details {
	float: left;
	font-size: 26px;
	color: #979797;
}

#offers h2 #details em {
	color: #545454;
}

#offers .blurbs {
	width: 100%;
	float: left;
	padding-top: 8px;
}

#offers .blurb {
	width: 288px;
	float: left;
	font-size: 12px;
	color: #545454;
	padding-right: 10px;
	position: relative;
}

#offers .blurb em {
	font-weight: bold;
	color: #545454;
}

#offers .blurb img {
	position: relative;
	top: 0px;
	left: 3px;
	float: left;
	margin-right: 14px;
	height: 40px;
	width: 40px;
}

#homepage #content {
	
}

/* @group Page Header */

.page-header {
	position: relative;
	padding-bottom: 16px;
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
}

#homepage .page-header {
	height: 226px;
	padding-bottom: 30px;
}

#tariff .page-header {
	height: 226px;
	padding-bottom: 0;
}

#info .page-header {
	height: 117px;
}

#offers .page-header {
	height: 174px;
}

#policies .page-header {
	height: 44px;
}

#order .page-header {
	background: url(../images/order/header.gif) no-repeat 514px bottom;
	padding-bottom: 0;
}

.page-header img.background {
	position: absolute;
	top: -32px;
	right: -20px;
}

.page-header h1 {
	background: url(../images/homepage/bars.gif) no-repeat 5px bottom;
	padding-bottom: 38px;
	margin-bottom: 16px;
	padding-left: 5px;
	position: relative;
	z-index: 1;
}

#policies .page-header h1, #order .page-header h1 {
	padding-bottom: 0;
	background-image: none;
	float: left;
}

#order .page-header h1 {
	margin-bottom: 0;
}

.page-header h1 small {
	clear: both;
	display: block;
	font-size: 26px;
}

.page-header h1 span#details {
	clear: both;
	display: block;
	font-size: 26px;
}

.page-header .description {
	color: #6b6b6b;
	font-size: 18px;
	font-family: TheMix;
	width: 400px;
	line-height: 1;
	padding-bottom: 12px;
	padding-left: 6px;
	position: relative;
}

.page-header p.subtext {
	color: #666666;
	width: 390px;
	font-size: 12px;
	line-height: 1.3;
	padding-left: 5px;
	position: relative;
}

.page-header .sticker {
	position: absolute;
	top: 114px;
	left: 407px;
}

#policies .page-header h2 {
	font-size: 30px;
	width: 333px;
	height: 27px;
	position: absolute;
	top: 28px;
	left: 40px;
}

#policies .page-header .buttons {
	float: right;
	margin-top: 8px;
	padding-right: 5px;
	position: relative;
}

#policies .page-header .buttons a {
	color: #666666;
	background: white;
	border: 1px solid #dddddd;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #eaeaea;
	-moz-box-shadow: 0 1px 3px #eaeaea;
	padding: 8px 10px;
	font-size: 12px;
	margin-left: 10px;
	text-decoration: none;
}

#policies .page-header .buttons a.selected {
	color: #8b318f;
}

#policies .page-header .buttons a:hover {
	-webkit-box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
}

#policies .page-header .buttons a:focus, #policies .page-header .buttons a:active {
	position: relative;
	top: 1px;
}

.page-header .subheading {
	color: #545454;
	font-size: 26px;
	line-height: 1;
}

#order .page-header .description.big {
	font-size: 23px;
	position: relative;
	clear: both;
	width: 575px;
}

#order .page-header #under-progress {
	border-bottom: none;
}

#contact .page-header {
	height: 117px;
}

/* @end */

/* @group Panels */

.panel {
	display: inline;
	float: left;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}

.panel h2 {
	height: 20px;
	padding: 9px 20px 10px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	line-height: 22px;
	overflow: hidden;
}

.panel p.sub {
	font-size: 12px;
	padding: 8px 15px 6px;
	color: #555;
	font-weight: bold;
	line-height: 18px;
	background: #e2e2e2 url(../images/panels/sub.gif) repeat-x;
	border-bottom: 1px solid #c7c7c7;
	margin-left: 5px;
	margin-right: 5px;
}

#left .panel p.sub {
	margin-bottom: 0;
}

.panel .inner {
	overflow: hidden;
}

.panel .blocks {
	overflow: hidden;
	background: url(../images/panels/blocks.gif) repeat-y center;
	margin-left: 5px;
	margin-right: 5px;
}

.panel .blocks .one, .panel .blocks .two, .panel .blocks .three {
	display: block;
	float: left;
	padding: 10px 15px;
	min-height: 80px;
	_height: 80px;
}

.panel .blocks label {
	font-size: 12px;
	color: #555;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
}

.panel .blocks .one {
	width: 107px;
}

.panel .blocks .two {
	width: 131px;
	overflow: hidden;
}

.panel .blocks .three {
	width: 104px;
	overflow: hidden;
}

.panel .two span {
	font-size: 11px;
	color: #979797;
}

.panel .footer {
	font-size: 11px;
	display: block;
	color: #979797;
	position: relative;
	overflow: hidden;
	padding: 6px 16px 12px;
	height: 31px;
}

.panel .footer p {
	float: left;
	width: 270px;
	padding-top: 9px;
}

#left .panel .footer p {
	width: 270px;
	margin-bottom: 0;
	font-size: 11px;
}

.panel .footer span {
	color: #545454;
	font-weight: bold;
}

.panel .footer .submit {
	float: right;
	display: block;
	border: none;
	width: 149px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	height: 31px;
	background: url(../images/submit-purple.png);
	padding: 0;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	cursor: pointer;
	font-family: Arial !important;
}

.panel .footer .submit:hover {
	background-position: 0 -31px;
}

.panel .footer .submit:focus, .panel .footer .submit:active {
	top: 1px;
}

.panel .three input {
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 0px 2px #dddddd;
	-moz-box-shadow: 0px 0px 2px #dddddd;
	font-size: 13px;
	padding: 3px;
	color: #5f5f5f;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 60px;
	float: left;
	display: inline;
}

.panel .three span {
	float: left;
	display: inline;
	padding-top: 6px;
	padding-left: 5px;
	color: #555;
	font-size: 12px;
}

.panel .one input {
	width: 95px;
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 0px 2px #dddddd;
	-moz-box-shadow: 0px 0px 2px #dddddd;
	font-size: 13px;
	padding: 3px;
	color: #5f5f5f;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.panel.orange {
	
}

.panel.orange .helptext {
	height: 15px;
	margin-bottom: 0;
}

.panel.orange .tabs {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 139px;
}

.panel.orange .tabs .tab {
	padding: 12px 10px 6px 15px;
	color: #696969;
	text-decoration: none;
	display: block;
	float: left;
	width: 113px;
	border-bottom: 1px solid #dddddd;
}

.panel.orange .tabs .tab.selected {
	width: 114px;
}

.panel.orange .tabs .tab h3 {
	line-height: 1;
	display: block;
	font-size: 18px;
	font-weight: 500;
}

.panel.orange .tabs .tab small {
	position: relative;
	top: -5px;
	font-weight: bold;
	line-height: 1;
	color: #999999;
	font-size: 10px;
}

.panel.orange .tabs .tab:hover {
	background: #fafafa;
}

.panel.orange .tabs .tab.selected {
	background: #fff;
}

.panel.orange .tabs .tab.selected h3, .panel.orange .tabs .tab:hover h3 {
	color: #e98207;
}

/* @group Order */

#order #order-details h2 {
	background: url(../images/panels/blue.gif) no-repeat;
	padding-bottom: 13px;
}

#order #right .panel.purple .section.one dd, #order #right .panel.purple .section dd {
	font-size: 14px;
	color: #555;
	padding-top: 4px;
}

#order #right .panel.purple .section.one dt, #order #right .panel.purple .section dt {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #555;
}

#order #right .panel.purple .section.one dl, #order #right .panel.purple .section dl {
	float: left;
}

#order #right .panel.purple .section.one dl.left, #order #right .panel.purple .section dl.left {
	width: 65px;
}

#order #right .panel.purple .section.one {
	padding-top: 12px;
	padding-bottom: 12px;
}

#order #right .panel.purple .section.two {
	padding-top: 12px;
	padding-bottom: 12px;
}

#order #right .panel.purple .section.three {
	text-shadow: 0 1px 0px rgba(0,0,0,0.4);
	font-weight: bold;
	color: white;
	background: url(../images/panels/footer-order.gif) no-repeat;
	border-style: none;
	padding-top: 11px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	padding-left: 20px;
}

#order #right .panel.purple .section.three dt, #order #right .panel.purple .section.three dd {
	margin-left: 0;
	width: 100%;
	color: #fff;
}

#order #right .panel.purple .section.three dl {
	width: 85px;
	margin-right: 9px;
	text-align: left;
}

#order #right .panel.purple .section.three dd {
	font-size: 22px;
	padding-top: 0;
}

#order #left .panel {
	display: block;
	float: left;
}

#order #left .panel .helptext {
	width: 100%;
	font-size: 12px;
	padding: 8px 15px;
	color: #545454;
	font-weight: bold;
}

/* @end */

/* @group Side */

#right .panel {
	width: 258px;
}

#right #awards {
	background: url(../images/panels/header-side-light.gif) no-repeat 0 top;
	padding-top: 8px;
	padding-bottom: 0;
}

#right #moreinfo {
	position: relative;
	margin-top: -24px;
	z-index: 1;
	height: 138px;
}

#right #moreinfo.blue {
	background: url(../images/panels/info-blue.gif) no-repeat;
}

#right #moreinfo.purple {
	background: url(../images/panels/info-purple.gif) no-repeat;
}

#right #moreinfo p {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	line-height: 14px;
	position: relative;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 90px;
}

#right #moreinfo a {
	position: absolute;
	top: 109px;
	font-size: 11px;
	color: #555;
	font-weight: bold;
	text-decoration: none;
	left: 20px;
}

#right #moreinfo a:hover {
	text-decoration: underline;
}

#right .awards {
	background: url(../images/panels/footer-side-light.gif) no-repeat 0 bottom;
	padding-bottom: 6px;
	height: 128px;
}

#right #awards img {
	margin-left: 16px;
	margin-top: 10px;
}

#right .panel .inner {
	background: url(../images/panels/inner-side.gif) repeat-y 0 top;
}

#right .purple h2 {
	background: url(../images/panels/purple-side.png) no-repeat;
	font-size: 15px;
}

#right .panel .section {
	margin-left: 5px;
	margin-right: 5px;
	background: #f7f7f7 url(../images/panels/block.gif) repeat-x;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 12px;
	padding-top: 14px;
	overflow: hidden;
	padding-left: 15px;
}

#right .panel .section.two .men {
	float: left;
	width: 133px;
}

#right .panel .section.two span {
	margin-left: 98px;
	clear: both;
	display: block;
}

#right .panel .section.three span {
	float: left;
}

#right .panel .section label {
	width: 100px;
	display: block;
	padding-top: 6px;
	font-size: 12px;
	color: #555;
	font-weight: bold;
}

#right .panel .section input, #right .panel .section label {
	float: left;
}

#right .panel .footer {
	overflow: hidden;
	height: auto;
	background: url(../images/panels/footer-side.gif) no-repeat 0 bottom;
	padding-bottom: 16px;
}

#right .panel .footer p {
	float: left;
	display: block;
	clear: both;
	padding-left: 2px;
	width: 230px;
	padding-top: 6px;
	padding-bottom: 8px;
}

#right .panel .footer .submit {
	float: left;
	display: block;
	position: relative !important;
}

/* @end */

/* @group Narrow */

.narrow #right .panel {
	width: 222px;
}

.narrow #right .panel .inner {
	background: url(../images/panels/inner-narrow.gif) repeat-y 0 top;
}

.narrow #right .purple h2 {
	background: url(../images/panels/purple-narrow.png) no-repeat;
}

.narrow #right .panel .section {
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 12px;
	padding-top: 5px;
	overflow: hidden;
}

.narrow #right .panel .footer {
	overflow: hidden;
	height: auto;
	background: url(../images/panels/footer-narrow.gif) no-repeat 0 bottom;
	padding-bottom: 16px;
}

.narrow #right .panel .section.two span {
	margin-left: 0px;
	display: block;
	float: none;
	line-height: 14px;
	font-size: 12px;
	color: #555;
	width: 177px;
	position: relative;
}

.narrow #right .panel .section.two span strong {
	float: right;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
}

.narrow #right .panel .section label {
	padding-bottom: 4px;
	width: 100%;
}

.narrow #right .orange h2 {
	background: url(../images/panels/orange-narrow.png) no-repeat;
}

.narrow #right .orange .section {
	background-color: #fff;
	background-image: none;
	padding-top: 13px;
}

.narrow #right .orange .section.last {
	border-style: none;
	padding-bottom: 6px;
}

.narrow #right .orange .footer {
	height: 13px;
	padding: 0;
}

/* @end */

/* @group Homepage */

#homepage .panel, #order #left .purple {
	width: 445px;
	margin-bottom: 0;
}

#homepage .purple {
	clear: both;
}

#homepage .orange {
	float: right;
}

#homepage .panel .inner, #order #left .purple .inner {
	background: url(../images/panels/inner-home.gif) repeat-y 1px top;
}

#homepage .orange .inner {
	background: url(../images/panels/inner-home.gif) repeat-y right top;
}

#homepage .purple h2, #order #left .purple h2 {
	background: url(../images/panels/purple.png) no-repeat;
}

#homepage .orange h2 {
	background: url(../images/panels/orange.png) no-repeat;
}

#homepage #content .panel .footer, #order #left .purple .footer {
	font-size: 11px;
	display: block;
	color: #979797;
	position: relative;
	clear: both;
	background: url(../images/panels/footer-home.gif) no-repeat left top;
}

#homepage #content .orange .footer {
	
	background: url(../images/panels/footer-home.gif) no-repeat right bottom;
	height: 21px;
	padding: 0;
}

#homepage #content .panel .footer span, #order #left .purple .footer span {
	color: #545454;
	font-weight: bold;
}

#homepage #content .panel .footer .submit, #order #left .purple .footer .submit {
	float: right;
	display: block;
	border: none;
	width: 143px;
	height: 31px;
	background: url(../images/submit-purple.png);
	font-family: Arial !important;
	padding: 0;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

#homepage #content .panel .footer .submit:hover, #order #left .purple .footer .submit:hover {
	background-position: 0 -31px;
}

#homepage #content .panel.purple .section {
	display: block;
	float: left;
	height: 80px;
	width: 120px;
	padding: 10px;
}

#homepage #content .panel.purple .section.two span {
	font-size: 12px;
	color: #979797;
}

#homepage #content .panel.purple .section.three input {
	width: 73px;
}

#homepage #content .panel.purple .section.three span {
	font-size: 12px;
	padding-left: 5px;
	color: #979797;
}

#homepage #content .panel.purple .section label {
	font-size: 11px;
	color: #545454;
	font-weight: bold;
}

#homepage #content .panel.purple .section input {
	width: 95px;
	border: 1px solid #999999;
	-webkit-box-shadow: 0px 0px 2px #dddddd;
	-moz-box-shadow: 0px 0px 2px #dddddd;
	margin-top: 8px;
	font-size: 13px;
	padding: 3px;
	color: #5f5f5f;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* @end */

/* @end */

/* @group Tabs */

.page-header .tabs {
	position: absolute;
	bottom: 0;
	left: -10px;
	padding-left: 3px;
	padding-top: 3px;
	overflow: hidden;
}

#info .page-header .tabs {
	bottom: 0;
	_bottom: -1px;
}

.page-header .tabs a {
	background: #f8f8f8;
	border: 1px solid #eeeeee;
	border-bottom: none;
	position: relative;
	margin-right: 3px;
	text-decoration: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-radius-top-right: 5px;
	border-radius-top-left: 5px;
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	display: block;
	float: left;
	padding: 10px 15px;
	position: relative;
	height: 17px;
}

.page-header .tabs a:hover {
	background: #fcfcfc;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

.page-header .tabs a.selected {
	border-color: #dddddd;
	border-bottom: 1px solid white !important;
	position: relative;
	background: white;
	color: #8b318f;
	padding-bottom: 10px;
	top: 0;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

/* @end */

/* @group Inner Box */

#left .inner-box {
	padding: 10px;
	position: relative;
	background: url(../images/content/box-bottom.gif) no-repeat 0 bottom;
	float: left;
	width: 560px;
	margin-bottom: 18px;
}

#left .inner-box .top {
	position: absolute;
	top: 0;
	width: 580px;
	background: url(../images/content/box-top.gif) no-repeat;
	height: 12px;
	left: 0;
}

#left .inner-box.lightbulb, #left .inner-box.lightbulb-alt {
	margin-top: 24px;
}

#left .inner-box.lightbulb ul {
	width: 420px;
	float: left;
	padding-bottom: 4px;
	padding-top: 5px;
	margin-bottom: 0;
}

#left .inner-box.lightbulb-alt ul {
	width: 300px;
	float: right;
	padding-bottom: 0px;
	padding-left: 135px;
	padding-top: 6px;
	margin-bottom: 0;
}

#left .inner-box.lightbulb ul em {
	display: block;
	width: 312px;
}

#left .inner-box.lightbulb img.lightbulb {
	float: right;
	position: absolute;
	top: -40px;
	right: 0;
}

#left .inner-box.lightbulb-alt img.lightbulb {
	float: right;
	position: absolute;
	top: -32px;
	left: 2px;
}

/* @end */

/* @group Steps */

.steps {
	
}

.steps .step1, .steps .step2, .steps .step3, .steps .step4 {
	padding-left: 80px;
	padding-top: 14px;
}

#left .steps h3 {
	margin: 0;
	color: #29a4d5;
	font-size: 16px;
	border-bottom-style: none;
	padding-bottom: 4px;
}

#left .steps p {
	margin-bottom: 0;
	clear: both;
	font-size: 13px;
	line-height: 16px;
	padding-right: 100px;
}

#left .steps .step4 p {
	padding-right: 26px;
}

.steps .step1 {
	background: url(../images/tariff/step1.gif) no-repeat;
	height: 100px;
	padding-bottom: 14px;
}

.steps .step2 {
	background: url(../images/tariff/step2.gif) no-repeat;
	padding-bottom: 14px;
	height: 114px;
}

.steps .step3 {
	background: url(../images/tariff/step3.gif) no-repeat;
	height: 114px;
	padding-bottom: 14px;
}

.steps .step4 {
	background: url(../images/tariff/step4.gif) no-repeat;
	height: 114px;
	padding-bottom: 14px;
}

/* @end */

/* @group FAQs */

.faqs {
	background: url(../images/tariff/faq-bottom.gif) no-repeat 0 bottom;
	width: 580px;
}

#left .faqs h3 {
	margin: 0;
	font-size: 16px;
	color: #ec9118;
	background-image: url(../images/tariff/faq-top.gif);
	line-height: 19px;
	padding-top: 13px;
	border-bottom-style: none;
	padding-left: 20px;
	width: 560px;
}

#left .faqs ul {
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#left .faqs ul li {
	background: url(../images/tariff/faq-open.gif) no-repeat 529px 12px;
	border-bottom: 1px solid #f2f2f2;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
}

#left .faqs ul li a {
	display: block;
	padding-right: 16px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#left .faqs ul li a:hover {
	text-decoration: underline;
}

#left .faqs ul li.active {
	background: url(../images/tariff/faq-close.gif) no-repeat 529px 12px;
}

#left .faqs ul li.active a {
	color: #ec9118;
}

#left .faqs .faq {
	display: none;
	margin: 0;
	padding: 0;
}

/* @end */

#homepage #content #boxes {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 910px;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 6px;
}

#homepage #content #boxes .box {
	font-size: 11px;
	color: #979797;
	width: 245px;
	line-height: 1.4;
	margin-right: 18px;
	border: 1px solid #ebebeb;
	float: left;
	display: inline;
	margin-top: 20px;
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-height: 86px;
	-webkit-box-shadow: 0px 1px 4px #eee;
	-moz-box-shadow: 0px 1px 4px #eee;
}

#homepage #content #boxes #green {
	margin-right: 0;
}

#homepage #content #boxes .box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #545454;
	margin-bottom: 5px;
	font-family: Arial !important;
}

#homepage #content #boxes .box#faqs img {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-left: -10px;
	margin-top: 5px;
}

#homepage #content #boxes .box#green img {
	float: left;
	margin: 5px 10px 0 0;
}

#homepage #content #tariff-info .tariff-info {
	padding: 15px 0 9px 20px;
	float: left;
	width: 276px;
	min-height: 113px;
	height: auto;
	_height: 113px;
}

#homepage #content #tariff-info .tariff-info ul {
	display: block;
	float: left;
	margin-top: 4px;
	margin-bottom: 6px;
	width: 100%;
}

#homepage #content #tariff-info .tariff-info ul li {
	clear: both;
	background: url(../images/check.png) no-repeat 0 3px;
	padding: 2px 0 1px 20px;
	font-size: 13px;
	color: #777777;
	display: block;
}

#homepage #content #tariff-info .tariff-info ul:hover {
	background-position: 0 -31px;
}

#homepage #content #tariff-info .tariff-info ul:active, #homepage #content #tariff-info .tariff-info ul:focus {
	position: relative;
	top: 1px;
}

#homepage #content #tariff-info .tariff-info h3 {
	font-weight: bold;
	font-size: 14px;
	color: #545454;
}

#homepage #content #tariff-info .tariff-info a.button {
	width: 200px;
	height: 18px;
	display: block;
	float: left;
	line-height: 1;
	border: none;
	text-decoration: none;
	padding: 7px 0 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
	color: white;
	text-align: left;
	background: url(../images/orange-button.png) no-repeat;
}

#homepage #content #tariff-info .tariff-info a.button:hover {
	background-position: 0 -31px;
}

#homepage #content #tariff-info .tariff-info a.button:active, #homepage #content #tariff-info .tariff-info a.button:focus {
	position: relative;
	top: 1px;
}

#homepage #content #tariff-info .tariff-info a.button.purple {
	background: url(../images/purple-button.png) no-repeat !important;
}

a.button.blue {
	width: 160px;
	height: 17px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 10px 0 5px 13px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	color: white;
	text-align: left;
	background: url(../images/big-blue-button.png) no-repeat;
}

a.button.blue:hover {
	background-position: 0 -39px;
}

a.button.blue:active, a.button.blue:focus {
	position: relative;
	top: 1px;
}

a.button.purple {
	width: 130px;
	height: 17px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 7px 0 5px 13px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	color: white;
	text-align: left;
	background: url(../images/submit-purple.png);
	margin-right: 16px;
}

a.button.purple:hover {
	background-position: 0 -31px;
}

a.button.purple:active, a.button.purple:focus {
	position: relative;
	top: 1px;
}

p.button-description {
	padding: 8px;
}

#policies #left {
	width: 888px;
	padding: 0 7px;
	background-image: none;
}

#policies .col {
	width: 410px;
	margin-right: 30px;
	display: block;
	float: left;
	padding-bottom: 14px;
}

#policies h4 {
	font-size: 15px;
	width: 100%;
}

#left {
	float: left;
	padding-left: 7px;
	padding-right: 25px;
	background: url(../images/global/left.gif) repeat-y right top;
	padding-bottom: 20px;
	margin-bottom: -19px;
	width: 580px;
}

#left p a, #left ul li a {
	color: #189dd2;
	text-decoration: underline;
}

#left p a:hover, #left ul li a:hover {
	text-decoration: none;
}

#boxes p a {
	color: #189dd2;
	text-decoration: underline;
}

#boxes p a:hover {
	text-decoration: none;
}


#info #left img {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

.narrow #left {
	width: 616px;
	min-height: 320px;
	height: auto;
	_height: 320px;
	display: inline;
	float: left;
}

#order #left {
	
}

#left ul {
	margin-bottom: 9px;
}

#left ul li {
	background: url(../images/big-li-checkbox.png) no-repeat 3px -3px;
	font-size: 12px;
	padding-bottom: 6px;
	padding-left: 30px;
	padding-right: 2px;
}

#left ul li em {
	font-weight: bold;
}

#left h4, #left h5 {
	padding-bottom: 10px;
}

#left h4 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 10px;
}

#left h5 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #8b318f;
}

#left p, #left li {
	color: #666666;
	font-size: 13px;
	line-height: 1.5;
}

#left p {
	margin-bottom: 15px;
}

#left h3 {
	width: 100%;
	border-bottom: 1px solid #dddddd;
	line-height: 18px;
	font-weight: bold;
	color: #666666;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 17px;
	float: left;
	position: relative;
}

#left h3 a {
	background: url(../images/policies/pdf.png) no-repeat 0 0;
	padding-left: 23px;
	float: right;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	position: absolute;
	top: 1px;
	text-transform: uppercase;
	right: 0;
	line-height: 20px;
}

#left h3 a:hover {
	color: #999999;
}

#left h3 a:focus, #left h3 a:active {
	position: relative;
	top: 9px;
}

.narrow #right {
	width: 222px;
}

#order.narrow #right {
	padding-top: 2px;
}

#tariff #right {
	margin-top: -39px;
	padding-top: 0;
}

#right {
	float: right;
	width: 258px;
	padding-left: 25px;
	padding-right: 7px;
	padding-top: 20px;
}

#right h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	float: left;
	margin-bottom: 6px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}

#right .panel.orange .section h5 {
	color: #ef9622;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#right .panel.orange .section em {
	font-weight: bold;
	font-size: 22px;
	line-height: 24px;
	color: #545454;
	padding-bottom: 5px;
	display: block;
}

#right .panel.orange .section p {
	color: #999999;
	font-size: 12px;
}

#right .panel.orange .section li {
	color: #999;
	font-size: 12px;
	float: left;
	width: 50%;
}

#right .panel.orange .section li a {
	color: #999;
}

#right .panel.orange .section li a:hover {
	text-decoration: none;
}

#right .panel.orange .section dt {
	width: 80px;
	float: left;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

#right .panel.orange .section dd {
	font-size: 13px;
	line-height: 18px;
	color: #555;
}

#tariff #left .reason {
	padding: 6px 10px 8px;
	width: 45%;
	float: left;
}

#tariff #left .reason img {
	float: left;
	margin-right: 10px;
}

#tariff #left .reason h4 {
	color: #8b318f;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
}

#tariff #left .reason p {
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}



#order #bonus {
	position: absolute;
	top: -20px;
	left: 530px;
}

#order #security {
	position: absolute;
	top: 10px;
	right: 0px;
	padding-left: 35px;
	width: 180px;
	background: url(../images/order/padlock.png) no-repeat center left;
	font-size: 12px;
	color: #999999;
}

#order #security em {
	color: #545454;
	font-weight: bold;
}

#order #why {
	float: right;
	display: block;
	width: 152px;
	overflow: hidden;
}

#order #why h3 {
	color: #545454;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 4px;
}

#order #why #reasons {
	overflow: hidden;
	clear: both;
}

#order #why #reasons li {
	padding-left: 21px;
	font-size: 12px;
	margin-bottom: 10px;
	color: #666666;
	background-position: -4px -3px;
	padding-bottom: 2px;
}

#order #why #reasons li a {
	color: #189dd2;
}

#order #service_center {
	position: relative;
	margin-top: -50px;
	background: url(../images/order/service-center-bg.png);
	display: inline;
	float: right;
	height: 290px;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	width: 190px;
	margin-right: 10px;
}

#order #service_center h3 {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 1px;
}

#order #service_center .section {
	background: white;
	width: 175px;
	padding: 15px 10px 10px 0;
	color: #999999;
	font-size: 12px;
}

#order #service_center .section a {
	color: #979797;
}

#order #service_center .section.last {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomleft: 10px;
}

#order #service_center .section h5 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#order #service_center .section em {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.6;
	color: #545454;
}

#order #service_center .section p {
	color: #999999;
	font-size: 12px;
}

#order #service_center .section dt {
	width: 80px;
	float: left;
	color: #545454;
}

#progress {
	background: url(../images/order/process.gif) no-repeat;
	width: 640px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}

.step3 #progress {
	margin-right: -100px;
}

#progress ul {
	height: 43px;
	padding-top: 1px;
	padding-left: 2px;
	width: 638px;
	display: inline;
	position: relative;
	overflow: hidden;
	float: left;
}

#progress ul li {
	float: left;
	width: 94px;
	padding: 11px 10px 14px 40px;
	background-image: none;
	line-height: 18px;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	position: relative;
	display: inline;
}

#progress ul li span {
	background-color: #bbb;
	position: absolute;
	width: 18px;
	height: 18px;
	text-align: center;
	color: #fff;
	top: 11px;
	left: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#progress ul li.one {
	width: 131px;
}

#progress ul li.two {
	width: 115px;
}

.step1 #progress ul li.one {
	background: url(../images/order/process-active.gif) no-repeat;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

.step2 #progress ul li.two {
	background: url(../images/order/process-active-mid.gif) no-repeat;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

.step3 #progress ul li.three {
	background: url(../images/order/process-active-short.gif) no-repeat;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

.step4 #progress ul li.four {
	background: url(../images/order/process-active-end.gif) no-repeat;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}

.step1 #progress ul li.one span, .step2 #progress ul li.two span, .step3 #progress ul li.three span, .step4 #progress ul li.four span {
	background-color: #fff;
	color: #45a9d1;
	text-shadow: none;
}

#progress .section {
	display: block;
	float: left;
	height: 28px;
	padding: 5px 10px 5px 5px;
	width: 170px;
	color: #545454;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 15px;
}

#progress .section.active {
	padding-left: 10px;
}

#progress .section span {
	background: #cccccc;
	text-align: center;
	width: 16px;
	height: 16px;
	font-size: 15px;
	font-family: TheMix;
	padding: 4px;
	color: white;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	margin: 1px 5px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #999999;
	-webkit-box-shadow: 0 1px 0 #999999;
	-moz-box-shadow: 0 1px 0 #999999;
}

#progress .section p {
	display: block;
	float: left;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #979797;
}

#progress .section.active {
	border-left: 1px solid #3da2cb;
	background: url(../images/order/progress-active.png) right -5px;
	color: white;
}

#progress .section.active p {
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
	color: white;
}

#progress .section.active span {
	background: white;
	color: #3ba4cf;
}

.button {
	color: white;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	border: none;
}

#order #left form {
	width: 616px;
	overflow: hidden;
	clear: both;
	position: relative;
}

#order #left form .buttons {
	float: left;
	width: 596px;
	clear: both;
	background-image: url(../images/order/buttons.gif);
	height: 44px;
	padding: 12px 10px 8px;
}

#order #left form input.button {
	display: block;
	float: left;
	width: 130px;
	text-align: center;
	height: 35px;
	padding: 10px 10px 10px 0;
	font: bold 16px Arial;
	cursor: pointer;
}

#order #left form input.button.previous {
	width: 92px;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 29px;
	background: #fff url(../images/order/back.gif) no-repeat;
	margin-top: 5px;
	margin-left: 4px;
}

#order #left form input.button.previous:hover {
	background-position: 0 -29px;
}

#order #left form input.button.previous:active, #order #left form input.button.previous:focus {
	background-position: 0 1px !important;
}

#order #left form input.button.next {
	float: right;
	background: url(../images/order/next.png) top right no-repeat;
}

#order #left form input.button.next:hover {
	background-position: 100% -37px;
}

#order #left form input.button.next:active, #order #left form input.button.next:focus {
	background-position: 100% 1px !important;
}

#order #under-progress {
	float: left;
	font-size: 12px;
	color: #666666;
	background: url(../images/order/questionmark.png) no-repeat 0 8px;
	padding: 10px 25px;
	border-bottom: 1px solid #eeeeee;
	width: 565px;
	margin-bottom: 20px;
}

#order .col {
	float: left;
	padding-right: 0;
	width: 300px;
}

#order .right {
	float: right;
}

#order #order-details {
	background: url(../images/panels/panel-wide.gif) repeat-x 0 bottom;
	margin-bottom: 14px;
	float: left;
	width: 614px;
	padding-bottom: 18px;
	margin-top: 14px;
}

#order #order-details dl.section {
	width: 225px;
	padding-top: 15px;
}

#order #order-details dl.section dt {
	float: left;
	width: 140px;
	padding-bottom: 6px;
	clear: left;
}

#order #order-details dl.section dd {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 84px;
	padding-bottom: 4px;
}

#order #order-details div.section h5 {
	font-size: 18px;
	color: #555;
	font-family: TheMix;
	font-weight: bold !important;
}

#order #order-details .section {
	font-size: 12px;
	color: #666666;
	padding: 10px 0 0 20px;
	float: left;
	height: 40px;
	width: 90px;
}

#order #order-details .section strong {
	float: left;
}

#order fieldset {
	clear: left;
	display: block;
	padding: 10px 0;
}

#order fieldset.wide {
	float: left !important;
	clear: both !important;
	width: 616px;
}

#order fieldset.wide .field.checkbox input {
	float: left;
	width: auto;
	margin: 5px 10px 5px 0;
	border-style: none;
}

#order fieldset.wide .field.checkbox label {
	width: 540px;
	float: left;
}

#order fieldset h3 {
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0;
}

#order fieldset h3 em {
	font-weight: bold;
	font-size: 14px;
	color: #ff9913;
}

#order fieldset label {
	font-size: 12px;
	color: #999999;
	width: 120px;
	display: block;
	float: left;
	padding-bottom: 10px;
	line-height: 2;
}

.step3#order fieldset .field label {
	padding-bottom: 0;
}

#order fieldset .field {
	clear: left;
	padding-bottom: 4px;
	overflow: hidden;
	padding-top: 3px;
}

#order fieldset .field a.help {
	background: url(../images/order/help.png) no-repeat;
	display: block;
	float: right;
	margin: 7px 0 0;
	width: 20px;
	height: 20px;
}

#order fieldset .field input {
	padding: 4px 6px;
	width: 163px;
	float: left;
	background: url(../images/global/input.gif) no-repeat;
	border-style: none;
	height: 21px;
}

#order fieldset .field input.narrow {
	background-image: url(../images/global/input-narrow.gif);
	width: 139px;
}

#order fieldset .field label, #order fieldset .field select, #order fieldset .field input {
	float: left;
}

#order fieldset .field .text {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#order fieldset .field.checkbox input {
	float: left;
	width: 14px;
	margin: 5px 10px 5px 4px;
	border-style: none;
	height: 14px;
}

#order fieldset .field.checkbox label {
	width: auto;
	float: left;
}

#order h2#thanks {
	text-align: center;
	color: #f19113;
	margin: 30px auto 20px;
	float: left;
	width: 100%;
	font-size: 32px;
}

#order #thanks-text p {
	font-size: 13px;
	text-align: center;
	color: #999;
}

#order #thanks-text p.big {
	font-size: 14px;
	color: #555;
	margin-bottom: 20px;
	clear: both;
}

#order #thanks-text em {
	font-weight: bold;
}

#order #thanks-text a {
	color: #3ba4cf;
}

#order #finished-buttons {
	display: block;
	text-align: center;
	width: 334px;
	position: relative;
	overflow: hidden;
	margin: 30px auto 10px;
	clear: both;
}

#order #finished-buttons .button {
	margin: 0 10px;
	font-size: 14px;
	width: 147px;
	position: relative;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
}

#order #finished-buttons .button.print {
	background-image: url(../images/order/button-print.gif);
}

#order #finished-buttons .button.return {
	background-image: url(../images/order/button-return.gif);
}

#order #finished-buttons .button:hover {
	background-position: 0 -29px;
}

#order #finished-buttons .button:active {
	background-position: 0 1px;
}

.context {
	border-top: 1px solid #ddd;
	padding-top: 8px;
	margin-top: 20px;
}

#left .context p {
	margin-bottom: 0;
}

#contact .col {
  width: 290px;
  float: left;
  padding-right: 12px;
}
  
#contact .buttons {
	clear: both;
}  
  
#contact .panel.orange {
	margin-top: 0px;
}

#contact .panel a:link {
	font-weight: bold;
	text-decoration: none;
	color: #545454;
	padding-top: 2px;
}

#contact .panel a:hover {
	text-decoration: underline;
}

#contact a.facebook {
	display: block;
	height: 18px;
	width: 180px;
	background: url(../images/facebook.png) no-repeat 100% 0%;
}

#contact a.twitter {
	display: block;
	height: 18px;
	width: 180px;
	background: url(../images/twitter.png) no-repeat 100% 0%;
}

#contact #left form {
	width: 680px;
}

#contact #left form .buttons {
	float: left;
	width: 596px;
	clear: both;
	background-image: url(../images/order/buttons.gif);
	height: 44px;
	margin-top: 10px;
	padding: 12px 10px 8px;
}

#contact #left form input.button {
	display: block;
	float: left;
	width: 130px;
	text-align: center;
	height: 35px;
	padding: 10px 10px 10px 0;
	font: bold 16px Arial;
	cursor: pointer;
}

#contact #left form input.button.previous {
	width: 92px;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 29px;
	background: #fff url(../images/order/back.gif) no-repeat;
	margin-top: 5px;
	margin-left: 4px;
}

#contact #left form input.button.previous:hover {
	background-position: 0 -29px;
}

#contact #left form input.button.previous:active, #contact #left form input.button.previous:focus {
	background-position: 0 1px !important;
}

#contact #left form input.button.send {
	float: right;
	background: url(../images/order/next.png) top right no-repeat;
}

#contact #left form input.button.send:hover {
	background-position: 100% -37px;
}

#contact #left form input.button.send:active, #contact #left form input.button.send:focus {
	background-position: 100% 1px !important;
}

#contact #left form .buttons em {
	font-weight: bold;
	color: #999999;
	padding-top: 2px;
	font-size: 12px;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#contact form .textareafield {
    clear: left;
    padding-bottom: 10px;
	padding-top: 3px;
	float: left;
}
    
#contact form .textareafield textarea {
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 296px;
  height: 227px;
  float: left;
	border-style: none;
	background: url(../images/global/textarea.gif) no-repeat;
}
  
#contact form .textareafield label {
  	display: block;
   	font-size: 12px;
    color: #999999;
    width: 290px;
    display: block;
    padding-bottom: 10px;
}
    
#contact form .textareafield .text {
  font-size: 12px;
  font-weight: bold;
  color: #666666; }

#contact label {
	font-size: 12px;
	color: #999999;
	width: 120px;
	display: block;
	float: left;
	padding-bottom: 10px;
	line-height: 2;
}

#contact .field {
	clear: left;
	padding-bottom: 4px;
	overflow: hidden;
	padding-top: 3px;
	padding-left: 3px;
}

#contact .field input {
	padding: 4px 6px;
	width: 268px;
	float: left;
	background: url(../images/global/input-contact.gif) no-repeat;
	border-style: none;
	height: 21px;
}

#contact .field label, #contact .field select, #contact .field input {
	float: left;
}

#contact .field .text {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}