/* Layout */

p {
	margin-top: 0px;
	margin-bottom: 1em;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #D5D5D5;
}

ul {
	padding: 0 0 0 1em;
	margin: 0px;
}
ul li.text {
	padding: 0px;
	margin: 0 0 0 0;
}
	

#wrapper {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 10px;
	text-align: left;
	background-image: url(../gfx/wrapper-bg.png);
	background-repeat: repeat-y;
	/*
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background: #FFFFFF;
	*/
	voice-family: "\"}\"";
	voice-family:inherit;
}

#top_nav {
	width: 500px;
	float: right;
	text-align: right;
}

#right_col {
	width: 210px;
	float: right;
	margin-left: 20px;
}

#right_chat {
	width: 210px;
	float: right;
	margin-left: 10px;
}

#right_smlchat {
	width: 165px;
	float: right;
	margin-left: 10px;
	clear: both;
}

#pad {
	padding: 10px;
}

#pad_page {
	padding: 20px;
}

#banner {
	width: 720px;
	float: left;
	margin: 10px;
	height: 200px;
	z-index: -1;
}

#banner_test {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 720px;
	float: left;
	margin: 10px;
	height: 200px;
	z-index: 1;
}

#nav_test {
	z-index: 2;
}


#tile {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/blank_tile.png);
	margin: 10px;
}

#tile_sale {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/sale_tile.png);
	margin: 10px;
}

#tile_bio {
	float: left;
	width: 200px;
	background-color: #EEEEEE;
	height: 200px;
	/*background-image: url(../gfx/bio_tile.png);*/
	margin: 10px;
}

#tile_tna {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tna_tile.png);
	margin: 10px;
}

#tile_diy {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tile_diy.png);
	margin: 10px;
}

#tile_idc {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tile_idc.png);
	margin: 10px;
}

#tile_web {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tile_web.png);
	margin: 10px;
}

#tile_doorlock {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tile_doorlock.png);
	margin: 10px;
}

#tile_mob {
	float: left;
	width: 300px;
	background-color: #EEEEEE;
	height: 200px;
	background-image: url(../gfx/tile_mob.png);
	margin: 10px;
}

#package {
	float: left;
	width: 400px;
	background-color: #EEEEEE;
	height: 57px;
	background-image: url(../gfx/package-includes.png);
	margin-top: 10px;
	padding: 16px 0 0 90px;
}

#package-2 {
	float: left;
	width: 400px;
	background-color: #FFF;
	height: 57px;
	/*background-image: url(../gfx/package-includes.png); */
	margin-top: 5px;
	padding: 16px 0 0 90px;
}

#package-short {
	float: left;
	width: 260px;
	background-color: #EEEEEE;
	height: 65px;
	background-image: url(../gfx/package-includes-short.png);
	margin-top: 10px;
	padding: 12px 0 0 90px;
}

#map {
	float: left;
	background-image: url(../gfx/map.png);
	padding: 45px 0 0 315px;
	width: 310px;
	height: 425px;
}

#footer {
	clear: both;
	padding-top: 15px;
}

#home_content {
	clear: both;
}

#clear {
	clear: both;
}

#clear_left {
	clear: left;
}

#rightcol {
	width: 210px;
	float: right;
	margin: 20px 10px 10px 10px;
}

#main_content {
	clear: both;
}

#main_content_left {
	width: 670px;
	float: left;
}

#half_col {
	width: 400px;
	float: left;
	text-align: center;
	padding: 0 30px 0 0px;
}

#six_col {
	width: 130px;
	height: 325px;
	float: left;
	text-align: center;
	padding: 10px 16px 0 0;
}

#six_col_nh {
	width: 130px;
	float: left;
	text-align: center;
	padding: 10px 16px 0 0;
}

#download_col {
	width: 180px;
	float: left;
	text-align: center;
	padding: 10px 16px 0 0;
}

#screen_col {
	width: 150px;
	height: 150px;
	float: left;
	text-align: center;
	padding: 0px 16px 0 0;
}

#download_clocking-machine {
	width: 160px;
	height: 120px;
	float: left;
	text-align: center;
	padding: 10px 16px 0 0;
}

#card_col {
	width: 450px;
	float: right;
	padding: 0;
}

#product_col {
	width: 880px;
	height: 235px;
	float: left;
	padding: 15px 20px 0 20px;
	margin-top: 20px;
	background-image: url(../gfx/product-bg.png);
}

#product_col_2 {
	width: 410px;
	height: 330px;
	float: left;
	text-align: center;
	padding: 15px 15px 0 15px;
	margin-top: 20px;
	margin-right: 20px;
	background-image: url(../gfx/tile_product.png);
}

#product_col_2third {
	width: 625px;
	height: 245px;
	float: left;
	text-align: center;
	padding: 15px 15px 0 15px;
	margin-top: 20px;
	margin-right: 20px;
	background-image: url(../gfx/2third-bg.png);
}

#card_col_2 {
	width: 400px;
	height: 220px;
	float: left;
	text-align: left;
	padding: 15px 15px 0 15px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;	
	background-image: url(../gfx/clock-card-bg.png);
}

#card_picture {
	/*width: 125px;*/
	float: left;
	text-align: center;
	margin-right: 20px;
}

#feature_col_2 {
	width: 400px;
	height: 325px;
	float: left;
	text-align: center;
	padding: 20px 20px 0 20px;
	margin-top: 10px;
	margin-right: 20px;
	background-image: url(../gfx/tile_product.png);
}

#feature_col_2_right {
	width: 400px;
	height: 325px;
	float: left;
	text-align: center;
	padding: 20px 20px 0 20px;
	margin-top: 10px;
	background-image: url(../gfx/tile_product.png);
}

#product_col_3 {
	float: left;
	width: 250px;
	background-color: #FFF;
	height: 545px;
	/*background-image: url(../gfx/tile_mob.png);*/
	margin: 10px;
	text-align: center;
	padding: 10px 10px 0 10px;
}

#feature_col_3 {
	float: left;
	width: 260px;
	background-color: #FFF;
	/*background-image: url(../gfx/tile_mob.png);*/
	margin: 10px;
	text-align: center;
	padding: 10px 10px 0 10px;
}

#height500 {
	height: 500px;
}

#height550 {
	height: 550px;
}

#height1000 {
	height: 1000px;
}

#text_col {
	width: 315px;
	padding-right: 25px;
	float: left;
}

#three_columns {
	width: 295px;
	float: left;
	margin: 5px;
	padding: 8px 0 0 8px;
	border-right: 1px solid #CCC;
	background-image: url(../gfx/tile2-google1.jpg);
	height: 500px;
}

#three_columns_right {
	width: 295px;
	float: left;
	margin: 5px;
	padding: 8px 0 0 8px;
	background-image: url(../gfx/tile3-google1.jpg);
	height: 500px;
}

#three_columns_basic {
	width: 295px;
	float: left;
	margin: 5px;
	padding: 8px 0 0 5px;
	border-right: 1px solid #CCC;
	background-image: url(../gfx/tile1-google1.jpg);
	height: 500px;
}


/* Images */

.photo_100 {
	width:100px;
	height:75px;
	margin:10px;
	border: 0;
}

.photo_150 {
	width:150px;
	height:103px;
	margin:10px;
	border: 1px solid #6a6a6a;
}
#photo_500 {
	float: right;
	width: 500px;
	margin: 0 0 20px 20px;
}

#photo_400 {
	float: right;
	width: 400px;
	margin: 0 0 20px 20px;
}

#photo_350 {
	float: right;
	width: 350px;
	margin: 0 0 20px 20px;
}

#photo_300 {
	float: right;
	width: 300px;
	margin: 0 0 20px 20px;
}

#photo_250 {
	float: right;
	width: 250px;
	margin: 0 0 20px 20px;
	text-align: right;
}

#photo_200 {
	float: right;
	width: 200px;
	margin: 0 0 10px 10px;
}

#photo_220 {
	float: right;
	width: 220px;
	margin: 0 0 10px 10px;
}

#photo_290 {
	float: right;
	width: 290px;
	margin: 0 0 10px 10px;
	text-align: right;
}

#photo_90 {
	float: left;
	width: 90px;
}

.photo_cards {
	margin-bottom: 10px;
	border: 0;
}

.button_pad {
	margin-top: 10px;
	border: 0;
}

#fom_buttom {
	margin-top: 10px;
	float: right;
	width: 120px;
}

/* Text */

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6A6A6A;
	text-align: left;
}

.text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6A6A6A;
	text-align: left;
}

.text_bold_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6A6A6A;
	text-align: center;
}

.text_bold_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #086BCD;
	text-align: left;
}

.text_bold_blue_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #086BCD;
	text-align: center;
}

.text_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6A6A6A;
	text-align: right;
}

.text_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6A6A6A;
	text-align: center;
}

.text_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CD0808;
	text-align: left;
}

.text_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #6A6A6A;
	text-align: left;
	margin-top: 0.5em;
}


.top_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #086BCD;
	text-align: right;
}

.tile_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D57700;
	text-align: right;
}

.tile_price_was {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D57700;
	text-align: right;
	text-decoration: line-through;
}

.tile_price_sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D57700;
	text-align: right;
}

.block_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D57700;
	text-align: left;
}

.block_header_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D57700;
	text-align: right;
}

.block_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #086BCD;
	text-align: left;
}

.product_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D57700;
	text-align: left;
}

.product_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #086BCD;
	text-align: left;
}

.tile_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

.ad_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-top: 4px;
}

.feature_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #086BCD;
	text-align: left;
}

.feature_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CD0808;
	text-align: center;
}

.feature_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009000;
	text-align: center;
}

.clocking_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D57700;
	text-align: left;
	margin-top: 5px;
}

.red_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CD0808;
	margin-top: 5px;
}

.grey_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6A6A6A;
	text-align: center;
	margin-top: 10px;
}

.grey_price_was {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6A6A6A;
	text-decoration: line-through;
}



/* Links */

a.text_link:link {
	color: #6A6A6A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link:visited {
	color: #6A6A6A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link:hover {
	color: #6A6A6A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link:active {
	color: #6A6A6A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

a.text_link_blue:link {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link_blue:visited {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link_blue:hover {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a.text_link_blue:active {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


a.text_bold_link:link {
	color: #6A6A6A;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.text_bold_link:visited {
	color: #6A6A6A;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.text_bold_link:hover {
	color: #6A6A6A;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.text_bold_link:active {
	color: #6A6A6A;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.white_bold_link:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.white_bold_link:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.white_bold_link:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.white_bold_link:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.product_head_link:link {
	color: #086BCD;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a.product_head_link:visited {
	color: #086BCD;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.product_head_link:hover {
	color: #D57700;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.product_head_link:active {
	color: #086BCD;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


a.product_head_link_2:link {
	color: #FFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

a.product_head_link_2:visited {
	color: #FFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.product_head_link_2:hover {
	color: #FFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.product_head_link_2:active {
	color: #FFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 0px 0 20px 0;
}

.breadcrumb a{
background: transparent url(../gfx/breadcrumb.png) no-repeat center right;
text-decoration: underline;
padding-right: 14px; /*adjust bullet image padding*/
color: #6A6A6A;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #6A6A6A;
}

.breadcrumb a:hover{
text-decoration: none;
}


a.text_link_blue_bold:link {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
a.text_link_blue_bold:visited {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
a.text_link_blue_bold:hover {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
a.text_link_blue_bold:active {
	color: #086BCD;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/* Tables */
.featuretable {
	border: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-collapse: collapse;
	width: 675px;
}
.featuretable td, .featuretable th {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}

.pricetable {
	border: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-collapse: collapse;
	width: 675px;
}
.pricetable td, .featuretable th {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
.pricetable tr:hover{
	background-color: #D4E6F7;
	color: #000000;
}

.pricetable_tab {
	border: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-collapse: collapse;
	width: 625px;
}
.pricetable_tab td {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
.pricetable_tab tr:hover{
	background-color: #D4E6F7;
	color: #000000;
}

/* Right Column Stuff */

#fillblue {
	height: 14px;
	background-image:url(../gfx/rightcoltop.png);
	background-repeat: repeat-x;
	padding: 8px;
	font: 12px Arial;
	color: #FFFFFF;
}

#rightborder {
	border-right: 1px Solid #d6d6d6;
	border-left: 1px Solid #d6d6d6;
	border-bottom: 1px Solid #d6d6d6;
	padding: 5px;
}

#rightcontact {
	background-image: url(../gfx/contact-girl.jpg);
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	height: 90px;
	padding: 5px;
}

#rightmoneyback {
	background-image: url(../gfx/money-back.jpg);
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	height: 90px;
	padding: 5px;
}

#box-pkg-top {
	background-image:url(../gfx/boxed-package-top.jpg);
	padding: 25px 8px 0 8px;
}

#box-pkg-end {
	background-image: url(../gfx/boxed-package-base.jpg);
	height: 11px;
	margin: 0;
	padding: 0;
}
	
/* Error Page */

#error-box {
	position: relative;
	width: 310px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 10px 200px 10px 10px;
	text-align: left;
	background-image: url("http://www.clockingsystems.co.uk/gfx/error-bg.jpg");
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.error_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #D57700;
	text-align: left;
}

#feedback-box {
	position: relative;
	width: 600px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	background-image: url("../gfx/feedback-bg.jpg");
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family:inherit;
}

#addup-box {
	position: relative;
	width: 410px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 10px 200px 10px 10px;
	text-align: left;
	background-image: url("../gfx/feedback-bg.jpg");
	background-position: bottom;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
	voice-family: "\"}\"";
	voice-family:inherit;
}