/*
  $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 {  }
.errorBox { font-family :  font-size : 10px; background: #f6cf25; font-weight: bold; }
.stockWarning { font-family : font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family :  font-size : 10px; color: #70d250; text-decoration: underline; }
.coordinaty {font-family : font-size : 9px; ;margin-right:1em;}
BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #006633;
  text-decoration: underline;
}

FORM {
        display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: transparent;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  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 {
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
	background: #fff url(images/index_10.gif) repeat-x top left;
}

.infoBoxContents {
  background: transparent;
  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 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: transparent;
  color: #ffffff;
}

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: transparent;
}

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: transparent;
}

TABLE.productListing {
  border: 0;

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #2AC003;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #009900;
}

A.pageResults:hover {
  color: #009900;
  background: #DDFFDD;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}
#price { color:#000099;}


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-size: 90%;

}

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: 0;
}

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: #C4FFB5;  cursor: hand; }
.moduleRowSelected { background-color: #82D06D; cursor: pointer;}

.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: #f6cf25; }
.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; }

/* ----------------- coolMenu ----------------- */

.clCMEvent{
        position:absolute;
        width:99%; height:99%;
        clip:rect(0,100%,100%,0);
        left:0;
        top:0;
        visibility:visible
}


.clCMAbs{
        position:absolute;
        visibility:hidden;
        left:0;
        top:0;
}

.clBar{
        position:absolute;
        width:10;
        height:10;
        background-color:#ffffff;
        layer-background-color:#ffffff;
        visibility:hidden;
}

.clLevel0,.clLevel0over{
        position:absolute;
        padding:1px;
        font-family:Verdana,arial,helvetica;
        font-size:10px;
}

.clLevel0{
        background-color:#ffffff;
        layer-background-color:#ffffff;
        color:#000000;
}

.clLevel0over{
        background:transparent;
        color:#ffffff;
        cursor:pointer;
        cursor:hand;
}

.clLevel0border{
        position:absolute;
        visibility:hidden;
        background-color:#c0c0c0;
        layer-background-color:white;
}

.clLevel1, .clLevel1over{
        position:absolute;
        padding:2px;
        font-family:Verdana,arial,helvetica;
        font-size:10px;
}

.clLevel1{
        background-color:#ffffff;
        layer-background-color:#ffffff;
        color:#000000;
}

.clLevel1over{
        background:transparent;
        color:#ffffff;
        cursor:pointer;
        cursor:hand;
}

.clLevel1border{
        position:absolute;
        visibility:hidden;
        background-color:#c0c0c0;
        layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */

.ship{border:1px solid #000;margin:3px 10px 3px 3px;float:left;}
.banner10 {margin:5px;}










body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}
html {height: 100%}
body {
	font: 12px/18px Tahoma, Arial, Verdana, sans-serif;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 308px;
}
#topline {
	height: 44px;
	background: url(images/index_01.gif) repeat-x top left;
}
#topmain {
	height: 308px;
	background: url(images/index_03.gif) repeat-x top left;
}
#picto {
	width: 154px
	height: 152px;
	position: absolute;
	top: 35px;
	left: 20px;
}
#logo {
	width: 225px
	height: 63px;
	position: absolute;
	top: 122px;
	left: 179px;
}
#topimages {
	width: 562px
	height: 308px;
	position: absolute;
	top: 0px;
	right: 1px;
}
#topslogan {
	width: 400px
	height: 308px;
	position: absolute;
	top: 157px;
	left: 197px;
}
#topslogan h1 {
	font-size: 290%;
	color: #cddae3;
	margin: 0 0 15px 0;
}
#toptext {

	height: 90px;
	position: absolute;
	top: 200px;
	left: 16px;
	background: #cad8e0;
	border-top: 1px dashed #fff;
	padding: 0px 20px 0 20px;
	color: #213b4e;
	font-size: 100%;
}

#topmenu {
	width: 400px
	height: 50px;
	position: absolute;
	top: 7px;
	left: 200px;
}
#topmenu ul {
	padding:0;
	margin:0;
}
#topmenu ul li {
	display: inline;
	padding: 0 30px 0 0;
}
#topmenu a {
	color: #cddae3;
	text-decoration: none;
	background: none;
}
#topmenu a:hover {
	color: #213b4e;
	text-decoration: none;
	background: #aac96d;
}
#topcontacts {
	width: 400px
	height: 308px;
	position: absolute;
	top: 63px;
	left: 200px;
	color: #cddae3;
	font-size: 90%;
	line-height: 160%;
}
#topcontacts a {
	color: #96b160;
	text-decoration: none;
}
#topcontacts a:hover {
	color: #96b160;
	text-decoration: underline;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 10px 0 0 0;
	height: 1%;
	background: #fff url(images/index_10.gif) repeat-x top left;
	color: #364048;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 230px 0 280px;
}
#middle a {
	color: #213b4e;
	text-decoration: underline;
}
#middle a:hover {
	color: #96b160;
	text-decoration: underline;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 250px;
	margin-left: -100%;
	position: relative;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	width: 200px;
	margin-left: -200px;
	position: relative;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: 0;
	min-width: 1000px;
	height: 137px;
	background: #bacad5 url(images/index_13.gif) repeat-x top left;
	color: #7a96ab;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#counters a {
	color: #aac96d;
	text-decoration: underline;
}
#counters a:hover {
	color: #213b4e;
	text-decoration: underline;
}
#copyright {
	position: relative;
	float: right;
	width: 45%;
	text-align: right;
	padding: 35px 20px 0 0;
	line-height: 23px;
}
#date {
	position: relative;
	float: left;
	width: 45%;
	text-align: left;
	padding: 35px 0 0 20px;
	line-height: 23px;
}
#counters {
	padding: 145px 20px 5px 20px;
	text-align: center;
	position: relative;
}




/* Corners block
-----------------------------------------------------------------------------*/


        .corners {
         
            position: relative;
            background: url(/images/corners2.png) no-repeat -10px -10px;
            padding: 20px;
            margin: 10px 0 10px 0;
        }

        .tr, .bl, .br {
            position: absolute;
            overflow: hidden;
            background-image: url(/images/corners2.png);
            background-repeat: no-repeat;
        }
        .tr {
            background-position: 0 -10px;
            top: 0;
            right: 0;
            bottom: 10px;
            width: 10px;
        }
        .bl {
            background-position: -10px 0px;
            bottom: 0;
            left: 0;
            height: 10px;
            right: 0;
        }
        .br {
            background-position: 0px 0px;
            bottom: 0;
            right: 0;
            width: 10px;
            height: 10px;
        }
        
        * html .corners {
            height: 1%;
            overflow: hidden;
        }
        * html .tr {
            height: 9999px;
        }
        * html .bl {
            width: 9999px;
        }

  



/* Corrections
-----------------------------------------------------------------------------*/


#middle .corners {
	color: #364048;
	font-weight: normal;
	font-size: 110%;
}
#middle .corners h1 {
	color: #96b160;
	font-weight: normal;
	font-size: 170%;
	padding: 0px 0 7px 0;
}
#middle .corners .greetUser {
	color: #364048;
	font-weight: bold;
	font-size: 100%;
	font-family: tahoma;
}
#middle .pageHeading {
	color: #213b4e;
	font-weight: normal;
	font-size: 160%;
	padding: 15px 0 0 0;
	line-height: 150%;
}
#middle .pageHeading .smallText {
	color: #94b05e;
	font-size: 100%;
}
#middle .pageHeading img {
	display: none;
}
#middle .main {
	color: #364048;
	font-weight: normal;
	font-size: 100%;
	padding: 15px 0 0 0;
}
#middle .greetUser {
	color: #364048;
	font-weight: normal;
	font-size: 100%;
	font-family: tahoma;
}
#middle .infoBoxHeading img {
	display: none;
}
#middle .infoBoxHeading a img {
	display: block;
}
#middle .infoBoxHeading {
	font-family: tahoma;
	color: #fff;
	background: #aac96d;
	border-top: 1px dashed #213b4e;
	padding: 5px 0 7px 7px;
	font-size: 140%;
	font-weight: normal;
}
#middle .boxText {
	color: #364048;
	background: #transparent;
	padding: 0px 5px 7px 14px;
	font-size: 105%;
	font-weight: normal;
	font-family: tahoma;
}
#middle .infoBoxContents .smallText {
	font-family: tahoma;
	font-size: 90%;
	font-weight: normal;
	border-bottom: 1px dashed #96b160;
	padding: 7px 5px 7px 4px;
}
#middle .infoBoxContents {
	font-size: 110%;
	color: #000;
	font-family: tahoma;
}
#middle .productListing {
	font-family: tahoma;
	border: 0;
	border-top: 1px dashed #213b4e;
	font-size: 100%;
	font-weight: normal;
	background: transparent;
}
#middle .productListing td {
	font-family: tahoma;

}
#middle .productListing-heading {
	font-family: tahoma;
	color: #fff;
	background: #aac96d;
	border-top: 0px dashed #213b4e;
	padding: 5px 0 7px 7px;
	font-size: 100%;
	font-weight: normal;
}
#middle .productListing-data {
	font-family: tahoma;
	color: #fff;
	background: transparent;
	border-top: 0px dashed #213b4e;
	padding: 5px 0 7px 7px;
	font-size: 100%;
	font-weight: normal;
}
#middle .smallText a {	 display: block; margin: 0 0 0px 0;}

#wrapper .sl .infoBoxContents td {
	font-size: 90%;
	line-height:180%;
}
#wrapper .sr .infoBoxContents td {
	font-size: 90%;
}

#middle .productListing-data {
	color:#213b4e;
}
#middle .sr .infoBoxContents span {
	color:#213b4e;
}
#middle .sr .infoBoxContents span a {
	border:0;
	text-decoration: underline;
	color:#213b4e;
}
#price {
	background: #f6cf25; 
	color:#000; 
	text-align:center;	
	border-top: 1px dashed #213b4e;
}