/* CSS Document */

/* General Layout 
...........................................................*/
body {position: relative; width: 740px; font-size: 70%; margin: 0 auto; padding: 0; text-align:center; background: #fff;}
#pagewidth {position: relative; width: 748px; text-align: left;}
.container {float: left; width: 548px; position: relative; left: 8px;}

#subpage-bkg {display: block; width: 740px; clear: both; float: left; background: url(../images/subpage-bkg.gif) 548px 0px repeat-y;}
.sidecol {display: block; float: left; width: 184px; margin: 0; padding: 0; min-height: 10px;}
.centercol {display: block; float: left; width: 356px; margin: 0 8px 0 0; padding: 0;}
.float-left {float: left; margin: 0 0 3em 0;}
#sidecol-inner {float: left; padding: 0 0 0 8px; width: 548px !important; width /**/:556px;}
#sidecol-inner .centercol {width: 347px !important;}
#sidecol-inner .rightcol {float: right; width: 184px;}
.leftcol {float: left; width: 366px;}
.rightcol {float: right; width: 366px;}
#footer {display: block; width: 740px; clear: both; border-top: 1em solid #fff; }
hr {display: none;}
.hide {display: none;}

/* eBay Layout 
...........................................................*/
.sidecol2 {display: block; float: left; width: 138px; margin: 0; padding: 0; min-height: 10px;}
.centercol2 {display: block; float: left; width: 267px; margin: 0 8px 0 0; padding: 0;}


/* Navigation
...........................................................*/
#nav {display: block; float: left; width: 739px; margin: 0 0 6px 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; list-style: none;}
#nav li {display: block; float: left; margin: 0; padding: 0; border-left: 1px solid #888;}
#nav li:first-child {border-left: none;}
#nav li a, #nav li a:visited {float: left; padding: 0px 5px; text-transform: lowercase; text-decoration: none; color: #888; border-bottom: none;}
#nav li a:hover {color: #fff; background: #888;}
#nav a:hover span {border-bottom: none;}

/* Typography
...........................................................*/
#logo {margin: 0; padding: 0; background: #fff; border: none;}
h1 {font: 2.1em Verdana, Arial, Helvetica, sans-serif; color: #3399FF; text-transform: lowercase; margin: 1em 0 0.5em 0; padding: 0;}
p {font: 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 0 1em 0; padding: 0; color: #666;}
#home-masthead p {color: #fff;}
#footer p {font: 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 0 1em 0; padding: 0; color: #999; text-align: center;}
em {margin: 0; padding: 0;}
h2 {font: 2.1em Verdana, Arial, Helvetica, sans-serif; color: #3399FF; text-transform: lowercase; margin: 1em 0 0.5em 0; padding: 0;}
h3 {font: 2.1em Verdana, Arial, Helvetica, sans-serif; color: #3399FF; text-transform: lowercase; margin: 1em 0 0.5em 0; padding: 0;}
h4 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 0 1em 0; padding: 0; color: #666;}
dl h4 {color: #fff;}
.redhighlight {color: #FF0000}
#home-masthead blockquote {margin: 0; padding: 0;}
#home-masthead blockquote p {margin: 0; padding: 0; font: italic 1.6em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em;}
#home-masthead blockquote br {line-height: 1em;}

/* Images
...........................................................*/
.imagecenter {text-align: center; margin: 3em 0 5em 0;}

/* Forms
...........................................................*/
form {margin: 0 0 3em 0;}
label {text-align: left;}
input.width {width: 90%;}

/* Lists
...........................................................*/
ul {margin: 0 0 1em 1.3em; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #666;}
ul ul {margin: 0 0 0 1.3em;}
li {margin: 0; padding: 0;}

/* Links
...........................................................*/
a, a:visited {text-decoration: none; border-bottom: 1px solid #ddd; color: #3399FF;}
a:hover {color: #cc3300; border-bottom: none;}
a img {border: none;}
.sidebox a, .sidebox a:visited {color: #fff; border: none;}
.sidebox a:hover {color: #fff; text-decoration: underline;}
a:focus {color: #fff !important; background: #888 !important;}

/* Side Boxes
...........................................................*/
dl.sidebox {display: block; float: left; width: 184px; margin: 0 0 8px 0; padding: 0 0 20px 0;}
.container dl.sidebox {display: block; float: right !important; width: 184px; margin: 0 0 8px 0; padding: 0 0 20px 0;}

dl.sidebox strong {color: #fff;}

dl.sidebox dt {display: block; width: 184px; min-height: 20px; font: 2.1em Verdana, Arial, Helvetica, sans-serif; text-transform: lowercase; line-height: 1.5em; margin: 0 0 0.5em 0; color: #fff; padding: 1em 10px 0 10px; width: 164px !important; width /**/:184px;}
dt.small {font: bold 1em Verdana, Arial, Helvetica, sans-serif !important;}
dt span {visibility: hidden;}

dl#red {background: url(../images/sidebox-bottom-red.gif) left bottom no-repeat #cc3300;}
dl#green {background: url(../images/sidebox-bottom-green2.gif) left bottom no-repeat #cccc33;}
dl#blue {background: url(../images/sidebox-bottom-blue.gif) left bottom no-repeat #81B4E6;}
dl#deepblue {background: url(../images/sidebox-bottom-deepblue.gif) left bottom no-repeat #0368CD;}

dl#red dt {background: url(../images/sidebox-top-red.gif) right top no-repeat;}
dl#green dt {background: url(../images/sidebox-top-green.gif) right top no-repeat;}
dl#blue dt {background: url(../images/sidebox-top-blue.gif) right top no-repeat;}
dl#deepblue dt {background: url(../images/sidebox-top-deepblue.gif) right top no-repeat;}

dd {margin: 1em 0 0 0; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 0 10px; width: 160px !important; width /**/:180px;}
dd ul {color: #fff;}

#home-masthead dl#red dd, #home-masthead dl#blue dd {margin: 0;}
#home-masthead dl#red dd p, #home-masthead dl#blue dd p {margin: 0; line-height: 1.42em;}
#home-masthead dl#blue, #home-masthead dl#green {background-image: none; padding: 0 !important; margin: 0 0 20px 0;}
#home-masthead dl#blue dd, #home-masthead dl#red dd {position: relative; top: 3px;}