/*
  $Id: stylesheet.css,v 1.1 2005/01/18 07:08:34 Michael Sasek 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; 
    text-decoration: underline; 
}


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

h4 {

  margin: 0px;
  padding: 0px;

}

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: #CDCDCD;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
	margin:0;
	padding:0;
	margin-bottom:.5em;
	background: url(/images/sub_title.gif) repeat-x;
	color:#fff;
	height:25px;
	line-height:25px;
	font-size:100%;
	text-indent:15px;	
        font-weight: bold;
}
/* input requirement */

.inputRequirementHeading { 
	margin:0;
	padding:0;
	margin-bottom:.5em;
	background: url(/images/sub_title.gif) repeat-x;
	color:#fff;
	height:25px;
	line-height:25px;
	text-indent:15px;	
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif; 
        font-size: 10px; 
/*color: #ff0000; */
}
.inputRequirement { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; color: #ff0000; 
}

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, TR.download-odd {
  background: #E6EAE6;
}

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

TABLE.productListing {
	border:1px solid #CDCDCD;
	background:#fff;
	padding:1px;
}

.productListing-heading {
	margin:0;
	padding:0;
	margin-bottom:.5em;
	background: url(/images/sub_title.gif) repeat-x;
	color:#fff;
	height:25px;
	line-height:25px;
	font-size:100%;
	text-indent:15px;	
}

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

A.pageResults {
  color: #0000FF;
}

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

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.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

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: #ff0000;
}

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

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; 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: #FF8888; 
color: black;
border: 1px solid #FF0000;
}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }


/* Remarkable selling css */
html { 
height: 100%; 
font-size: 100%; 
margin-bottom: 1px; 
}

body{
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;	
	color:#555;
	line-height:140%;
}
a{
	color:#762222;
	text-decoration:none;
  outline: none;
}
a:hover{
	color:#999;
}
p, h1, h2, h3, h4{
	margin:1em 0;
	padding:0;
}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:100%;}
table, td, select, input, textarea, li{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;	
	line-height:140%;
}
img{border:0;}
/* ---------------------------------- common ---------------------------------- */
ul.list1, ul.list2{
	margin:1em 0;
	padding:0;
}
ul.list1 li, ul.list2 li{
	list-style:none;
	margin:0;
	margin-bottom:.3em;
	padding:0 0 0 20px;
	background:url(/images/arrow.gif) no-repeat 5px .6em;
	line-height:150%;
}
ul.list2 li{font-weight:bold;}
ul.list1 li ul, ul.list2 li ul{
	margin:.5em 0;
	padding:0;
}
.inputField{
	border:1px solid #CDCDCD;
	margin-bottom:.5em;
}
/* ---------------------------------- container ---------------------------------- */
#container{
	margin:0 auto;
	text-align:left;
	width:742px;	
}
#home #container{background:url(/images/home_container.gif) repeat-y;}
/* ---------------------------------- header ---------------------------------- */
#home #header1{
	position:relative;
	height:217px;
	background:url(/images/header1.jpg) no-repeat 0 0;
}
#home #header2{
	position:relative;
	height:217px;
	background:url(/images/header2.jpg) no-repeat 0 0;
}
#page #header{
	position:relative;
	left:11px;
	height:114px;
	background:url(/images/header_page2.jpg) no-repeat 0 0;
}
h1#logo{
	position:absolute;
	left:18px;
	top:18px;
	margin:0;
	padding:0;
	background:url(/images/logo.gif) no-repeat 0 0;
	width:226px;
	height:35px;
	text-indent:-8000px;
}
h1#logo a{
	display:block;
	height:35px;
}
h2#slogan{
	display:none;
}
h2#title{
	margin:0;
	padding:0;
	position:absolute;
	right:34px;
	top:85px;
	height:30px;
	font-size:150%;
}
h2#title2{
	margin:0;
	padding:0;
	position:absolute;
	right:34px;
	top:118px;
	height:30px;
	font-size:150%;
	color:#d14d17;
	z-index:5;
}
#testimonials{
	position:absolute;
	left:515px;
	top:72px;
	width:196px;
	height:140px;
	color:#fff;
	overflow:auto;
	line-height:120%;
}
#testimonials p{margin:0 0 .7em 0;}
#testimonials a{color:#fff;}
#testimonials a:hover{color:#fff;text-decoration:underline;}
#testimonials .more{text-align:right;font-size:90%;font-weight:bold;}
/* link styles from amazingmail site */
#links{
	position:relative;
	left:11px;
	z-index: 1;
}
a.mainnav:link    { font-family:arial,palatino; color:#D14D17; font-size:12px; text-decoration:none; font-weight:bold; }
a.mainnav:visited { font-family:arial,palatino; color:#D14D17; font-size:12px; text-decoration:none; font-weight:bold;  }
a.mainnav:active  { font-family:arial,palatino; color:#555555; font-size:12px; text-decoration:none; font-weight:bold;  }
a.mainnav:hover   { font-family:arial,palatino; color:#555555; font-size:12px; text-decoration:none; font-weight:bold;  }
.mainnav_active { font-family:arial,palatino; color:#555555; font-size:12px; text-decoration:none; font-weight:bold;  }
.mainnav_sub {font-family:arial,palatino; font-size:10px; color:#000000;}
/* ---------------------------------- navigation ---------------------------------- */
#nav, #nav li{
	margin:0;
	padding:0;
	list-style:none;
}
#nav{
	padding-top:40px;
}
#nav li{
	display:inline;
	float:left;
	border-left:1px solid #949494;
	height:10px;
	line-height:10px;
	text-indent:-8000px;
}
#nav li a{
	display:block;
	height:10px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#nav li a:hover, #nav li a.selected{
	background-position:0 -10px;
}
li#nav1{margin-left:316px;border:none;width:36px;}
li#nav2{width:47px;}
li#nav3{width:67px;}
li#nav4{width:62px;}
li#nav5{width:42px;}
li#nav6{width:99px;}
li#nav7{width:55px;}



li#nav1 a{background-image:url(/images/nav1.gif);}
li#nav2 a{background-image:url(/images/nav2.gif);}
li#nav3 a{background-image:url(/images/nav3.gif);}
li#nav4 a{background-image:url(/images/nav4.gif);}
li#nav5 a{background-image:url(/images/nav5.gif);}
li#nav6 a{background-image:url(/images/nav6.gif);}
li#nav7 a{background-image:url(/images/nav7.gif);}


/* ---------------------------------- content ---------------------------------- */
#home #content{
	margin:0 11px;
	background: url(/images/home_content.gif) no-repeat 0 0;
	padding-top:10px;
}
#page #content{
	margin:0 11px;
	background: url(/images/page_content.gif) no-repeat 0 0;
	padding-top:9px;
	padding-bottom:2em;	
}
#content h2{
	margin:0;
	padding:0;
	margin-bottom:.5em;
	background: url(/images/home_title.gif) repeat-x;
	color:#fff;
	height:25px;
	line-height:25px;
	font-size:100%;
	text-indent:15px;	
}
#home .col{
	float:left;
	display:inline;
	margin-left:7px;
	margin-right:1px;
	width:230px;
}
#home #content .col p, #side p, #side ul.list1, #side ul.list2{
	margin:1em 15px;
}
#home #content .col p.more{
	margin:0;
	height:23px;
}
#home #content .col p.more a{
	display:inline;
	float:right;
	margin-right:12px;
	height:23px;
	width:69px;
	text-indent:-8000px;
	background: url(/images/btn_more.gif) no-repeat 0 0;
}
/* ---------------------------------- home sub ---------------------------------- */
#home #sub{
	margin:0 11px;
	background:#fff url(/images/home_sub.gif) no-repeat 0 0;
	padding-top:37px;
	padding-bottom:1em;
}
#home #sub .col img{
	margin-bottom:.5em;
}
#home #sub .more{text-align:right;font-size:90%;font-weight:bold;padding-right:10px;}
#home #sub h3{
	margin:.3em 5px;
	font-size:100%;
	color:#762222;
}
#clientLogin{
	border:1px solid #CDCDCD;
	background:#fff;
	padding:1px;
  width: 228px;
}
#home #sub #clientLogin h3,
div.text #clientLogin h3 {
	margin:0;
	padding:0;
	margin-bottom:.5em;
	background: url(/images/sub_title.gif) repeat-x;
	color:#fff;
	height:25px;
	line-height:25px;
	font-size:100%;
	text-indent:15px;	
}

#clientLogin fieldset{
	margin:1em 0;
	padding:0 15px;
	border:none;
	text-align:right;
}
#clientLogin form{
	margin:0;
	padding:0;
}
form label{
	clear:both;
	float:left;
}
form .submit{
	margin:0;
	height:23px;
	text-align:right;
}
#clientLogin .submit a{	
	display:inline;
	float:right;
	height:23px;
	width:69px;
	text-indent:-8000px;
	background:url(/images/btn_login.gif) no-repeat 0 0;
}
#clientLogin .alt{
	margin:0;
	padding:.3em 15px;
	background:#CDCDCD;
}
#contactForm {
	width:300px;
	text-align:right;
}
/* ---------------------------------- main ---------------------------------- */
#maincontent{
	float:left;
	display:inline;
	margin-left:9px;
	width:471px;
}
#main h3{
	font-size:110%;
	color:#762222;
}
#main h4{
	font-size:100%;
	margin:.4em 0;
}
#main .text{
	margin-left:15px;
	width:441px;
}
.text2{
   margin:15px;
   width:441px;
}
#downloadTable{
  width: 441px;
   border:1px solid #CDCDCD;
}
#downloadTable td{
  padding-left: 4px;
  padding-right: 4px;
}
#main .text .image{
	float:right;
	margin:0;
	margin-left:1em;
	margin-bottom:.5em;
}
#main .text  em{
	font-style:normal;
	font-weight:bold;
	background:#762222;
	color:#fff;
	padding:1px 5px;
	font-size:110%;
}
#main .text  ul em{
	font-size:100%;
}
#main table{
	width:100%;
	margin:.5em 0;
}
#main table th, #main table td{
	padding:3px .2em;
}
#main table th{
	text-align:left;
	color:#fff;
	background:#762222;
}
#main table tr.odd{
	background:#e1e1e1;
}
/* ---------------------------------- side ---------------------------------- */
#side{
	float:left;
	display:inline;
	margin-left:8px;
	width:224px;
}
#side ul.list1 a, #side ul.list2 a{
	color:#555;
}
#side ul.list1 a:hover, #side ul.list2 a:hover{
	color:#555;
	text-decoration:underline;
}
/* ---------------------------------- footer ---------------------------------- */
#footer{
	background:url(/images/footer.gif) no-repeat 0 0;
	height:57px;
	line-height:57px;
	text-align:center;
	margin:0 11px;
}
#footer p{margin:0;}
#footer a{color:#555;}
#footer a:hover{color:#555;text-decoration:underline;}
/* ---------------------------------- sIFR ---------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash #content h2#title {visibility: hidden;}
/* */
/* ---------------------------------- float fix ---------------------------------- */
#content:after, #sub:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content, #sub{display: block;}
/* Hides from IE-mac \*/
* html #content, * html #sub{height: 1%;}
#content, #sub{display: block;}
/* End hide from IE-mac */
/* end float fix */