/**
 * Author: Socea Cristian
 * 
*/

/** CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size:100%;font-family: inherit;vertical-align:baseline;}/*:focus {outline:0;}*/body {line-height:1;color:black;background: white;}ol,ul {list-style: none;}table {border-collapse: separate;border-spacing:0;}caption,th,td {text-align: left;font-weight: normal;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote,q {quotes: "" "";}a{text-decoration:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;}a{cursor:pointer}

img {border:0;}

/**	website's general style */
html, body {min-width:800px;position:relative;height:100%;}

	html {background: #EAEAEA;min-height:600px;}
	body {background:#EAEAEA;
		font: normal normal normal 12px/1.4 "Tahoma", "Arial", sans-serif;
		color:#333;
	}
	body .fx {position:absolute;}
		body .fx.curtain {background:url(images/curtain_sprite.png) no-repeat 1000px 1000px;}
		body .fx.curtain.left, body .fx.curtain.right {top:0;width:172px;height:426px;}
			body .fx.curtain.left {left:0;background-position:0 0;}
			body .fx.curtain.right {right:0;background-position:-172px 0;}
			body .fx.curtain.bottom {position:fixed;width:550px;height:168px;bottom:0;left:0;background-position:0 -426px;}
			
		body .fx.abstract {width:100%;height:100%;background:url(images/bg_abstract.png) no-repeat 50% 0;}
			
	body > .section {position:relative;}
	body > .section > .wrapper {width:800px;margin:0 auto;position:relative;}
	body.inner > .section > .wrapper {width:880px;}
	
h1, h2, h3, h4, h5, h6 {font-family:"Open Sans", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#E22;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

a, a *:not(img) {-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;}

.skew {-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-ms-transform: skew(-10deg);-o-transform: skew(-10deg);transform: skew(-10deg);}
.skew_reverse {-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-ms-transform: skew(10deg);-o-transform: skew(10deg);transform: skew(10deg);}

#header {padding-top:5%;margin-bottom:5%;overflow:hidden;padding-bottom:1px;}
	.logo {text-align:center;}
		.logo a {display:inline-block;}
	.connect {position:absolute;top:5px;right:5px;}
		.connect a {display:block;background:#007CB7;padding:5px 4px 2px 2px;opacity:.4;}
		.connect a:hover {background:#C00;opacity:1;}
		.connect img {width:75px;}
	
	.inner .logo {float:left;margin-left:15px;}
		.inner .logo a {display:block;width:160px;}
		.inner .logo a img {display:block;width:100%;}
		
	.nav {float:right;text-shadow:1px 1px 0 rgba(255,255,255,.6);text-transform:lowercase;
		cursor:default;padding-top:12px;margin-right:20px;}
		.nav li {display:inline-block;}
		.nav a {display:block;padding:6px 8px;color:#777;}
		.nav a:hover {background:#D7D7D7;color:#444;background:rgba(0,0,0,.075);}
		.nav li.current a{background:#E22;color:#FFF;text-shadow:-1px -1px 0 rgba(0,0,0,.1);
			-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			-webkit-box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			font-weight:600;letter-spacing:-1px;
			
		}
	
	.inner #header {margin-bottom:20px;}		
	.inner #header > .wrapper {padding-bottom:15px;border-bottom:1px solid #CCC;overflow:hidden;
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);
		box-shadow:0 1px 0 rgba(255,255,255,.5);
	}

	
	

#content {}
	#content .main {width:580px;padding:0 20px 20px 20px;float:left;border-right:1px solid #CCC;
		-moz-box-shadow: 1px 0 0 rgba(255,255,255,.5);
		-webkit-box-shadow: 1px 0 0 rgba(255,255,255,.5);
		box-shadow: 1px 0 0 rgba(255,255,255,.5);
		position:relative;
	}
	#content .side {width:220px;padding:0 20px 20px 0;float:right;text-shadow:1px 1px 0 rgba(255,255,255,.6)}
	
	.main h2 {font-size:22px;margin-bottom:5px;letter-spacing:-1px;line-height:1;}
	.main p {color:#656565;font-size:12px;line-height:1.5;padding:5px 0;}
	 
	.main .social_share {float:right;margin-top:-3px;}
	.main .social_share > div {display:inline-block;}
		.main .social_share .twitter {position:relative;top:-1px;}
	
	.main .products {padding:0;}
		.main .products li {width:150px;display:inline-block;vertical-align:top;background:#333;margin:0 15px 15px 0;
			padding: 15px;color:#FFF;font-size:11px;max-height:205px;
			-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			-webkit-box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			box-shadow:1px 1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1) inset;
			cursor:default;min-height:185px;
		}
		.main .products li.first {clear:both;}
		.main .products li.last {margin-right:0;}
		
		.products li .image {display:block;max-height:88px;overflow:hidden;position:relative;color:#999;background:#FFF;
			font-size:11px;margin-bottom:10px;}
			.products li a.img, .products li a.img img {display:block;width:100%;position:relative;}
			.products li .image a.zoom {position:absolute;bottom:3px;left:3px;width:20px;height:20px;opacity:0;
				background:#CCC url(images/zoom.png) no-repeat 50% 50%;
				text-indent:-999px;
			}
			.products li .image:hover a.zoom {opacity:.75;}
			.products li .image:hover a.zoom:hover {opacity:1;background-color:#FFF;}
				
		.products li h3 {font-size:14px;font-weight:bold;position:relative;overflow:hidden;
				min-height:20px;margin-bottom:5px;line-height:1;max-height:28px;}
			.products li h3 a {width:75%;float:left;color:#FFF;}
			.products li h3 a:hover {color:#E22;}
			.products li h3 .price {display:block;background:#E22;line-height:18px;
				padding:0 3px;font-size:11px;position:absolute;top:0;right:0;}
				
		.products li p {color:#999;line-height:12px;font-size:11px;height:25px;overflow:hidden;padding:0;
			margin-bottom:10px;}
			.products li .code {display:block;float:left;padding:3px 0;}
			.products li .ui_button {float:right;}
			
			
	.module {margin-bottom:20px;overflow:hidden;}
		.module h3 {font-size:16px;line-height:1.2;font-weight:bold;margin-bottom:5px;}
		.module p {font-size:11px;line-height:1.4;padding:0 0 3px 0;color:#555;}
		.module p.tip {font-size:10px;line-height:1;}
		.module .ui_more {float:right;margin-right:3px;}
		
		.module ul {padding:0 15px;font-size:11px;}
			.module li {padding:3px 0;position:relative;line-height:1.2;}
			.module li a {color:#555;}
				.module li a .arrow {position:absolute;left:-10px;}
				.module li a:hover .text {color:#E22;}
				.module li a:hover .arrow {color:#999;}
				
		.module.cart {background:#333 no-repeat 96% 15px;padding:10px;text-shadow:1px 1px 0 #111;color:#AAA;overflow:visible;}
			.module.cart h3 {color:#FFF;font-size:14px;}
			.module.cart p {color:#999;}
			.module.cart p.tip {color:#777;}
			
			.module.cart.loading {background-image:url(images/loader.gif);}
			.module.cart.loading ul {}
			
			.module.cart ul {padding:10px 0;}
				.module.cart li {overflow:hidden;width:44px;display:inline-block;margin:0 3px 5px 0;padding:0;position:relative;}
				.module.cart li .thumb {width:100%;display:block;}
				.module.cart li .thumb img {display:block;width:100%;}
				.module.cart li .name {color:#CCC;font-size:12px;width:155px;float:right;line-height:20px;height:20px;overflow:hidden;}
				
				.module.cart li .type {background:#E22;color:#FFF;text-shadow:none;position:absolute;bottom:3px;left:3px;display:block;line-height:1;padding:1px 2px;}
				
				.module.cart .cart_container .ui_button {float:right;text-shadow:none;background:#E22;color:#FFF;}
				.module.cart .cart_container .ui_button:hover {background:#FFF;color:#E22;}
				.module.cart p.total_price {line-height:22px;padding:0;}
				.module.cart p.total_price b {color:#FFF;}
					
	.main .product {background:#333;padding:20px;color:#FFF;overflow:hidden;margin-bottom:10px;}
		.product .p_main {width:270px;float:left;}
		.product .p_side {width:240px;float:right;}
		
		.product h2 {font-size:22px;line-height:1;margin-bottom:5px;}
		.product p {font-size:11px;line-height:1.4;padding:5px 0;color:#999;}
		
		.product .details {width:100%;font-size:11px;margin:10px 0;}
			.product table td {padding:2px;}
			.product table .label {color:#999;text-align:right;width:30%}
		
		.product .code {margin-top:-5px;color:#FFF;}
		
		.product .order {padding:0 0 10px 0;text-align:center;}
			.product .order p {color:#CCC;}
			.product .order .ui_button {padding:0 10px 0 0;height:34px;line-height:34px;margin-top:10px;}
			.product .order .ui_button .price {height:100%;display:inline-block;background:#E22;color:#FFF;
				padding:0 10px;margin-right:5px;}
			.product .order .ui_button:hover .price {background:#000;}
			
			.product .price_select {text-align:center;font-size:11px;padding-bottom:10px;}
				.product .price_select input {}
				.product .price_select label {margin-right:5px;}
			
			
		.product .ui_separator {border-color:#222 !important;}
		
		.product .gallery, .product li, .product li a, .product li a img {display:block;width:100%;}
		.product .gallery {padding:0;}
		.product .gallery li {float:left;width:75px;padding:0;margin:0 5px 5px 0;background:#FFF;}
		.product .gallery li.big_thumb {width:235px;}
		
		.product .social_share {text-align:left; padding:10px 0;float:none;clear:both;}
		.product .social_share div{display:block;padding:5px 0;}
		
		
	.main ul {padding:10px;font-size:12px;}
		.main ul li {line-height:1.2;padding:5px 0;}
	.main a {color:#E22;}
		.main ul a .text {color:#999;}
		.main ul a:hover .text {color:#333;}
		.main a.current .text {color:#E22}
		
	.main .ui_separator {border-bottom:1px solid #DDD;}
	
	.paging {}
		.paging ul {text-align:center;cursor:default;padding:0;}
		.paging li {display:inline-block;}
		.paging a {display:block;font-size:11px;padding:4px 8px;margin:0 -3px;}
		.paging a:hover {background:#CCC;color:#000;}	
		.paging a.current {background:#E22;color:#FFF;font-weight:bold;margin:0 2px;}
		
		.paging a.disabled {color:#AAA;cursor:default;background:none;}
	
			
			
			
#footer {margin-top:5%;padding-top:20px;border-top:1px solid #CCC;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
	box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
	padding-bottom:20px;
}
	.inner > #footer {margin-top:10px;}
	#footer .wrapper {overflow:hidden;}
	#footer p {font-size:11px;line-height:1.4;color:#777;width:75%;text-align:right;float:right;clear:both;}
	#footer p a {color:#C00;text-decoration:none;}
		#footer p a:hover {color:#333;text-decoration:underline;}

	#footer .fb_iframe {position:absolute;top:10px;left:0;}
	
.ui_button {
	display:inline-block;padding:4px 8px;
	font-size:11px;font-weight:bold;
	color:#E22;
	line-height:1.2;
	background:#FFF;cursor:pointer;
}
	.ui_button:hover {background:#E22;color:#FFF;}

.ui_more {font-size:11px;line-height:1.5;color:#E22;white-wrap:nowrap;font-style:normal;}
.ui_more i {font-style:normal;}
.ui_more:hover .text {text-decoration:underline;color:#555;}
.ui_more .arrow {position:relative;color:#999;}
.ui_more:hover .arrow {left:3px;color:#E22;}
.ui_more.back:hover .arrow {left:-3px;}

.ui_hidden {display:none;}

.ui_separator {height:0;border-bottom:1px solid transparent;
	box-shadow:0 1px 0 rgba(255,255,255,0.1);
	margin:10px 0;
}
.ui_clear {clear:both !important;}




form {}
	label[for] {cursor:pointer;}
	input[type=radio], input[type=checkbox] {position:relative;top:2px;cursor:pointer;}
	
	form .field {clear:both;padding:5px;overflow:hidden;}
	form .field * {}
	form .field label {display:block;float:left;width:25%;text-align:right;margin-right:1%;font-size:11px;padding-top:9px;}
	form .field input, form .field select {padding:5px;}
	form .field.no_label {padding-left:26%}
	
	form .field input[type=radio] + label, form .field input[type=checkbox] + label {display:inline;float:none;}
	form .field input[type=text] {width:50%;}
	
	form .field textarea {padding:8px;font-family:"Tahoma", "Arial", sans-serif;resize:vertical;}
	
	form .field input[type=submit], form .field button {padding:5px 10px;cursor:pointer;}  
	
	.field .error {font-size:10px;padding:0;color:#C33;line-height:1.2;padding-left:26%;}
	
	::-webkit-input-placeholder {color:#999;}
	:-moz-placeholder  {color:#999;}
	
#tooltip {
	position:absolute;top:-500px;left:300px;
	color:#FFF;z-index:9999;font-size:11px;line-height:1.2;max-width:300px;padding:10px;background:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#tooltip:before {content:' tooltip ';display:block;text-indent:-9999px;
	width:10px;height:10px;background:#000;
	position:absolute;bottom:-5px;left:15px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	
}
	#tooltip b {font-weight:600;font-size:13px;}
	
	
.ui-effects-transfer { border: 1px dotted #FFF; }


.ui_sys_message {background:#FFF url(images/icons/information.png) no-repeat 8px 50%;padding:10px;margin-top:10px;font-size:10px;padding-left:30px;}
.ui_sys_message.success {background-image:url(images/icons/tick.png);}
.ui_sys_message.error {background-image:url(images/icons/error.png);}