body {
margin: 0 auto;
padding: 0;
background: #000000;

color: #333;
font: 12px trebuchet ms, verdana, arial, helvetica, sans-serif;
}

p, td, table, div {
font: 11px/14px trebuchet ms, verdana, arial, helvetica, sans-serif;
}

li {
font-size:12px;
line-height: 16px;
}

table,td {border:0;}

img {border:0;}

.hide {display:none;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

a {color:#148ab2;}

a.yellowback { color: #000;}
a.yellowback:hover { color: #099;}

h1 {color:#333;font-size:18px;font-weight:bold;}

h3.arrow {
background: url(/images/po/icon_yl_arrow.gif) top left no-repeat;
padding:0 0 0 20px;
margin:0;
font-size:14px;
}

.red {color:#F00;}

.boxHeader {
font-weight:bold;
color:#148AB2;
}

.footerBox {
border:2px solid #148AB2; 
background-color:#fff;
padding:0 5px 0 0px;
font-size:11px;
line-height:14px;
}

.yellowBox {
border:2px solid #000; 
background-color:#FFE100;
padding:0 5px 0 5px;
margin:5px;
}

.featureBox{
border:2px solid #000;
padding:0 5px 0 5px;
font-size:11px;
line-height:14px;
width:200px
}

#homewrapper {
margin-top:150px;
margin-left:-300px;
position:absolute;
left:50%;
width:600px;
}

#login {
background: url(/images/po/authrep.jpg) top left no-repeat;
height:200px;
padding-left:350px;
text-align:right;
}

#wrapper {
position: absolute;
width:800px;
left:50%;
margin-top:5px;
margin-left:-400px;
}

#topnav {
float:right;
clear:both;
}

#navbar {
background: #efefef url(/images/po/nav_bg.gif) top left repeat-x;
height:29px;
border-top: 1px solid #C2C2C2;
border-right: 1px solid #C2C2C2;
border-left: 1px solid #C2C2C2;
clear:both;
}

#content {
background: #fff;
border:1px solid #C2C2C2;
padding:20px;
}

.genericcontent {

background: #fff;
border:1px solid #C2C2C2;
padding:20px;
margin:20px;
}


a.superLink { background: none; padding: 0; }
li { list-style: square !important ; margin-left: 16px !important ; background-image: none !important ; padding: 0 !important ; }	

.total	{	display:block; border-top:1px solid black; font-weight:bold;	}
 .tight { margin-bottom:0 !important;}

.phoneStacked { border-bottom:1px solid #999; margin:0 0 12px 0;  }
.phoneStacked h3.phoneName { float:right; width: 467px; margin:0 0 12px 0; }
.phoneStacked .imgLink { width:70px; float:left; }
.phoneStacked .strikeTable { width:156px; float:left; margin:2px 0 0 0; }
.phoneStacked .price { text-align:right; padding:0 0 1px 0; width:52px; }
.phoneStacked .minus { border-bottom:1px solid #000; }
.phoneStacked .final { padding:1px 0 0 0; font-weight:bold; }
.phoneStacked .label { padding:0 0 1px 8px; }
.phoneStacked .summary { width:310px; float:left; border-left:1px solid #999; padding:3px 0; }
.phoneStacked .summary .superLink { margin:0 4px 0 25px; }
.phoneStacked .summary .postSuperLink, .phoneStacked .summary .outOfStock { margin:0 0 0 4px ; padding:0; display:inline; }
.phoneStacked .summary ul { margin:0px 0 4px 24px !important; }


/* --[contact form elements ]------------------------------- */

#contact label {
  float: left;
  width: 30%;
  vertical-align: top;
  }

input.button {
  display:block;
  width:85px;
  margin:3px 10px 2px 0;
  padding:5px 0 5px 0;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  background:#eee url(/images/kraemer/gradient1.png) repeat-x;
  color:#26c;
  border-top:1px solid #ddd;
  border-right:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #ddd;
  }

input.button:hover {
  background:#fff;
  color:#222;
  border-top:1px solid #ddd;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  border-left:1px solid #ddd;
  text-decoration:none;
  }

input.contact,
textarea.contact,
select.contact {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
  }

input.contact:focus,
input.contact:hover,
textarea.contact:focus,
textarea.contact:hover,
select.contact:focus,
select.contact:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
  }

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
  }

input.radio {
  background: none;
  border: 0px;
  }

.width25 { width: 24%;}
.width50 {width: 48%;}
.width73 {width: 73%;}
.width75 {width: 75%;}
.width100 {width: 100%;}

.yellowborder {
border:2px solid #000; 
background-color:#FFE100;
padding:0 5px 0 5px;
margin:5px;
}