/* 
Document   : styles.css
Created on : May 6, 2009, 1:57:05 PM
Author     : themis
Description:
Purpose of the stylesheet follows.
*/


html {
    height:100%;
    display:block;
}

body {
    height:100%;
    display:block;
    padding:0px;
    font-family:Verdana, sans-serif;
   
    background-color:#6e0708;
    background-image:url(../images/bg-4.jpg);
    background-repeat:no-repeat;
    margin-top:45px;
}


/*layout*/
#outer{
    width:1000px;    
    margin:10px auto;
    padding:0px;        
    background-color:#fff;    
    border:1px solid #ccc;
}

#header {
    width:1000px;
    height:143px;     
    margin-top:0px;
    background-image:url(../images/header.png);
    background-repeat:no-repeat;
}

#header .info-text{
    width:450px;
    float:right;
    font-weight:bold;
    margin-top:35px;
    color:#083b66;
    
}

#main {
    width:1000px;
    min-height:550px;    
    padding:5px;
    overflow:hidden;

}

#left-side {
    width:250px;
    float:left;
    padding:2px;
    margin:0px;
    height:auto;
    min-height:400px;
    margin:0px;
    border-right:1px #ececec dotted;
}

#right-side {
    /* 1000px - 10px -347 -> 643px - 4px for padding ->639px;*/
    width:729px;
    margin:2px;
    padding:4px;
    margin-left:5px;
    float:left;
    height:auto;
}

.tabs {
    list-style-type:none;
    margin:10px 0px 0px 0px;
    background-image: url(../images/last_pro.png);
    background-repeat:no-repeat;
    height:50px;
    width:720px;    
    padding-top:10px;    
    padding-bottom:0px;    
    }

.tabs li {
    list-style-type:none;    
    display:inline;
    padding:4px;
    margin:0px 3px 0px 3px
    cursor:pointer;
}

.tabs li a:active 
{
	text-decoration:underline;
}

#thm{
    background-color:#f8f8f8;
    width:718px;
    min-height:360px;
    position:relative;
    top:-30px;
    left:1px;
    padding-top:7px;
}
#lastProducts 
{
     background-color:inherit;
     width:718px;
     min-height:330px;
}


#glplayer {
    margin-top:5px;
    clear:both;
    float:left;
    position:relative;
    top:-63px;
    padding:3px;
    color:blue;
    background-color:#fff;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;



}

#glplayer :hover{

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#cccccc;


}


#search-region{
    float:left;
    position:relative;
    left:898px;
    top:-29px;
}

#search-region input {
    border:1px solid #333;
    width:200px;
    height:20px;
    padding:3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background:url(../images/icons/search_icon.png) no-repeat #fff;
    padding-left:24px;
    
    

}


/* boxes */

.box{
    width:210px;
    height:160px;
    float:left;
    padding:6px 1px 1px 1px;
    margin:5px;
    background-color:#fff;
    border:1px solid #ececec;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    text-align:center;
}
.box:hover
{
    border:1px solid #a5d8f6;
    background:none;
}


.box img
{
    max-width:180px;
    max-height:126px;
    margin:0px;
    padding:0px;
    background:none;
    
}

.box .productInfo{				    
    padding-top:5px;
}



/*menus*/

.navigation
{
    height: 70px;
    
    
}

#horizontal_menu {
    list-style-type:none;
    padding:2px 0px 0px 0px;
    margin:0px 2px 0px 4px;    
    width:1000px;
    background-repeat:repeat-x;    
}

#horizontal_menu li {
    display:inline;
    padding:5px 17px 5px 17px;    
    margin:auto;   
    background-color:#B80000;
    background-repeat:repeat-x;    
    border-right:1px solid #fff;
    float:left;
    overflow:hidden;

}

#horizontal_menu .menu-first {
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;	
}


#horizontal_menu .menu-last {
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;	
}

#horizontal_menu li:hover {  
	background-color:#880000;    
}

#horizontal_menu li a
{
    color:#fff;
}


#left-side .menu-title {
    color:white;    
    background-color:#A80000;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding:0px;
    height:25px;
    padding-top:1px;
    width:240px;
    text-align:center;
    border:none;
}

#left-side h3 a {
	color:white;	
}
#left-side .menu {    
    list-style:none;
    text-align:left;
    padding:0px;
    margin:0px;
  
}

.menu li {
    text-align:left;
    padding:0px;
    list-style:none;
    font-size:small;
    border-bottom:1px dotted #D5DCE3;
	color:#fff;

}
.menu li a:hover {
	/*color:#fff;*/
}

#left-side .menu li:hover {

}


/* tabs  */





.pagenationLinks{
    clear:both;
}


/*horizonta links */

.horizontal_links {
	border:solid 2px transparent;
}

.horizontal_links:hover{
	background-color:#eaf6fa;
	border:solid 2px #d8f1fa;
}

.cart_list {
	list-style-type: none;	
	width:650px;
	height:100px;		
}

.cart_list li {
		background-color:#6ab4fc;
		height:100%;
		width:680px;
		border-bottom:1px solid #fff;
		text-align:center;
		
}
.cart_list li img{
	height:100%;
	vertical-align:middle;	
	padding-right:30px;
	width:150px;
}

.cart_list .item:hover{
	background-color:#a1c9f1;

}

.cart_row {
	float:left;
	width:25%;
	padding:auto;
	height:100%;	
	vertical-align:middle;

}


#add_to_cart
{
	width:141px;
	height:42px;
	background-image:url(../images/addToList.png);
	overflow:hidden;	
}
#add_to_cart:hover 
{
	background-position:-142px;
	
}


/* ----------- funcy with form ----------- */


#cart_form{
	display:none;
	padding:4px;
}

#fancy_div .cart_send_form {
	clear:both;

}

#fancy_div {
	height:500px;
	overflow:hidden
	z-index:99;
}

div#fancy_div label {
	float: left;
	clear:left;
	width: 200px;
	font-weight: bold;
	color:#2d73b9;
}

div#fancy_div input {
	width: 200px;
	clear:left;
	clear:right;
	margin-bottom: 5px;
	}
	
div#fancy_div textarea {	
	width: 250px;
	clear:left;
	height: 130px;
	margin-bottom: 5px;
}

div#fancy_div submit {	
	margin-left:86px
}

div#fancy_div br{
	clear:left;
}


/*  Pagination links */

.pagination {	
	width:680px;	
	margin-top:10px;	
	padding:2px;
	clear:both;
}

.pagination .cur_tag {
	border:1px solid #d8d8d8;
	background-color:#136ec7;
	color:#fff;
	padding:2px 7px 2px 7px;
}	

.pagination .pagination_text {
	font-size:13px;
	color: #2e6ab1;
}

.pagination .tag {
	border:1px solid #eaf6fa;
	padding:2px 7px 2px 7px;
}

.pagination .tag:hover {
	background-color:#add8e6;
	border: 1px solid #2b66a5;
}




/* icons */
	.icon {
		float:left;
		width:32px;
		height:32px;
		display:block;
		background-repeat:repeat-no;
	}	

	.info-icon-i {
		
		position:relative;
		top:-5px;
		margin-right:10px;
		background-image:url(../images/icons/info-icon.png);				
	}
	
	.price-icon {		
		position:relative;
		top:-5px;
		margin-right:10px;
		background-image:url(../images/icons/price-icon.png);				
		width:24px;
		height:24px;
	}
	
	.photo-icon {		
		position:relative;
		top:-15px;
		margin-right:10px;
		background-image:url(../images/icons/photo-icon.png);				
		width:48px;
		height:48px;
	}
	
	.magnifier-icon {		
		position:relative;		
		margin-right:10px;
		background-image:url(../images/icons/magnifier-icon.png);				
		width:22px;
		height:22px;
	}
	
	#timokatalogos-banner {
		width:240px;
		height:120px;
		margin:25px 0px 0px 0px;		
		background-image:url(../images/timokatalogos.png);
		margin-top:5px;
		background-repeat:no-repeat;		
	}
	
	#timokatalogos-banner:hover {
		background-position:-241px 0px;
	}




#footer{
    background-repeat:repeat-x;
    text-align:center;    
    height:190px;
    width:100%;
    float:left;
    display:block;
    clear:both;
    color:#fff;
}

#after-footer {
	width:1002px;
	padding:0px;
	margin:0px;
	position:relative;
	left:-1px;
	background-image:url(../images/after-footer.png);
	background-repeat:no-repeat;
	height:80px;
}



/* icons
 */
 
 
 .print-icon {
		position:relative;
		top:-15px;
		margin-right:10px;
		background-image:url(../images/icons/print-icon.png);				
		width:64px;
		height:64px;
 
 
 }
 
 
 
 /* mplayer */
 
 .player_outer {
		width:1000px;		
		margin:auto;
		position:relative;
		top:70px;
		
		
		
	}
	.player {
		float:right;		
		background-color:#fff;
		position:relative;
		top:-112px;
		
		padding:5px;
		margin-top:10px;
		border:1px solid #333;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
	.player a:hover{
		color:red;
		
	}