body {
    background: url(graphics/psw-stripes.gif) repeat;
    text-align: center;
    margin: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border:  none;
}

table, tr, td, th {
    padding: 0;
}

#shadow {
margin: 0 auto;
padding:0;
width: 798px;
background: url(graphics/psw-stripes2.gif) repeat-y;

}

#contain {
    text-align: left;
    width: 780px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: .9em;
    
}

.clearhr {
    clear: both;
    height: 0px;
    visibility: hidden;
    
}

#app-message {
  border: 1px solid #ff0000;
  color: #ff0000;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}

#cat-message {
  border: 1px solid #2D32C4;
  background: #2D32C4;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
  text-align: center;
  font-size: .85em;
}


/*-------------------------------------------------------HEADER STYLES*/


#print-header {
    display: none;
}

#hdr-nav {
    position: absolute;
    list-style: none;
    top: 100px;
    right: 3px;
}

#header-contain {
    position: relative;
}

#hdr-nav li {
    float: left;
    margin: 0 0px;
    color: White;
    padding: 0;
    font-size: .5em;
    font-weight: normal;
}

#hdr-nav a {
    color: White;
    display: block;
    height: 10px;
    margin: 0 10px;
    overflow: hidden;
    line-height: 5em;
}

#header-contain > #hdr-nav {
    top: 85px;
    right: 3px;
}

.home {
    width: 20px;
}

.catalog-request {
    width: 75px;
}

#search {
    position: absolute;
    left: 520px;
    top: 10px;
    vertical-align: middle;
    margin: 0;
    padding:0;

}

#header-contain > #search {
    right:3px;
    
    
}

#srch-graphic   { margin-top:0px; border: 0px solid red; padding-bottom: 0px;}

input#srch {
    border:1px solid #707070;
    margin: 0px 8px 8px 0px;
    padding: 2px 0px 0px 2px;
    color: #9E9E9E; 
    font-size: .7em;
    height: 18px;
    width: 172px;
}


#contain th#hdr {
    background: transparent url(graphics/psw-header.jpg) no-repeat;
    width: 780px;
    margin: 0px;
    padding: 0px;
    height: 115px;
}

#contain th a#PSW {
    display: block;
    height: 115px;
    width: 265px;
    position: relative;
    overflow: hidden;
    line-height: 20em;
}


#t-nav {
    background: #b7b7b7  url(graphics/t-nav-bg.gif) repeat-x;   
    height: 20px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid white;
}

#t-nav ul {
    list-style: none;
    background: url(graphics/t-nav-sidebar.jpg) no-repeat;
    background-position: 0px 0px;
    padding: 0 0 0 152px;
    margin: 0;
    height: 20px;
}

#t-nav ul li {
    float: left;
    background: url(graphics/t-nav-divider.gif) no-repeat;
    width: 153px;
    height: 20px;
}

#t-nav ul li a {
    display: block;
    color: #666;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: .85em;
    font-weight: bolder;
    text-align: center;
    padding: 3px 0 0 24px;
    text-decoration: none;
    text-transform:uppercase;

}

#t-nav ul li a:hover {
    color: #684c0f;
}

/*-------------------------------------------------------PRIMARY NAV STYLES*/

#p-nav {
    background: #008bc7;
    width: 142px;
    color: White;
    font-family: "Trebuchet MS";
    font-weight: bolder;
    position: relative;
    /*text-transform: uppercase;*/
}

#p-nav ul {
    list-style: none;
    margin: 10px 5px 3em 10px;
    padding: 0;
}

#p-nav ul li {
    padding-top: 4px;
    line-height: 0px;
    position: relative;
    margin: 0;
    border: 1px solid #008bc7;
}

#p-nav ul li a {
    color: White;
    text-decoration: none;
    display: block;
    padding: 0 0 3px 1px;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    border-bottom: 1px solid #F3F4FC;
    /*background: url(graphics/p-nav-lines.gif) repeat-x;
    background-position: bottom;*/
}

#p-nav ul li a.img {
    height: 98px; /* used to be 75px */
    border-bottom: none;
    background-image: url(graphics/verisign-wAmex.png) ;
    background-repeat: no-repeat;
    width: 134px;
}

#p-nav ul li a:hover {
    color: #F6BA3B;
}


/*#p-nav ul li ul {
    background: transparent url(graphics/p-sub-nav-bg.gif) repeat-y;
    background-position: 11px 0;
    position: absolute;
    left: 116px;
    width: 153px;
    margin: -25px 0 0 0;
    padding: 8px 0 10px 35px;
    display: none;
}

#p-nav ul li:hover ul, #p-nav ul li.over ul{
    display: block;
}

li > ul {
    top: auto;
}

#p-nav ul li ul li{
    margin: 0 15px;
}

#p-nav ul li ul li a {
    color: White;
    text-decoration: none;
    display: block;
    height: 20px;
    padding: 0 0 0 1px;
    background: url(graphics/p-sub-nav-lines.gif) repeat-x;
    background-position: 0 1px;
}
*/

/*-------------------------------------------------------CONTENT STYLES*/

#content {
    width: 628px;
    background: White;
}

#copy {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
}

#copy h2 {
    color: #008bc7;
    font-size: 1em;
    margin: 1em 0 -.5em;
}

#copy p {
    margin: 1em 0;
    padding: 0;
    width: 450px;
}

#copy a:link    {
color: #008bc7;
}
#copy a:visited {
color: #333333;
}
#copy a:hover   {
color: red;
}
#copy a:active  {
color: red;
}

#copy .blue-text {
    color: #008bc7;
}

.row {
    clear: both;
    margin: 1em 0;
}
span.c-1{
    display: block;
    width: 200px;
    float: left;
}

.red {
    color: #FD1813;
}

h3 {
    font-size: 1em;
    margin: 1em 0 0em;
}  


/*-------------------------------------------------------HOME STYLES*/

table#columns{
    width: 100%;
    padding: 0;
}

#columns td{
    padding: 12px;
    vertical-align: top;
}

.hm-c1 {
    width: 306px;
}

.hm-c2 {
    width: 152px;
}

.hm-c3 {
    width: 170px;
}

#columns .hm-c3 hr{
  margin: 6px 0;
}

.hm-c3 P{
    font-size: .7em;
    font-weight: bold;
    margin: .8em 0;
}

.heading {
    
    font-weight: bolder;
    color: #008bc7;
}

#c-clms .heading    {font-family: Georgia, "Times New Roman", Times, serif;}
#q-cart .heading    {font-family: "Trebuchet MS", sans-serif;}

#c-heading td{
    border-bottom: 1px solid #5F5F5F;
    padding: 10px 12px 5px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:.95em;
}

#c-clms .hm-c1 {
    border-right:  1px solid #5F5F5F;
    padding: 12px;
}
#c-clms .hm-c2 {
    border-right:  1px solid #5F5F5F;
}

#columns hr {   
    visibility: visible;
    height: 1px;
    background:  transparent none;
    border-bottom: 1px solid #5F5F5F;
    margin:0 0 12px 0;
}

.feat-vert img {
    float: left;
}

.feat-vert div.details {
    margin-left: 140px;
}


div.details p {
    text-transform: uppercase;
    font-size: .7em;
    font-weight: bold;
    margin: .8em 0;
}

div.details select{
    display: block;
    margin:0 0 7px;
}

div.details ul {
    margin: .8em 0 0 1em;
    padding: 0;
}

.more-info a {
     color: Red;
     font-style: italic;
     font-weight: bold;
     text-transform: uppercase;
   font-size: .7em;
}

.deal {
    color: Gray;
    display: block;
    font-size: .75em;
    margin-bottom: 1em;
}

.title {
    color: black;
    display: block;
    font-size: .9em;
    margin: 0 0 0 .1em;
}

.top-seller .title{
    margin: .8em 0 0;
}

.t-sub {
    color: red;
    font-size: .8em;
    margin: 0 0 0 .1em;
}

.o-price {display: block; color: #000;}

.s-price {display: block; color: Red;}

.sku {display: block;}

/*
.feat-hor .title {
    display: inline;
}
*/

/*-------------------------------------------------------CAT/PROD STYLES*/

#breadcrumb {
    font-family:"Trebuchet MS", sans-serif;
    color: #5d5d5d;
    font-size: .8em
}

#breadcrumb a {
    font-family:"Trebuchet MS", sans-serif;
    color: #5d5d5d;
    text-decoration: none;
}
#breadcrumb a:hover {text-decoration: underline;}

#breadcrumb .heading {
    font-size: 1.2em;
}

#m-column {
    border-right:  1px solid #5F5F5F;
    border-bottom: 1px solid #5F5F5F;
    padding: 12px;
    width: 460px;
}

#cat-wrap {
    margin: -12px; 
    padding: 12px; /* padding and margin so the image covers the whole m-column */
    background-image: url(graphics/interior-back.jpg);
    background-position:top right;
    background-repeat: no-repeat; 
}
* html #cat-wrap {margin-bottom: -31px;}

#cat-body.home div {
	width: 100%; 
}
#cat-body {
    font-size: 9px;
    color: #999;
}
#cat-body div {
    width: 460px;
}
.paginate {
    text-align: right;
    font-size: .65em;
}

.paginate a {
    padding: 0 3px;
    text-decoration: none;
    color: Black;
}

.paginate a.selected, .paginate a.next {
    color: Red;
}

.prod-row {
    margin: 12px 0;
}

.prod-thms {
    float: left;
    width: 145px;
    padding: 0 4px;
}

/*\*//*/
 .prod-thms {
    padding: 0 0px;
}
/**/


#q-cart {
    padding: 12px 0 0 12px
}

#cart p{
    font-family:"Trebuchet MS", sans-serif;
    font-weight: bold;
    font-size: .7em;
    color: #5A5A5A;
    text-transform: uppercase;
}
#cart p a {
    font-family:"Trebuchet MS", sans-serif;
    color: #5A5A5A;
    text-decoration: none;
}

#prod-lrg img{
    float: left;
}

#prod-lrg .details {
    font-size: 1.2em;
    margin-left: 240px;
    line-height: 1.2em;
}

#description {
    clear: both;
    font-size: .8em
}

#description ul li {
    margin: .5em 0;
    padding:0;
}

#description ul {
    margin: 0 1em;
    padding: 0;
}

#cat-nav {
    font-family:"Trebuchet MS", sans-serif;
    list-style: none;
    margin: .5em .7em;
    padding: 0;
}

#cat-nav li {
    font-family:"Trebuchet MS", sans-serif;
    padding: 0 0 0 10px;
    background: url(graphics/list-arrow.gif) no-repeat;
    background-position: 0 7px;
    line-height: 1.6em;
    color: #5d5d5d;
}

#cat-nav li a{
    font-family:"Trebuchet MS", sans-serif;
    color: #5d5d5d;
    text-decoration: none;
}

#cat-nav li a:hover {
    text-decoration: underline;
}


.needsOption {
  background: #FFFFBB;
}
/*-------------------------------------------------------basket/checkout STYLES*/

#basket td{
    padding: 15px 3px 5px;
    font-size: .8em;
    font-weight: bold;
}

#basket td a {
    color: Red;
    text-decoration: none;
}

#basket td .heading {
    font-size: 1.3em;
}

.basket-row td {
    
    border-bottom: 1px solid #7E7E7E;
}
.basket-package td {
    
    border-bottom: 1px solid #7E7E7E;
  background: #FFFFBB;
}

#login {
    font-size: .8em;
}
#login td {
    padding: 1px 0;
}

#new-cust {
    border-top: 1px solid #5F5F5F; 
    width: 100%
}

#new-cust td {
    padding:15px 0;
}

#log-opt td {
    padding: 10px 20px;
}

#shp-bill td {
    padding: 2px 0;
}

#map {
    text-align: center;
}

#map ul {
    text-align: left;
}

#cust-info td {
    padding: 5px 0;
    font-size: .8em;
}

#pay-mthd td {
    padding: 5px 10px 5px 0;
}

#promos {
    font-size: .8em;
}

#pay-info td{
    font-size: .8em;
    padding: 1px 0;
}

/*-------------------------------------------------------FOOTER STYLES*/

a:link.footnav {
color: white;
text-decoration:none;
}
a:visited.footnav {
color: white;
text-decoration:none;
}
a:hover.footnav {
color: white;
text-decoration:none;
}
a:active.footnav {
color: white;
text-decoration:none;
}

tfoot p {
margin:0;
padding:5px 0px;
white-space:pre;
}

tfoot tr td {
    height: 20px;
    padding: 0 0 0 15px;
    background: #8f8f8f;
    border: solid white;
    border-width: 1px 0 1px;
    color: White;
    font-family: Arial;
    font-size: .75em;
}

/*-------------------------------------------------------PACKAGE STYLES*/

.packageName {
    color: Red;
    text-transform: uppercase;
    float: left;
    margin: 0 0px;
}
.packagePrice {
    color: Red;
    text-transform: uppercase;
    float: right;
    margin: 0 4px;
}

.packageBrand {
    text-transform: uppercase;
    margin: 0 0px;
}
.packageBrand a{
    color: Red;
  text-decoration: none;
}

.packageProduct {
  margin-top: 0;
}
.packageProduct a{
    color: #2E31C5;
    text-decoration: none;
}

.packageAd {    
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px
}

#pack-lrg img{
    float: left;
}
#pack-lrg .details {
    font-size: 1.2em;
    margin-left: 160px;
    line-height: 1.2em;
}

.pack-row .details{
    margin: 12px 0;
}
.pack-thms {
    float: left;
    width: 145px;
    padding: 0 4px;
}
.pack-thms .details ul{
    font-size: .75em;
}

/* -----------order history stuff--------------- */
#btn_edit {
  background: url('graphics/btn_edit.gif') left no-repeat; 
  padding-left: 15px; 
  padding-right: 5px; 
  padding-top: 5px;
  line-height: 20px;
  text-decoration: none; 
  font-size: 90%;
}
#btn_calendar {
  background: transparent url('graphics/btn_calendar.gif') left no-repeat; 
  padding-left: 5px; 
  padding-right: 5px; 
  padding-top: 3px;
  line-height: 20px;
  text-decoration: none; 
}
/* ----------- TABEL U ---------- */
.tableU{
    border-collapse: collapse;
    margin: 0em 0em 0em 0em;
  width: 100%;
}
.tableU td, .tableU th{
    border-width: 0px 1px 0px 0px;
    border-color: #ffffff;
    border-style: solid;
    padding: 0px 5px 0px 10px;
    text-align: left;
  height: 20px;
}
.tableU th{
  white-space: nowrap;
    background-color: #c0c0c0;
    color: #000000;
}
table.tableU tr.r1{
    background-color: #efefef;
    color: #000000;
}
table.tableU tr.r1 a{
    color: #ffffff;
}
.tableU tr.even{
    background-color: #ffffff;
}
.tableU tr.odd{
    background-color: #efefef;
}
.tableU td.beginCap, .tableU td.endCap{
    border: none;
    padding: 0;
}
.tableU td.beginCap, .tableU td.beginCap div, .tableU td.endCap, .tableU td.endCap div{
    position: relative;
    width: 5px;
    background-repeat: no-repeat;
}
.tableU td.beginCap div, .tableU td.endCap div{
    height: 100%;
    width: 100%;
}

.tableU td.beginCap{
    background-image: url(graphics/rc-bl-white.png);
    background-position: left bottom;
}
.tableU td.beginCap div{
    background-image: url(graphics/rc-tl-white.png);
    background-position: left top;
}
.tableU td.endCap{
    background-image: url(graphics/rc-br-white.png);
    background-position: right bottom;
}
.tableU td.endCap div{
    background-image: url(graphics/rc-tr-white.png);
    background-position: right top;
}
/* ----------- TABEL T ---------- */
.tableT{
    border-collapse: collapse;
    margin: 0em 0em 0em 0em;
  width: 100%;
}
.tableT td, .tableT th{
    border-width: 0px 1px 0px 0px;
    border-color: #ffffff;
    border-style: solid;
    padding: 0px 5px 0px 10px;
    text-align: left;
  height: 20px;
}
.tableT th{
  white-space: nowrap;
    background-color: #99ccff;
    color: #000000;
}
table.tableT tr.r1{
    background-color: #99ccff;
    color: #000000;
}
table.tableT tr.r1 a{
    color: #000000;
}
.tableT tr.even{
    background-color: #ffffff;
}
.tableT tr.odd{
    background-color: #efefef;
}
.tableT td.beginCap, .tableT td.endCap{
    border: none;
    padding: 0;
}
.tableT td.beginCap, .tableT td.beginCap div, .tableT td.endCap, .tableT td.endCap div{
    position: relative;
    width: 5px;
    background-repeat: no-repeat;
}
.tableT td.beginCap div, .tableT td.endCap div{
    height: 100%;
    width: 100%;
}

.tableT td.beginCap{
    background-image: url(graphics/rc-bl-white.png);
    background-position: left bottom;
}
.tableT td.beginCap div{
    background-image: url(graphics/rc-tl-white.png);
    background-position: left top;
}
.tableT td.endCap{
    background-image: url(graphics/rc-br-white.png);
    background-position: right bottom;
}
.tableT td.endCap div{
    background-image: url(graphics/rc-tr-white.png);
    background-position: right top;
}

/* ---------- TBL_FORM ------------ */
#tbl_form {
  width: 100%;
  border-collapse : collapse;
  border: 1px solid #c0c0c0;
  background: #efefef;
}
#tbl_form td {
  padding: 1px;
}
#tbl_form label {
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 5px;
  text-transform: capitalize;
}
#tbl_form div {
  text-align: center;
  padding: 5px;
}
#tbl_top {
  text-align: right;
  font-size: 90%;
  padding-right: 5px;
}

#tbl_bottom {
  border-top: 1px solid #c0c0c0;
  padding-top: 5px;
}

#middle-content {
    padding: 12px;
}