/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/*BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}
*/

body {margin: 0; font: normal 11px georgia, serif; color: #000; background: #fff}

a {color: #666; text-decoration: none;}
a:hover {color: #333;}
	
img {border: 0;}

h1{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;}
h2{font-size:10px;color:#666;letter-spacing:1px;}
h3{font-size:13px;color:#000;text-transform:uppercase;letter-spacing:1px;padding:0px;margin:0px;}

#content {position: absolute; left: 50%; width: 850px; margin-left: -425px;}
#intro{position: absolute; left: 50%; width: 436px; margin-left: -218px;margin-top:300px}
/*header*/
#header {padding: 0px 10px 0px 10px;background: #fff;}
/*-----topnav*/
#topnav {padding:0px;background: #fff;}
#topnavLeft{background: url(images/main/topnav-left.gif) left top no-repeat;height:25px}
#topnavRight{background: url(images/main/topnav-right.gif) right top no-repeat;height:25px}
#topnavIn{background:#000;height:25px;margin-left:5px;margin-right:5px;border-bottom:1px solid #b2b2b2;color:#fff;}
#topnavIn div.left{float:left;width:210px;}
#topnavIn div.right{float:left;width:605px;}
#topnavIn div.left div.in{padding-top:5px;padding-left:10px;font-size:12px;}
#topnavIn div.right div.in{padding-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:2px;padding-right:10px;text-align:right;}
span.curly{font-size:10px;color:#666}

#topnavIn a, #topnavIn a:visited,#topnavIn a:active{color:#fff;text-decoration:none}
#topnavIn a:hover{color:#666;text-decoration:none}
/*-----end topnav*/
/*-----secondnav*/
#secondnav{margin-top:10px;border-top:2px dotted #000;border-bottom:2px dotted #000;background:#d9d9d9;text-transform:uppercase;font-size:12px;letter-spacing:1px}
#secondnavIn{padding:8px 20px 8px 20px;text-align:right;}
#secondnavIn a, #secondnavIn a:visited,#secondnavIn a:active{color:#000;text-decoration:none}
#secondnavIn a:hover{color:#666;text-decoration:none}
#secondnavIn div.left{float:left;width:200px;text-align:left;font-size:15px}
#secondnavIn div.left div.in{padding-top:10px}
#secondnavIn div.right{float:left;width:590px}
/*-----end secondnav*/
/*end header*/
/*main*/
#main{padding: 0px 10px 0px 10px;margin: 0px;clear:both;background: #fff;}
/*-----logos*/
#logo{height:135px;background:#fff;}
#logo div.left{float:left;width:453px;}
#logo div.right{float:left;width:375px;}
#logo div.left div.in{padding-top:20px}
#logo div.right div.in{padding-top:10px;text-align:right;}

#logoInternal{height:110px;background:#fff;}
#logoInternal div.left{float:left;width:453px;}
#logoInternal div.right{float:left;width:375px;}
#logoInternal div.left div.in{padding-top:20px}
#logoInternal div.right div.in{padding-top:10px;text-align:right;}

/*-----end logos*/
select{font-size:10px;color:#666;font-family:georgia,serif;width:170px}
/*-----highlight*/
#highlight{margin-top:10px}
#highlight div.left{float:left;width:415px;}
#highlight div.right{float:left;width:415px;}
#highlight div.left div.in{padding-right:15px;border-right:2px dotted #000;}
#highlight div.right div.in{padding-left:15px}
#highlight div.left div.in div.detail, #highlight div.right div.in div.detail{border-bottom:2px dotted #000;background:#d9d9d9;text-transform:uppercase;font-size:14px;letter-spacing:1px;padding-bottom:8px;margin-top:0px}
#highlight div.left div.in div.detail img,#highlight div.right div.in div.detail img{border-bottom:2px dotted #000;}
#highlight div.left div.in div.detail div.label,#highlight div.right div.in div.detail div.label{padding-top:8px;padding-left:10px;}

#highlight div.left a,#highlight div.left a:active,#highlight div.left a:visited,#highlight div.right a,#highlight div.right a:active,#highlight div.right a:visited{color:#000;text-decoration:none}

#highlight div.left a:hover,#highlight div.right a:hover{color:#666;text-decoration:none}
div.header{margin-top:10px;margin-bottom:5px}
div.header div.left{float:left;width:410px;}
div.header div.right{float:left;width:410px;text-align:right;}
div.header div.right a, div.header div.right a:active,div.header div.right a:visited{color:#666;text-decoration:none}
div.header div.right a:hover{color:#333;text-decoration:none}
/*-----end highlight*/
/*-----products*/
#products{border-top:2px dotted #000}
#products div.in{padding-left:10px;padding-right:10px;padding-bottom:10px}
td.item{padding-right:10px;padding-bottom:10px;vertical-align:top;}
div.itemHead{padding:5px 10px;background:#d9d9d9;width:175px;font-size:12px;letter-spacing:1px;}
div.itemHead a, div.itemHead a:active,div.itemHead a:visited{color:#000;text-decoration:none}
div.itemHead a:hover{color:#333;text-decoration:none}
div.itemPic{text-align:center;padding:10px 0px;}
div.itemPrice{text-align:center;font-size:11px;padding-bottom:5px;}
div.itemButt{width:140px;height:23px;margin-left:27px}
div.itemButtLeft{background:url(images/main/purchase-button-left.gif) left top no-repeat;height:23px;}
div.itemButtRight{background:url(images/main/purchase-button-right.gif) right top no-repeat;height:23px;}
div.itemButtIn{background:#d9d9d9;height:23px;margin-left:8px;margin-right:5px;color:#000;}
div.itemButtInIn{text-align:center;padding-top:5px;text-transform:uppercase;}
div.itemButtInIn a, div.itemButtInIn a:active,div.itemButtInIn a:visited{color:#000;text-decoration:none}
div.itemButtInIn a:hover{color:#666;text-decoration:none}
/*----end products*/
div.content{padding:20px 100px 20px 20px;}

#showcasePiece{padding-top:20px;padding-left:115px}
#showcasePiece div.in{width:575px}
#showcasePiece div.header{border-top:2px dotted #000;border-bottom:2px dotted #000;width:285px;padding:8px;font-size:14px;text-transform:uppercase;background:#d9d9d9}
#showcasePiece div.show{background:#d9d9d9;margin-top:5px;margin-bottom:20px;}
#showcasePiece div.show div.in div.description{width: 300px; text-align:left;margin-left:143px;}
#showcasePiece div.show div.in{padding-top:5px;padding-bottom:5px;text-align:center;}

#gallery{margin-top:10px;padding-left:4px;}
#gallery a, #gallery a:active, #gallery a:visited{color:#000;text-decoration:none}
#gallery a:hover{color:#666;text-decoration:none;}
#gallery div.left{float:left;width:410px;}
#gallery div.right{float:left;width:410px;font-size:12px}
#gallery div.left div.in{padding-right:10px;}
#gallery div.left div.in div.detail{border-bottom:2px dotted #000;border-top:2px dotted #000;background:#d9d9d9;text-transform:uppercase;font-size:14px;letter-spacing:1px;padding:8px}
#gallery div.right img{float:left;padding-right:5px;padding-bottom:3px}
div.gallerylogo{margin-left:175px;height:280px;padding-top:50px}
div.galleryheading{border-top:2px dotted #000;border-bottom:2px dotted #000;padding:10px;font-size:18px;background:#d9d9d9;text-transform:uppercase;margin-left:85px;margin-right:250px;text-align:center;letter-spacing:2px}
#gallerypics{margin-top:5px;border-top:2px dotted #000;padding-left:4px;clear:both;}
#gallerypics img{padding-right:4px;padding-bottom:4px;}

#contact{width:352px;margin-left:234px;margin-top:100px;margin-bottom:100px;}
#contactLeft{background: url(images/main/footer-left.gif) left top no-repeat;height:23px}
#contactRight{background: url(images/main/footer-right.gif) right top no-repeat;height:23px}
#contactIn{background:#000;height:23px;margin-left:5px;margin-right:5px;color:#fff;}
#contactbottom{background:#000;padding:0 10px 10px 10px;color:#fff;text-align:center;font-size:15px;line-height:22px}
#contactthanks{margin-top:5px;background:#d9d9d9;padding:5px;text-align:center;font-size:13px;}
#contact a,#contact a:visited,#contact a:active{color:#fff;text-decoration:none}
#contact a:hover{color:#666;text-decoration:none}

#designitem{margin-top:10px;padding-bottom:10px}
#designitem div.left img {border:1px solid #ccc}
#designitem div.left{float:left;width:243px;}
#designitem div.mid{float:left;width:380px;}
#designitem div.mid div.in{padding-top:40px;padding-left:20px;padding-right:30px}
#designitem div.right{float:left;width:200px;}
#designitem div.head{background:#d9d9d9;padding:8px 10px;margin-bottom:10px;font-weight:bold;}
#designitemsmall{margin-top:10px}
#designitemsmall div.left{float:left;width:72px}
#designitemsmall div.middle{float:left;width:88px;border-left:1px dotted #000;border-right:1px dotted #000}
#designitemsmall div.middle div.in{padding-left:15px;padding-right:15px}
#designitemsmall div.right{float:left;width:72px}
#designitemsmall div.right div.in{padding-left:15px;}
.designthumb{font-size:10px;border-right:1px dotted #000;text-align:center;}

#price{width:150px;clear:both;padding-top:20px;}
#priceLeft{background: url(images/main/footer-left.gif) left top no-repeat;height:23px}
#priceRight{background: url(images/main/footer-right.gif) right top no-repeat;height:23px}
#priceIn{background:#000;height:23px;margin-left:5px;margin-right:5px;color:#fff;text-align:center;font-size:16px}
#purchaselink{margin-top:5px;text-align:center;font-size:13px;}
#purchaselink a,#purchaselink a:active,#purchaselink a:visited{color:#000;text-decoration:none}
#purchaselink a:hover{color:#666;text-decoration:none}

#recommended{width:200px}
#recommended div.recleft, #recommended div.recright{float:left;width:99px;}
#recommended div.recleft div.recin, #recommended div.recright div.recin{padding-top:5px;border:1px solid #ccc;text-align:center;}
#recommended div.recleft div.label,#recommended div.recright div.label{margin-top:5px;background:#d9d9d9;padding:5px;text-align:center}


/*end main*/
/*footer*/
#footer{margin-top:2px;padding: 0px 10px 0px 10px;clear:both;}
#footerLeft{background: url(images/main/footer-left.gif) left top no-repeat;height:23px}
#footerRight{background: url(images/main/footer-right.gif) right top no-repeat;height:23px}
#footerIn{background:#000;height:23px;margin-left:5px;margin-right:5px;color:#fff;}
#footerIn div.left{float:left;width:310px;}
#footerIn div.right{float:left;width:505px;}
#footerIn div.left div.in{padding-top:5px;padding-left:10px;font-size:10px;}
#footerIn div.right div.in{padding-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:2px;padding-right:10px;text-align:right;}
#footerIn a, #footerIn a:visited,#footerIn a:active{color:#fff;text-decoration:none}
#footerIn a:hover{color:#666;text-decoration:none}


td.main, p.main {
  font-family: georgia, serif;
  font-size: 12px;
}


/*-----------------------------------------------------*/
FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
 background: #d9d9d9;
}

.infoBoxContents {
  background: #fff;
  font-family: georgia, serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: georgia, serif;
  font-size: 10px;
  font-weight: bold;
  background: #d9d9d9;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #fff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fff;
 
}

table.productListing{
	margin-top:20px
}

.productListing-heading {
  font-family: georgia, serif;
  font-size: 10px;
  background: #fff;
  color: #666;
  font-weight: bold;
  border-bottom:1px dotted #000;
}

td.productListing-data {
  font-family: georgia, sans-serif;
  font-size: 10px;
   border-bottom:1px dotted #000;
}
td.productListing-in {
  font-family: georgia, sans-serif;
  font-size: 11px;
}



A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}



TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* BEGIN USPS Shipping Insurance */
TD.tinyText, SPAN.tinyText, P.tinyText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
}
/* END USPS Shipping Insurance */

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #cc0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: georgia, serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: georgia, serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }