/*
Use this stylesheet to change the look of the default header and footer
*/
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", TrebuchetMS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	background-image:url(images/fill-top.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#CategoriesMenu .ui-accordion-content {width:170px; overflow:hidden;}
/*--------Stilurile pentru modulele cu mijloc alb ---*/
.tab-baieti-top{background-image:url(images/tab-baieti.png); background-position:top;background-repeat:no-repeat; margin:0; padding:0}
.tab-baieti-bottom{background-image:url(images/tab-baieti.png); background-position:bottom;background-repeat:no-repeat; margin:0; padding:0;}

.tab-fete-top{background-image:url(images/tab-fete.png); background-position:top;background-repeat:no-repeat}
.tab-fete-bottom{background-image:url(images/tab-fete.png); background-position:bottom;background-repeat:no-repeat}

.tab-pink-top{background-image:url(images/tab-pink.png); background-position:top;background-repeat:no-repeat}
.tab-pink-bottom{background-image:url(images/tab-pink.png); background-position:bottom;background-repeat:no-repeat}
.tab-pink-bottom .MenuItem {}
.tab-pink-bottom .ParentItem {width:170px; background-image:url(images/arrow-pink.gif);background-repeat:no-repeat; background-position:top right;}
.tab-pink-bottom #CategoriesMenu.DIV {background-color:#CCC}
.tab-pink-bottom .ui-accordion-content {background-color:#FEDAF9}
.tab-pink-bottom .ui-state-active {background-position:bottom right}

.tab-green-top{background-image:url(images/tab-green.png); background-position:top;background-repeat:no-repeat}
.tab-green-bottom{background-image:url(images/tab-green.png); background-position:bottom;background-repeat:no-repeat}
.tab-green-bottom .MenuItem {}
.tab-green-bottom .ParentItem {width:170px; background-image:url(images/arrow-green.gif);background-repeat:no-repeat; background-position:top right;}
.tab-green-bottom #CategoriesMenu.DIV {background-color:#CCC}
.tab-green-bottom .ui-accordion-content {background-color:#E3FEDA}
.tab-green-bottom .ui-state-active {background-position:bottom right}

.tab-blue-top{background-image:url(images/tab-blue.png); background-position:top;background-repeat:no-repeat}
.tab-blue-bottom{background-image:url(images/tab-blue.png); background-position:bottom;background-repeat:no-repeat}
.tab-blue-bottom .MenuItem {}
.tab-blue-bottom .ParentItem {width:170px; background-image:url(images/arrow-blue.gif);background-repeat:no-repeat; background-position:top right;}
.tab-blue-bottom .ui-accordion-content {background-color:#DAFBFE; font-size:12px}
.tab-blue-bottom .ui-state-active {background-position:bottom right}

.tab-orange-top{background-image:url(images/tab-orange.png); background-position:top;background-repeat:no-repeat}
.tab-orange-bottom{background-image:url(images/tab-orange.png); background-position:bottom;background-repeat:no-repeat}
.tab-orange-bottom .MenuItem {}
.tab-orange-bottom .ParentItem {width:170px; background-image:url(images/arrow-orange.gif);background-repeat:no-repeat; background-position:top right;}
.tab-orange-bottom #CategoriesMenu.DIV {background-color:#CCC}
.tab-orange-bottom .ui-accordion-content {background-color:#FEF5DA}
.tab-orange-bottom .ui-state-active {background-position:bottom right}


.tab-pink-wide-top{background-image:url(images/tab-wide-pink.png); background-position:top;background-repeat:no-repeat}
.tab-pink-wide-bottom{background-image:url(images/tab-wide-pink.png); background-position:bottom;background-repeat:no-repeat}

.tab-green-wide-top{background-image:url(images/tab-wide-green.png); background-position:top;background-repeat:no-repeat}
.tab-green-wide-bottom{background-image:url(images/tab-wide-green.png); background-position:bottom;background-repeat:no-repeat}

.tab-blue-wide-top{background-image:url(images/tab-wide-blue.png); background-position:top;background-repeat:no-repeat}
.tab-blue-wide-bottom{background-image:url(images/tab-wide-blue.png); background-position:bottom;background-repeat:no-repeat}

/*--------Stilurile pentru modulele cu mijloc plin ---*/
.tab-pink-filled-top{background-image:url(images/tab-pink-filled.png); background-position:top;background-repeat:no-repeat}
.tab-pink-filled-bottom{background-image:url(images/tab-pink-filled.png); background-position:bottom;background-repeat:no-repeat;}

.tab-green-filled-top{background-image:url(images/tab-green-filled.png); background-position:top;background-repeat:no-repeat}
.tab-green-filled-bottom{background-image:url(images/tab-green-filled.png); background-position:bottom;background-repeat:no-repeat}

.tab-blue-filled-top{background-image:url(images/tab-blue-filled.png); background-position:top;background-repeat:no-repeat}
.tab-blue-filled-bottom{background-image:url(images/tab-blue-filled.png); background-position:bottom;background-repeat:no-repeat}


/* TOP AREA of the page: store description, store name, search box, navigation */

		#pcHeader {
			width: 980px;
			height: 120px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 5px;
			padding: 0;
			font-size: 12px;
			color: #666666;
			border-collapse: collapse;
			border: 0;
		}
		#pcHeader img {
			border:none;
		}
		
		#pcHeader td {
			padding: 3px;
			vertical-align: bottom;
		}
		
		#pcStoreDescription {
			font-size: 13px;
			text-align: left;
			float:left;
			width:200px;
			padding-top:10px;
		}
		
		#pcStoreName {
			font-size: 28px;
			font-weight: bold;
			text-align: left;
		}
		
		#pcStoreSearch {
			text-align: right;
			padding-top:20px;
			float:right;
			height:25px;
		}
		#pcStoreSearch input{
			border:2px solid #3C0;
			width:300px;
			padding-left:5px;
			background-color:#E3FEDA;
			color:#999;
		}
		
		
		#pcTopNav {
			text-align: right;
			float:right;
			padding-top:25px;
			font-size: 12px;
			color: #000000;
			font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
			font-weight:bold;
			margin-right:20px;
			
			height:25px;
			width:250px;
		}
		
		#pcStoreSearch a {
			text-decoration: none;
			color: #999999;
			font-size: 11px;
		}
		
		#pcStoreSearch a:hover {
			color: #000000;
		}
		
		#pcTopNav ul {
			list-style: none;
			margin: 0;
		}
		
		#pcTopNav li {
			display: inline;
			padding-right: 10px;
		}
		
		#pcTopNav a:link, #pcTopNav a:visited {
			text-decoration: none;
			font-size: 12px;
			color: #000000;
			font-weight:bold;
		}
		
		#pcTopNav a:hover {
			color: #000000;
			
		}


		#pcMainNav{width:700px;float:right;height:59px;margin:0; padding:0;}
		/*#pcMainNav ul{list-style:none;background-color:#FFF}*/
		#pcMainNav li{float:left;width:112px;height:59px;margin-right:2px;}
		
		/*#pcMainNav .jucarii {width:112px; height:44px; background-image:url(images/nav-jucarii.jpg); background-position:0 0; background-repeat:no-repeat;}*/
		
		/*---Nav tabs ----*/

		#tabsDemo {
		overflow:hidden; /* wrap floats */
		height:58px;
		list-style:none;/* the background image */
		font:bold 14px/42px sans-serif;
		margin:0;
		padding:0;
		overflow:hidden;
		}
		
		#tabsDemo .general a {
		width:112px;
		/*height:30x;*/
		background:url(images/nav-green.jpg) 0px 25px no-repeat;
		float:left;   
		text-decoration:none;
		padding-top:25px;
		text-decoration:none;  
		color:#fff;
		}
		
		#tabsDemo .highlight a {background-position:0 18px;}
		
		
		#tabsDemo .jucarii a {
		width:112px;
		/*height:30x;*/
		background:url(images/nav-orange.jpg) 0px 25px no-repeat;
		float:left;   
		text-decoration:none;
		padding-top:25px;
		text-decoration:none;  
		color:#fff;
		
		
		}
		#tabsDemo .bebelusi a {
		width:112px;
		/*height:59x;*/
		background:url(images/nav-blue.jpg) 0px 25px no-repeat;
		float:left;  
		text-decoration:none;
		padding-top:25px;
		text-decoration:none;  
		color:#fff;
		}
		
		#tabsDemo .mamici a {
		width:112px;
		/*height:59x;*/
		background:url(images/nav-pink.jpg) 0px 25px no-repeat;
		float:left;     
		text-decoration:none;
		padding-top:25px;
		text-decoration:none;  
		color:#fff;
		}
		
		/*
		#tabsDemo li {display:inline;}
		#tabsDemo a {  
		float:left;  
		position:relative;    
		text-decoration:none;  
		color:#fff;  
		width:112px;
		height:58px;
		}
		
		#tabsDemo .jucarii a {  
		float:left;  
		position:relative;  
		text-decoration:none;  
		color:#fff;  
		background:url(images/nav-jucarii.jpg) 0px 19px no-repeat;
		width:112px;
		height:59x;
		padding-top:15px;
		background-color:#FFF;
		}
		#tabsDemo .bebelusi a {  
		float:left;  
		position:relative;  
		margin:0;
		text-decoration:none;  
		color:#fff;  
		background:url(images/nav-bebelusi.jpg) 0px 10px no-repeat;
		width:112px;
		height:58px;
		}
		#tabsDemo .mamici a {  
		float:left;  
		position:relative;  
		padding-top:10px;
		text-decoration:none;  
		color:#fff;  
		background:url(images/nav-mamici.jpg) 0px 10px no-repeat;
		width:112px;
		height:58px;
		}
		*/
		/*#tabsDemo .current a {  
		color:#fff;  
		background-position:0 -135px;   
		}
		#tabsDemo .current a span {  
		background-position:-500px -135px;  
		}*/
		#tabsDemo a:active,#tabsDemo a:focus,#tabsDemo a:hover {  
		color:#fff;  
		background-position:0 18px;
		padding-top:18px;
		display:block;
		}
		
		
		
		
		
		
/* End TOP AREA of the page */

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	#mainContainer{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		border:1px solid #fff;
		border-collapse: collapse;
		}
		#pcMainArea {
			width: 980px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
			padding: 0;
			border: 0;
			border-collapse: collapse;
		}
	
		#pcLeft {
			width: 200px;
			text-align: left;
			vertical-align: top;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
		#pcCenter {
			width: 570px;
			padding: 0 5px 0 5px;
			text-align: left;
			vertical-align: top;
		}
		
		.wideLayout {width:980px;}
	
		#pcRight {
			width: 200px;
			text-align: left;
			vertical-align: top;
			padding:0px;
			margin:0px;
		}
		
		#pcRight a:link {
		color: #0066FF;
		text-decoration:none;
		}
	
		#pcRight a:visited {
		color: #0066FF;
		text-decoration:none;
		}
	
		#pcRight a:hover {
		color: #000000;
		text-decoration: underline;
		}
		
		.pcColumnSpacer {
			width: 2px;
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 14px;
			margin: 0;
			padding-bottom: 2px;
			height:32px;
			color:#FFF;
			padding-left:20px;
			padding-top:10px;
			font-weight:normal;
		}
		#pcLeft h3 a{color:#FFF; text-decoration:none}
		#pcLeft h3 a:hover{color:#FFF; text-decoration:underline}

		#pcLeftCatLinks {
			/*background-color: #EB236F;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;*/
		}
		
		#pcLeft .leftMenu{
			color: #999999;
			padding: 2px 5px 1px 10px;
			margin: 0 0 5px 0;
			font-size:12px;
			}
		#pcLeft #CategoriesMenu {width:185px}
		
		#CategoriesMenu a.ParentItem {
		cursor: pointer;
		display: block;
		margin-top: 0;
		text-decoration: none;
		outline: 0;
		clear: both;
		/*line-height: 40px;*/
		}
	
		#CategoriesMenu a.MenuItem {
		cursor: pointer;
		display: block;
		margin-top: 0;
		text-decoration: none;
		outline: 0;
		clear: both;
		/*line-height: 40px;*/
		}	
		
		#pcLeftPriceLinks {
			color: #999999;
			padding: 2px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftStoreLinks {
			color: #999999;
			padding: 5px 5px 1px 10px;
			margin: 0 0 2px 0;
		}
	
		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
		}
		
		#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
			color: #0066CC;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #FFFFFF;
		}
		
		.leftMenu a:link, .leftMenu a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		.leftMenu a:hover {
			color: #000;
		}
		
		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #FF6600;
		}
		
		#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #FF6600;
		}


	/* Define the right column */
	
		#pcShowCart {
			color: #666666;
			padding: 5px 5px 10px 20px;
			margin-bottom: 5px;
		}
		
		#pcShowCart a:link, #pcShowCart a:visited {
		font-size:11px;	
		background-color:#039;
		border:1px solid #FFF;
		padding:5px;
		color:#FFF;
		}
		
		
	
		#pcCustomerLogin {
			background-color: #FFFFCC;
			color: #ffffFF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcCustomerLogin li{
			/*background-color:#12A7C4;
			border:1px dotted #fff;
			width:100px;
			padding:5px*/
		}
		#pcAffiliateLogin {
			background-color: #FFEE99;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcRight h3 {
			font-size: 14px;
			margin: 0;
			padding-bottom: 2px;
			height:30px;
			color:#FFF;
			padding-left:20px;
			padding-top:10px;
			font-weight:normal;
		}
		#pcRight h3 a{color:#FFF; text-decoration:none}
		#pcRight h3 a:hover{color:#FFF; text-decoration:underline}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
		}
		
		#pcRight #recentprds {padding:0 10px 10px 10px;}
		
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
			color: #fff;
			text-decoration: none;
			font-weight:bold;
		}
		
		#pcCustomerLogin a:hover {
			color: #000;
		}
		
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #000000;
		}

/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			
			font-size: 11px;
			color: #fff;
			text-align: right;
			padding: 5px;
			width:100%;
			border-top:3px solid #666;
			background-color: #99CCFF;
		}
		#pcFooter H4 {font-size:16px; font-weight:normal;margin-bottom:0px;padding-bottom:0}
		#pcFooter ul{list-style:none;margin-left:0;margin-top:5px;padding:0}
		#pcFooter li {margin-left:0; padding:0}
		
		#pcFooter a, #pcFooter a:link, #pcFooter a:visited  {
			text-decoration: none;
			color: #666666;
		}
		#pcFooter a:hover {color: #fff;}
		#pcFooter .footer-links {width:20%;float:left;text-align:left}
		
		#Footer {width:980px; margin-left:auto; margin-right:auto;}
	
/* END Footer */