* {
    margin:0;
    padding:0;
}

body{
margin:0;
padding:0;
text-align: center;
font-family: Verdana, arial, sans-serif;

}

h3 {
text-align : left;
font-size : 18;
}

font.modTitle {
text-align : left;
font-size : 12;
font-weight : bold;
color : #FFFFFF;
}

font.bottom {
font-size : 11px;
color : #444444;
text-decoration : none;
}

div.menuModule {
color : #00ff00;
width : 100%;
}

div.menuModule td {
font-size : 14px;
font-weight : bold;
height : 34;
color : #ffffff;
background-image : url(./images/menu.png);
}

div.menuModule a.item1{
font-size : 14px;
text-decoration : none;
color : #ffffff;

}
div.menuModule a.item1:hover {
font-size : 14px;
font-weight : bold;
text-decoration : none;
color : #A2A2A2;
}

div.com {
color: #000000;
padding-top: 10px;
padding-left: 30px;
padding-bottom: 20px;
padding-right: 30px;
text-align: left;
}
img {
    border:0;
}

div.com img{
border: 0px;
}
div.loginModule img{
border: 0px;
}
div.com a {
font-size : 12px;
color : #444444;
text-decoration : none;
}
div.com a:hover {
font-size : 12px;
color : #409000;
}

div.com tr.header {
font-size : 12px;
text-align : center;
font-weight : bold;
}
div.com tr.row1 {
font-size : 12px;
text-align : left;
background : #DDDDDD;
}
div.com tr.row2 {
font-size : 12px;
text-align : left;
background : #E8E8E8;
}

div.com h3 {
text-align : left;
font-size : 22px;
font-weight : normal;
color: #B40000;;
margin-bottom:20px;

}


div.com font.date {
font-size: 10px;
color: #808080;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
div.com font.cat {
font-size: 10px;
color: #CC6600;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
div.com font {
font-size: 13px;
color: #000000;
margin: 0px;
padding: 0px;
}
div.com font.shopTitle {
font-size: 16px;
font-weight : normal;
color: #B40000;
margin-top: 20px;
}
div.com font.title {
font-size: 14px;
font-weight : bold;
color: #B40000;

}
div.com a.buy {
font-size: 12px;
font-weight : bold;
color: #000000;
text-decoration : none;
background: url('./images/tocart.gif');
height : 20px;
width : 96px;
display : block;
background-color : #900000;
}

div.com a.moreInfo {
font-size: 12px;
font-weight : bold;
color: #000000;
text-decoration : none;
background: url('./images/more.gif');
height : 20px;
width : 97px;
display : block;
background-color : #1A77F0;
}
div.com a.buy:hover {
font-size: 12px;
font-weight : bold;
color: #B40000;
}

div.navigator {
text-align : right;
padding-left : 20px;
padding-right : 20px;
}
div.navigator font{
font-weight: normal;
font-size: 11px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
text-align: center;
font-family: Tahoma,helvetica,sans-serif;
background : #A2A2A2;
}

div.navigator a.navigator{
font-weight: normal;
font-size: 11px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
text-align: center;
font-family: Tahoma,helvetica,sans-serif;
text-decoration:none;
color:#222222;
background : #DDDDDD;
}
div.navigator a.navigator:hover{
font-size: 11px;
color: #000000;
text-decoration : none;
text-decoration:underlined;
}


div.loginModule font {
font-size : 12px;
}
div.loginModule font.lastNews {
font-size : 11px;
}
div.loginModule p {
margin-top : -3px;
margin-bottom : -3px;
}
div.loginModule input {
width : 100px;
height : 15px;
font-size : 10px;
border: 1px #14145B outset;
}
div.loginModule input.btn {
background-color: #808080;
border: 1px #14145B outset;
padding: 0 2px;
text-decoration: none;
color : #FFFFFF;
font: bold 10px Verdana;
}
div.loginModule a {
font-size : 11px;
color : #444444;
text-decoration : none;
}
div.loginModule a:hover {
font-size : 11px;
color : #409000;
}
div.loginModule {
background-color : #FFFFFF;
width : 250px;
border-right: 1px solid #A2A2A2;
border-left: 1px solid #A2A2A2;
border-bottom: 1px solid #A2A2A2;
}
/*ÊÀËÅÍÄÀÐÜ - êîìïîíåíò*/
table.calendar {
font-size : 12px;
color : #000000;
}
table.calendar tr.header{
font-size : 12px;
color : #000000;
}
table.calendar tr.common{
font-size : 12px;
color : #000000;
}
table.calendar tr.daysHeader{
font-size : 12px;
color : #000000;
background : #A2A2A2;
}
table.calendar tr.days{
font-size : 12px;
color : #000000;
text-align : center;
}
table.calendar td.today{
font-size : 12px;
color : #000000;
background : #DDDDDD;
}
table.calendar a{
font-size : 12px;
color : #000000;
text-decoration : none;
}


input.sid {
	height: 18;
	width : 35;
	font-size : 11;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ background-image: url('./close.gif'); top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('./overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url('./blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");
	}

input.btn {
background-color: #E8E8E8;
border: 1px #303030 outset;
padding: 0 2px;
text-decoration: none;
font: bold 10px Verdana;
}

input.common {
background-color: #FFFFFF;
padding: 0 2px;
text-decoration: none;
font: regular 12px Verdana;
}

/* Menu Style Sheet */

.ThemeXPTreeLevel0,.ThemeXPTreeLevel1
{
	cursor: default;
	background-color: white;

	white-space: nowrap;

	border:		0;
	padding:	0;
}

.ThemeXPTreeLevel1
{
	display: none;
}

.ThemeXPTable
{
	cursor: default;

	color:		inherit;
	

	font-family:	Verdana, Arial, sans-serif;
	font-size:	12px;

	white-space: nowrap;

	border-collapse:	separate;

	border:		0;
	padding:	0;
	margin-left : -15px;
}

.ThemeXPRow,.ThemeXPRowHover,.ThemeXPRowActive,.ThemeXPRowSelected
{
	background-color: inherit;
	white-space:	nowrap;

	border:		0;
	padding:	0;
}

.ThemeXPFolderSpacer,.ThemeXPItemSpacer,
.ThemeXPFolderLeft,.ThemeXPItemLeft,
.ThemeXPFolderText,.ThemeXPItemText,
.ThemeXPFolderRight,.ThemeXPItemRight
{
	background-color: inherit;
	white-space:	nowrap;

	border:		0;
	padding:	0;
}

/* it would be better that child selector > would work, but IE
	doesn't support it :( */

.ThemeXPFolderText a,
.ThemeXPItemText a
{
	text-decoration:	none;
	color : #808080;
	border:			0;
	padding:		1px;
	background-color:	inherit;
}

.ThemeXPRowHover .ThemeXPItemText a,
.ThemeXPRowHover .ThemeXPFolderText a
{
	color:			#409000;
	text-decoration:	none;
}

.ThemeXPRowActive .ThemeXPItemText a,
.ThemeXPRowActive .ThemeXPFolderText a,
.ThemeXPRowSelected .ThemeXPItemText a,
.ThemeXPRowSelected .ThemeXPFolderText a
{
	color:			white;
	background-color:	#3169C6;
	text-decoration:	none;
}

/* in strict mode of XHTML, this is a fix for image connections */

.ThemeXPFolderSpacer img,
.ThemeXPItemSpacer img,
.ThemeXPFolderLeft img,
.ThemeXPItemLeft img,
.ThemeXPFolderRight img,
.ThemeXPItemRight img
{
	vertical-align:	bottom;
}

/* no need to modify these two since they are generic. */
/* they are used to coordinate the folder open/closing animation */

.JSCookTreeFolderClosed
{
}

.JSCookTreeFolderOpen
{
}

#JSCookTreeFolderClosed .JSCookTreeFolderOpen
{
	display:	none;
}

#JSCookTreeFolderOpen .JSCookTreeFolderClosed
{
	display:	none;
}


.chromestyle{
width: 100%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px solid #BBB;*/
width:904px;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
padding:0px;
}

.chromestyle ul li{
margin-right:2px;
width:149px;
height:66px;
float: left;
list-style: none;
}

.chromestyle ul li a{
font-family: tahoma;
font-size: 20px;
color: #f1f9fc;
display:block;
text-decoration: none;
width:149px;
height:66px;
background: url(./images/menuItem.gif);
background-repeat: no-repeat;
background-position: top;
}
.chromestyle a.sub
{
    
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(./images/menuItemOn.gif) no-repeat top; /*THEME CHANGE HERE*/
color: #01a0c8;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
background: none;
border-bottom-width: 0;
font:normal 12px Verdana;
font-size: 12px;
line-height:18px;
z-index:100;
background-color: white;
width: 149px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a.sub{
width: 149px;
height:24px;
display: block;
text-indent: 3px;
border-bottom: 1px solid #4ecae6; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #01a0c8;
background: none;
font:normal 12px Verdana;
font-weight:bold;
}

* html .dropmenudiv a.sub{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a.sub:hover{ /*THEME CHANGE HERE*/
background:none;
background-color: #4ecae6;
color: #ffffff;
}
