/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


img, div { behavior: url(iepngfix.htc) }

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 0 8px; }
.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 {
  color: #000000;
  margin: 0px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
}

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

A:hover {
  color: #000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
}

TR.headerNavigation {
  height: 33px;
  width: 1000px;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  background: url('images/header_nav_bg.jpg') repeat-x;
}

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 {
  padding-top:10px;
  font-size: 12px;
  font-family: arial;
}

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

.infoBox {
  margin-bottom: 5px;
}

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

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

TABLE.sideBoxContents {
  border-left: 1px solid #828282;
  border-right: 1px solid #828282;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-image: url('images/sideboxheader.png');
  width: 169px;
  height: 28px;
  text-align: left;
  padding-left: 10px;
}

TD.infoBoxHeadingLong {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-image: url('images/boxBg.jpg');
  height: 28px;
  text-align: left;
  padding-left: 10px;
}

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

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

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #828282;
  border-spacing: 0px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  background: url('images/boxBg.jpg') repeat-x;
  padding: 9px 5px 9px 0;
  color: #FFFFFF;
  font-weight: bold;
}

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: 18px;
  font-weight: bold;
  color: #000;
}

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;
  line-height: 1.5;
}

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

/* ultimate pro audio */

#maincontent {
  background: #fff;
}

.topbar {
  background-image: url('images/topbar.png');
  background-repeat: no-repeat;
  background-position: top center;
  height: 29px;
  width: 1000px;
  text-align: right;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  padding-top:5px;
}

.topbar a {
  color: #fff;
}

.maintable {
  padding-top:5px;
}


.footertable {
  padding-top:5px;
  border-top:1px solid #000;
  margin-top: 5px;
}
.maincontenttable {
  padding:0 10px;
}
.infobox_bottom {
  background: url('images/sideboxfooter.png') no-repeat;
  width: 169px;
  height: 6px;
 }

.products_description {
/*  height: 300px;
  overflow: scroll;*/
}

.contentBoxContents {
}
.cat_header {
  font-size: 14px;
  float:left;
  width:151px;
  padding-bottom:5px;
}
.searchbox {
  background-image: url('images/searchbg.png');
  border: none;
  height:26px;
  padding:5px 0 0 24px;
  margin-bottom:5px;
}
.mainmenu_btn, .mainmenubtn_selected {
  float:left;
  text-align: center;
  font-weight: normal;
  font-size:11px;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}
a.menubtn, a.mainmenubtn_selected {
  color: #fff;
}
a:hover.menubtn, .mainmenubtn_selected a:hover {
  color: #fff;
}

.mainmenubtn_selected {
  background: #000;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

.feature_product_container {

}

.feature_product_top {
  background-image: url('images/boxBg.jpg');
}
.feature_product_top_text {
  font-size: 13px;
  font-weight: normal;
}
.feature_product_top a {
  color: #fff;
}
.feature_product_bg {
  background-color: #eeeeee;
  text-align: center;
  padding: 10px 5px 5px 5px;
}
.feature_product_bg TABLE {
  margin: 0 auto 0 auto;
}

.feature_product_moreinfo {
  font-size:12px;
  color: #517da4;
}
.feature_product_price {
  font-weight: bold;
  font-size: 12px;
  color: #517da4;
}
.featured_product_details {
  padding-bottom: 5px;
}
.feature_product_bottom {
  background-color: #d6d6d6;
  color: #517da4;
  font-size:11px;
  text-align: right;
}

.feature_product_bottom a {
  color: #517da4;
}

.feature_product_bottom TABLE {
  padding: 5px;
  width: 96%;
}

.feature_product_bottom_text {
  font-size: 12px;
  color: #517da4;
  text-align: right;
}
.feature_product_image {
  background-color: #fff;
  height: 140px;
}
.pageHeading img {
  display: none;
}

/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/
.shoppingcart_links {
  padding-top:10px;
  text-align: center;
}

.header_stars {
  background: url('images/stars.jpg') repeat-x;
}

#header_left{
  position: relative;
  float: left;
}

#header_left_inner {
  position: absolute;
  left: 0;
  z-index: 10;
}

#header_logo{
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 20;

}

.product_listing_outer_container {
  border-bottom: 1px solid #808080;
  padding-bottom: 10px;
}

.product_listing_container {
  margin: 10px;
  padding-left: 10px;
  font-size: 14px;
  font-family: helvetica, arial;

}

.prod_even {
  background: #f1ede4;
}

.prod_odd {
  background: #e4e0d7;
}

.product_info_left_container {
  margin-right: 150px;
}

.product_listing_image {
  float: right;
  margin-top: 10px;
  text-align: right;
  margin-right: 20px;
}

.product_listing_image TABLE {
  background: #fff;
  width: 120px;
  height: 120px;
}

.product_listing_image TD {
}

 .product_listing_manu {
    margin-top: 10px;
}

.product_listing_name, .product_listing_model, .product_listing_manu {
  font-size: 14px;
  font-weight: bold;
}

.product_listing_price {
  color: #5694f0;
  font-size: 14px;
  font-weight: bold;
}

.product_listing_desc {
  font-size: 12px;
}

.product_listing_link {
  margin-top: 20px;
  font-size: 12px;
}

.product_listing_link a{
  color: #5694f0;
  font-weight: bold;
  text-decoration: none;
}

.product_listing_link a:hover{
  color: #000;
}

.maincontenttable {
  padding: 0 10px;
}
.sectionTitle {
  background: url('images/sectionTitle.jpg') repeat-x;
  padding: 5px 15px;
  border: 1px solid #1A4A8F;
  color: #fff;
  float: left; 
  clear:both;
}
.sectionBody {
  border: 1px solid #e7e7e7;
  background:#f6f6f6;
}
.sectionTitle2 {
  background: url('images/sectionTitle.jpg') repeat-x;
  padding: 5px 15px;
  border: 1px solid #1A4A8F;
  color: #fff;
  float: left; 
  clear:both;
  margin-top:5px;
}
.sectionBody2 {
  padding: 5px;
  border: 1px solid #e7e7e7;
  background:#f6f6f6;
  margin-bottom: 10px;
}
.label {
  width: 300px;
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 150px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
	.estimatedshippingBox {
	  background: #FF8E90; 
	  text-align: left;
	}

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

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

	.ShowShipping {
	  background: transparent url(images/boxBg.jpg) repeat-x scroll 0 0;
	  color: #ffffff;
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	  text-align: center;
	  padding: 5px;
	} 
.nameholder {
	font-size:12px;
	padding: 0 15px;
	text-align: center;
}
#notes {
	width:280px;
	background-color: #DFEEFF;
	border:1px solid #ccc;
	margin-right:10px;
	margin-top:100px;
	font-size: 12px;
}
#notes .notesTitle, #notes2 .notesTitle {
	background-color: #8ABCF5;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}
#notes .text {
	padding: 10px;
}
#notes b {
	clear: both;
	float: left;
	width:100%;
	margin-bottom: 5px;
}

#notes2 {
	width:280px;
	background-color: #DFEEFF;
	border:1px solid #ccc;
	margin-right:10px;
	margin-top:70px;
	font-size: 12px;
}

#notes2 .text {
	padding: 10px;
}


a.highlight  {
	color: #cc0000;
}
.bluehighlight {
	background: #E9F4FC;
	padding: 5px;
}
a.addressbook {
	color: #267BCF;
	text-decoration: underline;
}
.shippinghighlight {
	color: #267BCF;
	text-align: center;
	font-size:14px;
}
.ssl {
	position: fixed;
	right: 0;
	bottom:0;
	height: 85px;
	width: 100px;
	z-index: 10000;
}
.infobox2 {
	background: #eee;
}


/* CSS For Product Scroller */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 

#product_scroll_outer {
  border: 1px solid #d2d6d9;
  margin: 5px;
}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:200000em; 
    position:absolute; 
    top: 0;
    left: 0;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 

} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}



#product_scroll_previous {
  background: url('images/slider_up.jpg') top center no-repeat;
  height: 20px;
  display: block;
  margin-top: 5px;
}

#product_scroll_next {
  background: url('images/slider_down.jpg') bottom center no-repeat;
  height: 20px;
  display: block;
  margin-bottom: 5px;
}

.scrolling_product {
  text-align: center;
  margin-bottom: 5px;
}


.scrolling_product, .scrolling_product a {
  color: #000;
  text-decoration: none;
}

.scrolling_product a:hover {
  text-decoration: underline;
}

/* CSS For Product Scroller EOF */

#contact_form label {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  float: left;
  width: 300px;
}

.required {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: red;
}

.rset {
  position: relative;
  top: 10px;
  left: 5px;
}