BODY { background: #ccc; width: 800px; margin: auto; margin-top: 10px; font-family: verdana, arial, "sans serif"; font-size: 10px;}
.page {background:#f8f8f8; width: 798px; border: 1px solid #000; position:relative;}
div, table, tr, td, img, span, a, form, h1, h2, h3, h4, h5, h6, select{ margin: 0; padding: 0; border: none; }
ul {margin:4px 0 0 30px; padding-left:20px;}
table, tr, td { border-collapse: collapse;}
td img, img { vertical-align: bottom; }
a {color:#009;}
a:hover {color:#090;}
a img { border: 1px solid #000; }
a img:hover { border: 1px solid #090; }


.center  {text-align: center;}
table.center {margin-left:auto; margin-right:auto; text-align:left;}
form.center {margin-left:auto; margin-right:auto; text-align:left;}
.line {text-decoration:line-through;}
.redSep {  width: 778px; height: 3px; vertical-align: bottom; background: #800; margin-left: 10px; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.black{color: #000;}
.gray{color: #666;}
.lightGray{color:#999;}
.green{color: #0a0;}
.darkGreen{color:#080;}
.red{color:#b00;}
.darkRed{color:#800;}
.blue{color:#007;}
.purple{color:#70b;}
.inStock{color:#0a0;}
.outStock {color:#c00;}

/* header */
.header { width:798px; height: 243px; background: url(images/banner.jpg) no-repeat; position:relative; color:#ddd; padding:1px;}
.logo { width:173px; height: 25px; float:left; padding: 8px 0 0 11px; }
.logo a {display:block;width: 173px;padding:0 0 13px 0;color:transparent;background: url(images/logo_ro.gif) 0 0 no-repeat;}
.logo a:hover { background-position: 0 -25px;}
.logo a img, .logo a img:hover  {border: none;}

div.mBarT { width: auto; height: 23px; float: right; padding:10px 15px 0 0; }
div.mBarB  { width: auto; min-width: 250px; height: 25px; float: right; padding:0 15px 0 0;  }
.mBar {padding:0; margin:0 0 0 10px; list-style:none; font-size:14px; font-weight:bold;}
.mBar table {border-collapse:collapse; height:0; width:0; margin:0 -4px -1px 0;}
.mBar li {float:left; padding:0; }
.mBar li a {display:block; float:left; height:20px; line-height:20px; color:#ddd; text-decoration:none; border-bottom:2px solid transparent; padding:0 8px;}
.mBar li:hover {position:relative; z-index:100;}
.mBar li a:hover {color: #c00; position:relative; z-index:100; border-bottom:2px solid #ddd;}
.mBar li:hover > a {color: #c00; border-bottom:2px solid #b00;}
.mBar ul {position:absolute; left:-9999px; top:22px; width:200px; padding:0; margin:0; list-style:none; background:url(trans.gif);}
.mBar ul li {margin:0;}
.mBar ul li a {width:200px; height:20px; line-height:20px; font-size:14px; border:0; text-align:right;}
.mBar ul li a:hover {border:0;}
.mBar ul li:hover > a {border:0;}
.mBar ul ul {position:absolute; margin-left:100%; top:0; padding:0; margin:0; list-style:none;}
.mBar :hover ul {right:0; left:auto;}
.mBar :hover ul ul {left:-9999px; width:200px; padding-left:10px; background:url(images/trans.gif);}
.mBar li ul :hover ul {left: 200px; right:auto;}
.mBar li ul li ul li a {text-align:left; color:#35b;}
.mBar li ul li ul li a:hover {color:#c00;}

span.shipping { position:absolute; bottom:10px; right:240px; text-align: right; font-size: 10px;}
.shipping a, .noAccount a { color: #ddd; }
.shipping a:hover, .noAccount a:hover { color: #e00; }

span.cart { position:absolute; bottom:30px; right:11px;}
.cart a {display:block;width: 220px;height:20px;padding:0;color:transparent;background: url(images/view_cart.gif) 0 0 no-repeat;}
.cart a:hover { background-position:0 -20px;}
.cart a img { width: 220px;height:20px;border: none;}
.cart a img:hover { border:none;}

span.signIn { position:absolute; bottom:6px; right:111px;}
.signIn a {display:block;width: 120px;height:20px;padding:0;color:transparent;background: url(images/sign_in.gif) 0 0 no-repeat;}
.signIn a:hover { background-position:0 -20px;}
.signIn a img { width: 120px;height:20px;border: none;}
.signIn a img:hover { border:none;}

span.myAccount { position:absolute; bottom:6px; right:111px;}
.myAccount a {display:block;width: 120px;height:20px;padding:0;color:transparent;background: url(images/my_account.gif) 0 0 no-repeat;}
.myAccount a:hover { background-position:0 -20px;}
.myAccount a img { width: 120px;height:20px;border: none;}
.myAccount a img:hover { border:none;}

span.bookmark { position:absolute; bottom:6px; right:11px;}
.bookmark a {display:block;width: 95px;height:20px;padding:0;color:transparent;background: url(images/bookmark.gif) 0 0 no-repeat;}
.bookmark a:hover { background-position:0 -20px;}
.bookmark a img { width: 95px;height:20px;border: none;}
.bookmark a img:hover { border:none;}
/* end header */

/* general formatting - rows */
.row div a  {display:block; text-align:center; text-decoration:none; color:#800; }
.row div a img { display:block; }
.row div a:hover span { color:#090;}
.row div a:hover > img { border: 1px solid #090; }
.row span{margin: 30px 0; }

.rowOne div { width:204px; float:left; margin-left: 298px;  font-size: 16px; font-weight:bold; }
.rowOne div a span { display: block;  margin: 10px; }
.rowTwo div { width:204px; float:left; margin-left: 130px;  font-size: 16px; font-weight:bold; }
.rowTwo div a span { display: block;  margin: 10px; }
.rowThree div { width:204px; float:left; margin-left: 46px;  font-size: 16px; font-weight:bold; }
.rowThree div a span { display: block;  margin-top: 10px; }

.rowFour {margin-left: 0px;}
.rowFour div { width:124px; float:left; margin: 10px 19px 10px 49px;}
.rowFour span {font-size:14px;font-weight:bolder; }

.rowFive{margin-left: 29px;}
.rowFive div { width:124px; float:left; margin: 0 0 20px 20px;}
.rowFive span {font-size:14px;font-weight:bolder; }
.rowSix {margin-left: 11px;}
.rowSix div { width:122px; float:left; margin: 10px 0 10px 6px;}
.rowSix span {font-size:14px;font-weight:bolder; }

/* home page top */
td.homeTop { background: url(images/trans.gif); text-align:center;}
.homeTop a { display:block; text-decoration: none; color:#000; }
.homeTop a img{ border:none; }
.homeTop:hover { border:1px solid #090; cursor:pointer;}

.htEnter a { width:380px; height: 165px; display:block; padding: 0; background: url(images/enter_store.gif) top left no-repeat;}
.htEnter a:hover { background-position: 0 -200px;}

.htNewUser {border:1px solid #ccc;}
.htNewUser a { width:183px; height: 175px; display:block; padding: 0; background: url(images/new_users.gif) top left no-repeat;}
.htNewUser a:hover { background-position: 0 -200px;}
.htNewUser a span {display:block;padding:50px 5px 0 5px;}

.htEnter {border:1px solid #ccc;}
.htEnter a { width:380px; height:175px; display:block; padding: 0; background: url(images/enter_store.gif) top left no-repeat;}
.htEnter a:hover { background-position: 0 -200px;}

.htCustSupp {border:1px solid #ccc;}
.htCustSupp a { width:183px; height: 175px; display:block; padding: 0; background: url(images/24_7_cs.gif) top left no-repeat;}
.htCustSupp a:hover { background-position: 0 -200px;}
.htCustSupp a span {display:block;padding:73px 5px 0 5px;}

.htSpecials {border:1px solid #ccc;}
.htSpecials a { width:183px; height: 140px; display:block; padding: 0; background: url(images/specials.gif) top left no-repeat;}
.htSpecials a:hover { background-position: 0 -200px;}
.htSpecials a span {display:block;padding:47px 5px 0 5px;}

.htNew {border:1px solid #ccc;}
.htNew a { width:183px; height: 140px; display:block; padding: 0; background: url(images/new.gif) top left no-repeat;}
.htNew a:hover { background-position: 0 -200px;}
.htNew a span {display:block;padding:47px 5px 0 5px;}

.htGuides {border:1px solid #ccc;}
.htGuides a { width:183px; height: 140px; display:block; padding: 0; background: url(images/user.gif) top left no-repeat;}
.htGuides a:hover { background-position: 0 -200px;}
.htGuides a span {display:block;padding:47px 5px 0 5px;}

.htBlog {border:1px solid #ccc;}
.htBlog a { width:183px; height: 140px; display:block; padding:0; background: url(images/forum.gif) top left no-repeat;}
.htBlog a:hover { background-position: 0 -200px;}
.htBlog a span {display:block;padding:47px 5px 0 5px;}

/* product boxes */
div.productBox {width:698px; border:1px solid #000; margin:0 0 8px 49px;}
.productBox a img {width:200px;height:150px;float:left; margin:5px 5px 0 5px; border:1px solid #000;}
.productBox div.prodText {width:480px;height:147px;float:right;padding:10px 0 0 0;position:relative;}
.prodHeader {font-size: 14px; font-weight:bold; padding-bottom:1px;}
.prodHeader span.price {width:65px; float: right; text-align: right; padding-right:10px;}
.prodText div.prodDesc {margin-right:10px;}
.prodText a {width:150px;height:30px;position:absolute;bottom:-4px;right:3px;}
.prodText a img {width:150px;height:30px;margin:0;}

/*.prodOptions { position:relative;}
.prodOptions div { float: left;}
.prodOptions div.optBox {margin: 0 0 0 5px; background-color:#d0d0c7; border:1px solid black; color:#000;}

.prodOptions form.optAdd {position:absolute;bottom:0;right:5px;}
.optTitle { border-bottom:1px solid black; font-weight:bold; text-align:center; padding:2px 0;}
*/

/* miscellanous */
.createAccount td {padding:5px 0 0 10px;}
.createAccount input {width:195px;margin:0;padding:0;padding-left:5px;}
.createAccount select {width:204px;margin:0;padding:0;}


/* footer */
.footer {width: 798px; height: 150px; margin: 3px 0 0 0; background: url(images/footer.jpg) no-repeat; }
.footer table {margin:0 0 0 10px;}
.footer td {line-height:14px;padding:0 12px;}
.footer a {text-decoration:none;color:#aaa;}
.footer a:hover {color:#c00;}

.security {width:180px;float:left;text-align:center;font-size:9px;color:#bbb;margin:10px 0 0 3px;}
.security a {color:#ddd;text-decoration:underline;}
.security img{border:none;}
.security a:hover {color:#0c0;}

.security2 {width:180px;float:right;text-align:center;font-size:9px;color:#000;margin:30px 50px 0 0;}
.security2 a {color:#00a;text-decoration:underline;}
.security2 img{border:none;}
.security2 a:hover {color:#0a0;}

.copyright {  width: 798px; text-align: center; font-size: 10px; color: #b00; padding: 0 0 10px 0;}
.copyright a {  color: #00b; text-decoration: none; }
.copyright a:hover {  color: #090;}