/* CSS Document */

/*
	Some styles for alignment
*/
.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.clearleft { clear: left; }
.clear { clear: both;  }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left,
.alignleft     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right,
.alignright    { text-align:right; } 

.clear
{
	width: 100%;
	clear: right;
}
body {
	background: url(../images/body_back.jpg);
	/*background: #000066; */
}

/* For VALIDATION */
label.error {
	font-size: 10px;
	color: #8d1c24;
	padding-left: 5px;
}
/*
	For positioning and styling panels
*/
.contact_input
{
	border: 1px solid #ccc;
	background: #0a0a0a;
	width: 350px;
	color:#bbb; 
	padding: 3px;
	font-weight: bold;
}



.header_table {
	min-width:920px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 920 ? "890px" : "100%" ); 
}

/* panel header */
.panel_header_top {
	width: 890px;height: 22px;
	background: url(../images/panel_header_top.png) no-repeat ;
	padding-top: 0 ;
	margin-top: 0;
}
.panel_header_main {
	
	width: 890px;
	min-height: 100px;
	background: url(../images/panel_header_main.png) repeat-y;
	
}

.panel_header_tuts
{
	
	width: 890px;
	min-height: 250px;
	background: url(../images/panel_header_tuts.png) repeat-y;
	
}

.panel_header_bottom {
	
	width: 890px;height: 22px; 
	background: url(../images/panel_header_bottom.png) no-repeat;
	
}

/* panel rigth*/
.panel_right_top {
	width: 203px;height: 13px;
	background: url(../images/panel_right_top.png) no-repeat;
}
.panel_right_main {
	width: 203px;
	min-height: 100px;
	background: url(../images/panel_right_main.png) repeat-y;
	
}
.panel_right_bottom {
	width: 203px;height: 22px;
	background: url(../images/panel_right_bottom.png) no-repeat;
	
}

/* panel lleft*/
.panel_left_top {
	width: 203px;height: 12px;
	background: url(../images/panel_right_top.png) no-repeat 0 2px;
}
.panel_left_main {
	width: 203px;
	min-height: 100px;
	background: url(../images/panel_right_main.png) repeat-y;
	
}
.panel_left_bottom {
	width: 203px;height: 22px;
	background: url(../images/panel_right_bottom.png) no-repeat;
	
}




.panel_rightSearch_top {
	width: 203px;height: 17px;
	background: url(../images/panel_rightSearch_top.png) no-repeat;
}
.panel_rightSearch_mainbottom {
	width: 203px;
	height: 187px;
	background: url(../images/panel_rightSearch_mainbottom.png);
}
.panel_right_bottom {
	width: 203px;height: 22px;
	background: url(../images/panel_right_bottom.png) no-repeat;
}


/* panel main */
.panel_main_top {
	width: 680px;height: 12px;
	background: url(../images/panel_main_top.png) no-repeat;
}
.panel_main_main {
	width: 680px;
	min-height: 300px;
	background: url(../images/panel_main_main.png) repeat-y;
	
}
.panel_main_bottom {
	width: 680px;height: 22px;
	background: url(../images/panel_main_bottom.png) no-repeat;
	
}

/* Search Panels */
.panel_search_up {
	width: 890px;height: 160px;
	background: url(../images/panel_main_top.png) no-repeat;
}



/* Contact Panels */
.panel_contact_up {
	width: 890px;height: 160px;
	background: url(../images/panel_contact_up.png) no-repeat;
	display: none;  
}
.panel_contact_bottom {
	width: 890px;height: 523px;
	background: url(../images/panel_contact_bottom.png) no-repeat;
	display: none; 
}



.header_main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}
.content 
{
	padding-left: 10px;
	padding-right: 10px;
}
.content_small
{
	padding-left: 14px;
	padding-right: 8px;
}

/*
	For menu elements
*/

#nav {  position: absolute; list-style: none; top: 10px; height: 115px;}
#nav li { text-indent: -9999px; position: relative; display: inline; float: left; background: none; }
#nav li a { display: block; overflow: hidden; float: left; cursor: pointer; border: 0; }
#nav #nav_home_en { top: 20px; width: 80px; height: 115px; }
#nav #nav_catalog_en { top: 20px;margin-left: -30px; width: 80px; height: 115px; }
#nav #nav_offers_en { top: 20px; margin-left: -30px; width: 80px; height: 115px; }
#nav #nav_tutorials_en { top: 20px; margin-left: -30px; width: 80px; height: 115px; }
#nav #nav_contact_en { top: 20px; margin-left: -30px; width: 80px; height: 115px; }

#nav #nav_home_en a { width: 80px; height: 115px; background: url(../images/nav_home_en.gif) 0 -240px; }
#nav #nav_catalog_en a { width: 80px; height: 115px; background: url(../images/nav_catalog_en.gif) 0 -240px; }
#nav #nav_offers_en a { width: 80px; height: 115px; background: url(../images/nav_offers_en.gif) 0 -240px; }
#nav #nav_tutorials_en a { width: 80px; height: 115px; background: url(../images/nav_tutorials_en.gif) 0 -240px; }
#nav #nav_contact_en a { width: 80px; height: 115px; background: url(../images/nav_contact_en.gif) 0 -240px; }

#nav #nav_home_en a:hover { height: 115px;background: url(../images/nav_home_en.gif) 0 -123px; }
#nav #nav_catalog_en a:hover { height: 115px;background: url(../images/nav_catalog_en.gif) 0 -123px; }
#nav #nav_offers_en a:hover { height: 115px;background: url(../images/nav_offers_en.gif) 0 -123px; }
#nav #nav_tutorials_en a:hover {height: 115px; background: url(../images/nav_tutorials_en.gif) 0 -123px; }
#nav #nav_contact_en a:hover { height: 115px;background: url(../images/nav_contact_en.gif) 0 -123px; }

#nav #nav_home_en.active a,
#nav #nav_home_en.active a:hover,
.hasJS #nav #nav_catalog_en.active a:hover { height: 115px;background: url(../images/nav_home_en.gif) 0 8px; }

#nav #nav_catalog_en.active a,
#nav #nav_catalog_en.active a:hover,
.hasJS #nav #nav_catalog_en.active a:hover { height: 115px;background: url(../images/nav_catalog_en.gif) 0 8px; }

#nav #nav_offers_en.active a,
#nav #nav_offers_en.active a:hover,
.hasJS #nav #nav_offers_en.active a:hover { height: 115px;background: url(../images/nav_offers_en.gif) 0 8px; }

#nav #nav_tutorials_en.active a,
#nav #nav_tutorials_en.active a:hover,
.hasJS #nav #nav_tutorials.active a:hover {height: 115px; background: url(../images/nav_tutorials_en.gif) 0 8px; }

#nav #nav_contact_en.active a,
#nav #nav_contact_en.active a:hover,
.hasJS #nav #nav_contact_en.active a:hover { height: 115px;background: url(../images/nav_contact_en.gif) 0 8px; }




#nav #nav_home_gr { top: 20px; width: 80px; height: 115px; }
#nav #nav_catalog_gr { top: 20px;margin-left: -33px; width: 80px; height: 115px; }
#nav #nav_offers_gr { top: 20px; margin-left: -30px; width: 80px; height: 115px; }
#nav #nav_tutorials_gr { top: 20px; margin-left: -30px; width: 80px; height: 115px; }
#nav #nav_contact_gr { top: 20px; margin-left: -30px; width: 80px; height: 115px; }

#nav #nav_home_gr a { width: 80px; height: 115px; background: url(../images/nav_home_gr.gif) 0 -240px; }
#nav #nav_catalog_gr a { width: 80px; height: 115px; background: url(../images/nav_catalog_gr.gif) 0 -240px; }
#nav #nav_offers_gr a { width: 80px; height: 115px; background: url(../images/nav_offers_gr.gif) 0 -240px; }
#nav #nav_tutorials_gr a { width: 80px; height: 115px; background: url(../images/nav_tutorials_gr.gif) 0 -240px; }
#nav #nav_contact_gr a { width: 80px; height: 115px; background: url(../images/nav_contact_gr.gif) 0 -240px; }

#nav #nav_home_gr a:hover { height: 115px;background: url(../images/nav_home_gr.gif) 0 -123px; }
#nav #nav_catalog_gr a:hover { height: 115px;background: url(../images/nav_catalog_gr.gif) 0 -123px; }
#nav #nav_offers_gr a:hover { height: 115px;background: url(../images/nav_offers_gr.gif) 0 -123px; }
#nav #nav_tutorials_gr a:hover {height: 115px; background: url(../images/nav_tutorials_gr.gif) 0 -123px; }
#nav #nav_contact_gr a:hover { height: 115px;background: url(../images/nav_contact_gr.gif) 0 -123px; }

#nav #nav_home_gr.active a,
#nav #nav_home_gr.active a:hover,
.hasJS #nav #nav_catalog_gr.active a:hover { height: 115px;background: url(../images/nav_home_gr.gif) 0 8px; }

#nav #nav_catalog_gr.active a,
#nav #nav_catalog_gr.active a:hover,
.hasJS #nav #nav_catalog_gr.active a:hover { height: 115px;background: url(../images/nav_catalog_gr.gif) 0 8px; }

#nav #nav_offers_gr.active a,
#nav #nav_offers_gr.active a:hover,
.hasJS #nav #nav_offers_gr.active a:hover { height: 115px;background: url(../images/nav_offers_gr.gif) 0 8px; }

#nav #nav_tutorials_gr.active a,
#nav #nav_tutorials_gr.active a:hover,
.hasJS #nav #nav_tutorials.active a:hover {height: 115px; background: url(../images/nav_tutorials_gr.gif) 0 8px; }

#nav #nav_contact_gr.active a,
#nav #nav_contact_gr.active a:hover,
.hasJS #nav #nav_contact_gr.active a:hover { height: 115px;background: url(../images/nav_contact_gr.gif) 0 8px; }



/*
	Styling Elements
*/

h1 {
	font-family: Tahoma,Helvetica, sans-serif;
	font-size: 19px;
	color: #8d1c24;
	padding-bottom: 8px;
	
}
a, a:visited, a:link {
	position:relative; /* for fixing pngFix disabling Links */
	color: #2a8fff;
	text-decoration:none;
}
a:hover {
	position:relative;
	text-decoration: underline; color: #ccc;
}

.category_links a:link, .category_links a:visited{
	color: #eee;
	font-size: 11px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.category_links a:hover {
	color: #2a8fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.category_links_delimiter {
	color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
} 

/* 
	Product Page
*/
.product-title
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px;
	color: #2a8fff;
}

.product-title-first
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #8d1c24;
	
}

.product-desc
{
	position: relative;
    width: 115px;
	margin-top: 4px; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px;
	color: #eee;
	height: 26px;
	overflow: hidden;
}


.product-price
{
	float: right;
	position: relative;
	width: 115px;
	margin-top: 4px; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px;
	color: #eee;
	height: 16px;
	overflow: hidden;
}
.product-link
{
	margin-top: 3px;
	width: 110px;
	height: 25px;
	background: url(../images/product_link_en.png) no-repeat;
}


.pr-box
{
	position: relative;
	float: left;
	width: 210px;
	min-height: 90px;
	
}
.pr-box-l
{
	position: relative;
	float: left;
	width: 90px;
}
.pr-box-r
{
	position: relative;
	float: right;
	width: 118px;
	margin-top: 4px;
	
}

.cat_links 
{
	margin-top: 12px;
	float:  left;
	width: 132px ;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
}
.cat_links table
{
	/* border: 1px solid #333; */
}
.cat_links_2nd a
{
	
}

.cat_links_2nd
{
	padding: 3px;
	vertical-align: middle;
	background: #111;
	text-align: center;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}



.prod_table td
{
	font-size: 11px;
	line-height: 1.1em;
	padding-top:  4px;
}

.prod_table th
{
	color: #d0e0e6;
	font-size: 11px;
	line-height: 1.1em;
	padding-top:  4px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	
}


/*
	Styling Pictures
*/
.pic_up
{
	background: url(../images/pic_up.png) no-repeat;
	height: 5px;
	width: 90px; 	
}


.pic_back
{
	background: url(../images/pic_back.png) repeat-y;
	height: 5px;
	width: 90px; 
	text-align: center;
	height: 90px;
    padding-top: 10px;
}


.pic_down
{
	background: url(../images/pic_down.png) no-repeat;
	height: 5px;
	width: 90px; 
	margin-bottom: 3px;
}
.thisislink
{
	cursor: pointer;
}
/*
	DHTML goodies
*/
#navigation-box
{
	width: 650px;
	text-align: right;
	padding: 4px;
}
#navigation-box-offer
{
	width: 820px;
	text-align: right;
	padding: 4px;
}
#sorting-box
{
	width: 650px;
	text-align: right;
	padding: 4px;	
}

.sorting_select
{
	outline: none;
	color: #fff;
	text-align: left;
	font-size: 11px;
	font-family:  Verdana, Arial, Tahoma;
	position: relative;
}

.sorting_select select
{
	/*outline: none; */
	font-size: 11px;
	color: #fff;
	height: 15px auto;
	background-color: #8d1c24;
	border: 1px solid #8d1c24;
	
}
.sorting_select select option
{
	outline: none;
	font-size: 11px;
	color: #aaa;
	background-color: #8d1c24;
	border: 1px solid #333;
}
/*
	Tutorials 
*/

a.tuts{
font-family: Verdana, Tahoma;
font-size: 11px;
background:transparent url(../images/arrow.png) no-repeat scroll -2px 9px;
border-bottom:1px dashed #333;
color:#aaa;
display:block;
padding:10px 0pt 10px 15px;
width:100%; 
line-height: 100%;

}
a.tuts:hover, a.tuts:active, a.tuts:focus {
background: url(../images/small_next.png) no-repeat scroll -2px 9px;
color:#fff;
text-decoration:none;
}



a.tuts_main
{
	font-family: Verdana, Tahoma;
	font-size: 11px;
	background:transparent url(../images/arrow.png) no-repeat scroll -10px 5px;
	
	color:#aaa;
	display:block;
	padding:5px 0pt 6px 15px;
	width:88%; 
	line-height: 100%;
	background: url(../images/small_next.png) no-repeat scroll -5px 4px;
}

a.tuts_main:hover, a.tuts_main:active, a.tuts_main:focus 
{
	background: url(../images/small_next2.png) no-repeat scroll -5px 4px;
	color:#2a8fff;
	text-decoration:none;
	
}



/*
	DHTML goodies
*/
#language_display_box{
	position: absolute;
	float: right;
	top: 85px;
	width:80px;
	height: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 13px;
}
#language_display
{
	color:#ccc;
	display: none;
}


/*
	News Panel
*/
 

 .news_active a{
	color: #000;
}

.news_active 
{
	
	background: url(../images/buttondouble.png) no-repeat;
}

 .news_deactive a{
	color: #fff;
}
 
.news_deactive 
{
	color: #000;
	background: url(../images/buttondouble.png) -19px no-repeat;
} 


.news_buttons
{
	padding-top: 3px;
	/*padding-left:  5px;*/
	padding-right:  12px;
	height: 17px;
	width: 10px;
	position: relative;
	margin-left: 1px;
}
 
 
#news_picker
{
	float:  right;
	text-align: right;
	margin-right: 5px;
	width: auto; 
	font-size: 11px;
}

.news_header_span 
{
	/*color: #2a8fff; */
	color: #ccc;
	font-family: Tahoma, Vedana,Helvetica;
	font-size: 11px;
	font-weight: bold; 
	padding-bottom: 8px ;
}
#wrapper_news
{
	margin-left: 10px;
	margin-right: 8px;
	margin-bottom: 12px;
} 




/*
	For the Offer Main Js	
*/

.price_descr
{
	width:95px;
	height:13px; 
	overflow:hidden;
	float:left;
	position:absolute; 
	top: 5px;
	left: 5px;
	color: #333;
	
	font-size: 11px; 
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica;
}


.price_tag
{
	position:absolute;  
	top: 66px; left: 43px;
	width:67px;
	text-align: right;
	float:left;
	font-size: 12px; 
	color: #8d1c24;
	font-weight: bold;
	font-family:sans-serif,Helvetica,Arial;
	/*background: url(../images/erase_tag.png) no-repeat; */
}

.main_offer_pic
{
	width: 50px;
	height: 50px;
	float: left;
	overflow:hidden;
	position: absolute;
	top: 33px; left: 4px;
}


.offer_thumb
{
	float: left; 
	width:  118px;
	/*background-image: url(../images/pic_refl.png); */
	position: relative; 	
	height: 112px;
	margin-right: 10px;
	
}
.offer_thumb a:link ,.offer_thumb a:visited
{
	display: block;
	/*background: url(../images/percent25.png) repeat; */
	/*background: #fff;*/
	/*border: 2px #fff solid; */
	padding-left: 2px;
	width:  118px;
	height: 85px;
}

.offer_thumb a:hover{
	/*border: 2px #2a8fff solid; */
	/*background: none; */
}


/*
	For the Search Page	
*/

.search_label
{
	float:left;
	color: #ccc;
	width: 100px;
	font-family: Verdana, Arial, Times;
	text-align: right;
	padding-right: 8px;
	padding-top: 6px;
}

.search_label2
{
	float:left;
	color: #ccc;
	width: 130px;
	font-family: Verdana, Arial, Times;
	text-align: right;
	padding-right: 8px;
	padding-top: 6px;
}

.search_key
{
	font-style: italic;
	float:left;
	color: #abc;
	width: auto;
	font-family: Verdana, Arial, Times;
	text-align: right;
	padding-right: 8px;
	padding-top: 6px;
}


.input_small  {width: 70px;}
.input_big {width: 250px;}

.contact_input {
	
}