html {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #6c6c6c url('../images/back.png') top left repeat;
    height: 100%;
}

body {
	margin: 0 auto;
	width: 100%;
	padding: 70px 0 0 0;
	/*background-color: #2582C3;*/
	background: transparent url('../images/background-repeat.png') center -10px repeat-x fixed;
	font-family: 'Helvetica','Gill Sans',sans-serif;
	font-size: 9pt;
	color: #555;
	position: relative;
}

a {
    color: #999999;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
    color: #c0c0c0;
}

h1, h1, h3, h4, h5, h6 {
    margin-left: -10px;
}

div.text {
    padding-left: 20px;
}

:link img {
    border: 0;
}

div.sheen {
    position: absolute;
    z-index: 5;
    top: -9px;
    left: -1px;
    height: 350px;
    width: 201px;
    background: transparent url('../images/sheen.png') top left no-repeat;
/*    display: none;*/
}

div.othersheen {
    position: absolute;
    z-index: 5;
    bottom: -23px;
    left: 0px;
    height: 400px;
    width: 200px;
    background: transparent url('../images/sheen.other.png') right 20px no-repeat;
}

div.sidebar {
    width: 200px;
    height: 100%;
    background-color: #ccdceb;
    z-index: 4;
    clear: none;
}

div.sidebar div.sTop {
    width: 200px;
    position: absolute;
    top: -8px;
    height: 20px;
    left: 0px;
    z-index: 3;
    background: transparent url('../images/sidebar/top.png') top right no-repeat;
}

div.sidebar div.sBottom {
    width: 200px;
    position: absolute;
    bottom: -17px;
    height: 20px;
    left: 0px;
    z-index: 3;
    background: transparent url('../images/sidebar/bottom.png') bottom left no-repeat;
}

div.sidebar div.sContent {
    position: relative;
    z-index: 9;
}

div.box {
	width: 900px;
	position: relative;
	background-color: white;
	margin: 0 auto;
	z-index: 2;
	background: white url('../images/sidebar/middle.png') -23px top repeat-y;
}

div.box div.lowlight {
	width: 940px;
	height: 80px;
	z-index: 6;
	position: absolute;
	bottom: -21px;
	left: -20px;
	background: transparent url('../images/overlay.png') bottom center no-repeat;
}

div.box div.content {
    margin: 10px 0 10px 0px collapse;
    z-index: 5;
    top: -5px;
    left: -13px;
    position: relative;
    min-height: 400px;
    width: 918px;
    min-height: 1100px;
/*    background: transparent url('../images/header.jpg') top right no-repeat;*/
}

div.box div.subContent {
    position: relative;
    top: -8px;
    right: -7px;
    padding: 0px 10px 10px 30px;
    margin-left: 193px;
}

div.box div.top {
	position: absolute;
	top: -20px;
	width: 100%;
	height: 20px;
	left: 0px;
	z-index: 1;
	background-color: white;
}

div.box div.bottom {
	position: absolute;
	bottom: -20px;
	width: 100%;
	left: 0;
	height: 20px;
	z-index: 1;
	background-color: white;
}

div.box div.left {
	position: absolute;
	left: -20px;
	height: 100%;
	width: 20px;
	top: 0px;
	z-index: 1;
	background: white url('../images/square/left.middle.png') top right repeat-y;
}

div.box div.right {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 20px;
	right: -20px;
	z-index: 1;
	background-color: white;	
}

div.box div.topRight {
	position: absolute;
	top: -20px;
	width: 20px;
	height: 20px;
	right: -20px;
	z-index: 2;
	background: transparent url('../images/square/top.right.png') bottom left no-repeat;
}

div.box div.topLeft {
	position: absolute;
	top: -20px;
	width: 20px;
	height: 20px;
	left: -20px;
	z-index: 2;
	background: transparent url('../images/square/top.left.png') bottom right no-repeat;
}

div.box div.bottomRight {
	position: absolute;
	bottom: -20px;
	width: 20px;
	height: 20px;
	right: -20px;
	z-index: 2;
	background: transparent url('../images/square/bottom.right.png') top left no-repeat;
}

div.box div.bottomLeft {
	position: absolute;
	bottom: -20px;
	width: 20px;
	height: 20px;
	left: -20px;
	z-index: 2;
	background: transparent url('../images/square/bottom.left.png') top right no-repeat;
}

div.container {
	position: relative;
	background: transparent url('../images/shadow.png') bottom center no-repeat;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}

div.reflection {
	width: 940px;
	margin: 1px auto 0 auto;
	background: transparent url('../images/reflection.png') top center no-repeat;
	height: 200px;
}

div {
    margin: collapse !important;
}

ul.tabs {
    position: absolute;
    top: 180px;
    right: 0px;
    display: block;
    z-index: 10;
}

ul.tabs li {
    display: block;
    z-index: 10;
    height: 168px;
    width: 200px;
    background: transparent url('../images/tabs/off.png') right center no-repeat;
    margin-bottom: -15px;
    margin-top: -15px;
}

ul.tabs li:hover {
    background: transparent url('../images/tabs/over.png') right center no-repeat;
}

ul.tabs li#selected {
    z-index: 12;
    background: transparent url('../images/tabs/on.png') right center no-repeat;
    margin-top: -15px;
    margin-bottom: -15px;
}

ul.tabs li a {
    display: block;
    height: 100%;
    background-color: transparent;
    background-position: bottom center;
    background-repeat: no-repeat;
}

ul.tabs li a:hover {
	background-position: top center;
}

ul.tabs li#selected a {
	background-position: 10px bottom;
}

ul.tabs li#selected a:hover {
	background-position: 10px top;
}


ul.tabs li a#home {
	background-image: url("../images/sidebar/home.gif");
}

ul.tabs li a#tool {
	background-image: url("../images/sidebar/tool.gif");
}

ul.tabs li a#woman {
	background-image: url("../images/sidebar/women.gif");
}

ul.tabs li a#pie {
	background-image: url("../images/sidebar/pie.gif");
}

ul.tabs li a#remote {
	background-image: url("/images/sidebar/remote.png");
}

form#contact {
    
    display: block;
    
}

form#contact div {
    
    padding: 5px;
    
}

form#contact div div {
    
    display: block;
    padding: 3px;
    margin: 2px 2px 4px 2px;
    font-size: 10pt;
    font-weight: bold;
    
}

form#contact div span {
    
    font-size: 8pt;
    color: #aaa;
    font-style: oblique;
    display: block;
    margin: 0 0 5px 8px;
    
}

form#contact div textarea{
    
    height: 200px;
    
}

form#contact div input, form#contact div textarea , form#contact div select{
    
    width: 400px;
    margin-left: 10px;
    color: #555;
    
}

form#contact div#firstFormHeader, form#contact div#firstFormHeader div {
	
	margin-top: -5px;
	
}

span.emphasis {
    
    color: #2582C3;
    
}

P {
    
    margin-left: 10px;
    
}

table#affiliates {
    
    margin: 10px 20px;
    vertical-align: middle;
    
}

table#affiliates td {
    
    vertical-align: middle;
    
}

td.affiliateText {
    
    color: #777;
    font-size: 8pt;
    
}

td.partnersLogo {
    
    padding: 5px;
    border: 3px double #eee;
    background-color: white;
    vertical-align: middle;
    text-align: center;
    width: 175px;
    
}

td.partnersLogo a {
    
    display: block;
    
}

div#header {
	position: relative;
	top: -8px;
	left: 200px;
	height: 180px;
	width: 726px;
	z-index: 5;
}

div#siteNav {
	position: absolute;
	top: -60px;
	left: 20px;
	width: 300px;
	height: 40px;
	z-index: 12;
	margin: 0;
	padding: 0;
	
}

a.badge {
	display: block;
	float: left;
	padding: 20px 20px 20px 52px;
	margin: 10px;
	width: 248px;
	line-height: 20px;
	vertical-align: 20px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-color: #ddd;
	color: black;
	text-decoration: none;
	font-style: normal;
	border: 1px solid #bbb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/*	behavior: url('/css/border-radius.htc');
	behavior: url(/css/border-radius.htc);
	behavior: url('border-radius.htc');
	behavior: url(border-radius.htc);*/
/*	behavior: url(border-radius.htc);*/
	font-size: 1.2em;
}

a.badge:hover {
	background-color: #739AF9;
	color: white;
	border-color: #355BBA;
}

a.badge.harddrive {
	background-image: url("/images/thumbs/harddisk.png");
}

a.badge.printer {
	background-image: url("/images/thumbs/printer.png");
}

a.badge.chat {
	background-image: url("/images/thumbs/chat.png");
}

a.badge.tv {
	background-image: url("/images/thumbs/tv.png");
}

a.badge.camera {
	background-image: url("/images/thumbs/camera.png");
}

a.badge.music {
	background-image: url("/images/thumbs/music.png");
}

a.badge.email {
	background-image: url("/images/thumbs/email.png");
}

a.badge.software {
	background-image: url("/images/thumbs/software.png");
}

a.badge.monitor {
	background-image: url("/images/thumbs/monitor.png");
}

a.badge.config {
	background-image: url("/images/thumbs/config.png");
}

a.badge.voip {
	background-image: url("/images/thumbs/voip.png");
}

a.badge.phone {
	background-image: url("/images/thumbs/phone.png");
}

div.clearing {
	clear: both;
}

div.processes img {
	margin: 10px auto;
	display: block;
}

/* White Box Adverts */

@font-face {
	font-family: 'GillSansLight';
	src: url("/fonts/GillSansLight.ttf") format("truetype");
}

@font-face {
	font-family: 'GillSans';
	src: url("/fonts/GillSans.ttf") format("truetype");
}

div.box-advert-container {
	background: transparent url("/images/box adverts/Bkg.png") top left repeat-y;
	width: 700px;
	font-family: 'GillSansLight','Gill Sans','Gill Sans MT', sans-serif;
	margin: 0 0 0 -12px;
}

div.box-advert-container-header {
	background: transparent url("/images/box adverts/Top.png") top left no-repeat;
	height: 26px;
	width: 700px;
	margin: 0 0 -26px 0;
}

div.box-advert-container-footer {
	background: transparent url("/images/box adverts/Bottom.png") top left no-repeat;
	height: 26px;
	width: 700px;
	margin: -22px 0 0 0;
}

div.box-advert {
	width: 228px;
	height: 228px;
	position: relative;
	float: left;
	margin: 4px 0 0 4px;
}

div.box-advert-side-left, div.box-advert-side-right {
	height: 175px;
	width: 28px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

div.white div.box-advert-side-left, div.white div.box-advert-side-right{
	background-image: url("/images/box adverts/white/Side.png");
}

div.blue div.box-advert-side-left, div.blue div.box-advert-side-right{
	background-image: url("/images/box adverts/blue/Side.png");
}

div.box-advert div.box-advert-side-left {
	background-position: right top;
	left: 0;
}

div.box-advert div.box-advert-side-right {
	background-position: left top;
	right: 0;
}

div.box-advert-content {
	position: absolute;
	top: 0;
	left: 28px;
	right: 28px;
	width: 172px;
	height: 175px;
}

div.white div.box-advert-content {
	background: transparent url("/images/box adverts/white/Mid.png") top left repeat-x;
}

div.blue div.box-advert-content {
	background: transparent url("/images/box adverts/blue/Mid.png") top left repeat-x;
}

div.box-advert-content h1 {
	text-transform: uppercase;
	padding: 0;
	margin: 25px 0 5px 0;
	font-size: 20px;
	font-family: 'GillSans','Gill Sans','Gill Sans MT', sans-serif;
	font-weight: normal;
	line-height: 20px;
}

div.white div.box-advert-content h1 {
	color: #488AC5;
	text-shadow: 1px 1px 2px #A5A5A5;
}

div.blue div.box-advert-content h1 {
	color: white;
	text-shadow: 1px 1px 2px #3271AC;
}

div.box-advert-content p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
}

div.white div.box-advert-content p {
	color:#3F3F3F;
	text-shadow: 1px 1px 2px #A5A5A5;
}

div.blue div.box-advert-content p {
	color: #E0EBF5;
	text-shadow: 1px 1px 2px #3271AC;
}

div.box-adverts-buttons {
	height: 101px;
	position: absolute;
	bottom: 0;
	width: 220px;
}

a.box-advert-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 113px;
	height: 53px;
	display: block;
}

div.white a.box-advert-more {
	background: transparent url("/images/box adverts/white/More.png") bottom left no-repeat;
}

div.blue a.box-advert-more {
	background: transparent url("/images/box adverts/blue/More.png") bottom left no-repeat;
}

a.box-advert-buy {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 115px;
	height: 101px;
}

div.white a.box-advert-buy {
	background: transparent url("/images/box adverts/white/Buy.png") bottom right no-repeat;
}

div.blue a.box-advert-buy {
	background: transparent url("/images/box adverts/blue/Buy.png") bottom right no-repeat;
}

div.box-advert a:hover {
	text-decoration: none;
}

span.box-advert-price {
	height: 48px;
	vertical-align: middle;
	line-height: 48px;
	text-align: center;
	color: white;
	font-style: normal;
	font-size: 20px;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	text-shadow: -1px -1px 1px #83B957;
	font-family: 'GillSans';
}

span.box-advert-price.highlight {
	color: #71C041;
	text-shadow: 1px 1px 1px #D6E4CA;
	display: block;
}

div.clearing {
	clear: both;
}

div#banner {
	margin: 0 0 20px -12px;
	width: 700px;
	height: 198px;
}