body {
/*background-color: rgb(237,237,237);
background-image: url(bgfade.jpg);
background-repeat: repeat-x;
text-align: center; */
color: rgb(110,110,110); /* grey */
font-size: 11px;
font-weight: normal;
font-family: helvetica, arial;
margin: 0px;
/*width:1024px;*/
}
body, form {
	margin: 0px;
	font: normal 10px Arial, Helvetica, Verdana, sans-serif;
	color: rgb(70,70,70);
}
img {
	border: 0;
}
a img {border:0;}
a:link, a:visited, a:active {text-decoration: none; color: rgb(69,99,122); font-weight: bold;}
a:hover {text-decoration: underline; color: rgb(110,110,110); font-weight: bold;}
a.item:link, a.item:visited, a.item:active {text-decoration: underline;}
a.item:hover {text-decoration: none;}


div.aboutD h1,div.aboutD h2,div.aboutD h3, div.aboutD h4 {
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin-left: 0px;
}

div.h1D h1 {
	font-size: 17px; 
	font-style: italic;
}

/* Martins Additions */
div#container {
    position: relative;
    top: 0px;
	min-height: 800px;
	max-width: 100%;
	min-width: 700px;
    margin: auto;
	height:auto;
	width:auto;
}

div#header
{
    display: inline;
	padding: 0px;   
    max-width: 100%;
    min-width: 760px;
    margin: auto;
    height:auto;
}
div#footer {
 
}
div#TopCenterData
{
	position:absolute;
	top:6%;
	left:38%;
}
div#TopCenterContactData
{
	position:absolute;
	top:6%;
	left:40%;
	padding:0px;
	margin:0px;
}

div#MiddleCenterData
{
/*	position:absolute;
	top:18%;
	left:25%; */
}
div#MiddleCenterContactData
{
	position:absolute;
	top:22%;
	left:40%;
}
div#MiddleCenterRepairsData
{
	position:absolute;
	top:22%;
	left:15%;
}
div#MiddleCenterRecorderData
{
	/*position:absolute;top:5%;left:280px;*/
	position:absolute;
	top:8%;
	left:25%;	
}
div#MiddleCenterAccessoryData
{
	position:absolute;
	top:8%;
	left:25%;
}
div#MiddleCenterPackageData
{
	position:absolute;
	top:8%;
	left:25%;
}
div#ProductContent
{	position:absolute;
	top:1%;
	left:1%;
}

#navigation {
	position: absolute;
	top: 4px;
	left: 30px;
	z-index: 3;
	width: 170px;
	float:left;
	padding: 3px 3px 3px 0px;	
	padding: 0;
	border-style: solid;
	border-width: 1px;
	border-width: 0px;
	border-color: #EFEBDE;
	background-color: #648296;
	font-family: Tahoma, helvetica; font-size: 1.2em; font-weight: normal;
}
#navigation ul {
	margin: 5px 0px 0px 3px;
	margin: 0;
	padding:0px;
	border-bottom:1px solid rgb(77,106,128);
	color:#FFF;	
}
#navigation ul li {
	
	margin:0;
	padding:0;
	list-style: none;
	border:1px solid rgb(77,106,128);
	border-bottom:none;
}

#navigation ul li a {
	display: block;
	padding: 3px 8px 3px 0px;
	width: 160px;
	background-color: #648296;
        background-image: url('/nav-bg.gif');
        background-position: bottom center;
        color: #FFF;
	text-indent: 20px;
	line-height: 14px;
	text-decoration: none;
	font-family: Tahoma, helvetica; font-size: 1.2em; font-weight: normal;
}

#navigation ul li a.alt {
        color: rgb(223,230,235);
	text-indent: 15px;
}
#navigation ul li a.alt:hover {
        color: rgb(223,230,235);
	text-indent: 15px;
}
#navigation ul li a:hover {

	display: block;
	padding: 3px 8px 3px 0px;
	width: 160px;
	background-color: rgb(145,166,179);
        background-image: none;
	color: #FFF;
	text-indent: 20px;
	line-height: 14px;
	text-decoration: none;
	font-family: Tahoma, helvetica; font-size: 1.2em; font-weight: normal;

}

iframe {
overflow: hidden; 
}
.productTableStyle
{
	width:700px;
	height:auto;
	border-style: solid;
	border-width: 1px;
	border:1px solid rgb(181, 180, 179);
	border-collapse:collapse;
	text-decoration: none;
	margin-top:2px;
	margin-bottom:3px;
	vertical-align:top;
}
td.productNameHeight {
}
.accessoryTableStyle
{
	width: 760px;
	height:auto;
	border-style: solid;
	border-width: 1px;
	border:1px solid rgb(181, 180, 179);
	border-collapse:collapse;
	text-decoration: none;
	margin-left:2px;
	margin-top:6px;
	vertical-align:top;
}
.tablecellheight {
	height:auto;
	vertical-align:top;
}
.tablecellProdNameheight {
	min-height:120px;
	vertical-align:middle;
}
.tablecellaccheight {
	height:auto;
	vertical-align:top;
}
.compatacc {
	background-color: rgb(255,220,202);
	border:1px solid rgb(110,110,110);
	border-right:none;
	padding:8px;
	width:250px;
}
.newribbons {
	padding: 5px;
	background-color: rgb(225,255,212);
	border:1px solid rgb(110,110,110);
	width:120px;
	height:auto;
	vertical-align:top;
}
.newcards {
	padding: 5px;
	background-color: rgb(255,255,202);
	border:1px solid rgb(110,110,110);
	width:120px;
	height:auto;
	vertical-align:top;
}
.newmachines {
	padding: 5px;
	background-color: rgb(204,234,255);
	vertical-align:top;
}
.mypadbio {
padding: 5px 5px 0px 5px;}

.mypadtb {
padding: 5px;
border-top: 0px rgb(110,110,110) solid;
}
.mylarge {
font-size: 14px;
font-weight: bold;
padding: 5px;
margin-left:12px;
}
.cart
{
	font-size: 10px;
	height:auto;
	vertical-align:top;
	margin-left:22px;
}
.generaltext
{
	font-size: 12px;
	height:auto;
	vertical-align:top;
}
.topmost
{
position:absolute;
z-index:20002;
margin-left:2px;
padding: 5px 5px 0px 5px;
background-color:#FFF;
border:none;
}
.moveto
{
margin-left:2px;
vertical-align:middle;
}

.checkoutpos
{
margin-top:100px;
vertical-align:middle;
}

/* Martins Additions */














table {
border-collapse: collapse;}

td {
padding: 0px}

.pw {
text-align: center;
font-weight: normal;
color: rgb(110,110,110);
padding-top: 3px;}

.bodytext {
color: rgb(110,110,110); /* grey */
font-size: 11px;
font-weight: normal;
font-family: helvetica, arial;
}

span.inc {
color: rgb(110,110,110);
font-size: 11px;
}

.vcart {
margin-right: 17px;
font-size: 10px;
}

.bull {
color: rgb(80,80,80); /* grey */
font-size: 13px;
font-weight: bold;
margin-left: 35px; margin-top: 2px; margin-bottom: 5px; }

.logotopstretch {
background-image: url(logotopstretch.gif); background-repeat: repeat-x; background-position: center top;}
.logobottomstretch {
background-image: url(logobottomstretch.gif); background-repeat: repeat-x; background-position: center top;}

.linkstable {
background-image: url(linkstable.gif); background-repeat: repeat-x; background-position: left top; height: 41px;}

.logobottomleft {
background-image: url(logobottomleft.gif); background-repeat: no-repeat; background-position: left top;}

table.logobottomleft {
    height:250px;
}
.logobottomright {
background-image: url(logobottomright.gif); background-repeat:  no-repeat; background-position: left top;}

.menu {
text-align: left;
font-size: 17px;
font-weight: bold;
color: rgb(255,255,255);
line-height: 30px;}
a:link.menu, a:visited.menu, a:active.menu {text-decoration: none; color: rgb(255,255,255);}
a:hover.menu {text-decoration: none; color: rgb(220,50,50);}

.topmenu {
text-align: right;
font-size: 11px;
font-weight: bold;
color: rgb(255,255,255);}
a:link.topmenu, a:visited.topmenu, a:active.topmenu {text-decoration: none; color: rgb(255,255,255);}
a:hover.topmenu {text-decoration: none; color: rgb(220,50,50);}

.submenu {
text-align: right;
font-size: 11px;
font-weight: normal;
color: rgb(255,255,255);}
a:link.submenu, a:visited.submenu, a:active.submenu {text-decoration: none; color: rgb(109,139,162); font-weight: normal;}
a:hover.submenu {text-decoration: none; color: rgb(220,50,50); font-weight: normal;}

/* a:visited.poplink {text-decoration: none; color: rgb(110,110,110); font-weight: normal;} -------decided it won't work coz not a real link (onclick) -------*/

.price {
color: rgb(220,50,50);
font-weight: bold;
padding-right: 8px;
font-size: 17px;}

.hand {
cursor: pointer;}

.large {
font-size: 17px;
font-weight: bold;}

.largered {
font-size: 17px;
font-weight: bold;
color: rgb(180,40,40);}

.item {
font-size: 17px;
font-weight: bold;
color: rgb(69,99,122);
}

.ribbons {
padding: 5px;
background-color: rgb(225,255,212);
border-top: 1px rgb(110,110,110) solid;}

.cards {
padding: 5px;
background-color: rgb(255,255,202);
border-top: 1px rgb(110,110,110) solid;}

.machines {
padding: 5px;
background-color: rgb(204,234,255);
border-top: 1px rgb(110,110,110) solid;}

.bio {
padding: 5px;
background-color: rgb(255,220,202);
border-top: 1px  rgb(110,110,110) solid;
border-left: 1px  rgb(110,110,110) solid;
}

.quote {
color: rgb(180,40,40);
font-size: 17px;
font-weight: bold;
font-family: helvetica, arial;
background-color: rgb(252,237,172);
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
}

.workchoices {
padding-right: 5px;
padding-left: 5px;}

.history {
padding-right: 40px;
padding-left: 40px;}

.pad {
padding: 5px;
}

.padbio {
padding: 5px 5px 0px 5px;}

.padtb {
padding: 5px;
border-top: 1px rgb(110,110,110) solid;}

.tb {
border-top: 1px rgb(110,110,110) solid;}

.border {
border: 1px rgb(110,110,110) solid;
text-align: center;}

ul {
margin: 15px;}

.also {
text-align: right;}

a:link.also, a:visited.also, a:active.also {text-decoration: none; font-weight: normal;}
a:hover.also {text-decoration: underline; color: rgb(69,99,122); font-weight: bold; font-weight: normal;}

.contactform {
font-size: 11px;
font-weight: normal;
font-family: helvetica, arial;
color: rgb(69,99,122);}

table.footer {
text-align: center;
color: rgb(255,255,255);
background-image: url(footerbg.gif); background-repeat: repeat-x; background-position: center top;}

#wizardD {
	background-color: rgb(233,240,245); padding: 10px; width: 230px; height: 400px; position: absolute; left: 10px; top: 255px;
}

#wizardFrame {
	border: 0px; width: 230px; height: 400px;
}

body.wizardB {
	background-color: rgb(233,240,245);
}

.wizardB select {
	width: 200px;
}

.wizardB h1, .wizardB h2, .wizardB h3, .wizardB h4, .wizardB h5, .wizardB h6 {
	font-size: 12px; margin: 8px 0 2px 0; padding: 0px; color: rgb(50,50,50); text-align: left;
}
.wizardB h1 {
	font-size: 16px;
}

.wizardH {
	margin: 35px 50px 10px 50px; font-size: 16px; padding: 5px; background-color: rgb(233,240,245); width: 80%; *width: auto; 
}


/* original propogation */

#counterdiv {
	background-color: white; width: 200px; height: 100px; visibility: hidden; position: absolute; top: 40%; left: 40%; text-align: center; z-index: 999;
}
#bgD {
	width: 100%; /*position: absolute; top: 0px; left: 0px; background: rgb(75,90,183) url('/bg.jpg') top left repeat-x;*/
}
#pageD {
	width: 740px; height: auto; margin:40px; position: relative;
}
div.link {
	position: absolute; left: -13px; width: 222px;
}
div.link a.link {
	display: block; width: 100%; height: 100%;
}
.nocooksS {
	color: rgb(200,40,40); font-weight: bold; font-size: 10px;
}
a.nocooksS {
	color: rgb(200,40,40); font-weight: bold; font-size: 10px; text-decoration: underline;
}
#contentD {
	position: absolute; left: 5px; top: 40px; width: 740px; height: auto; background: #ffffff; border: 0px solid #ffffff;
}
#headerD {
	 background: rgb(131,155,171); border: 2px solid rgb(100,130,151); margin-left: 20px;
}
#headerD2 {
	 margin-top:5px;border: 1px solid rgb(100,130,151);
}
#headerD2 h1 {
	color:#444 ; font-size: 16px; margin: 0px 0px 15px 15px;text-decoration: none;
}
#headerD h1 {
	color: rgb(255,255,255); font-size: 22px; margin: 0px 0px 15px 15px;
}
#headerD h1 span {
	color: rgb(192,242,147); font-size: 14px;
}
h2 {
	font-size: 18px; color: rgb(142,182,87); font-weight: bold;
}
div.buttonD a.link {
	display: block; width: 100%; height: 45px;
}
#debug {
	position: absolute; top: 0px; left: 50px; color: white; font-size: 15px;
}
div.thumbD {
	width: 240px; height: 160px; float: right; text-align: center; margin: 10px auto 20px auto;
}
div.thumbDTotal {
	width: 240px; height: 200px; float: right; text-align: center; margin: 20px auto 5px auto;
}
ul {
	*margin-left: 20px; padding-left: 20px; *padding-left: 0px;
}

h4 span {
	font-size: 11px;
}
h4 span strong {
	font-size: 13px; color: #676EB8;
}


h4 {
	margin: 5px 80px; text-align: center; font-size: 16px; padding-bottom: 10px;
}
#ct {
	clear: both; width: 100%; text-align: center; margin: 0px; height: 0px;
}

.cartheadD {
	margin-bottom: 0px; border-top: 1px solid rgb(183,175,171); border-bottom: 1px solid rgb(183,175,171); clear: both; font-weight: bold; font-size: 12px; height: 40px;
}
.cartrowD {
	margin-bottom: 15px; border-top: 1px solid rgb(243,235,231); clear: both;
}
.cart0D {
	width: 105px; height: 70px; padding: 5px; overflow: hidden; border: 0px solid #D3D5F2; text-align: center;
	margin-right: 15px; float: left;
}
.cart1D {
	width: 24%; padding-top: 15px;
	margin-right: 15px; float: left;
}
.cart2D {
	width: 8%; padding-top: 15px;
	margin-right: 15px; float: left; white-space: nowrap;
}
.qua {
	width: 25px; text-align: right; position: relative; top: -5px; left: 10px;
}
#checkout0B {
	position: relative; top: -12px;
}
#checkout1B {
	position: relative; top: -6px;
}
.cartbut0D {
	padding-bottom: 10px; clear: both; font-weight: bold; font-size: 15px; height: 35px; border-bottom: 1px solid rgb(243,235,231);
}
.cartbut1D {
	margin: 5px 0px 5px 0px; border-top: 1px solid rgb(183,175,171); clear: both; font-weight: bold; font-size: 15px; height: 35px;
}
.updateB {
	font-size: 9px; font-weight: normal; padding: 0px; margin: 0px;
}
.totD {
	width: 12%; padding-top: 15px; text-align: right;
	margin-right: 15px; float: left; white-space: nowrap;
}
#tlD {
	position: absolute; left: 30px; top: 150px; border: 1px solid #2D3A3A; background: #99FFFF; width: 180px;
}
#trD {
	position: absolute; left: 230px; top: 140px; border: 1px solid #2D3A3A; background: #99FFFF; width: 190px;
}
#blD {
	position: absolute; left: 20px; top: 370px; border: 1px solid #2D3A3A; background: #99FFFF; width: 190px;
}
div.rowD {
	clear: both; width: 100%; height: auto;
}
#pw {
	clear: both; position: relative; top: 45px; left: 0px; text-align: center; padding-bottom: 10px;
}

/* online time clock */
div#TopCenterData.otc {
    min-width:630px;
}
div.numBox {
    width:90px;
    height:160px;
    float:left;
    margin-right:3px;
    border:2px groove gray;
    font:bold 160px Arial;
    line-height:160px;
    color:white;
    background:black;
    text-align:center;
    position:relative;
}
div.separator {
    width:13px;
    color:black;
    background:transparent;
    border:0px;
    text-indent:-13px;
    font:normal 140px Arial;
}
img.flipper {
    display:none;
    position:absolute;
    left:-16px;
    top:-2px;
}
img.axle {
    position:absolute;
    top:67px;
    left:-1px;
    width:92px;
    height:26px;
    border:0px;
}
#startStopB {
    position:absolute;
    left:-120px;
    top:110px;
    width:92px;
    height:45px;
    text-align:center;
    line-height:45px;
    font-size:20px;
    font-weight:bold;
    color:black;
    border:4px outset rgb(25,150,57);
    background-color:rgb(28,179,73);
    cursor:pointer;
}
.preload {
    display:none;
}
div.logBox {
    width:80%;
    padding:10px 4%;
    height:20px;
    border:1px solid rgb(150,150,150);
    background:rgb(220,220,220);
    cursor:pointer;
    font-size:20px;
    float:left;
}
div.logBox:hover {
    background:rgb(170,170,170);
}
div#selected {
    background:rgb(40,40,40);
    color:rgb(240,240,240);
    border-color:rgb(0,0,0);
}
input.rightI {
    width:42px;
    height:42px;
    font-size:10px;
    font-weight:bold;
}
img.rightI, input.rightI {
    border:1px solid rgb(150,150,150);
    border-left-width:0px;
    padding:8px;
    background-color:rgb(220,220,220);
    float:left;
    cursor:pointer;
}
img.rightI:hover, input.rightI:hover {
    background:rgb(170,170,170);
}
input#addButton {
    width:140px;
    height:32px;
    margin:20px 4%;
    float:right;
    background-color:rgb(28,179,73);
    border:1px solid rgb(25,150,57);
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}
input#addButton:hover {
    background:rgb(25,150,57);
}