body { 
	text-align: center;
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background: #FFFFFF;
	background-image:url("../images/bkg.jpg");
	font: 12px Verdana,Arial,Helvetica,sans-serif; 
}

img { border: none; }

.indent { text-indent: 20pt; margin: 10px; line-height: 18px}
.lnkComanda {
	color: #cc00ff;
}

table, tr, td, tr { 
	border-collapse: collapse; 
	vertical-align: top; 
	text-align: left;
  	font: 13px/15px Verdana,Arial,Helvetica,sans-serif; 
}

a:link {font-family:verdana,arial; font-size:12px; color:#ffffff; text-decoration:none}
a:visited {font-family:verdana,arial; font-size:12px; color:#ffffff; text-decoration:none;}
a:hover {font-family:verdana,arial; font-size:12px; color:#ffffff; text-decoration:underline;}
a:active {font-family:verdana,arial; font-size:12px; color:#ffffff; text-decoration:none;}

a.terms:link {font-family:verdana,arial; font-size:12px; color:#00ffff; text-decoration:none}
a.terms:visited {font-family:verdana,arial; font-size:12px; color:#00ffff; text-decoration:none;}
a.terms:hover {font-family:verdana,arial; font-size:12px; color:#000fff; text-decoration:underline;}
a.terms:active {font-family:verdana,arial; font-size:12px; color:#000fff; text-decoration:none;}

a.lnkFooter:link {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none}
a.lnkFooter:visited {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none;}
a.lnkFooter:hover {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:underline;}
a.lnkFooter:active {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none;}

a.mnuActiv:link {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none; font-weight: bold}
a.mnuActiv:visited {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none; font-weight: bold}
a.mnuActiv:hover {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:underline; font-weight: bold}
a.mnuActiv:active {font-family:verdana,arial; font-size:11px; color:#ffffff; text-decoration:none; font-weight: bold}

a.lnkDet:link {font-family:verdana,arial; font-size:11px; color:#C233DB; text-decoration:none;}
a.lnkDet:visited {font-family:verdana,arial; font-size:11px; color:#C233DB; text-decoration:none;}
a.lnkDet:hover {font-family:verdana,arial; font-size:11px; color:#C233DB; text-decoration:underline;}
a.lnkDet:active {font-family:verdana,arial; font-size:11px; color:#C233DB; text-decoration:none;}

a.lnkCart:link {font-family:verdana,arial; font-size:12px; color:#C233DB; text-decoration:none; font-weight: bold;}
a.lnkCart:visited {font-family:verdana,arial; font-size:12px; color:#C233DB; text-decoration:none; font-weight: bold;}
a.lnkCart:hover {font-family:verdana,arial; font-size:12px; color:#C233DB; text-decoration:underline; font-weight: bold;}
a.lnkCart:active {font-family:verdana,arial; font-size:12px; color:#C233DB; text-decoration:none; font-weight: bold;}

a.leftMnu:link {font-family:verdana,arial; font-size:13px; color:#ffffff; text-decoration:none; font-weight: bold;}
a.leftMnu:visited {font-family:verdana,arial; font-size:13px; color:#ffffff; text-decoration:none; font-weight: bold;}
a.leftMnu:hover {font-family:verdana,arial; font-size:13px; color:#ffffff; text-decoration:underline; font-weight: bold;}
a.leftMnu:active {font-family:verdana,arial; font-size:13px; color:#ffffff; text-decoration:none; font-weight: bold;}

.floatLeft {float: left}
.clear {clear: both;}
.margin0 {margin: 0px}

.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	padding: 1px 2px;
	background:url(../images/formbg.gif) repeat-x left top;
}

.formbutton:ACTIVE {
	cursor:pointer;
	border:inset 1px #ccc;
	background:#999;
	color:#666;
	padding: 1px 2px;
	background:url(../images/formbg.gif) repeat-x left top;
}


.prodTitleH4 {
	margin: 0px;
	padding: 0px;
	font-size: 13px; 
	font-weight: bold
}

.prodTitleH5 {
	margin: 0px;
	font-size: 12px; 
	font-weight: normal
}


.main {
	width: 1010px;
	height: 100%;
	margin: 0px; 
	padding: 0px;
	background: #FFFFFF;
}

.leftMain {
	float: left; 
	width: 180px; 
	margin: 10px 0px 10px 0px;
}

#mainBody {
	width: 1010px;
	float: none; 
	margin: 0 auto; 
	text-align: left;
}

#header {
	height: 284px;
	background: #FFFFFF;
}

.topBanner {
	height: 24px; 
	background-color: #404040;
	color: #ffffff;
	padding: 10px 0px 0px 0px;
}

.topBanner .headerCart {
	text-align: right;
	margin: 0px 30px 0px 0px;
}

#bannerLeft {
	float: left; 
	width: 90px; 
	height: 250px;
}

#bannerCenter {
	float: left; 
	width: 830px;
}

#imgOriginal {
	margin-top: 145px;
	margin-left: 10px;
}

#mainMenu {
	font-size: 12px; 
	color: #ffffff; 
	background-image: url('images/menuBg.jpg'); 
	background-repeat: repeat-x; 
	height: 29px;
}

.ggleAdds {
	font-size: 12px; 
	color: #ffffff; 
	background-color: #FF9FCF;
	height: 29px;
	padding-top: 5px;
}

/* ----------- begin content ----------- */
.overviewImg {
	padding: 3px;
	border: 1px solid #e6e6e6;
}

#rightMain {
	width: 638px; /* +2px border, +5px margin left = 645px*/
	height: 100%;
	margin: 10px 0px 10px 5px;
	float: left; 
	border: 1px solid #e6e6e6;
}

.pageTtl {
	height: 25px;
	margin: 7px;
	padding-left: 20px;
	background-color: #e6e6e6;	
}

.pageTtl .title {
	padding-top: 5px;
	font-weight: bold;	
}

.pageContent {
	margin: 7px;
	padding: 7px;
	min-height: 250px;
	text-align: justify;
	border: 1px solid #e6e6e6;	
}
/* ---------- end content ----------- */


/* ---------- begin categori ---------- */

.categorii {
	padding-top: 10px; 
	width: 180px; 
	color: #ffffff; 
	background-color: #e43365;
}

.catTtl {
	letter-spacing: 0px;
}

.catMenuLine {
	height: 1px; 
	background-color: #ffffff; 
	margin: 5px 10px 10px 10px;
}

.catMenuLeftLnks {
	margin-left: 10px;
	line-height: 20px;
}

.leftMnuNoLnk {
	font-size: 13px;
	font-weight: bold;	
}

.catMenuSubLeftLnks {
	margin-left: 5px;
}

/* ---------- end categori ---------- */


/* ------------ begin banners + ads ---------------------*/

.banere {
	float: left;
	width: 178px;  /* +2px border, +5px marg = 185px*/
	margin: 10px 0px 10px 5px; 
	border: 1px solid #e6e6e6;	
	text-align: center;
}

.livrare {
	height: 25px;
	margin: 7px;
	background-color: #e6e6e6;
	text-align: center;
}

.livrare .ttlLivrare {
	padding-top: 7px;
	font-weight: bold;	
}

.fanCourier {
	font-weight: bold;
	color: #0000ff;
}

.postaRomana {
	font-weight: bold;
	color: #ff0000;
}

/* ------------------------------- end banners + ads --------------------- */


/* ------------------------------- begin product -------------------------  */

.product {
	width: 205px; 
	height: 100%;
	float: left;
}

.product .titleBody {
	height: 35px; 
	text-align: left; 
	padding: 0px 10px 0px 20px; 
	margin: 7px 0px 7px 7px; 
	background-color: #e6e6e6; 
	color: #000000;	
}

.product .titleBody .title {
	clear:both; 
	padding-top: 5px;
	color: #696969;	
	line-height: 12px;
}

.product .prodBody {
	height: 100%;
	margin: 0px 0px 7px 7px; 
	border: 1px solid #e6e6e6;
}

.product .prodBody .prodPic {
	width: 195px; /* +2px border body, +6px padding pic, +2px border pic = 205px */
	text-align: center;
}

.product .prodBody .detalii {
	width: 170px;
	margin: 0px 0px 10px 10px;
}

.product .prodBody .ttlPret {
	font-size: 11px;
	color: #667667;
	margin: 10px 0px 0px 10px; 
}

.product .prodBody .pret {
	font-size: 11px;
	color: #667667;
}

.product .prodBody .pretVechi {
	font-size: 11px;
	color: #667667;
	text-decoration: line-through;
}

.product .prodBody .pretNou {
	font-size: 11px;
	color: #ff0000;
}

.prodVSeparator {
	float: left; 
	margin: 7px 0px 0px 7px; 
	background-color: #e6e6e6; 
	width: 1px; 
	height: 265px;
	*height: 268px; /* only IE */
}

.prodHSeparator {
	clear: both; 
	margin: 0px 7px 0px 7px; 
	height: 1px; 
	background-color: #e6e6e6;	
}

/* ---------- end product ---------- */


/* ------------------ begin comanda produs --------------------     */

.comandBody {
	margin-left: 20px; 
	width: 580px;
}

.fieldBody {
	margin: 0px 0px 0px 20px;
	padding: 8px;
	width: 450px;
	height: 20px;
}

.fieldBodyArea {
	margin: 0px 0px 0px 20px;
	padding: 8px;
	width: 450px;
	height: 100px;
}

.fieldBodyRadio {
	margin: 0px 0px 0px 20px;
	padding: 8px;
	width: 450px;
	height: 35px;
}

.fieldTitle {
	float: left; 
	width: 170px; 
	text-align: right;
	margin-right: 20px;
}

.fieldContent{
	float: left; 
}

.fieldToolTip {
	font-size: 11px;	
}

.comandaCautaAutomat {
	margin: 15px 10px 15px 10px; 
	padding: 10px; 
	border: 1px solid #e6e6e6;
}


/* ----------------- end comanda produs ------------------ */


/* ----------------- start cos cumparaturi --------------- */
.pret {
	font-size: 11px;
	color: #667667;
}

.pretVechi {
	font-size: 11px;
	color: #667667;
	text-decoration: line-through;
}

.pretNou {
	font-size: 11px;
	color: #ff0000;
}
/* ----------------- start cos cumparaturi --------------- */


/* ----------------- start errors div ------------------ */

.errorBody {
	float: left; 
	width: 568px; 
	background-color: #FFFFCC; 
	color: #CF0052; 
	border: 1px solid #FFCC00; 
	display: none; 
	margin: 20px 30px 0px 0px;	
}

.errorBody .errIcon {
	float: left;
}

.errorBody .errContent {
	float: left; 
	padding: 10px;
}

/* ----------------- end errors div ------------------ */

/* ----------------- start details ------------------ */

.detailsPic {
	float: left;
	width: 380px;
}

.floatLeft {
	float: left;	
}

.detailsPriceBody {
	font-size: 11px;
	margin: 90px 10px 0px 50px;
	color: #667667;
}

.detailsAddLink {
	margin: 20px 0px 0px 50px;
}

.detailsBody {
	margin: 20px 5px 5px 5px;	
}

.detailsBody .ttlBody {
	width: 150px;	
}

.detailsBody .ttlBody .ttl {
	margin: 5px 10px 5px 10px; 
	font-weight: bold;	
}

.detailsLeftBody {
	width: 150px; 
	float: left; 
	background-color: #eeeeee;	
}

.detailsLeftBody .detailsLeft {
	margin: 5px 10px 5px 10px; 
	font-weight: bold;	
}

.detailsRightBody {
	width: 440px; 
	float: left; 
	margin-left: 3px; 
	background-color: #eeeeee;	
}

.detailsRightBody .detailsRight {
	margin: 5px 10px 5px 10px;
}

.detailsLeftBodyWhite {
	width: 150px; 
	float: left;
}

.detailsLeftBodyWhite .detailsLeft {
	margin: 5px 10px 5px 10px; 
	font-weight: bold;	
}

.detailsRightBodyWhite {
	width: 440px; 
	float: left; 
	margin-left: 3px;
}

.detailsRightBodyWhite .detailsRight {
	margin: 5px 10px 5px 10px;
}
	
/* ----------------- end details ------------------ */

/* ------------------------ intrebari si detalii -----------------------*/

.intrDetalii {
	padding: 10px 0px 10px 0px; 
	margin: 10px 0px 10px 0px;
	width: 180px; 
	color: #ffffff; 
	background-color: #e43365;
	font-weight: bold;
}



.detailsImg {
	padding: 3px;
	border: 1px solid #e6e6e6;
}

.detailsImg:hover {
	border: 1px solid #6f66f6;
}

.required {
	color: #000000;	
}

.requiredRed {
	color: #ff0000;	
}


.footer {
	font-size: 11px;
	padding-top: 5px; 
	color: #ffffff; 
	height: 70px; 
	background-color: #404040;
	line-height: 15px;
}

.traficRO {
	margin-top: 5px;
}


/* ------------------------- pagination ----------------  */
div.pagination {
	padding: 3px;
	margin: 15px 10px 10px 10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
	}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;

	color: #AAA;
}

div.pagination span.marginPrevNext {
	margin: 0px 10px 0px 10px;	
}