/* Global styles*/
body { background-color: white; margin: 0px; width: 100%;}
h1 {   font: normal normal bold 16px Verdana, Arial;  color: #000033; background-color: transparent; border-bottom: 1px solid #AAA692; line-height: 25px; margin: 0; padding: 0; text-transform: capitalize;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #990000;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold; text-transform: capitalize; display: inline; margin-bottom: 10px}
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; text-align: left; line-height: 20px}
#content li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; text-align: justify; line-height: 20px}
a { color : #000033; font-size : 12px; font-family : Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px; font-weight: bold; text-align: left; }
a:hover { text-decoration: underline; }

/*Messages styles*/
.error{ color : #A80000;	font-style : normal;	font-weight: bold; }
.warning{ color : #FF6600;	font-style : normal;	font-weight: bold; }
.message{ color : Black;	font-style : normal;	font-weight: bold; }

/*classes just to do alignment*/
.center p {text-align: center;}
.center {text-align: center;}
.right p { text-align: right}
.right { text-align: right}
.top p { vertical-align: top; }
.top { vertical-align: top; }

/*styles to position the various content areas of the page*/
#container { margin: 0px; width: 770px;}
#logo {  float: left; height: 62px; background-color: transparent; width: 48%; margin: 2px 0px 2px 10px; display: inline;}
#user { float: right; height: 62px; background-color: transparent;  width: 48%; margin: 2px 0px 2px 0px; text-align: right; display: inline; vertical-align: middle; padding: 0px}
#bar { border-bottom: 1px solid #003300; margin: 0px; margin-bottom: 10px; height: 28px; position: relative; background-color: #AAA692;}
#left { float: left; width: 160px; background-color: transparent; clear: left; margin: 0px; display: inline; z-index: 20000;}
#content { margin: 0px 0px 0px 180px; background-color: transparent; width: auto; z-index: auto;}

#footer { width: 100%; background-color: transparent; margin-top: 10px; border-top: 1px solid #003300; text-align: right;  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both; line-height: 16px}
#footer a { color : #003300; font-size : 10px; font-family : Arial, Helvetica, sans-serif; text-decoration: none; padding: 0px; font-weight: bold; }
#footer a:hover { text-decoration: underline; }

#user p{ display: inline; height: 62px; text-align: right; background-color: transparent; text-transform: uppercase; color:#003300; font-weight: bold; margin: 0px 0px auto 0px;}
#help{ margin: 5px}
#messages .messagebox { background-color: white; border: 1px solid #AAA692; width: 580px }
.list_form { display: inline; }
/* IDs and styles used for the Main menu */
#mainmenu{ text-align: center; background-color: transparent; clear: both; top: 0px; height: 22px}
#navlist {  padding: 3px 0; margin: 0px; margin-top: 1px; background-color: #003300; border-bottom: 1px solid #003300; font: bold 12px Verdana, sans-serif;}
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { color: #AAA692; padding: 3px 0.5em; margin-left: 3px;  background: #003300; text-decoration: none; text-transform: capitalize; }
#navlist li a:link { color: #AAA692; }
#navlist li a:visited { color: #AAA692; }
#navlist li a:hover { color: white; background-color: transparent;}
#navlist li a#current { color: #003300; background: #AAA692; border: 2px solid #AAA692; }

/* IDs contained with in the bar */
#search { position: absolute; left: 7px; width: 250px;}
#search p { color: white; }
#cart {  position: absolute; right: 7px; }
#cart p { color: white; }
#cart #viewbut{ height: 21px; width: 85px; background-color: #AAA692; text-align: center;}
#cart a { margin: 4px; color: #003300; text-transform: capitalize;}
#cart a:hover { text-decoration: none; color: white}
#cart #checkoutbut{ border-left: 0px;  width: 85px; background-color: #AAA692; text-align: center; height: 21px;}
#cart #cartcontents{ width: 210px }
#cart td img { vertical-align: middle;}

/* styles for the view shopping cart screen */
#content li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; text-align: justify; line-height: 20px}
.rowhighlight { background-color: #F1E394; cursor: hand;}
.rowoff { background-color: transparent; }
#content .carttable { width: 580px; text-align: center; }
#content .carttable p { text-align: center;  line-height: 30px }
#content .carttable thead p { line-height: 15px}
#content .carttable thead td { border-bottom: 1px solid black; vertical-align: top; font-weight: bold; line-height: 15px}
#content .carttable .carttotal { border-top: 1px solid black }
#content .carttable .carttotalcol { border-top: 1px solid black; width: 100px }
#content .carttable .carttotalcent { text-align: center; border-top: 1px solid black }
#content .carttable .carttotalplus p { text-align: right; }
#content .carttable .carttotal p { text-align: right; }
#content .carttable .cartdesccell { width: 245px }
#content .bottomlink{ width: 580px; font-size: 18px}
#content .bottomlink a{ margin-left:auto; font-size: 18px; text-transform: capitalize;}

/* IDs contained within left*/
#submenu { background-color: transparent; margin-bottom: 10px; padding: 0px; display: inline; }
#submenu a { color: #000033; margin: 0px;  padding: 2px 0px 2px 10px; display: block; border: 1px solid white; font-weight: normal; text-transform: capitalize; }
#submenu a:hover { border: 1px solid #AAA692; color: #AAA692 }

/* styles for the menu */
.menuhighlight { background-color: #F1E394; color: White; cursor: hand; }
.menuoff { background-color: transparent; }

/*Form Styles */
.textbox { font-family: Helvetica, sans-serif, Arial; 	font-size: 12px; color: #003300; background-color: #FFFFFF; border: 1px ridge #AAA692; }
.textarea { font-family: Helvetica, sans-serif, Arial; 	font-size: 12px; color: #003300; background-color: #FFFFFF; border: 1px ridge #AAA692; }
.button { font-family: Helvetica, sans-serif, Arial; font-size: 11px; font-weight: bold; color: #000033; background-color: #F1E394; border: 1px ridge #AAA692; text-transform: uppercase; cursor: hand; }
.dropdown { font-family: Helvetica, sans-serif, Arial; font-size: 12px; font-style: normal; color: Black; background-color: #FFFFFF; border: 1px ridge #AAA692; }
.scrollinglist { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: black; background-color: #FFFFFF; border: 1px ridge #AAA692;} 

/* styles for boxes */
.box { margin: 0px; }
.box h3 { color: black; margin: 2px 0px 2px 10px; display: inline;}
.box input { margin: 2px 0px 2px 10px; }
.box .securelogo { margin: 2px 0px 2px 10px; z-index: 20 }
.box p { color: black; padding: 2px 0px 2px 10px; }
.box a { color: #666666; padding: 2px 0px 2px 10px; } 
.box a:hover { text-decoration: none; } 
.box .mailinglist { display: inline; margin-bottom: 10px;}
.box .mailinglist table {}


/*front page style */
#content .introtable{ width: 580px; margin: 10px auto;}
#content .introtable .imgcell img{ margin-right: 10px }
/*product styles*/
#content .price{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: black; line-height: 20px; font-weight: bold; }
#content .saleprice{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: red; line-height: 20px; font-weight: bold; }
#content #bigproduct p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; text-align: left; line-height: 20px}
#content #bigproduct #col1 { width: 300px; height: 300px; vertical-align: middle; text-align: center; border: 1px solid #AAA692; }
#content #bigproduct #col2 { width: 300px; vertical-align: top;}
#content #bigproduct #col2 table { margin-left: 10px}
#content #bigproduct #col2 .label { width: 70px }
/*styles for the product index page*/
#content .breakdownheader { width: 580px; }
#content .breakdownheader .sort{ width: 90px }
#content .breakdownheader .sortbut{ width: 50px }
#content .breakdownheader h1 { border-bottom: 0px; font: normal normal bold 16px Verdana, Arial;  color: #000033; background-color: transparent; line-height: 25px; margin: 0; padding: 0}
#content .breakdownheader td { border-bottom: 1px solid #AAA692;}
#content #bigproduct p.saleprice { color: #B22222; }

#content .product { border-bottom: 1px solid #AAA692; width: 580px }
#content .product .col1 td, .featurecell .image td { height: 151px; border: 1px solid #AAA692;  vertical-align: middle; text-align: center; margin:0px; padding:0px;}
#content .product .col1 table, .featurecell .image table {width: 152px; border-collapse: collapse; border:0; margin:0px; padding:0px;}
#content .product .col1 img, .featurecell .image img{ border:0; margin:0px; padding:0px;}
#content .product .col1 a, .featurecell .image a{  border:0; margin:0px; padding:0px;}
#content .product .col2 { width: 290px; }
#content .product .col2 table{ margin-left: 10px; }
#content .product .col2 .label{ width: 80px; }
#content .product .col2 .info{ width: 200px; }
.product .specialoffer { width: 100px; }

.featuretable { width: 580px; border-top: 1px solid #AAA692; border-left: 1px solid #AAA692; }
.featurecell { border-bottom: 1px solid #AAA692; border-right: 1px solid #AAA692; text-align: center; vertical-align: top; }
.featurecell table { width: 150px; margin: 10px auto 10px auto; }

/* Styles for the checkout */
#checkout { margin: 0px; width: 770px }
#checkout .button { font-family: Helvetica, sans-serif, Arial; font-size: 14px; font-weight: bold; color: #000033; background-color: #F1E394; border: 1px ridge #AAA692; text-transform: uppercase; cursor: hand; }
#checkout #header { margin: 2px 0px 2px 10px; width: 758px; height: 62px; display: inline;}
#checkout #content { margin: 0px; width: auto }
#checkout #content #progress{ margin: 0px; width: 770px; height: 28px;  background-color: #003300; }
#checkout #content #theform { margin: 10px}
#checkout #content #progress p { color: #AAA692 } 
#checkout #content #progress .on { background-color: #AAA692; } 
#checkout #content #progress .on p { color: #003300; font-weight: bold; } 
#checkout #content #progress img{ margin: 5px}
#checkout #content #progress .filler {width: auto; }
#checkout #content #progress .icon {width: 20px; }
#checkout #content #progress .iconon {width: 20px; background-color: #AAA692; border: 1px solid #AAA692 }
#checkout #content #progress table { margin: 0px 0px 0px 10px; height: 100%}
#checkout #content #progress td {width: 80px; }

#checkout .nav { border-top: 1px solid #AAA692; line-height: 25px; width: 750px}
#checkout #posttable .radio input { margin: 10px } 

#checkout .carttable { width: 750px }
#checkout .paymenttable { width: 750px }
#checkout .paymenttable .imgcell{ text-align: right;}

/*confirm*/
#checkout #verify .confirm { background-color: #CCCCCC; width: 200px}
#checkout .labelcell { width: 140px}