/* 
Conex Distribution SA
GUI style.css
*/
/* 
---- GENERAL STYLE ----
*/
body {
	margin:0;
	padding:0;
	color:#3F3F3F;
	font-family:Tahoma, Arial, Helvetica, SansSerif;
	font-size:12px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	}
a {
	color:#5689be;
	text-decoration:none;
	}
img {
	border:0;
	}
a:hover {
	text-decoration:none;
	color:#000000;
	}
ul, li, p, h1, h2, h3, form {
	margin:0;
	padding:0;
	}
h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	}
/* 
---- LAYOUT ARCHITECTURE ----
*/
#everything {
	width:962px;
	margin:0px auto;
	}
#container {
	width:962px;
	float:left;
	}
#cnl {
	width:720px;
	float:left;
	}
#footer, #brands {
	width:960px;
	float:left;
	border-top:1px solid #aecbeb;
	padding:10px 0;
	color:#999999;
	font-size:11px;
	}
#brands {
	text-align:center;
	margin-top:10px;
	}
/* ------- GENERAL ------- */
#left {
	width:160px;
	float:left;
	background-color:#FFF;
	}
#center {
	 width:540px;
	 float:left;
	 margin-left:10px;
	 line-height:1.7em;
	 }
#right {
	width:240px;
	float:left;	
	}
#head {
	width:720px;
	float:left;
	height:190px;
	}
#pathway {
	width:680px;
	float:left;
	padding:5px 10px 10px;
	font-size:11px;
	}
.logo {
	float:left;
	margin-top:20px;
	width:243px;
	height:83px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/images/logo.png', sizingMethod='scale');
	cursor:pointer;
	}
	html>body #head .logo {
		background-image:url(images/logo.png);
		}
/* ------- menu ------- */
#menu {
	width:720px;
	float:left;
	margin-top:48px;
	}
#menu a {
	margin:0;
	}
/* ------- LEFT ------- */
#left .box {
	width:140px;
	margin:10px;
	border-bottom:1px solid #AECBEB;
	padding-bottom:15px;
	}
#left .box h3, #right .box h3 {
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:5px;
	color:#5689be;
	}

#left ul, #right ul {
	list-style:none;
	font-size:11px;
	}
#left ul li {
	margin-bottom:10px;
	}
#left ul li a {
	font-weight:bold;
	}
#left select {
	width:140px;
	font-size:11px;
	}
#left ul.game {
	margin-bottom:-10px;
	}
#left ul.game li {
	list-style:none;
	list-style-image:none;
	margin-left:-15px;
	font-size:12px;
	}
.searchForm em {
	font-size:11px;
	color:#999;
	margin-top:3px;
	}
.searchfield {
	background-color:#d6e5f5;
	border:0;
	width:113px;
	float:left;
	height:17px;
	}
	html>body .searchfield {
		width:115px;
		}
.searchsubmit, .searchsubmit_over {
	width:23px;
	height:19px;
	float:left;
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	}
.searchsubmit {
	background-image:url(images/search_btn.png);
	}
.searchsubmit_over {
	background-image:url(images/searchsubmit_over.jpg);
	}
#left ul {
	margin-left:15px;
	padding:0;
	}
#left ul li {
	list-style-image:url(images/topdot.png);
	clear:both;
	margin-bottom:5px;
	}
/* ------- RIGHT ------- */
#right ul {
	margin-left:10px;
	line-height:1.5em;
	}
#right ul li {
	margin-bottom:3px;
	}
#right ul li ul li {
	list-style-image:url(images/topdot.png);
	clear:both;
	margin-bottom:3px;
	margin-left:5px;
	}
#right ul.avantaje li {
	list-style-image:url(images/done.jpg);
	margin-left:15px;
		}
#right .box, #right .topbox, .loginbox, .cartbox, .catalog_box, .revista_box {
	width:220px;
	padding:10px;
	margin-bottom:5px;
	}
#right .box {
	background-color:#FFF;
	}
.topbox {
	background-image:url(images/topboxbg.png);
	background-repeat:repeat-x;
	border:1px solid #adb9c2;
	border-top:0;
	font-size:11px;
	}
.topbox a {
	color:#333;
	font-weight:bold;
	}
.topbox a:hover {
	color:#000000;
	}
.topbox img {
	margin:0 7px;
	}
.loginbox {
	background-image:url(images/loginboxlogo.png);
	background-repeat:repeat-x;
	border:1px solid #adb9c2;
	height:136px;
	background-color:#F6F8FA;
	}
.loginbox input.text {
	background-color:#aecbeb;
	border:1px solid #adb9c2;
	width:160px;
	}
.loginbox input.button, .loginbox input.button_over {
	margin:5px 0;
	background-image:url(images/loginbtn.png);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0;
	width:60px;
	text-transform:uppercase;
	}
.loginbox input.button_over {
	background-image:url(images/loginbtn_over.png);
	}
.loginbox form {
	margin-left:30px;
	margin-top:10px;
	}
.loginbox span.err {
	font-size:11px;
	}
.loginbox a {
	font-size:11px;
	}
.loginbox h3 {
	color:#5689be;
	text-transform:uppercase;
	}
.catalog_box {
	background-image:url(images/catalog_box.jpg);
	background-repeat:no-repeat;
	float:left;
	}
.catalog_box h3 {
	float:right;
	margin:10px 10px 2px 0;
	font-size:14px;
	}
.catalog_box .text {
	width:128px;
	float:right;
	margin:0 10px 0 0;
	text-align:right;
	font-size:11px;
	line-height:1em;
	color:#999;
	}
.revista_box {
	background-image:url(images/revista_box.jpg);
	background-repeat:no-repeat;
	float:left;
	}
.revista_box h3 {
	float:left;
	width:200px;
	margin:10px 0 2px 10px;
	font-size:14px;
	}
.revista_box .text {
	width:90px;
	float:left;
	margin:0 0 0 10px;
	text-align:left;
	font-size:11px;
	line-height:1em;
	color:#999;
	}
.cartbox img {
	float:left;
	margin:0 10px 0 0;
}
.cartbox {
	font-size:11px;
	background-color:#FFF;
	border:5px solid #5689be;
	border-left:0;
	border-right:0;
	}
a.selected {
	color:#31699F;
	font-size:13px;
	}
a.selected:hover {
	color:#000000;
	}
/* ------- CENTER ------- */
#center h1 {
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1em;
	margin-bottom:10px;
	color:#5689be;
	}
	#center h3 {
		margin-top:20px;
		margin-bottom:20px;
		font-size:14px;
		font-weight:bold;
		margin-left:-10px;
		}
	.produs {
		width:540px;
		float:left;
		}
		.produs p {
			width:520px;
			}
		p.catalog {
			font-size:11px;
			}
	
	img.produsimg {
		width:250px;
		padding:5px;
		background-image:url(images/pozabg.gif);
		background-repeat:no-repeat;
		}
	#imagine_produs {
		width:260px;
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		}
	div.zoom {
		text-align:center;
		color:#999;
		font-size:11px;
		}
	div.zoom img {
		width:12px;
		margin-bottom:-1px;
		}
	div#nou {
		background-image:url(images/stea_nou.png);
		width:50px;
		height:50px;
		position:absolute;
		margin:40px 5px;
		}
	table.prod_det {
		width:270px;
		float:left;
		}
	table.prod_det tr.pret td {
		background-color:#EFF7FF;
		text-align:center;
		padding:10px;
		border-bottom:0;
		}
	table.prod_det tr.pret td span.pret {
		font-size:18px;
		}
	table.prod_det tr td {
		line-height:1em;
		padding:5px;
		vertical-align:middle;
		border-bottom:1px solid #DFEEFF;
		}
	table.prod_det tr.cod td {
		background-color:#EFF7FF;
		}
	table.prod_det tr.atc td {
		padding:10px 0;
		background-color:#EFF7FF;
		}
	div.desc {
		float:left;
		}
	
	
	.otherimages {
		width:240px;
		float:left;
		padding:10px;
		background-color:#FAFAFA;
		}
		.otherimages a img.galerie {
			width:40px;
			border:1px solid #AECBEB;
			padding:1px;
			}
		.otherimages a:hover img.galerie {
			border:1px solid #333;
			}
	
#center .banner540 {
	width:540px;
	height:90px;
	float:left;
	margin-bottom:10px;
	}
#center table.register, table.cart {
	width:540px;
	border:1px solid #FFF;
	}
table.register tr {
	border-bottom:1px solid #DCDDDE;
	}
table.register tr.head {
	background-color:#5689be;
	color:#FFFFFF;
	font-weight:bold;
	background-repeat:repeat-x;
	}
div.chk {
	font-size:11px;
	width:240px;
	float:left;
	background-color:#FAFAFA;
	margin:1px;
	padding:2px 10px;
	}
tr.wide {
	background-color:#DCDDDE;
	}
span.req {
	font-size:14px;
	color:#FF0000;
	}
.error {
	color:#FF0000;
	padding:10px;
	width:515px;
	border:1px solid #FFF;
	margin-bottom:5px;
	background-color:#FFDFDF;
	font-weight:bold;
	}
span.err {
	color:#FF0000;
	font-weight:bold;
	}
input.reg, textarea.reg {
	width:240px;
	}
td em {
	font-size:11px;
	color:#999;
	}
div.clasa {
	width:240px;
	margin:0 10px;
	float:left;
	color:#666;
	font-size:11px;
	line-height:13px;
	vertical-align:top;
	border-bottom:1px solid #EFF7FF;
	padding:10px 0;
	}
	div.clasa a {
		font-size:12px;
		font-weight:bold;
		color:#333;
		}
	div.clasa a.detalii {
		font-size:11px;
		color:#5689be;
		}
	div.clasa img {
		width:80px;
		height:80px;
		border:1px solid #AECBEB;
		padding:1px;
		float:left;
		margin:0 10px 0 0;
		}
a.clasa:hover {
	background-color:#DFEEFF;
	background-image:none;
	color:#000000;
	}
span.pret {
	font-weight:bold;
	color:#FF3300;
	}
strong.code {
	width:100%;
	background-color:#aecbeb;
	padding:1px 0;
	margin:2px 0;
	float:right;
	}
a.icon {
	font-size:11px;
	color:#999;
	}
a.icon:hover {
	color:#5689BE;
	}
a.related {
	width:518px;
	float:left;
	padding:10px;
	border-bottom:1px solid #AECBEB;
	color:#333;
	margin-bottom:5px;
	}
a.related:hover {
	background-color:#DFEEFF;
	}
img.related {
	width:70px;
	margin:0 10px 0 0;
	float:left;
	}
h2.related, h2 {
	font-size:18px;
	color:#5689be;
	font-weight:normal;
	margin:10px 0;
	}
h2.related {
	float:left;
	width:520px;
	}
h2.stire {
	padding:0px 0 5px 0;
	margin-bottom:0px;
	}
div.note {
	font-size:10px;
	color:#999;
	float:left;
	width:540px;
	margin-top:10px;
	line-height:1.1em;
	}
#center ul {
	margin-left:15px;
	}
#center ul li {
	list-style-image:url(images/topdot.png);
	margin-left:15px;
	}
.umbrella_icon {
	width:100px;
	float:left;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:4px;
	color:#666;
	}
tr.head {
	background-color:#DFEEFF;
	font-weight:bold;
	}
tr.row2 {
	background-color:#EFEFEF;
	}
tr.row1 {
	background-color:#FFF;
	}
table.cart {
	font-size:11px;
	}
table.cart tr.head {
	background-color:#FFFFFF;
	font-weight:bold;
	text-indent:5px;
	}
table.cart tr.foot {
	background-color:#d6E5F5;
	font-weight:bold;
	}
table#filter {
	background-color:#EFF7FF;
	}
tr.total {
	font-size:11px;
	text-align:right;
	}
input.rfb {
	background-image:url(images/refrbut.jpg);
	border:0;
	width:57px;
	height:22px;
	background-repeat:no-repeat;
	cursor:pointer;
	}
input.rfb:hover {
	background-image:url(images/refrbut_over.jpg);
	}
td.revista a {
	width:108px;
	padding:10px;
	float:left;
	background-color:#EFF7FF;
	margin:0;
	}
input.addtocart, input.infodiscount, input.addtocart_over, input.infodiscount_over, a.trimite {
	display:block;
	width:154px;
	float:left;
	color:#FFFFFF;
	text-transform:uppercase;
	text-indent:35px;
	padding:8px 0;
	font-weight:bold;
	background-repeat:no-repeat;
	font-size:11px;
	border:0;
	cursor:pointer;
	margin:-1px 10px 0 0;
	}
input.addtocart {
	background-image:url(images/addtocart.jpg);
	margin-left:5px;
	}
input.addtocart_over {
	background-image:url(images/addtocart_over.jpg);
	margin-left:5px;
	}
input.infodiscount {
	background-image:url(images/infodiscount.jpg);
	margin-left:5px;
	}
input.infodiscount_over {
	background-image:url(images/infodiscount_over.jpg);
	margin-left:5px;
	}
	html>body input.addtocart, html>body input.addtocart_over {
		margin-right:0;
		}
	html>body input.qty {
		margin-left:0;
		}
	a.trimite {
		padding:5px 0;
		}
input.qty {
	border:3px solid #8d8d8d;
	padding:3px 5px 3px 5px;
	}
a.trimite {
	background-image:url(images/trimitebutton.jpg);
	margin-top:5px;
	}
a.trimite:hover {
	background-image:url(images/trimitebutton_over.jpg);
	}
input.button, input.button_over {
	background-repeat:repeat-x;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:5px 10px;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	}
input.button {
	border:1px solid #669f0a;
	background-image:url(images/input.jpg);
	}
input.button_over {
	border:1px solid #545454;
	background-image:url(images/input_over.jpg);
	}
div.stire {
	width:100%;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #AECBEB;
	}
div.stire p {
	padding-bottom:10px;
	}
div.stire em {
	text-decoration:underline;
	padding-bottom:5px;
	}
	.paginatie {
		width:530px;
		float:left;
		padding:5px;
		font-size:11px;
		border-bottom:1px dashed #DFEEFF;
		margin-bottom:10px;
		}
		.paginatie a.pag, .paginatie a.thislink {
			border:1px solid #9ccbff;
			width:16px;
			float:left;
			padding:0px 2px;
			font-size:11px;
			text-align:center;
			margin-right:2px;
		}
		.paginatie a.pag:hover, .paginatie a.thislink:hover {
			background-color:#9ccbff;
		}
		a.thislink {
			background-color:#9ccbff;
			color:#FFFFFF;
			font-weight:bold;
		}
	
	table {
		width:100%;
		float:left;
		}
	td.prodbox a, td.prodbox_nou a, td.prodbox_reducere a, td.prodbox_promotie a {
		width:150px;
		float:left;
		height:250px;
		padding:16px 10px 10px 10px;
		display:block;
		font-size:11px;
		color:#333;
		background-color:#EFF7FF;
		border:1px solid #DFEEFF;
		}
		td.prodbox_nou a {
				background-image:url(images/nou.png);
				background-repeat:no-repeat;
				}
		td.prodbox_reducere a {
				background-image:url(images/reducere.png);
				background-repeat:no-repeat;
				}
		td.prodbox_promotie a {
				background-image:url(images/promo.png);
				background-repeat:no-repeat;
				}
	.markicon {
			width:32px;
			height:32px;
			position:absolute;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/images/icon_nou.png', sizingMethod='scale');
			background-repeat:no-repeat;
			margin-left:-7px;
			margin-top:-12px;
			}
			html>body .markicon {
							background-image:url(images/icon_nou.png);
							}
	td.row1 {
		background-color:#D6E5F5;
		}
	td.row2 {
		background-color:#EFF7FF;
		}
	td.gama3pret {
		color:#FF3300;
		font-weight:bold;
		text-align:center;
		background-color:#D4FFBF;
		}
	table#gama3 tr.head {
		font-weight:bold;
		background-color:#5689be;
		color:#FFFFFF;
		}
	table#gama3 tr td {
		padding:2px 5px;
		}
		.new {
			font-size:9px;
			color:#CC0000;
			text-transform:uppercase;
			font-weight:bold;
			}
		.prodbox strong {
			font-size:10px;
			}
		.thumb_produs {
			width:146px;
			margin-left:2px;
			margin-bottom:2px;
			}
		.prodbox a:hover, .prodbox_nou a:hover, .prodbox_reducere a:hover, .prodbox_promotie a:hover {
			background-color:#DFEEFF;
			}
		.prodbox  a:hover strong{
			background-color:#FFF;
			}
		#produs_left {
			float:left;
			width:236px;
			height:335px;
			padding:10px;
			background-color:#F7F7F7;
			}
			#produs_left a {
				font-size:11px;
				}
			#produs_left a:hover {
				color:#FFFFFF;
				background-color:#64C01D;
				}
a.gama_div {
	width:260px;
	float:left;
	padding:10px 0;
	background-repeat:no-repeat;
	font-size:11px;
	margin-top:-10px;
	margin-bottom:20px;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	}
a.gama_div img {
	float:left;
	margin:0 10px;
	}
a.gama_div span {
	font-size:11px;
	color:#333;
	font-weight:normal;
	}
a.gama_div span strong {
	color:#5689be;
	}
div.special {
	width:520px;
	padding:10px;
	background-color:#5689BE;
	}
	
/* ---------- HOME PAGE ------------ */

#flash, #contact2 {
	width:240px;
	float:left;
	height:400px;
	margin-right:10px;
	}
#contact2 {
	padding:10px;
	}
#contact2 h2 {
	width:238px;
	}
form#contact {
	float:left;
	padding:10px 12px;
	background-color:#EFF7FF;
	border:1px solid #DFEEFF;
	}
form#contact input.text, form#contact textarea {
	width:220px;
	}
form#contact h2 {
	width:240px;
	float:none;
	}
form#contact textarea {
	height:100px;
	}
h3.home {
	color:#5689be;
	}
img.artimg {
	float:left;
	margin:10px 10px 10px 0;
	}