/* ###################  WEBSITE MAIN CSS ##################### */

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
color: #000000;
margin: 0px;
font-family: Arial;
font-size: 12px;
background: #efefef;
}





.thumbItem{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:78px;
	overflow:hidden;	
	border: 1px dotted #c0c0c0;
	margin: 1px;
	float: left;
}

#fixed_container {
	margin-top: 0px;
	width: 966px;	
	text-align: left;               					
	background: #fff;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#header{    
  width: 966px;  
  height: 110px;
  text-align: left;    
  margin: 0px;
  padding: 0px;
  overflow: hidden;    
 }
 
 #content{  
  width: 966px;
  float: right;     
  margin: 0px;
  padding: 0px;
  overflow: hidden;
 }

a.menu_header{
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
  }
  a.menu_header:hover{
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: line-through;
  margin-right: 10px;
  }
 
 #newsletter_div{
 
   border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
} 
 
 
 /* FOOTER START ######################################*/


 #footer{
    width: 966px;  	    
    height: 40px;	
	background: #f2f2f2;
	text-align: left;	
	font-size: 18px;
	font-weight: normal;
	color: #efefef;		
	margin-top: 10px;
}

#footer a{
    color: #a7a6a6;
	font-size:11px;
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover{
    color: #a7a6a6;
	font-size:11px;
	font-family: Arial;
	text-decoration: underline;
	font-weight: normal;
}
 
#footer_left{
  width: 150px;
  text-align: left;
  float: left;  
  padding-top: 10px;
  }
  
#footer_right{
  width: 638px;
  text-align: left;
  float: left;  
  padding-top: 10px;
  }
 
 #footer_icons{
  width: 150px;
  text-align: right;
  float: right;  
  padding-top: 10px;
  }
  

  
  

/* FOOTER ######################################*/
 
 /* SEARCH BOX START ############################ */
 
 #search_box{ 
 width: 336px;
 float: left;
 padding-left: 10px;
 height: 80px;
 overflow: hidden;

 }
 
 .search_input{    	
	color: black;
  font-size: 12px;
	border: 1px solid #b9b9b9 ;
	width: 235px;	
	height: 22px;
	
}

.search_button{    	
	color: white;
	padding: 3px;
	-moz-border-radius: 2px;    
	background: #e94d61;
	border: 0px;	
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	line-height: 13px;
}

.small_text{
  font-size: 11px;
  color: #5e5e5e;
}

 
 /* SEARCH BOX END ############################ */
  
 /* HEADER LINK  ############################ */
 
 a.new_account_link{
color: white;
	font-size: 12px;	
	background: #e94d61;
	border: 0px;
	padding: 3px;
	text-decoration: none;
	-moz-border-radius:2px;
}
a.new_account_link:hover{
    color: white;
	text-decoration: none;
	font-size: 12px;	
	background: #e94d61;
	border: 0px;
	padding: 3px;
	-moz-border-radius:2px;
	
}

a.header_link{
color: #424242;
font-size: 13px;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

a.header_link:hover{
color: #424242;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
font-family: Arial;
}

a.header_link:visited{
color: #424242;
font-size: 13px;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

a.header_link:active{
color: #424242;
font-size: 13px;
text-decoration: none;
font-weight: normal;
font-family: Arial;
}

/* ###############   NEWSLETTER BOX ################ */

.newsletter_input{    	
	color: black;
  font-size: 12px;
	border: 1px solid #a3a3a3;
	width: 170px;		
	height: 22px;
	
}

.newsletter_button{    	
	color: white;
	padding: 3px;
	-moz-border-radius: 2px;
    font-size: 14px;
	background: #323232;
	border: 0px;	
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}


/* #################  PRODUCT LISTING #################### */

#product{
width: 185px;
height: 280px;
background: #ffffff;
text-align: center;
float: left;
margin: 3px;
}

#product_header{
width: 185px;
height: 50px;
text-align: center;
color: #5e5151;
margin-bottom: 5px;
border-bottom: 1px dotted #c0c0c0;
}

#product_image{
width: 185px;
height: 195px;
overflow: hidden;
}


.small_price{
color: black;
font-size: 12px;
font-weight: normal;
font-family: Georgia;
}

.old_price{
font-size: 12px;
color: red;
font-weight: normal;
font-family: Georgia;
//text-decoration: line-through;
}

/* #################  PRODUCT DETAILS  #################### */
 

 #product_info{
width: 360px;
float: right;
background: #ffffff;
text-align: left;
}

#product_buy{
width: 190px;
float: right;
}

.product_description{
  font-size: 12px;
  color: #979797;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  }
  
.product_select{
font-size: 11px;
font-family: Arial;
font-weight:normal;
padding: 5px;
border: 1px solid #efefef;
}

#product_description_area{
width: 360px;
background: #f8f6f2;
-moz-border-radius:5px;
padding-top: 10px;
padding-bottom: 10px;
}

#product_size_qty_area{
width: 360px;
background: #efefef;
-moz-border-radius:5px;
height: 70px;
padding-top: 10px;
}


.add_basket_button{    	
	color: white;
	padding: 3px;
	-moz-border-radius: 3px;    
	background: #e94d61;
	border: 0px;	
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	width: 140px;
}

.blue_button{    	
	color: white;
	padding: 3px;
	-moz-border-radius: 3px;    
	background: #e94d61;
	border: 0px;	
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}

#share_on{ 
 padding: 3px;
 float: left; 
 }
 
#related{ 
 width: 768px; 
 border: 1px dotted #c0c0c0;
 overflow: hidden;
 
}

#related h2{
  
  color: #d93232;  
  font-size: 16px;
  margin-bottom: 10px;

}


#related_product{
width: 120px;
height: 130px;
background: #ffffff;
text-align: center;
float: left;
margin: 3px;
}

#related_product_header{
width: 120px;
height: 50px;
font-size: 11px;
text-align: center;
color: #5e5151;
}

#related_product_image{
width: 120px;
height: 100px;
overflow: hidden;
}


/* #################  PRODUCT DETAILS  END #################### */
 
 .update_button{
  font-family: Georgia;
  font-weight: bold;  
  border: 0px;
  background: #9cd310;
  margin: 0px;
  padding:  5px;  
  color: white;
  -moz-border-radius:2px;
}
.search_bar{
    background: url(../images/search_bg.jpg) repeat-x top left;	
	padding-left: 80px;	
}

#cauta_aici{
  position: absolute;
  z-index: 99999999999;
  margin-top: 80px;
  margin-left: 155px;

}



.searchBtn{    	
	color: white;
	font-size: 12px;	
	background: #fe8022;
	border: 0px;
	padding: 3px;
	-moz-border-radius:2px;
}

#page_content{
width: 960px;
float: right;
background: #ffffff;
overflow: none;
}

#home_offers{
width: 787px;
float: right;
overflow: hidden;
height: auto;
background: #ffffff;
}

.comment_name{
font-family: Georgia, "Times New Roman";
font-size: 13px;
color: #585858;
font-weight: bold;
}
.comment{
font-family: Arial;
font-size: 11px;
color: #585858;
font-weight: bold;
}

.comment_date{
font-family: Arial;
font-size: 10px;
color: #d41575;
font-weight: bold;

}



#left_home_offer{
width: 388px;
float: left;
overflow: hidden;
height: auto;
padding-top: 5px;

}

#right_home_offer{
width: 388px;
float: right;
text-align: center;
overflow: hidden;
height: auto;
padding-top: 5px;
padding-right: 5px;
}

.copyright{
 font-size: 11px;
 color: #3d3d3d;
}


 h1,h2,h3{ font-family: RobotoRegular;}
 
 h1{
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
color: #880e31;
font-weight: bold;

}

h2{
font-size: 18px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
color: #323232;
margin: 0px;
padding-left: 0px;
}

h3{
font-size: 22px;
font-weight: normal;
color: #000000;
font-weight: normal;
margin-top: 10px;
padding-left: 10px;
}
/* page */

#page_title{
  background: #ffffff;  
  width: 960px;
  height: 40px;
  float: right;  
  margin-bottom: 20px;
  margin-left: -10px;
}

#page_title h2{  
  font-size: 32px;
  text-transform: uppercase;
  margin-left: 0px;
  padding-left: 0px;
  color: #cccccc;
  }




#breadcrumb{
  background: url(../images/page_title_bg.gif) repeat-x top left;
  font-size: 12px;
  font-family: Arial;
  height: 45px;
  text-align: left;
  margin-left: -10px;
}

.page_bg{
  background: url(../images/page_bg.gif) repeat top left;
}

.header_bg{
  background: url(../images/page_bg.gif) repeat top left;
}




.add_button{ 
 border: 0px;
 background: url(../images/add_to_basket.jpg) no-repeat top left;
 width: 187px;
 height: 51px;
 }






#share{
 background: #fdffe4;
 border-top: 1px solid #efefef;
 width: 787px;
 overflow: hidden;
 text-align: left; 
 }
 
#total_price{
 background: #fdffe4;  
 overflow: hidden;
 text-align: left; 
 margin-top: 0px;
 padding-left: 10px;
 font-size: 16px;
 font-family: Calibri;
 }

.price{
 font-size: 36px;
 color: #545454;
 font-family: Georgia, Sans Serif;
 }
 
 .code{
 font-size: 18px;
 color: #545454;
 }

#gallery{
		
	border-top: 0px;	
	/* The width of the gallery */
	width:340px;
	height: 550px;
	
	float : left;
	margin-left: 3px;
	background: white;
}


#slides{
	/* This is the slide area */
	height:450px;	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;	
}


#menu{
	/* This is the container for the thumbnails */
	height:120px;	
	text-align: center;
}



li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../images/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;	
}


a img{
	border:none;
}


p{
font-size: 12px;
font-family: Arial;
}

.category{
font-size: 11px;
font-family: Arial;
font-weight: bold;
color: #c0c0c0;
}


#alert{
background: #ffdad4;
border: 1px solid #ffbabe;
color: #e3002d;
font-size: 13px;
font-family: Arial;
margin: 10px;
padding: 10px;
}

#good_alert{
background: #ecfee1;
border: 1px solid #91c488;
color: #424242;
font-size: 13px;
font-family: Arial;
margin: 10px;
padding: 10px;
}

#background {
background:transparent none repeat scroll 0 0;
height:100%;
overflow:hidden;
position:relative;
width:100%;
z-index:0;
position: fixed;
}

#background img {
	visibility:visible;
}


#banner_animator{
width: 920px;
height: 252px;
background: url(../images/animator.jpg) no-repeat top left;
overflow: hidden;
}

#center_column{
width: 620px;
float: left;
overflow: hidden;
}


#buy_options{ 
 width: 265px;
 overflow: hidden; 
 text-align: left;
 padding: 10px;
 background: #efefef;
 }

 
 
/* MENU */


a.menu_link{
  color: #3b3b3b;
  text-decoration: none;
  }
a.menu_link:hover{
 color: #3b3b3b;
 text-decoration: underline;
}

 
 .login_form{
 border: 1px solid #efefef;
-moz-border-radius:5px;
padding: 5px;
}

a.button_link{
 padding-top: 10px;  
 font-family: Comic Sans, Comic Sans MS, cursive; 
 overflow: hidden;
 text-align: left; 
 font-size: 22px;
 text-decoration: none;
 color: white;
 }
 
 a.button_link:hover{
 padding-top: 10px;
 font-family: Comic Sans, Comic Sans MS, cursive; 
 overflow: hidden;
 text-align: left; 
 font-size: 22px;
 text-decoration: none;
 color: black;
 }

 
.grey{
  background: #efefef;
 }

.blue{ 
 background: #ffffff;
 }
 

 
 .subtitle{
 color: #2ab1d3;
 font-size: 13px;
 font-weight: bold;
 font-family: Arial;
 }
 
 


.button{
font-size: 14px;
font-family: Arial;
font-weight:normal;
padding: 5px;
color: #ffffff;
background: #d41575;
cursor: pointer;
border: 0px;
}

.search_submit{
font-size: 12px;
font-family: Arial;
font-weight:normal;
color: white;
background: #ff9600;
/*background: #ff0000;*/
padding: 5px;
border: 0px;
-moz-border-radius:5px;
}




submit{
font-size: 18px;
font-family: Arial;
font-weight:normal;
padding: 5px;
border: 1px solid #efefef;
-moz-border-radius:5px;
background: #005596;
}

#register_large_field{
width: 740px;
margin-bottom: 10px; 
font-size: 14px;
margin-left: 10px;
font-family: Arial;
}

#register_large_field h2{
border-bottom: 3px solid #efefef;
margin-bottom: 20px;
}

#register_large_field input{
border: 1px solid #c0c0c0;
font-size: 12px;
width: 200px;
height: 25px;
font-family: Arial;
line-height: 25px;
}




#register_large_field1{
background: none repeat scroll 0% 0% #fffae5; 
width: 500px;
border: 1px solid #e6820e; 
padding: 10px; 
margin-bottom: 10px; 
font-size: 12px;
-moz-border-radius:5px;
}




 
.small_font{
 font-size: 12px;
 }

.required{
 font-size: 12px;
 }

.footer{
padding-top: 10px;
color: #4a4a4a;
font-size: 11px;
background: #efefef;
}

#info {background:#f8f8f8; border:0;}



a.apply_link{
color: #ffffff;
font-size: 16px;
text-decoration: none;
padding: 5px;
background: #ff9600;
-moz-border-radius:5px;
}

a.apply_link:hover{
color: #ffffff;
font-size: 16px;
text-decoration: none;
padding: 5px;
background: #fca62a;
-moz-border-radius:5px;
}



a.product_link{
color: #006699;
font-size: 11px;
text-decoration: none;
font-weight: bold;
font-family: Tahoma;
}

a.product_link:hover{
color: #006699;
font-size: 11px;
text-decoration: underline;
font-weight: bold;
font-family: Tahoma;
}

a.large_link{
color: #ffffff;
font-size: 22px;
text-decoration: none;
}
a.large_link:hover{
color: #f3a2a4;
font-size: 22px;
text-decoration: none;
}


a.large_link1{
color: #000000;
font-size: 22px;
text-decoration: none;
}
a.large_link1:hover{
color: #f3a2a4;
font-size: 22px;
text-decoration: none;
}



a{
color:  #e94d61;
font-size: 12px;
text-decoration: underline;
}

a:hover{
color:  #e94d61;
font-size: 12px;
text-decoration: none;
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 966px; height: 595px; position: relative; }
.anythingSlider .wrapper                { width: 966px; overflow: auto; height: 595px;  position: absolute; top: -23px; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: -40px; background: #fff;  }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0 0 0 0; height: 319px; width: 966px; margin: 0 0 0 0; }

.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }

.anythingSlider .forward                { background-position: 0 0; right: -20px;display: none;  }
.anythingSlider .back                   { background-position: -67px 0; left: -20px;display: none;  }
.anythingSlider .forward:hover          { background-position: 0 -200px;display: none;  }
.anythingSlider .back:hover             { background-position: -67px -200px; display: none; }

.thumbNav                               { position: relative; top: 377px; text-align: right; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px Arial;text-decoration: none; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #efefef url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;font-weight:bold; }
.thumbNav a:hover                       { background-image: none;padding: 2px 8px; }
.thumbNav a.cur                         { background: #c0c0c0; }

.start-stop                             { z-index: 10;  background-image: url(../images/scellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 30px; top: 270px; }
.start-stop.playing                     { display: none; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }