/*
$Id: stylesheet.css 3 2006-05-27 04:59:07Z user $

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

  Copyright 2007 JJCart, 2006 osCMax

  Released under the GNU General Public License
*/

body {
	background-color: #5586C3;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
}

#wrapper {width: 872px; margin: 0 auto;}

#top {width:872px;height:45px;padding:0;margin:0 auto;text-align:center;}
#top {background: url(content/images/bg_top.png) no-repeat 0px 8px;}
#top #nav {position: relative;margin:0;padding:0;font-weight:bold;color:#000;height:28px;}
#top #nav img {float:left;padding-left:5px;}
#top #nav ul{list-style-type:none;margin:0;padding:0;height:28px;vertical-align: bottom;}
#top #nav ul.left {float:left;padding-top:19px;}
#top #nav ul.right {float:right; padding-right:0px;padding-top:19px;}
#top #nav li {float:left;position:relative;padding: 0 20px 0 20px;}
#top #nav a {font-weight:bold;color:#FFF;font-size:9pt;}
#top #nav a:hover {color:#AAA;}

#header {clear:both;position:relative;margin-top:1px;}
#menu {width: 872px;float: left; margin: 0;background-color: #c0d2e8;}

#menu {position:relative; z-index:100; font-family:Arial, Helvetica, sans-serif;}
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu li {float:left;position:relative; }

#menu a {display:block;font-size:12px;text-decoration:none; color: #0a2850;  background-color: #c0d2e8; padding:4px 10px; font-weight:bold;line-height: 1em; text-transform: uppercase;text-decoration: none;}
#menu a:hover{color: white; background:#004080;}
#menu :hover > a {color: white; background:#004080;}
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; }

#menu ul ul {border-top-color: #c0d2e8; visibility:hidden;position:absolute;height:0;top:20px;left:0;border-top:1px solid;}
#menu ul ul a {background-color: #c0d2e8; color: black;line-height: 1em;  padding:5px 10px; border:1px solid #c0d2e8; border-width:0 1px 1px 1px; width: 150px; }
#menu ul ul a:hover {background-color: #004080;color: #fff;}
#menu ul ul :hover > a {background-color: #004080;color: #fff;}

/*
.tep2_in1{background:url(/images/con_title_ltc.gif) no-repeat left top #0a2851; width:100%; margin-bottom:3px;}
.tep2_in2{background:url(/images/con_title_lbc.gif) no-repeat left bottom; width:100%;}
.tep2_in3{background:url(/images/con_title_rtc.gif) no-repeat right top; width:100%;}
.tep2_in4{background:url(/images/con_title_rbc.gif) no-repeat right bottom; width:100%;}
.tep2_in5{padding:12px 0 9px 36px;}
*/

.cont_heading_td {height:37px; width:100%;vertical-align:middle;}

#content { display:block;width:872px; margin: 23px auto 3px auto;}
#footer {color:#697887;width:872px;height:37px;vertical-align:middle; margin-bottom: 10px;}
#footer #left {float:left;width:20px;height:37px;}
#footer #right {float:left;width:15px;height:37px;}
#footer #nav1 {float:left;background-color:#E0E4E7;width:120px;margin-left:0;color:#697887;height:26px;padding:6px 0 5px 0;}
#footer #nav2 {float:left;background-color:#E0E4E7;text-align:center;width:200px;margin-left:0;color:#697887;height:27px;padding-top:10px;font-size:8pt;}
#footer #nav3 {float:left;background-color:#E0E4E7;text-align:right;width:517px;margin-left:0;color:#697887;height:27px;padding-top:10px;font-size:9pt;}

.box_tl {width:7px;height:6px; background: url(content/images/corner_tl.png) no-repeat; }
.box_t  {width:858px;height:6px;  background: url(content/images/corner_t.png) repeat-x;}
.box_tr {width:7px;height:6px; background: url(content/images/corner_tr.png) no-repeat;}

.box_l  {width:7px; background: url(content/images/corner_l.png) repeat-y; height: 300px;}
.box_c  {width:858px; background-color: #ffffff;vertical-align: top;}
.box_r  {width:7px; background: url(content/images/corner_r.png) repeat-y;}

.box_bl {width:7px;height:6px; background: url(content/images/corner_bl.png) no-repeat;}
.box_b  {width:858px;height:6px;  background: url(content/images/corner_b.png) repeat-x;}
.box_br {width:7px;height:6px; background: url(content/images/corner_br.png) no-repeat;}


a {  color: #898989;  text-decoration: none;font-size:9pt;}
a:hover { color: #569196;  text-decoration: none;}



tr.header {  background: #ffffff;}
tr.headerNavigation {  background: #ffffff;}
td.headerNavigation {  font-size: 9pt; background: #ffffff; color: #898989; font-weight : normal;}
a.headerNavigation {color: #898989;}
a.headerNavigation:hover {color: #569196;}
tr.headerError {background: #ff0000;}
td.headerError { font-size: 10pt;background: #ff0000;color: #5a5959;font-weight : bold;text-align : center;}
tr.headerInfo {background: #00ff00;}
td.headerInfo {font-size: 10pt; background: #00ff00; color: #898989; font-weight: bold; text-align: center;}

.boxText {  font-size: 9pt; }
.errorBox {  font-size : 9pt; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 9pt; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-size : 9pt; color: #70d250; text-decoration: underline; }

.infoBox { background: #ffffff; border:1px solid #B6B7CB; padding: 8px; vertical-align:top;}
.infoBoxContents { background: #ffffff;  font-size: 0px;  border:1px soild #B6B7CB;  padding: 8px;}

.infoBoxNotice {background: #FF8E90;}
.infoBoxNoticeContents {background: #FFE6E6;  font-size: 10px;}
td.infoBoxHeading {  font-size: 10px; font-weight: bold;  padding: 5px; color: #5a5959; border:1px solid #B6B7CB;}
td.infoBox, span.infoBox {  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: #ffffff;}
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: #ffffff;}
table.productListing {width:100%; min-height: 400px;}
.productListing-heading {  font-size: 9pt; background: #e8e8e8; color: #191919; font-weight: bold; border-top: 1px solid #898989; border-bottom: 1px solid #898989;}
td.productListing-data {  font-size: 8pt; padding-top: 3px;width:200px;vertical-align:top;text-align: center;}
a.pageResults:link {  font-size: 9pt; color: #898989; font-weight: normal; text-decoration: none; }
a.pageResults:visited {  font-size: 9pt; color: #898989; font-weight: normal; text-decoration: none; }
a.pageResults:active {  font-size: 9pt; color: #898989; font-weight: normal; text-decoration: none; }
a.pageResults:hover {  font-size: 9pt; color: #569196; font-weight: normal; text-decoration: none;}

td.pageHeading, div.pageHeading { font-size: 10pt; font-weight: bold; color: #898989;}

tr.subBar {background: #f4f7fd;}
td.subBar {  font-size: 9pt; color: #000000;}
td.main, p.main {  font-size: 9pt; vertical-align:top; }
td.smallText, span.smallText, p.smallText {  font-size: 8pt;}
td.accountCategory {  font-size: 11pt; color: #aabbdd;}
td.fieldKey {  font-size: 10pt; font-weight: bold;}
td.fieldValue {  font-size: 10pt;}
td.tableHeading {  font-size: 11pt; font-weight: bold;}

span.newItemInCart {    font-size: 9pt;  color: #ff0000;}
span.greetUser {    font-size: 10pt;  color: #898989;  font-weight: bold;}

span.markProductOutOfStock {  font-size: 10pt; color: #c76170; font-weight: bold;}
span.productSpecialPrice, SPAN.errorText {  color: #ff0000;}

.swatches {float:left;padding:5px 10px; width:330px;text-align:left;}
.swatches ul {margin:5px 0 0 0;padding:0;list-style-type:none;}
.swatches li {float:left;position: relative;padding:0 3px;}
.prod_desc {height:30px;vertical-align: top;}

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

.checkoutBarFrom, .checkoutBarTo {  font-size: 9pt; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 9pt; color: #000000; }

/* message box */
.messageBox {  font-size: 9pt; }
.messageStackError, .messageStackWarning {  font-size: 9pt; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 9pt; background-color: #99ff00; }

/* input requirement */
.inputRequirement {  font-size: 9pt; color: #ff0000; }

table.aa1 {width:100%;border: none;margin:0;padding:10px;}
form {	display: inline;}
label {color:#333333;font-weight: bold; width:200px;float: left;text-align: right;margin-right: 0.5em;display: block;padding-top:2px;}
fieldset{background-color: #edf2fd; border: 1px solid #AAAAAA;margin-top:5px; }
legend { color: #235084;background-color: #ebf8fa;border: 1px solid #AAAAAA;padding: 2px 6px}

hr { border-width: thin; border-style: dotted; border-color: #d8d8d8;}

.hd {font-size:11pt;font-weight: bold;margin:10px;}
.bd { float:left;width:815px; margin:10px;padding:10px; min-height: 250px}
.left {float:left;}
.right {float:right;}
.bd .form {display:block; padding:4px 0 4px 0;}
.button {clear:left;float:right;padding-top:15px;padding-right:2px;}

.left_border {padding-left: 10px;border-left:1px  dotted #B6B7CB;}

div.imgBox { font-size: 9pt; padding: 5px; border:1px solid #B6B7CB; min-height: 250px; vertical-align: middle;}
div.imgBox img {vertical-align: middle;}
div.productBox {  font-size: 10pt; border:none; padding:20px; color:#B6B7CB; min-height: 330px;}
div.shop {padding: 9pt;text-align:right;}
div.price {	font-size: 10pt;}

td.p_image {width: 120px; height: 120px;border-right:1px solid #898989; border-bottom:1px solid #898989;text-align:center;vertical-align: bottom;}
td.pl_desc {width: 194px; height: 120px;border-right:1px solid #898989; border-bottom:1px solid #898989;text-align:left;vertical-align: bottom;} 
td.pr_desc {width: 194px; height: 120px;border-bottom:1px solid #898989;text-align:left;vertical-align: bottom;} 

h2.state {text-transform: uppercase;margin:3px 0 0 0;padding:0;font-size:10pt;}
h2.prod { padding:0;margin:0;font-size:12pt;font-weight: bold;}

.company {color: rgb(51, 102, 255);font-style: italic;font-size:10pt;}
.company:hover {color: rgb(51, 102, 255);}

img.prod {	margin: 20px;	text-align: center;	vertical-align: middle;}
img.col {	max-height: 120px;	max-width: 120px;}
a.nav_foot {	font-size: 9pt;	color: #6d6d6d;}
a.nav_foot:hover {	font-size: 9pt;	color: #78a4d4;}
a.nav_copy{	font-size: 8pt;}
.noScreenshots {color:#666666;}
.main_img {border:none;}