/*-----------------------------------------------------------------------------*/
/* Copyright 2008 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/
@import url("lists.css");
@import url("forms.css");
@import url("tables.css");
@import url("calin.css");
@import url("jquery.lightbox-0.5.css");
@import url("prettyPopin.css");

/*** Reset ***/
html					{ height: 101%; }
body, p, ul, dl, dd, form, fieldset, select { margin: 0; padding: 0; list-style: none; }
body					{ font: 82% Arial, Helvetica, sans-serif; background: url(../img/body.gif) repeat-x; }
img, hr					{ border: none; }
a						{ outline: none; text-decoration: none; color: #333; }

/*** Typo ***/
h1, h2, h3, h4, h5, h6	{ font-weight: 100; margin: 0; }
h1						{ font-size: 1.5em; }
h2						{ font-size: 1.2em; }
h3						{ font-size: 1.1em; }
h4						{ font-size: 1em; }
h5						{ font-size: 0.9em; }
h6						{ font-size: 0.8em; }

/*** General Clases ***/
.left					{ float: left; }
.right					{ float: right; }
.img-right				{ float: right; margin-left: 20px; }
.img-left				{ float: left; margin-right: 20px; }
.small					{ font-size: 0.9em; }
.smallest				{ font-size: 0.85em; }
.price					{ font-size: 1.8em; display: inline-block; }
.price sup				{ font-size: 0.5em; color: #333; }
.big					{ font-size: 1.2em; }
.bold					{ font-weight: bold; }
.clear					{ clear: both; font-size: 1px; }
.space					{ margin-top: 1em; }
.minspace				{ margin-top: 0.6em; }
.double-space			{ margin-top: 2em ; }
.space-bottom			{ margin-bottom: 1em; }
.double-bottom-space	{ margin-bottom: 2em ; }
.pspace					{ padding-top: 1em; }
.ptop					{ padding-top: 10px; }
.bspace					{ padding-bottom: 1em; }
.left10					{ padding-left: 10px; }
.pad10					{ padding: 10px; }
.mov					{ color: #663795; }
.green					{ color: #339a99; }
.orange					{ color: #e47927; }
.dark-gray				{ color: #333; }
.light-gray				{ color: #999; }
.gray					{ color: #666; }
.whlink					{ color: #fff; }
.white					{ color: #fff; }
.red					{ color: #810038; }
.maron					{ color: #97837f; }
.border					{ background: url(../img/big_gray_dot.gif) bottom repeat-x; }
.rborder				{ border-right: 1px solid #ccc; }
.w940px					{ width: 940px; }				

a.movlink				{ color: #663795; background: url(../img/mov_dot.gif) bottom repeat-x; }
a:hover.movlink			{ color: #e47927; background: url(../img/orange_dot.gif) bottom repeat-x; }
a.redlink				{ color: #810038; }
a:hover.redlink			{ color: #e47927; }

/*** General Layout Structure ***/
#wrap-content			{ width: 980px; margin: 0 auto; }
#content, #header, #footer { padding: 0 20px; }
#content				{ min-height: 396px; height: auto !important; height: 396px; background: url(../img/skinvitals.jpg) no-repeat; }
#header					{ background: url(../img/vitals.jpg) top right no-repeat; height: 100px; }
#promo					{ background: url(../img/big_gray_dot.gif) bottom repeat-x; padding: 0px 0 2px 3px; } /* Editat 27.05.2009 */
#main					{ width: 940px; }
#left-side				{ width: 272px; padding: 10px 0 0 10px; }
#right-side				{ width: 640px; padding: 10px 8px 0 0; }
#footer					{ height: 200px; padding-top: 10px; background: url(../img/footer.jpg) 680px 10px no-repeat; text-align: center; }

/*** Top links ***/
.top					{ height: 22px; line-height: 22px; }/* Editat 01.06.2009 */
.top a					{ color: #663795; background: url(../img/mov_dot.gif) bottom repeat-x; }
.top a:hover			{ color: #e47927; background: url(../img/orange_dot.gif) bottom repeat-x; }
.top .help				{ background: url(../img/top_help.gif) no-repeat; padding-left: 33px; margin-left: 30px; width: 88px; text-align: left; }/* Editat 01.06.2009 */
.top .help a			{ background: none; color: #fff; }/* Adaugat 01.06.2009 */
.seo					{ position: absolute; top: -13px; }

/*** Buttons ***/
.btn-detalii			{ background: url(../img/btn-detalii.gif) no-repeat; }
a.btn-detalii			{ width: 78px; height: 19px; line-height: 19px; display: inline-block; padding-left: 10px; color: #fff; font-size: 0.9em; }
a.btn-comanda			{ width: 96px; height: 26px; line-height: 26px; background: url(../img/btn_comanda.gif) no-repeat; display: inline-block; font-size: 0.8em; font-weight: bold; padding-left: 30px; color: #663795; }
a:hover.btn-comanda		{ background: url(../img/btn_comanda.gif) 0 -26px no-repeat; color: #1d7675; }

a.btn-blank			{ width: 126px; height: 26px; line-height: 26px; background: url(../img/btn_blank.gif) no-repeat; display: inline-block; font-size: 0.8em; font-weight: bold; color: #663795; text-align: center; }
a:hover.btn-blank		{ background: url(../img/btn_blank.gif) 0 -26px no-repeat; color: #1d7675; }

a.btn-finalizare, a.btn-refresh, a.btn-continua { width: 154px; height: 20px; line-height: 20px; display: inline-block; text-align: center; }
a.btn-finalizare		{ background: url(../img/btn_finalizare.gif) no-repeat; color:#fff; }
a.btn-refresh			{ background: url(../img/btn_actualizare.gif) no-repeat; }
a.btn-continua			{ background: url(../img/btn_continua.gif) no-repeat; color: #fff; }

/*** Parteneri ***/
#parteneri				{ overflow: hidden; }

/*** SlideShow ***/
#slide					{ }
pre						{ display: none; }
.pics					{ height: 344px; width: 935px; overflow: hidden; } /* Editat 27.05.2009 */
.pics img				{ height: 344px; width: 935px;} /* Editat 27.05.2009 */

/*** Pathway ***/
.path					{ background: url(../img/path_dot.gif) bottom repeat-x; line-height: 30px; padding-left: 10px; color: #777; } /* Editat 27.05.2009 */
.path a, span.curent	{ color: #663795; font-size: 0.9em; } /* Editat 27.05.2009 */
.path a:hover			{ color: #339a99; } /* Editat 27.05.2009 */

/*** Filter ***/
.filter					{ background-color: #f3edf9; padding: 4px 10px; font-size: 0.9em; margin-top: 10px; }
.filter a				{ padding: 0 3px; font-weight: bold; }
.filter a:hover, .filter a.curent { color: #e47927; }
.filter	 select			{ color: #666; font-size: 1em; border: 1px solid #a684ca; padding-bottom: 2px; }
.filter	span			{ padding-top: 3px; }

/*** My Account & Support ***/
#account				{ background: url(../img/cont.jpg) no-repeat; width: 357px; height: 45px; margin-top: 10px; padding: 6px; font-size: 0.9em;}
.cos					{ background: url(../img/cos.gif) no-repeat; padding-left: 23px; height: 20px; line-height: 20px; }
.total					{ padding-bottom: 8px; }
.support				{ margin: 10px 0 0 10px; width: 259px; height: 57px; background: url(../img/live_suport.jpg) no-repeat; } /* Adaugat 27.05.2009 */
.online, .offline		{ padding: 26px 0 0 16px; font-size: 1.3em; width: 80px; } /* Adaugat 27.05.2009 */
.online					{ color: #393; } /* Adaugat 27.05.2009 */
.offline				{ color: #bfbfbf; }	 /* Adaugat 27.05.2009 */
.tels					{ padding: 18px 0 0 0; width: 150px; font-size: 1.1em; }/* Adaugat 22.07.2009 */					

/*** Footer links ***/
.footer-menu			{ border-top: 1px solid #7b56a3; border-bottom: 1px solid #7b56a3; padding: 12px 0; background: url(../img/shaddow.jpg) top center no-repeat; margin-bottom: 10px; }
.footer-menu a			{ display: inline-block; height: 30px; line-height: 30px; background: url(../img/y_dot.gif) right repeat-y; padding-right: 10px; margin-right: 10px; color: #663795; }
.footer-menu a:hover	{ color: #e47927; }
.copy					{ color: #897572; }

/*** Misc ***/
.add-info				{ background: url(../img/additional.gif) no-repeat; padding-left: 30px; }
.return					{ background: url(../img/return.gif) no-repeat; padding-left: 18px; line-height: 11px; }
.fav					{ background: url(../img/fav.gif) no-repeat; padding-left: 18px; line-height: 11px; }
.big-cos				{ background: url(../img/big_cos.gif) 0 10px no-repeat; padding-left: 50px; }
.big-cos span			{ font-size: 2.2em; }
.tel-client				{ position: absolute; top: 24px; right: 20px; color: #e1ccf7; font-size: 0.8em; } /* Adaugat 26.05.2009 */
.tel-client b			{ font-size: 160%; font-weight: 100; } /* Adaugat 26.05.2009 */

/*** Product details ***/
.details				{}
.id						{ background: url(../img/tab_bottom.gif) center repeat-x; height: 30px; line-height: 30px; padding-left: 10px; }
.id span				{ background-color: #fff; padding: 0 10px; margin-right: 30px; }
.id em					{ font-style: normal; font-size: 0.8em; background-color: #fff; color: #777; padding: 0 6px; }
.details .desc			{ width: 300px; padding-top: 20px; }
.details .desc .subtitle { padding-bottom: 20px; }
.box					{ background: url(../img/desc.jpg) no-repeat; width: 274px; height: 44px; margin-top: 10px; padding: 10px; color: #97837f; }
.box .price				{ margin-top: 6px;  color: #e47927;  } /* Editat 26.05.2009 */
.box .price span		{ font-size: 0.5em; }
.box input.txt			{ width: 40px; height: 16px; border: 1px solid #ccc0be; margin-right: 40px; }
.box .btn-comanda		{ margin-top: 10px; }

/***  Choose a category ***/
.alege					{ width: 303px; height: 118px; position: relative; margin-bottom: 20px; }
.alege a.btn-blank		{ position: absolute; bottom: 20px; right: 10px;}