html { background: #0074CE; }

body {
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: #fff;
}

/* #DEFAULT INITIALIZATION
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6, form, img, ul, li, a, p {
  margin: 0;
  padding: 0;
  border: 0;
}

/*
 * Headers
 */
h1 { font-size: 1.4em; text-transform: uppercase; color: #AC0F78; line-height: 1.4em; margin-bottom: 0; }
h2 { font-size: 1.4em; line-height: 1.3em; margin-bottom: .5em; }
h3 { font-size: 1.2em; line-height: 1.4em; margin-bottom: .5em; }



a, a:visited { 
  text-decoration: none; overflow: hidden; color: #ae117a;
}

a:hover {
  text-decoration: underline;
}

blockquote,ul,ol,dl{margin:1em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}

p,fieldset,table,pre{margin-bottom:1em;}

/*
 * Lists
 */
li ul, li ol { margin-top: 0; margin-bottom: 0; }
li { margin: .3em 0; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

dt { font-weight: bold; }
dl dd { margin: 0 0 1em 0; }


/* #GENERIC CLASSES
---------------------------------------------------*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
  height: 0;
}

.ch 
{
    cursor:pointer;
}

.input {
  height:16px;
  border:1px solid black;
}

.b {
  font-weight: bold;
}

.ar {
  text-align: right;
}

.al {
  text-align: left;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.underline {
	text-decoration: underline; 
}

.whiteTxt {
	color: #FFFFFF !important;
}	

/* #FONTS
------------------------------------------------*/
body {
  font: 12px/16px Arial, Verdana, sans-serif; color: #242424;
}


/*  HACKS 
---------------------------------------------------------------*/

/* The clearfix class must be put on the parent that contains floating divs.
   The effect is that the height will be the height of the highest div */  
.clearfix:after {
    content: ".";      
    display: block;      
    height: 0;      
    clear: both;      
    visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {
  height: 1%;
} 
.clearfix {
  display:block;
}
/* End hide from IE-mac */

/* FCKSTYLES */

.Review {
  border-left:9px solid #64CDFF;
  background-color:#EFEFEF;
  padding-left:7px;
  padding-top:5px;
  padding-bottom:3px;
}

.Normal {
  border: 0px;
  background-color:#FFFFFF;;
  padding: 0px;
}





#wrapper, .inner {
	margin: 0 auto;
	width:960px;
	clear: both;
	display: inline-block;
}

#wrapper, .inner { display: block; }
#wrapper:after, .inner:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }



/* #PAGE AND CONTAINER
-------------------------------------------------*/

#page {
  background-color: #EFEFEF;
}

/*
 * Header
 */
 
#header { height: 146px; background: url(/i/background.png) repeat-x 0 0; font: 12px/16px Helvetica, Arial, Verdana, sans-serif; }
#header .inner { background: url(/i/headerBanner.png) no-repeat 250px 0; position: relative; }
#header h1 { float: left; height: 146px; width: 190px; margin: 0; }
#header h1 a { display: block; margin-top: 32px; background: url(/i/fonomatLogo.png) no-repeat 0 0; width: 187px; height: 74px; text-indent: -9999px; }

#header ul, #header li { margin: 0; }

#headerNav { float: left; width: 561px; height: 146px; position: relative; }

#headerNav #banner { display: none; }

/*
 * About Navigation
 */
.aboutNav { color: #ccc; text-align: right; padding: 14px 0 40px 0; margin: 0; position: absolute; right: 0; }
.aboutNav li { display: inline; list-style: none; }
.aboutNav a { color: #ccc !important; }


/*
 * Navigation
 */
#nav { width: 561px; background: url(/i/nav.png) no-repeat 0 0; font-size: 18px; color: #fff; display: inline-block; position: absolute; left: 0; bottom: 0; }
#nav { display: block; }
#nav:after { clear: both; height: 0; visibility: hidden; content: '.'; display: block; }
#nav li { float: left; list-style: none; display: inline; margin-right: 4px; }
#nav a { background: url(/i/nav.png) no-repeat 0 100px; color: #fff; height: 36px; line-height: 36px; float: left; text-indent: -9999px; width: 111px; overflow: hidden; }
#nav a:hover, #nav #navActive a { background-position: 0 -36px; }

#nav .nav2 a { width: 106px; }
#nav .nav2 a:hover, #nav .nav2#navActive a { background-position: -115px -36px; } 
#nav .nav3 a { width: 87px; }
#nav .nav3 a:hover, #nav .nav3#navActive a { background-position: -225px -36px; }
#nav .nav4 a { width: 58px; }
#nav .nav4 a:hover, #nav .nav4#navActive a { background-position: -316px -36px; }
#nav .nav5 a { width: 87px; }
#nav .nav5 a:hover, #nav .nav5#navActive a { background-position: -378px -36px; }
#nav .nav6 a { width: 87px; }
#nav .nav6 a:hover, #nav .nav6#navActive a { background-position: -470px -36px; }


/*
 * Header Search
 */
#headerSearch { margin: 0; padding: 0; border: 0; width: 200px; height: 24px; background: url(/i/headerSearch.gif) no-repeat 0 0; float: right; overflow: hidden; position: absolute; bottom: 51px; right: 0; }
#headerSearch input { border: 0; color: #a80a74; background: none; padding: 4px 6px; width: 160px; }
#headerSearch a { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 24px; text-indent: -9999px; }


/*
 * Product Navigation
 */
#productNav { width: 161px; padding: 0 14px 260px 0; font-weight: bold; }
#productNav h2 { height: 29px; background: #b4197f url(/i/titles.png) no-repeat 0 0; text-indent: -9999px; color: #fff; margin: 0; }
#productNav h2.servicii { background-position: 0 -29px; }
#productNav h2.compatibile { background-position: 0 -58px; }
#productNav h2.accesorii { background-position: 0 -87px; }
#productNav .compat { text-align: center; }
#productNav .compat select { margin: 5px auto; }
#productNav ul { margin: 0 0 15px 0; }
#productNav li { list-style: none; display: inline-block; display: inline; }
#productNav a { color: #ae117a; border-bottom: 1px solid #f3deed; background: url(/i/productNavArrow.gif) no-repeat 5px 50%; padding: 7px 18px; display: block; }


/*
 * Filtrare
 */
#filterDiv { background: #fef1fa; display: inline-block; color: #ac0f78; padding: 8px; font-size: 11px; margin-bottom: 20px; }
#filterDiv { display: block; }
#filterDiv:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }

#filterDiv a { color: #ac0f78; text-decoration: underline; }
#filterDiv a:hover, #filterDiv a:focus { text-decoration: none; }

#filterDiv ul { float: left; width: 300px; margin: 0; }
#filterDiv li { float: left; width: 100px; list-style: none; margin: 0; }
#filterDiv #filterList{ float:left; }
#filterDiv #filterOptions { float:left; text-align:right; }
#filterDiv ul#filterOptions { width: 180px; line-height: 2.5em; }
#filterDiv ul#filterOptions li { float: none; display: block; width: auto; _margin-bottom:7px;}
#filterDiv ul#filterOptions select { width: 115px; font-size: 11px; color: #ac0f78; } 

#filterActions { float: right; width: 59px; text-align: center; padding-top: 37px; }
#filterActions .filtreaza { display: block; height: 19px; background: url(/i/btnFiltreaza.png) no-repeat 0 0; text-indent: -9999em; margin-top: 5px; }


#noPhoneMsg {color: #0094DE;font-size: 13px;font-weight: bold;padding-top: 15px;padding-bottom: 75px;line-height: 160%;}

/*
 * TEMP
 */
.tabnav { margin: 0 !important; }
.tabnav li { margin: 0; list-style: none; }
.phoneInfo ul { margin: 0; }
.phoneInfo li { list-style: none; }


/*
 * Pager
 */
.paging{float:right;margin-bottom:7px;margin-top:-1px;font-size:14px;}
.pagingItemInActive{float:left;width:17px;height:15px;padding-top:0px;border:1px #cccccc solid;background-color:#FFFFFF;font-weight:bold;text-align:center;line-height:120%;margin-top:0px;margin-left:2px;margin-right:2px;cursor:pointer;}
.pagingItemActive{float:left;width:17px;height:15px;padding-top:0px;border:1px #ab0d77 solid;background-color:#ab0d77;color:#FFFFFF;font-weight:bold;text-align:center;line-height:120%;margin-top:0px;margin-left:2px;margin-right:2px;cursor:default;}
.pagingButtonLeft{float:left;margin-right:5px;}
.pagingButtonRight{float:left;margin-left:4px;}
.pagingItemInActiveHover{float:left;width:17px;height:15px;padding-top:0px;border:1px #ab0d77 solid;background-color:#fff;font-weight:bold;text-align:center;line-height:120%;margin-top:0px;margin-left:2px;margin-right:2px;cursor:pointer;}
.paging .pagingItemInActive a, .paging .pagingItemInActive a:hover{color:#b0147c;text-decoration:none !important;}
.paging .pagingItemInActiveHover a, .paging .pagingItemInActiveHover a:hover{color:#b0147c;text-decoration:none !important;}


/*
 * List
 */
.listItem{width:183px;height:122px; margin: 0 10px 10px 0; display: inline; float:left; position:relative;}
.listItem:hover .photo span { border-color: #ac0f78; }
div.last { margin-right: 0; }
.photo{wid th:92px;height:122px;float:left;background-color: #FFFFFF;line-height: 120px;vertical-align:middle;}
.photo table tr td span {display:block;border:1px #a6a6a6 solid;width:90px;height:120px;}
.listItemContent{float:left;background: #fef1fa;width:82px;height:113px;padding-top:5px;padding-bottom:4px;padding-left:6px;line-height:120%;}
.listItem a { display: block; background: #fff; width: 183px; height: 122px; position: absolute; top: 0; left: 0; opacity: .01; filter: alpha(opacity=01); }
.listItemContent span{font-weight:bold;}
.blue{color:#1182CC;line-height:100%;}
.lineThrough{text-decoration:line-through;line-height:180%;}
.lh{line-height:180%;}
.listItemText{width:82px;height:95px;}
.listItemButton{height:13px;margin-left:-1px;}
#compatibility{font-size:11px;line-height:200%;margin-top:-10px;margin-bottom:5px;}
#banner{margin-bottom:22px;}
.productName { font-size: 11px; color: #ac0f78; font-weight: bold; } 
div span.green { font-size: 11px; color: #ac0f78; font-weight: normal; }
div.marks { display: none; }
div.new{width:34px;height:36px;position:absolute;left:0;top:0;margin-top:1px;margin-left:1px;background-image:url(/i/iconNew.png);background-repeat:no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/iconNew.png', sizingMethod='scale');}
div.discount{width:34px;height:36px;position:absolute;left:0;top:0;margin-top:1px;margin-left:1px;background-image:url(/i/iconDiscount.png);background-repeat:no-repeat;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/iconDiscount.png', sizingMethod='scale');}

/*
 * Main
 */
#wrapper { background: url(/i/tipa.jpg) no-repeat left bottom; }
#single #wrapper { background: none; }
#main { float: left; width: 745px; padding: 19px 0; }
#mainContent { width: 570px; }

#mainContent ul { margin-left: 2.5em; }


#miniature { margin: 5px 0; text-align: center; }


#stilBtnContact{position:relative;top:-250px;width:161px;height:29px;display:block;}


.smallPhoto{
  border: 1px solid #A0A0A0;
  background-color: #EAEAEA;
}



/* MAIN CONTENT */


/*
 * Sidebar
 */
#sidebar { float: right; width: 200px; position: relative; padding-bottom: 20px; }
#sidebar.withoutShoppingCart { padding-top: 20px; }
#sidebar ul { margin: 0; }


/*
 * Shopping Cart
 */
#shoppingCart { color: #ac0f78; margin-bottom: 20px; background-color: #fef1fa; }
#shoppingCart h3 { width: 200px; height: 36px; line-height: 36px; font-size: 16px; background: url(/i/nav.png) no-repeat right top; color: #fff; text-align: center; text-indent: -9999px; position: absolute; right: 0; top: -36px; }

.item { border-bottom: 1px solid #f3deed; padding: 7px; position: relative; }
.item h5 { font-size: 1em; padding-right: 45px; }
.item h5 span { font-weight: normal; }
.item .sterge { position: absolute; top: 7px; right: 7px; display: block; width: 41px; height: 13px; background: url(/i/btnSterge.png) no-repeat 0 0; text-indent: -9999px; }

#shoppingCartBottom { padding: 7px !important; text-align: right; display: block; font-size: 1em; }
#shoppingCartBottom .total { float: left; text-transform: uppercase; }

#finalizareComanda { display: block; width: 173px; height: 24px; background: url(/i/btnFinalizareComanda.png) no-repeat 0 0; text-indent: -9999px; margin: 0 auto; }
#shoppingCartActions ul { text-align: center; font-size: 11px; padding: 7px; }
#shoppingCartActions li { display: inline; list-style: none; }
#shoppingCartActions li a{ color: #ac0f78; }

/*
 * Visited products
 */
#visitedProducts h3 { background: url(/i/titleVizitateRecent.png) no-repeat 0 0; width: 112px; height: 19px; text-indent: -9999px; }
#visitedProducts ul { border-top: 1px solid #f3deed; }
#visitedProducts li { border-bottom: 1px solid #f3deed; list-style: none; }
#visitedProducts a { display: block; padding: 4px 0; color: #ac0f78; }

/* 
 * Newsletter
 */ 
#newsletter { background: url(/i/newsletter.png) no-repeat 0 0; height: 50px; width: 200px; position: relative; overflow: hidden; margin-bottom: 15px; float:right; m/argin-right:36px; _m/argin-right:18px; }
#newsletter h3 { position: absolute; left: -9999px; }
#newsletter input { border: 0 !important; width: 180px; position: absolute; bottom: 4px; left: 10px; font: 12px/16px Helvetica, Arial, Verdana, sans-serif; color: #A80A74; }
#inscriere a{ background: url(/i/btnInscriere.gif) no-repeat 0 0; height: 30px; width:200px; position: relative; overflow: hidden; m/argin-bottom: 15px; float:right; margin-right:36px; _margin-right:18px; }
/*
 * RSS
 */
#rss { margin-bottom: 20px; font-size: 11px; background: url(/i/rss.png) no-repeat 0 0; padding-left: 33px; line-height: 12px; float: left; width: 167px; }
#rss a { display: block; color: #ac0f78; clear: left; width: 160px; }

#visitedProducts { float: left; }




#reclame {
  border: 1px solid #999999;
  width: 178px;
  height: 176px;
}

.review {
  padding-top: 10px;
  padding-bottom: 20px;
}




.compare 
{
  padding-top: 14px;
  padding-bottom: 9px;
  text-align:center;clear: both;
}

.tva {
  padding-top: 6px;
}

#noReview {
  height: 46px;
}

#noReview p.title{
  font-size: 13px;
  color: #0066CC;
}

#noReview p {
  font-weight: bold;
  font-size: 11px;
}

.whm {height:120px;width:90px;} /* clase folosite pentru alinierea pozei in mijloc */
.whl {height:238px;width:178px;}
.whs {height:38px;width:28px;}


/*
 * Articole
 */

#articolWrapper {  }
.articleListTextWithPicture { width: 460px; m/argin-left: 15px; }
.articleDate { color:#666666; margin:0pt 5px; }

.articleListItem { border-bottom:1px solid #F3DEED; margin-bottom:10px; padding-bottom:10px; display: inline-block; }
.articleListItem { display:block; }
.articleListItem:after { clear:both; content:'.'; display:block; height:0pt; visibility:hidden; }

#articleDetailRightWrapper { width:120px; }
#articleDetailRightWrapper ul { margin: 0 0 2em 0; }
#articleDetailRightWrapper h3 { color: #0074CE; }
#articleDetailRightWrapper li { border-bottom:1px solid #F3DEED; list-style-image:none; list-style-position:outside; list-style-type:none; }
#articleDetailRightWrapper li { display:block; }
#articleDetailRightWrapper a { padding:3px; }
#articleDetailRightWrapper a { display:block; }
#articleDetailRightWrapper br { display: none; }


.phoneActions p { margin: 0; }


/*
 * Footer
 */
#footer { background: #0074ce; color: #ffffff; height: 2.833em; line-height: 2.833em }
#footer ul { margin: 0; }
#footer li { display: inline; margin: 0; }
#footer a { color: #ffffff; }
#footer #madeBy { float: right; color: #35a9ff; }

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails
{
    font-family: Verdana;
	font-size: 1.4em;
	padding-top: 0.4em;
	}
	
#keyboardMsg {
     display: none;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton 
{
    position: relative;
    top:1px;
    right: 3px;
}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/i/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(/i/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/overlay.png", sizingMethod="scale");
	}
/* END LIGHTBOX */

#infoText { display: none; }
#infoText.nav1 { display: block; }
#infoText.nav2 { display: block; }

address { font-style: normal; }