/*
  $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: 11px; color:#2b2b2b }
.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 { }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #4a4949; text-decoration: underline; }

BODY {
background:orange url(images/bg.jpg) repeat-x;  //#005081
  margin: 0px;
  padding:0px
}

#tabsF {
      float:left;
      font-size:92%;
      line-height:normal;
background:url(images/bk.png) repeat-y;padding:0 5px;width:964px;
      }
    #tabsF ul {
	margin:0;
	padding:5px 10px 0 20px;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url(images/nav_left.jpg) no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;font-weight:bold;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url(images/nav_right.jpg) no-repeat right top;
      padding:12px 25px 12px 15px;
      color:#fafafa;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -43px;
      }
    #tabsF a:hover span {
      background-position:100% -43px;
      }

.banner{background:url(images/bk.png) repeat-y;width: 920px;}


#wrapper {
	width: 964px;
	height: auto;
	margin: 0 auto;
background:url(images/bk.png) repeat-y;padding:0 5px;
}

#featured {

padding:5px 0px 20px 0px;height: 65px;
}

/* Featured - rounded corners - left */
#featured-bg-left {
	width: 9px;
	height: 75px;
	background:url(images/bg-featured-left.jpg) no-repeat;
	float: left;margin-left:20px;
}

/* Featured - rounded corners - right */
#featured-bg-right {
	width: 9px;
	height: 75px;
	background:url(images/bg-featured-right.jpg) no-repeat;
	float: right;padding-right:25px;
}

/* Main, 920 px wide section of featured section */
#featured-main {
	width: 901px;
	height: 75px;
	float: left;
	background:url(images/fea_back.jpg) repeat-x;
}

/* Box with featured service number 1 */
.featured-left {
	width: 260px;
	float: left;
	padding-left:10px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	height: 50px;

}

/* Box with featured service number 2 */
.featured-center {
	display: inline;
	width: 260px;
	float: left;
	padding-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	height: 50px;
	margin-bottom: 10px;
	border-left: 1px inset #bed1e4;
}

/* Box with featured service number 3 */
.featured-right {
	width: 260px;
	float: left;
	border-left: 1px inset #bed1e4;
	padding-left: 20px;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 50px;
}

/* Class that styles icons in featured services boxes */
.featured-icon1 {
	float: right;
	width: 22px;
	height: 31px;
	margin-right: 20px;

}
.featured-icon2 {
	float: right;
	width: 25px;
	height: 24px;
	margin-right: 20px;
	margin-bottom: 6px;
}
.featured-icon3 {
	float: right;
	width: 23px;
	height: 26px;
	margin-right: 20px;
	margin-bottom: 6px;
}

H3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #1b5081;
	margin: 0px;
	padding-bottom: 10px;
}
/* Class that styles descriptions in featured services boxes */
.featured-description {
	margin-top: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #6c6c6c;
	font-size: 11px;
	line-height: 20px;
	text-align: center;font-weight:bold;
	height: 20px;
	display: inline;
	width: 264px;
}
.featured-description a{color:#0387ce;text-decoration:none}
.featured-description a:hover{text-decoration:underline}
.pad{padding:10px 10px 0 20px;}
.col_left{background-color:#efefef;border-top:1px solid #c8c8c8;padding:5px 0 5px 10px;font:bold 14px/16px Tahoma, Geneva, sans-serif;color:#1b5081}
.col_desc{background-color:#efefef;border-bottom:1px solid #c8c8c8; margin-bottom:10px;}

FORM {
	display: inline;
}
.bg2{
background:url(images/bk.png) repeat-y;width:974px;margin:0 auto;
padding:10px 0 0 0;
}
.srh{
	background:url(images/serch_bg.gif) 0 0 no-repeat;
	width:306px;
	height:43px;

	padding:0 8px 0 10px;}
#bgft{	width:100%;
	}

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 {

}

.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;

}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0 10px 0 ;

  color: #555555;
}

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.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}

TABLE.productListing {

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  padding:5px;

  color: #363636;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;border-bottom:2px solid #c8c8c8;padding:10px 0;color:#0387ce
}

TD.productListing-data2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;padding:10px 0;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Arial,  sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #363636;
}

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

}
.smallText { font:10px/13px Verdana, Arial, sans-serif; color:#628fc4; text-decoration:none}
a.smallText { font:10px/13px Verdana, Arial, sans-serif; color:#628fc4; text-decoration:none}
a.smallText:hover { font:10px/13px Verdana, Arial, sans-serif; color:#628fc4; text-decoration:underline}
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;color:#363636;
}

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:Georgia, "Times New Roman", Times, serif;
  color: #ff7101;
  font-size:23px;
}

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

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6c6c6c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0387ce; }

/* 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; }

/* ****************************************************************************************** */
/* ********************************************MAIN**************************************** */
/* ****************************************************************************************** */
.ST {
	font-family: Tahoma;
	font-size: 11px;
	color: #121631;
}
.LOGO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #D249EF;
}
/* ****************************************************************************************** */
/* ********************************************MAIN**************************************** */
/* ****************************************************************************************** */
.currenc { font:11px/13px Arial; color:#363636; text-decoration:none; font-weight:bold}
a.currenc { font:11px/13px Arial; color:#363636; text-decoration:none; font-weight:bold}
a.currenc:hover { font:11px/Arial Tahoma; color:#363636; text-decoration:underline; font-weight:bold}

.searchz { font:21px/21px Arial; color:#1b1b1b; text-decoration:none; font-weight:bold}
a.searchz { font:21px/21px Arial; color:#1b1b1b; text-decoration:none; font-weight:bold}
a.searchz:hover { font:21px/21px Arial; color:#1b1b1b; text-decoration:underline; font-weight:bold}

.ShoppingCart { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#fff;font-size:12px; text-decoration:none}
a.ShoppingCart { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#fff;font-size:12px; text-decoration:none}
a.ShoppingCart:hover { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#fff;font-size:12px; text-decoration:none}

.iinfo { font:16px/18px Arial; color:#1b5081; text-decoration:none; font-weight:bold;}
.iinfo2 { font:12px/14px Arial; color:#0387cd; text-decoration:underline; font-weight:bold;}
a.iinfo2 { font:12px/14px Arial; color:#0387cd; text-decoration:underline; font-weight:bold;}
a.iinfo2:hover { font:12px/14px Arial; color:#0387cd; text-decoration:none; font-weight:bold;}
.iinfo2 a:hover{ font:12px/14px Arial; color:#0387cd; text-decoration:none; font-weight:bold;}

.CR { font:12px/13px Tahoma; color:#333333; text-decoration:none}
a.CR { font:12px/13px Tahoma; color:#333333; text-decoration:none}
a.CR:hover { font:12px/13px Tahoma; color:#333333; text-decoration:underline}

.categor { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#6c6c6c;font-size:12px; text-decoration:none}
a.categor { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#6c6c6c;font-size:12px; text-decoration:none}
a.categor:hover {font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#0387cd;font-size:12px;text-decoration:underline}

.cat_title { font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; color:#eee7dd; text-decoration:none; font-weight:bold;padding:0 0 5px 10px}
.src_title { font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; color:#eee7dd; text-decoration:none; font-weight:bold;padding:0 0 5px 10px}
.dec{}
.prod_dec{color:#363636}
.null { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#68c0f8;font-size:12px; text-decoration:none}
a.null { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#68c0f8;font-size:12px; text-decoration:none}
a.null:hover { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#68c0f8;font-size:12px; text-decoration:none}

.prod1{padding:8px;font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#2a334f;font-size:24px; text-decoration:none}

.prod33{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#2a334f;font-size:18px; text-decoration:none}
a.prod33{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#2a334f;font-size:18px; text-decoration:none}
a.prod33:hover{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#2a334f;font-size:18px; text-decoration:underline}
.model{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#15588c;font-size:14px; text-decoration:none}
.prod_price{padding:8px;font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#0387ce;font-size:24px; text-decoration:none}
.prod_price2{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#959595;font-size:22px; text-decoration:none}

.prod_specprice{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#0387ce;font-size:25px; text-decoration:none}
.cat_title2{padding:8px;font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#15588c;font-size:22px; 	text-decoration:none}
.acc{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#0387cd;font-size:14px; text-decoration:none}
a.acc{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#0387cd;font-size:14px; text-decoration:none}
a.acc:hover{font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;color:#1b5081;font-size:14px; text-decoration:underline}

.foot { font:12px/13px Tahoma; color:#6c6c6c; text-decoration:none}
a.foot { font:12px/13px Tahoma; color:#6c6c6c; text-decoration:none}
a.foot:hover { font:12px/13px Tahoma; color:#0387cd; text-decoration:underline}

.Date { font:12px/18px Arial; color:#333333; text-decoration:none}
a.Date { font:12px/18px Arial; color:#333333; text-decoration:none}
a.Date:hover { font:12px/18px Arial; color:#333333; text-decoration:underline}

.Price { font:15px/20px "Arial Narrow"; color:#ffffff; text-decoration:none; font-weight:bold}
a.Price { font:15px/20px "Arial Narrow"; color:#ffffff; text-decoration:none; font-weight:bold}
a.Price:hover { font:15px/20px "Arial Narrow"; color:#ffffff; text-decoration:underline; font-weight:bold}

.NameProd { font:22px/22px Arial, Helvetica, sans-serif; color:#25639d; text-decoration:none;}
a.NameProd { font:22px/22px Arial, Helvetica, sans-serif; color:#25639d; text-decoration:none;}
a.NameProd:hover { font:22px/22px Arial, Helvetica, sans-serif; color:#25639d; text-decoration:underline;}

.adv { font:11px/13px Arial; color:#6c6c6c; text-decoration:none; font-weight:bold}
a.adv  { font:11px/13px Arial; color:#6c6c6c; text-decoration:underline; font-weight:bold}
a.adv:hover { font:11px/13px Arial; color:#0387cd; text-decoration:none; font-weight:bold}

.ST { font:16px/16px Arial; color:#ffffff; text-decoration:none; font-weight:bold}
a.ST { font:11px/13px Tahoma; color:#FFFFFF; text-decoration:none}
a.ST:hover { font:11px/13px Tahoma; color:#FFFFFF; text-decoration:underline}

.number {font:11px/11px Tahoma; color:#0387cd;}

.StaraCena { font:16px/16px Georgia, "Times New Roman", Times, serif; color:#959595; text-decoration:none; font-weight:bold}

.border { background-color:#f5f5f5; border-color:#cecece; border-style:solid; border-width:1px; background-image: url(images/mod001.jpg); background-position:top; background-repeat:repeat-x;padding:10px}

.main2{font:13px/16px Arial; color:#bed4d5; text-decoration:none;}
a.main2{font:13px/16px Arial; color:#bed4d5; text-decoration:none; font-weight:bold;}
a.main2:hover{font:13px/16px Arial; color:#bed4d5; text-decoration:none; font-weight:bold;}

.main3{
  font-family: Arial,  sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #bfae79;
}
.bg_line_x						{background:url(images/line_x.gif) left center repeat-x;}


#s3slider{
   width: 924px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-top:0px;
}

#s3sliderContent {
   width: 925px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
}


 ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 25px;
	}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}


.s3sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 920px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
    height: 25px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 120px !important;
	height: 183px;
}