/*

	Solucija.com - CSS definitions
	==============================
	
*/

*{margin:0; padding:0; outline:0; }


body { font: .84em Arial, Verdana, Sans-Serif; color: #838383; background: transparent; line-height: 1.7em; }
body#site { background: #4F636C url(../images/bg.gif); }
a { text-decoration: none; color: #BFEBFF; }
	a:hover { color: #fff; }
p  { margin: 0 0 15px; }
h1 a { text-indent: -9999px; float: left; width: 138px; height: 29px; background: url(../images/logo.gif) no-repeat; margin: 4px 0 0; }
h2 { clear: both; text-shadow: 1px 1px 1px #111C1F; font-size: 1.3em; font-weight: normal; height: 23px; background: url(../images/line.gif) repeat-x left bottom; padding: 0 0 10px; color: #B5D7DF; margin: 0 0 20px; }
	h2 span { float: right; font-size: .64em; color: #91D7DF; padding: 4px 5px 0 0; }
	h2 em { color: #fff; }
h3 { text-shadow: 1px 1px 1px #27434F; font-size: 1.3em; font-weight: normal; margin: 0 0 15px; color: #4E4E4E; }
	h3 a:hover { border-bottom: 1px dotted #697E81; }
h4 { text-shadow: 1px 1px 1px #27434F; font-size: 1.1em; color: #4E4E4E; font-weight: normal; }
	h4 a { color: #fff; }
		
img { border: 0; }
.x { clear: both; }
.line { clear: both; margin: 0 0 10px; background: url(../images/line.gif) repeat-x; padding: 20px 0 0; }
#topwrap { margin: 0 auto; width: 960px; padding: 28px 0 0; }
#top { background: #37484E url(../images/top.gif) repeat-x; height: 86px; }
#content { clear: both; margin: 0 auto; min-height: 500px; width: 960px; background: url(../images/contentbg.png) no-repeat center top; padding: 16px 0 0; }
#menu { float: right; margin: 0 5px 0 0; }
	#menu li { float: left; display: inline; font-size: 1.04em; text-shadow: 1px 1px 1px #111C1F; cursor: pointer; margin: 0 0 0 10px; }
		#menu li a { float: left; color: #81999F; cursor: pointer; }
			#menu li a span { margin: 0 10px 0 -10px; padding: 5px 8px 5px 18px; position: relative; float:left; }
			#menu li a:hover, #menu li a:active { color: #C3DADF; }
			#menu li a.current { color: #fff; background: url(../images/tab.gif) no-repeat top right; }
			#menu li a.current span { background: url(../images/tab.gif) no-repeat top left; }

#ad { width: 900px; margin: 0 auto 25px; height: 125px; } 			
#discover { background: url(../images/discover.png) no-repeat; height: 117px; position: relative; margin: -12px 0 30px; }
#main { clear: left; float: left; width: 668px; padding: 0 0 20px; }
	.news { float: left; width: 300px; margin: 0 30px 30px 0; color: #B3BDBF; }
		.news.last { margin-right: 0; }
	.news h3 { margin: 0 0 10px; padding: 3px 0 0; }
	.news h3 a { color: #fff; font-weight: normal; }
	.date { float: left; padding: 12px 0 0; width: 42px; height: 40px; line-height: 1.1em; background: url(../images/date.gif) no-repeat; text-align: center; }
		.date span { font-size: 1.8em; }
	.news-box { float: right; width: 244px; }
	.more { background: #334046; font-size: .8em; color: #fff; text-transform: uppercase; padding: 4px 8px; }
	#teaser { color: #fff; font-size: 1.04em; padding: 3px 15px 0 0; margin: 0 0 25px; }
		#teaser.margin { float: right; width: 597px; }
	#text { clear: both; color: #DFDFDF; padding: 0 15px 0 0; margin: 0 0 65px; float: right; width: 597px; }
		#text h3 { color: #fff; font-size: 1.1em; }
			#text ul, #text ol { margin: 0 0 25px 20px; }
			#text pre { background: url(../images/box.gif); padding: 5px 8px; margin: 0 0 20px; }
			#headerimg { margin: 0 0 15px; }
	#page { padding: 0 15px 0 0; clear: both; color: #DFDFDF; }
		#page h3 { font-size: 1.3em; font-weight: normal; margin: 0 0 8px; color: #fff; }
		#page ul { margin: 0 0 20px 0; }
			#page li { list-style: none; }
		.emph { background: url(../images/box.gif); padding: 15px 15px 5px; margin: 0 0 35px; }
			.emph strong { color: #fff; }
		#contact label { font-size: .9em; font-weight: bold; color: #B3BDBF; }
		input, textarea { font: .94em Arial, Tahoma, Sans-Serif; color: #333; }
		input.text, textarea { background: #eee; width: 350px; padding: 6px 4px 7px; border: 1px solid; border-color: #3D5057 #697E81 #697E81 #3D5057; }
			input.text:focus, textarea:focus { background: #fff; }
		textarea { width: 500px; height: 140px; }
		input.submit { background: url(../images/box.gif); padding: 7px 20px; color: #fff; border: 0; font-size: .9em; cursor: pointer; }
		input.required { display: none; }
		#error { color: #EFC8B3; }
	.template { padding: 4px; background: url(../images/smallframe.gif) no-repeat; height: 170px; width: 145px; float: left; margin: 0 18px 18px 0; font-size: .84em; overflow: hidden; }
	.template.last { margin-right: 0; }
	.template_thumb { height: 145px; overflow: hidden; cursor: pointer; }
	.template.single .template_thumb img { width: 145px; }
	.template p { margin: 0; padding: 3px 6px 1px; }
	.template .price { float: right; color: #F8FFBF; }
		.template .free { color: #AADFA7; }
	.template.featured { width: 315px; background: url(../images/featured.gif) no-repeat; }
		.template.featured .template_thumb { width: 315px; }
		.stripe { float: left; position: relative; margin: -148px 0 0 -3px;  background: url(../images/stripe.gif) no-repeat; width: 71px; height: 71px; }
	#template_info { background: url(../images/box.gif); padding: 12px 15px 15px; margin: 0 0 15px; color: #fff; }
		#cart-links { float: right; margin: 0; padding: 0 5px 15px 0; }
			.add-to-cart { font-size: .84em; margin: 0 10px 0 0; float: right; background: url(../images/add-to-cart.gif) no-repeat; padding: 4px 0 0 30px; height: 32px; width: 72px; color: #334047; font-weight: bold; }
			.buy-now { font-size: .84em; float: right; background: url(../images/buy-now.gif) no-repeat; padding: 4px 0 0 30px; height: 32px; width: 59px; color: #334047; font-weight: bold; }
			.download { font-size: .84em; float: right; background: url(../images/download.gif) no-repeat; padding: 4px 0 0 28px; height: 31px; width: 63px; color: #334047; font-weight: bold; }
				.add-to-cart:hover, .buy-now:hover, .download:hover { color: #181F22; }
			.link { float: left; text-align: center; font-size: .9em; background: url(../images/box.gif); padding: 6px 20px; margin: 0 2px 5px 0; color: #fff; }
				.link:hover { background: #273135; }
		#explain { float: left; color: #90B5BC; font-size: .84em; line-height: 1.7em; padding: 0 0 10px 4px; }
		#details { font-size: .84em; }
		#details p { clear: both; margin: 0; }
		#details .label { float: left; width: 70px; color: #B5D7DF; }
			p.bigger { font-size: 1.1em; font-weight: bold; }
				.bigger .summary { color: #8BDF7D; }
		#details .summary { float: right; width: 553px; }
	#preview_thumbs { float: left; width: 105px; }
		.p_thumb { width: 125px; background: url(../images/box.gif); padding: 3px; margin: 0 0 3px 0; cursor: pointer; }
	#preview { float: right; margin: 0 0 20px; background: url(../images/box.gif); padding: 3px; }
		#preview img { float: left; }
		#screenshot { clear: both; margin: 0 0 30px 145px; color: #90B5BC; font-size: .8em; line-height: 1.7em; } 
	#lcol { float: left; width: 350px; }
	#rcol { float: right; width: 220px; }
	#recent-news { padding: 0 0 0 55px; }
		#recent-news .news { width: 270px; margin-right: 30px; }
		#recent-news .news-box { float: left; width: 270px; }
#side { float: right; width: 270px; font-size: .9em; margin: 0 0 10px; }
	#side h3 { background: #232C2F url(../images/h3.gif) no-repeat; color: #eee; font-size: 1.2em; font-weight: normal; padding: 11px 13px 0; height: 32px; margin: 0 0 5px; }
	#side ul { float: left; width: 110px; padding: 5px 0 0 6px; }
		#side li { list-style: none; padding: 0 0 0 18px; background: url(../images/more.gif) no-repeat 5px 9px; }
		#side li a { clear: both; }
			#side li a.current { color: #fff; font-weight: bold; }
	.box { background: url(../images/box.gif); padding: 0 0 6px; }
		.box.marketing { padding: 0 0 0 7px; }
			.box.marketing img { float: left; margin: 0 6px 0 0; }
		.boxtop { background: url(../images/boxtop.gif) no-repeat left top; padding: 3px 0; }
		.boxbottom { background: url(../images/boxbottom.gif) no-repeat left bottom; padding: 3px 0; margin: 0 0 15px; }
#footer { clear: both; background: url(../images/line.gif) repeat-x; color: #81999F; padding: 20px 0 15px 0; }
	#links { float: right; }
		#links a { margin: 0 0 0 15px; }
		
		body#preview_page, body#cart_page, body#offer_page, body#payment_page { background: #4F636C url(../images/bg.gif); }
		#offer_page h3 { color: #fff; }
		#payment_page .cart_list { color: #000; }
		.cart_list .next { color: #000; }
		
		#ptfaq h4 { text-shadow: 1px 1px 1px #27434F; font-size: 1.3em; font-weight: normal; margin: 0 0 15px; color: #4E4E4E; }
		#ptfaq h4 { color: #fff; }
		#ptfaq .title { display: none; }
		
		#order_total_container { color: #BBEFA3; font-weight: bold; font-size: 1.3em; }
		#total { font-size: 1em; }
		
		#top_container { color: #fff; }
		
		#preview_page img { border: 0; margin: 0 0 10px; }
		#top-pager .current { color: #fff; margin: 4px 10px 0 0; float: right; font-size: .9em; }
		#top-pager .link { padding: 5px 8px; }
		
		.preview_area { color: #fff; }
		.preview_area b { line-height: 40px; }
		
		.shots_container { color: #fff; }
		.shots_container b { line-height: 40px; }
		
		.title_description { margin: 0 0 20px; color: #fff; line-height: 40px; }
		.tabs_area { margin: 0 0 30px; }
		.tabs_area h3 { color: #fff; text-shadow: none; padding: 15px 0 0; margin: 0 0 4px; }
		.tabs_area a { background: #2D3D40; padding: 5px 8px; }
		.tabs_area .active_tab { background: #fff; padding: 5px 8px; color: #2D3D40; }
		
		.templ_type_container { color: #fff; }
		.templateinfo_area, .optional_area { background: #2D3D40 url(../images/box.gif) ; color: #fff;}
		.optional_area { padding: 14px; }
		.optional_area a { text-decoration: none; }
		.price_area { padding: 14px; height: 40px; }
		.price_text { float: left; clear: both; margin: 0 0 5px; }
		.price_sum { float: right; margin: 0 0 5px; }
		
		#pfeat #top-pager { display: none; }
		
#innerad { margin: 0 0 7px; }

#premium-spot a { text-decoration: underline; }
input#vizSPcomment { display: none; }

.is-featured-at {background:url(../images/box.gif); -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; }
.is-featured-at h5 {background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAfAB8DAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAECAwr/xAAqEAACAgEDAwIFBQAAAAAAAAABAhESIQAiMQNBUTJhEyNxwdEzQlKRof/EABgBAQEBAQEAAAAAAAAAAAAAAAECAAYD/8QAKREAAQMCAgkFAAAAAAAAAAAAAQACESExQXESIlFhgbHB0fADMoKRof/aAAwDAQACEQMRAD8A8wdVFRLk15IYdQr1M1NB7f5roqnRnauOuJOB5mECz+0716gXLXg7u/08axL2zaNIpcSJOXQKMuIgVCtIa8bSKkiMxoDgLV2pJFTlzhZZlXexkn1XLKfSIIMcex1YdJzWdFq1+l0rV1EENKK2+t6yBAMz2PI1Ml2AP6OM24I1iyywat3aFAMhTJGCLRjzobJF8cFIc44II+LWzFVrAPMsoBJsv3/GqcA0WTEMG+/maYsFH6al56hKl9vy8sc5PvqhAEqiS8YylWksCMOwlMkHiPtOpJgBIOi0+Hpz7KrNQIuRhVbqDkGoRgsDHk6C3WqIyoVJHDz49UmDLTIKBl7YlmXqEz5BnQ0ydw23S17XNpRaVcifYQh7gHcRGTre4GvZZxJChSW2kLA/jHq3TYTH9aZbY3S4NgKcgBqAttBZSxzmSV/GrIcTdedSYQ5qxY1WqiVBUioXI5zPj66iIcrJj1IgRio4apBJEKCchiu6JE+ZjGsAHOg2SCHOX//Z); #232C2F; color: #EEEEEE; font-size: 1.2em; font-weight: normal; height: 32px; margin: 0 0 5px; padding: 11px 13px 0; -webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; }
.is-featured-at h5 strong {float:right; font-size:10px; color:#7D8689; }
.is-featured-at h5 strong a {color:#7D8689; text-decoration:underline; }
.is-featured-at ul {zoom:1; list-style:none; padding:0 0 5px 0;}
.is-featured-at ul:after {clear:both; content:""; display:block; height:0; visibility:hidden; }
.is-featured-at ul li {width:25%; float:left; }
.is-featured-at ul li a {font-size: 0.9em; display:inline-block; padding:0 0 0 25px; width:145px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.is-featured-at ul li a:before {display:block; content:''; background:url("../images/more.gif") no-repeat 0 0; width:3px; height:6px; position:absolute; top:8px; left:12px; }
.is-featured-at .is-featured-at-tabs { left: 180px; position: absolute; top: 11px; }
.is-featured-at .is-featured-at-tabs a {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:1px 5px; font-size:0.8em; color:#7BD1E4; text-shadow: 1px 1px 1px #111C1F; display:inline-block;  }
.is-featured-at .is-featured-at-tabs a.active {color:#FFF; margin-right:5px; cursor:default; background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAtAC4DAREAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAwIEAQAK/8QALhAAAgIABQMDAgUFAAAAAAAAAQIDEQAEEhMhIjFBMlFhFCMkM3GBoUJSYpGx/8QAGAEBAQEBAQAAAAAAAAAAAAAAAQACBQb/xAAiEQEAAQQBBAMBAAAAAAAAAAAAASExQfARAmFxsYGh8dH/2gAMAwEAAhEDEQA/APkse3TTGigZl9bnbaVSsvLSgX3BFH278Y6sPMzdzWdbK8Sxrl1JViySPLETtyEmuw80CfBwoiwpcyQsY10kqIZQV1P1bzReDxx8YFy8d62O0qmRBboQ0bK7D7hBNdI/c33xRVWRrlDHehXdjXSkj/kCibk3PSNQr/l4srCyCpjCu0r7ILjcVVPP5gC0Ob7jvxfvhieRJNfo+40YIVhvLtVOOeQALv8Aq8freCSOi00e5lyu7vJKihWQcc89+o0fHviwsii6Wy+tCG+neB1kIEy1Pt6g1E9r080Rirvwqb8mdRuJsxRuLkDwvpB1iKiFK3WpRfPf4wYMBgaB1y6ulT7aAGQtGZIdVqqs/qpbsMOecOVh6XTth43kuGaXLXHlYsz0+vS0cZrjim4+RZxbccQgzQCXanZYJNi1nJ3FzEei1ZmqmHm+Da4oTVpZwHSXTLMqg7Mokial1JMolFcha5qwa784oohyUzOFM0EkKDMJ9zbKMyDo226SjMKIv1X74rmxI5TK8UiuelvuQba6Ucgq2kryP7rtun+CIWRxGTWsUiangKM8WmOQOlsI81lZJKN9g189+L7yWm9l2OuSGWGRVIkZRBI0gGn7mjuaFe/HxhQUmkfLSRoj64hE8QBizelS1ojp0tXFdrAv25DdYFpDLAiNGCgXLsXhKSPq1Kqt0g2Tx4rEHSpO48Y+2wCK4tszlnyp4jdHvUt813582KU6VmljWVDvAuJwsaiBtSLoO1L5sHz4FYN/VWRuFzKs6CHMSxKIizQk5pXVtQ1Dwasg9r7d8NpV1z9LKJNuLWn5yZcPI22aKvd8HVqH+jitIvCdyDek3ZJJl2I5IpqXmAyAFd6AA2r8i+1nBxzBm7jROonRYmIkdpIpcuX3lmibp3Fl7Hz7HxhurKDLJJvxy1+IiUOkchm0/TEacwtV6uAxHxeDfvfBtvbfI0+nZJZR+HZXBzil8zFoaQWHQPwDr7Vx84agukmabqd5FCXpldJAEQSDaVOJF5Brv3HfjFRVZpYBNHcMOuUyFny7ZtBGvFNPCrXQY/ofcYsrDbtmTejO0NroB2hTQSrqaFlB7c8ft82WkMUObIkycWgHUHmD6mteTEU/SsN/R/fTVHlyxn+mmlyrLnCvqMyERxaq238EnteCZ9GI9jhlM0cc7WsmZnRJNs0vEF+lgbHwbxU5GN7f0k6kywOCBqlkg7dSow0jS3+JW144J9sa4Z5aMszbn08h3dMIk1sEBP3CvIUfzjPVRrprL//Z); }
.is-featured-at .is-featured-at-tabs a.active:hover {text-decoration:none;}
.is-featured-at .techbehind {padding:0 10px; line-height:25px; background:#E2E2E2; font-size:10px; color:#9E9E9E;  }
.is-featured-at .techbehind a {color:#9E9E9E; }