@charset "utf-8";
/* CSS Document */

html, body{ margin: 0; padding: 0; background: #e0e0e2 url(images/sbg.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
body{
	width: 960px;
	margin: 0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Menu Styles */
#main_menu{ width: 960px; height: 43px; margin: 0; padding: 0; background: url(images/mbg.jpg) repeat-x top; list-style: none; overflow: hidden; }
.fl_li{ float: left; background: url(images/menu-spacer.jpg) no-repeat right top; padding-right: 2px; }
.fr_li{ float: right; }
.mm_border_left, .mm_border_right{ width: 11px; height: 43px; float: left; }
.mm_border_left{ background: url(images/mbl.jpg) no-repeat; }
.mm_border_right{ background: url(images/mbr.jpg) no-repeat; }
.mm_links_active, .mm_links_active:link, .mm_links_active:visited, .mm_links_active:hover, .mm_links_active:active,
.mm_links, .mm_links:link, .mm_links:visited{
	width: auto;
	height: 33px;
	float: left;
	padding: 10px 12px 0 12px;
	font-size: 12pt;
	color: #CCCCCC;
	text-decoration: none;
}
.mm_links:hover{ background: url(images/mm-links-bg-hover.jpg) repeat-x top; color: #FFFFFF; }
.mm_links_active, .mm_links_active:link, .mm_links_active:visited, .mm_links_active:hover, .mm_links_active:active,
.mm_links:active{ background: url(images/mm-links-bg-active.jpg) repeat-x top; color: #FFFFFF; }
.mm_links_active, .mm_links_active:link, .mm_links_active:visited, .mm_links_active:hover, .mm_links_active:active{ cursor: default; }

/* Header Styles */
#header{ width: 960px; }
#trakkit_logo{ width: 241px; height: 91px; padding: 45px 0 0 5px; background: url(images/hleft-spacer.jpg) no-repeat center right; }
#header_ad{
	width: 467px;
	height: 107px;
	padding: 3px 0 0 0;
	background: url(images/hleft-spacer.jpg) no-repeat center right;
}
.bot_pad {
	padding-bottom: 3px;
}

#client_login{ width: 232px; height: 133px; float: left; padding: 3px 0 0 4px; }
#login_form{ border: 2px solid #bcbcc0; border-top: none; border-bottom: none; background: #dddddf url(images/login-form-bg.jpg) repeat-x top; float: left; }
#login_form tr td{ font-size: 11px; }
.txtbox{ width: 124px; height: 13px; float: left; background: url(images/login-txtbox-bg.gif) no-repeat; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: none; }

/* Content Styles */
#contents{ width: 960px; height: auto; float: left; padding: 10px 0 0 0; }
#home_contents{
	width: 960px;
	height: 460px;
	padding: 10px 0 0;
	background-image: url(images/images/homepage_back.gif);
	background-repeat: no-repeat;
}
#concept {
	background-image: url(images/images/how-it-works_03.gif);
	height: 197px;
	width: 590px;
}
#concept_text {
	padding-top: 45px;
	padding-left: 70px;
	padding-right: 20px;
	font-weight: normal;
}
#overview {
	background-image: url(images/images/how-it-works_06.gif);
	height: 195px;
	width: 590px;
}
#how_to {
	background-image: url(images/images/how-it-works_04.gif);
	background-repeat: no-repeat;
	height: 846px;
	width: 358px;
}
#how_to_text {
	padding-top: 70px;
	padding-right: 15px;
	padding-left: 15px;
}
#contents #concept #concept_text p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#contents #overview #overview_text p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#contents #how #how_text p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#overview_text {
	padding-top: 45px;
	padding-left: 70px;
	padding-right: 20px;
	font-weight: normal;
}
#how {
	background-image: url(images/images/how-it-works_07.gif);
	height: 454px;
	width: 590px;
	background-repeat: no-repeat;
}
#how_text {
	padding-top: 45px;
	padding-left: 70px;
	padding-right: 20px;
	font-weight: normal;
}

/* Footer Styles */
#footer{
	width: 960px;
	height: auto;
	float: left;
	padding: 10px 0 50px;
	text-align: center;
}
.footer_links, .footer_links:link, .footer_links:visited, .footer_links:active{ color: #303030; }
.footer_links:hover{ color: #1f419a; text-decoration: none; }

/* General Styles */
.fleft{ float: left; }
.fright{ float: right; }
#does-itbox {
	background-image: url(images/doesit-box.gif);
		height: 80px;
	width: 194px;
	padding-top: 50px;
	padding-left: 30px;
	background-repeat: no-repeat;
	padding-right: 10px;
}
.doesit-field       {
	background-image: url(images/email-field.gif);
	width: 157px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-repeat: no-repeat;
	line-height: 27px;
	padding-bottom: 3px;
	padding-top: 3px;
	height: 20px;
	background-color:transparent;
}
#email-itbox {
	background-image: url(images/email_box.gif);
	height: 80px;
	width: 194px;
	padding-top: 50px;
	padding-left: 30px;
	background-repeat: no-repeat;
	padding-right: 10px;
}
#email-itbox2 {
	background-image: url(images/buttons/images/buttons_01.jpg);
	height: 192px;
	width: 192px;
	background-repeat: no-repeat;
	margin: 0px;
}
#login-itbox {
	background-image: url(images/login-box.gif);
	height: 80px;
	width: 224px;
	padding-top: 40px;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-bottom: 10px;
}
.email-field       {
	background-image: url(images/doesit-box_03.gif);
	width: 167px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-color: #D6D6D8;
	line-height: 27px;
	padding-bottom: 3px;
	padding-top: 3px;
	height: 20px;
}
#container {
	height: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #000000;
	font-weight: bold;
	padding-top: 50px;
	width: 960px;
	background-image: url(images/results_bck.gif);
	background-position: center center;
}
#contact_text {
	background-image: url(images/contact_01.gif);
	height: 350px;
	width: 556px;
	background-repeat: no-repeat;
}
#contact_form {
	background-image: url(images/contact_02.gif);
	background-repeat: no-repeat;
	height: 350px;
	width: 404px;
}
.contact_text_inner {
	padding-top: 70px;
	padding-right: 40px;
	padding-left: 40px;
	font-weight: bold;
	color: #000000;
}
.contact_text_inner_2 {
	padding-top: 70px;
	padding-right: 40px;
	padding-left: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#step1 {
	background-image: url(images/step_icons/step1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 100px;
}
#step2 {
	background-image: url(images/step_icons/step4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step3 {
	background-image: url(images/step_icons/step3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step4 {
	background-image: url(images/step_icons/step4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step5 {
	background-image: url(images/step_icons/step5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step6 {
	background-image: url(images/step_icons/step6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step7 {
	background-image: url(images/step_icons/step7.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step8 {
	background-image: url(images/step_icons/step8.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
#step9 {
	background-image: url(images/step_icons/step9.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	height: 85px;
}
.step_text {
	margin-left: 55px;
}
.step_head {
	font-weight: bold;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.step_head_blue {
	font-weight: bold;
	color: #20419A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#new_home_mid {
	background-image: url(images/images/homepage_new_04.gif);
	background-repeat: no-repeat;
	height: 437px;
	width: 380px;
}
#new_home_end {
	height: 220px;
	width: 296px;
}
#new_home_end2 {
	height: 220px;
	width: 296px;
}
#new_home_end_text {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	padding: 10px;
	color: #000000;
}
#new_home_mid_cont {
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 110px;
}
#email_box {
	width: 230px;
	float: left;
}
#how_it_back {
	background-image: url(images/how_it/main_box_02.gif);
	background-repeat: repeat-y;
	margin-right: 10px;
	margin-left: 10px;
	width: 948px;
	font-size: 11px;
}
#how_it_content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.how_it_image {
	margin-right: 10px;
	margin-left: 10px;
}
#content_text_border {
	padding: 5px 15px 15px;
	font-size: 11px;
}
.float_right {
	float: right;
}
#loggedin {
	font-weight: bold;
	color: #333366;
	padding-left: 20px;
}
#homepage_left1 {
	background-image: url(images/images/homepage_new_03.gif);
	background-repeat: no-repeat;
	height: 216px;
	width: 266px;
}
#homepage_left2 {
	background-image: url(images/images/homepage_new_07.gif);
	background-repeat: no-repeat;
	height: 216px;
	width: 266px;
}
#homecontent_bottom {
	background-image: url(images/images/homepage_cont_06.gif);
	height: 247px;
	width: 644px;
	margin-right: 13px;
	margin-bottom: 10px;
	margin-left: 13px;
	background-repeat: no-repeat;
}
#home_left {
	height: 220px;
	width: 262px;
	padding-top: 10px;
	padding-left: 13px;
}
#home_right {
	background-image: url(images/images/homepage_cont_04.gif);
	background-repeat: no-repeat;
	height: 220px;
	width: 382px;
	margin-right: 13px;
	margin-top: 10px;
}
#home_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	height: 60px;
}
#bullet_text li {
	list-style-position: inside;
	list-style-image: url(images/tick_sml.gif);
}
#content_text_border p {
	margin-top: 0px;
	margin-bottom: 4px;
}
#content_text_border ul {
	margin: 10px 0px 10px 5px;
	padding-left: 15px;
}
.pad3_right {
	padding-right: 10px;
}
#checkout_1 {
	background-image: url(images/images/checkout_03.gif);
	height: 283px;
	width: 302px;
}
#checkout_1_cont {
	margin: 20px;
}
#checkout_2 {
	background-image: url(images/images/checkout_04.gif);
	height: 283px;
	width: 305px;
}
#checkout_2_cont {
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	height: 115px;
}
#checkout_3_buttons {
	padding-right: 20px;
	padding-left: 20px;
}
#checkout_3 {
	background-image: url(images/images/checkout_05.gif);
	height: 283px;
	width: 305px;
}
#checkout_3_cont {
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	height: 150px;
}
#checkout_3_buttons {
	padding-right: 20px;
	padding-left: 20px;
	text-align: right;
}
#trolley_button {

}
.blank_box {
	background-image: url(images/images/blank_box_03.gif);
	height: 283px;
	width: 302px;
}
.blank_box_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	height: 30px;
	margin-right: 20px;
	margin-left: 20px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
.blank_box_content {
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.error {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #FF0000;
}
.blank_box_content label {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
.blank_box_lrg {
	background-image: url(images/images/blank_box_lrg_03.gif);
	background-repeat: no-repeat;
	height: 380px;
	width: 302px;
	font-size: 11px;
}
.blank_box_content select {
	font-size: 11px;
}
#checkout_header {
	background-image: url(images/images/checkout_box_01.gif);
	background-repeat: no-repeat;
	height: 71px;
	width: 600px;
}
#checkout_header_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 20px;
}
#checkout_body {
	background-image: url(images/images/checkout_box_03.gif);
	background-repeat: repeat-y;
	width: 600px;
}
#checkout_footer {
	background-image: url(images/images/checkout_box_05.gif);
	height: 24px;
	width: 600px;
}
#security_heading {
	background-image: url(images/images/security_01.gif);
	background-repeat: no-repeat;
	height: 71px;
	width: 600px;
}
.blank_box_content td {
	font-size: 12px;
}
.flexi_box_header {
	background-image: url(images/images/flexi_box_03.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 302px;
}
.flexi_box_body {
	background-image: url(images/images/flexi_box_06.gif);
	background-repeat: repeat-y;
	width: 302px;
}
.flexi_box_body_flash {
	background-image: url(images/images/flexi_box_06.gif);
	background-repeat: repeat-y;
	width: 302px;
	height: 420px;
}
.flexi_box_footer {
	background-image: url(images/images/flexi_box_08.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 302px;
}
.flexi_box_header_sml {
	background-image: url(images/images/flexi_box_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 302px;
}
.trolley_footer {
	background-image: url(images/images/trolley_footer_11.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 302px;
}
#terms_box {
	padding: 20px;
	border: 2px dashed #FF9900;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#download_box {
	padding: 20px;
	border: 2px dashed #FF9900;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 580px;
}
.banner_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F7861E;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}
.float_right {
	float: right;
}
.trolley_footer form {
	margin: 0px;
	padding: 0px;
}
#news_headlines {
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.news_image {
	margin: 5px;
	padding: 2px;
	float: left;
	border: 1px solid #99B3E9;
}
.big_text {
	font-size: 60px;
	font-weight: bold;
	color: #FF9900;
}
#popup {
	padding: 10px;
	height: 200px;
	width: 400px;
	margin-top: 200px;
	margin-left: 300px;
	border: 2px dashed #F88E2D;
	position: absolute;
	background-color: #FFFFFF;
}
#popup2 {
	padding: 10px;
	width: 400px;
	margin-top: 150px;
	margin-left: 265px;
	border: 2px dashed #F88E2D;
	position: absolute;
	background-color: #FFFFFF;
}
.admin_menu {
	font-size: 11px;
}
#slide_holder {
	margin-left: 20px;
	width: auto;
	margin-right: 20px;
}
#slide_holder, a {
	text-decoration: none;
}#hire_online {
	background-image: url(images/hireonline_bck.gif);
	height: 220px;
	width: 920px;
}
#buy_online {
	background-image: url(images/buyonline_bck.gif);
	height: 220px;
	width: 920px;
}
#buy_online {
	background-image: url(images/buyonline_bck.gif);
	height: 220px;
	width: 920px;
}
#buyonline_content {
	margin-right: 20px;
	margin-left: 330px;
	padding-top: 22px;
}
#hireonline_content {
	margin-right: 20px;
	margin-left: 330px;
	padding-top: 25px;
}
#buyonline_content p {
	margin-top: 0px;
	margin-bottom: 5px;
}
#hireonline_content p {
	margin-top: 0px;
	margin-bottom: 5px;
}.buy_button {
}
.small_head {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #00CCFF;
}
.buy_scroller {
	float: right;
	height: 160px;
	width: 200px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #f6861f;
	margin-left: 10px;

}
#flash-box {
	padding: 5px;
	border: 2px dashed #FF6600;
	width: 720px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#content_scroll {
	height: 200px;
	width: 620px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
}
#content_scroll p {
	padding-bottom: 5px;
}
.product_container {
 float: left;
}
.product_head {
	background-image: url(images/shop/product_box_head.jpg);
	height: 18px;
	width: 340px;
}
.product_back {
	background-image: url(images/shop/product_box_back.jpg);
	background-repeat: repeat-y;
	width: 330px;
	padding-left: 10px;
}
.trolley_top {
	background-image: url(images/shop/trolley_head.jpg);
	height: 47px;
	width: 200px;
}
.trolley_back {
	background-image: url(images/shop/trolley_back.jpg);
	background-repeat: repeat-y;
	width: 200px;
		height: 150px;
		overflow: auto;
	padding-left: 10px;
}
.currency_back {
	background-image: url(images/shop/trolley_back.jpg);
	background-repeat: repeat-y;
	width: 200px;
	padding-left: 10px;
}.product_det_header {
	background-image: url(images/shop/images/product_details_01.jpg);
	height: 49px;
	width: 690px;
}
#product_name {
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
}
.product_det_back {
	background-image: url(images/shop/images/product_details_03.jpg);
	background-repeat: repeat-y;
	width: 690px;
	padding-right: 5px;
	padding-left: 5px;
}
#login-strip {
	background-image: url(images/login-strip.gif);
	height: 50px;
	width: 720px;
}
#login-strip-inner {
	height: 30px;
	margin-left: 170px;
	padding-top: 10px;
}
#emailholder  {
	padding-top: 110px;

}
#traakit_buy {
	background-image: url(images/shop/images/shop-page_03.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 295px;
	padding-top: 260px;
}
#traakit_hire {
	background-image: url(images/shop/images/shop-page_05.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 295px;
	padding-top: 260px;
}
#traakit_active {
	background-image: url(images/shop/images/shop-page_07.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 295px;
	padding-top: 260px;
}
.shop_content {
	margin-left: 30px;
	margin-right: 10px;
	height: 180px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #FFFFFF;
}
.shop_foot_button {
	text-align: right;
	margin-top: 10px;
}
.shop_content p {
	margin: 0px;
	padding: 0px;
}
long_product_header {
	background-image: url(images/shop/images/product_long_03.gif);
	height: 69px;
	width: 607px;
}
#shop_long_header {
	background-image: url(images/shop/images/product_long_03.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 607px;
}
#shop_long_middle {
	background-image: url(images/shop/images/product_long_06.gif);
	width: 607px;
}
#shop_long_footer {
	background-image: url(images/shop/images/checkout2_11.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 607px;
}
#shop_long_header #top_content {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 30px;
}

#shop_long_middle #main_content {
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
.orange_box {
	border: 1px solid #F7861E;
}