/*
 * Style sheet for screen and print layout
 * Project: digiinfo.com
 * 
 * Last revision: 02.09.2009
 */
 
body {
										/*background: #000000 url(../img/background.jpg) repeat-y top center;*/
										background-color: #000099;
}

	body.backg {
										background: #000000 url(../img/background.jpg) repeat-y top center;
	}
	
	.color-1 {
										background-color: #000099;
	}
	
	.color-2 {
										background-color: #00FFFF;
	}
	
	.color-3 {
										background-color: #FF00FF;
	}
	
	.color-4 {
										background-color: #FFFF00;
	}
	
	.color-5 {
										background-color: #000000;
	}


input,
select,
textarea {
										border: 1px solid #CC9900;
										padding: 5px;
}

ul { 
										 
}

	ul.regular {
										list-style-type: disc;
										list-style-position: inside;
										margin-top: 5px;
										margin-left: 15px;
										margin-bottom: 5px;
	}

	ul.inline {
										margin-left: 15px;
										margin-top: 5px;
										margin-bottom: 5px;
										list-style-type: disc;
										list-style-position: inside;
	}
	
		ul.inline li {
										padding-bottom: 20px;
		}
		
		ul.inline li:last-child {
										padding-bottom: 0;
		}
	
		ul.inline span {
										display: block;
										margin-left: 20px;
		}

.header {
	/* top element containing company name */
										height: 122px;
										position: relative;
										z-index: 20;
}

#company-name {
	/* top image containing company name */
										margin-top: 4.7em;
										width: 421px;
										height: 56px;
}

.nav {
	/* navigation bar at the top */
										background-color: #000000;
										width: 100%;
										border-top: 3px solid #CC9900;
										border-bottom: 3px solid #CC9900;
										position: relative;
										z-index: 10;
}

	.nav ul {
										list-style-type: none;
	}
	
	.nav .container_12 {
										padding-left: 63px;
	}

		.nav ul li {
										float: left;
										position: relative;
										z-index: 10;
		}
				
		.nav > ul li ul li {
										padding-right: 0;
										margin: 0;
		}
	
			.nav ul li a {
										padding: 0.6em 1.2em;
										display: block;
										text-decoration: none;
										border-left: 1px solid #FFFFFF;
										margin: 6px 0;
			}
			
			.nav ul li ul li a {
										padding: 1em;
										border-left: none;
										margin: 0;
			}
			
			.nav a:hover {
										color: #FFCC00;
			}
			
	.nav ul li:last-child a {
										border-right: 1px solid #FFFFFF;
	}

	.nav ul li ul li:last-child a {
										border-right: none;
	}
			
	.nav ul li ul {
		/* second level menu */
										display: none;
										background-color: #000000;
	}
	
	.nav ul li ul li:first-child {
										border-top: 3px solid #CC9900;
	}
	
	.nav ul li ul li {
										border-bottom: 3px solid #CC9900;
										border-left: 3px solid #CC9900;
										border-right: 3px solid #CC9900;
										min-width: 230px;
	}
	
	.nav ul li:hover ul {
										display: block;
										z-index: 10;
										position: absolute;
										top: 46px;
										left: 0;
	}
	
	.nav ul li:hover ul li a {
										display: block;
	}

.headline {
	/* line just below the navigation bar containing top interest content */
										height: 80px;
										background-color: #FFCC00;
										border-bottom: 3px solid #CC9900;
										position: relative;
										z-index: 9;
}

	.headline .container_12 {
										padding-top: 1.5em;
										padding-left: 63px;
	}
	
	.spotlight {
										background: transparent url(../img/spotlight-background.png) no-repeat 0 0;
										
										position: absolute;
										right: 0;
										top: 29px;
										
										padding: 1.5em;
										
										z-index: 10;
	}
	
		.spotlight a {
										display: block;
										margin: 0;
		}
	
		.spotlight a:active,
		.spotlight a:focus {
										outline: none;
		}
	
		.spotlight img {
										border: 1px solid #FFFFFF;
/*										margin-left: 1.6em;
										margin-top: 1.4em;*/
										width: 287px;
										height: 194px;
		}
		
.container_12 + .container_12 {
										overflow: hidden;
}

.container_12 .main {
	/* main website section */
										background: #fff url(../img/top-gradient.png) repeat-x center top;
										border-left: 3px solid #CC9900;
										border-right: 3px solid #CC9900;
										border-bottom: 3px solid #CC9900;
										width: 942px;
										overflow: hidden;
}

.box-4 {
	/* panel taking up 1/3 of the real estate */
										background: #F1F4F5 url(../img/top-box-4.png) no-repeat scroll center top;
										border: 1px solid #FEFEFE;
										width: 300px;
										margin: 0.7em;
										position: relative;
										z-index: 5;
}

	body.home .box-4 {
										min-height: 263px;
	}
	
	body.home h2.title {
										margin: 0 0 1.2em 0;
	}

	.box-4.inline {
										min-height: 0;
	}

	.box-4 h3,
	.box-8 h3.title,
	.box-12 h3.title {
		/* box title */
										left: 10px;
										margin:0;
										position:relative;
										top:1.7em;
	}
	
	.box-4 .content {
		/* content block sitting in the middle of the box */
										float:left;
										margin-top:3.5em;
										padding:10px;
										width:27.5em;
	}
	
		.box-4 .content .product {
			/* product image */
										width: 50%;
										float: right;
										margin-right: 0.5em;
		}
		
		.box-4 .content a.find-more {
										padding: 0.3em 0;
										display: block;
		}
		
.box-8 {
	/* panel taking up 2/3 of the real estate */
										background: #F1F4F5 url(../img/top-box-8.png) no-repeat scroll center top;
										border: 1px solid #FEFEFE;
										/*min-height: 263px;*/
										margin: 0.7em;
}

	.box-8 .content {
		/* content block sitting in the middle of the box */
										float:left;
										margin-top:35px;
										padding:10px;
										width: 591px;
	}
	
.box-12 {
										background: #F1F4F5 url(../img/top-box-12.png) no-repeat scroll center top;
										border: 1px solid #FEFEFE;
										min-height: 150px;
										margin: 0.7em;
										
										overflow: hidden;
}

	.box-12 .content {
		/* content block sitting in the middle of the box */
										float:left;
										margin-top:3.5em;
										padding:10px;
										width: 903px;
	}
		
img.centered {
	/* helper class used to center images in box-4 container */
										margin: 0 auto;
										display: block;
}

div.centered {
										text-align: center;
}

.footer {
										border: 3px solid #CC9900;
										width: 942px !important;
										margin: 1em 10px;
										background-color: #fff;
										position: relative;
}

	.footer .copyright {
										padding: 1em;
										float: right;
										position: relative;
										margin-right: 45px;
	}

	.footer ul {
										list-style-type: none;
										position: relative;
										left: 1.5em;
	}
	
		.footer ul li {
										float: left;
										padding: 1em 0.5em;
										display: block;
		}
		
		.footer ul li:first-child {
										padding-left: 0;
		}
	
			.footer ul li a {
										padding: 1em 0;
			}
			
.hold-image {
										padding: 4px;
										background-color: #CCCCCC;
										border: 1px solid #9F9F9F;
										margin-top: 5px;
}

	.hold-image span {
										display:block;
										font-size:0.8em;
										line-height:1.4em;
										text-align:center;
	}

	.hold-image img {
										border: 1px solid #ccc;
										display: block;
										margin-bottom: 2px;
	}
	
	.hold-image.image-278 {
										width: 278px;
										
	}
	
	.hold-image.image-175 {
										width: 177px;
										float: right;
										margin-left: 1em;
	}
	
	.hold-image.image-170 {
										width: 172px;
										float: left;
										margin: 1.5em 1em 1em 0;
										
	}
	
	.hold-image.image-180 {
										width: 182px;
										margin-right: 1em;
										
	}
	
	.hold-image.image-250 {
										width: 252px;
										margin-left: 1em;
	}
	
	.hold-image.image-240 {
										width: 242px;
										margin-left: 1em;
	}
	
	.hold-image.image-217 {
										width: 217px;
										float: left;
										margin-right: 1em;
	}
	
	.hold-image.image-287 {
										width: 289px;
										float: right;
										margin-right: 1em;
										margin-top: 25px;
	}
	
	.hold-image.image-160 {
										width: 162px;
										float: left;
										margin: 0 12px;
										margin-top: 25px;
	}
	
	.hold-image.image-280 {
										width: 282px;
										margin: 0 12px;
	}
	
	.hold-image.image-400 {
										width: 402px;
										margin: 0 12px;
	}
	
	.hold-image.image-260 {
										width: 262px;
										margin: 0 12px;
	}
	
	.hold-image.image-520 {
										width: 524px;
										margin: 20px auto;
	}
	
	.hold-image.image-510 {
										width: 512px;
										margin: 20px auto;
										float: none;
	}

.sidebar ul {
										list-style-type: none;
}

	.sidebar ul li {
										margin: 2px 0;
										background: transparent url(../img/inactive-sidebar.png) no-repeat scroll 0 0;
	}
	
	.sidebar ul li.active,
	.sidebar ul li:hover {
										background: transparent url(../img/active-sidebar.png) no-repeat scroll 0 0;
	}

		.sidebar ul li a {
										background-color: #EEEEEE;
										display: block;
										padding: 3px 7px;
										margin-left: 12px;
										text-decoration: none;
		}
		
		.sidebar ul li.active a,
		.sidebar ul li a:hover {
										background-color: #FFCC00;
		}

.title ul {
										list-style-type: none;
}

	.title ul li {
										float: left;
										margin-right: 4px;
	}


#logo-1 {
										background-color:#FFCC00;
										border-left:3px solid #CC9900;
										border-right:3px solid #CC9900;
										border-top:3px solid #CC9900;
										float:left;
										left:10px;
										/*padding: 13px 0 10px;*/
										height: 85px;
										position:relative;
										top:34px;
										width: 630px;
}

	#logo-1 img {
										margin-left: 118px;
										margin-top: 15px;
	}
	
	#logo-1 a:active {
										outline: none;
	}

	
.admin .sortable .content {
	/* hide content from sortable panels to allow easier resizing
	 * content shows up on heading click
	 */
	 									display: none;
										height: 300px;
										background: transparent url(../img/loading.gif) no-repeat scroll center center;
}

.breadcrumb {
										border: 1px solid #FEFEFE;
										height: 49px;
										margin: 0.7em;
										background: transparent url(../img/breadcrumb.png) no-repeat scroll 0 0;
}

	.breadcrumb .crumb {
										list-style-type: none;
										padding: 16px 10px;
	}

	.breadcrumb .crumb li {
										float: left;
										margin-right: 5px;
	}

ul.sortable {
										list-style-type: none;
}

	.sortable .grid_8,
	.sortable .grid_4 {
										min-height: 70px;
	}
	
	.sortable h3 {
										margin: 0 0 50px !important;
	}

	.sortable .content {
										margin-top: 0 !important;
	}

.invisible {
										visibility: hidden;
}

.admin .content textarea {
										width: 98%;
										height: 280px;
}

img.float-left {
										float: left;
										margin-right: 5px;
										margin-top: 5px;
}

.hold-image.image-214 {
										float:right;
										margin-left:1em;
										width:213px;
}

.hold-image.image-230 {
										float:right;
										margin-left:1em;
										width:222px;
}

.hold-image.image-263 {
										float:right;
										margin-left:1em;
										width:262px;
}

.hold-image.image-200 {
										float:right;
										margin-left:1em;
										width:202px;
}

.hold-image.image-205 {
										float:right;
										margin-left:1em;
										width:209px;
}



.hold-image.image-205.left {
										float:left;
}

.hold-image.image-283 {
										float:right;
										margin-left:1em;
										width:285px;
}

.outlined {
										border: 1px solid #FEFEFE;
}

.space-around {
										padding: 15px 0;
}

/* country flags */

.flag {
										height: 24px;
										padding-left: 30px;
}

	.flag.RO {
										background: transparent url(../img/flags/ro.png) no-repeat scroll 1px -2px;
	}
	
	.flag.CH {
										background: transparent url(../img/flags/ch.png) no-repeat scroll 1px -2px;
	}
	
	.flag.US {
										background: transparent url(../img/flags/us.png) no-repeat scroll 1px -2px;
	}
	
	.flag.DE {
										background: transparent url(../img/flags/de.png) no-repeat scroll 1px -2px;
	}
	
	.flag.GB {
										background: transparent url(../img/flags/gb.png) no-repeat scroll 1px -2px;
	}
	
	.flag.FR {
										background: transparent url(../img/flags/fr.png) no-repeat scroll 1px -2px;
	}
	
	.flag.NO {
										background: transparent url(../img/flags/no.png) no-repeat scroll 1px -2px;
	}
	
	.flag.IT {
										background: transparent url(../img/flags/it.png) no-repeat scroll 1px -2px;
	}
	
	.flag.ES {
										background: transparent url(../img/flags/es.png) no-repeat scroll 1px -2px;
	}
	
	.flag.AT {
										background: transparent url(../img/flags/at.png) no-repeat scroll 1px -2px;
	}
	
	.flag.AU {
										background: transparent url(../img/flags/au.png) no-repeat scroll 1px -2px;
	}

.headline .second {
										margin: 5px 0;
										padding-top: 1px;
}

.sample-form {
										margin-top: 10px;
}

	.sample-form label {
										display: block;
										margin: 4px 0 3px;
	}

	.sample-form .input.text input {
										width: 264px;
										margin-bottom: 5px;
	}
	
	.sample-form .input.textarea textarea {
										width: 264px;
										margin-bottom: 5px;
										font-size: 15px;
	}

.hidden {
										display: none;
}

.partner {
										padding: 15px;
										background-color: #FEFEFE;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										border-radius: 5px;
										margin: 15px 28px;
										border: 1px solid #ccc;
										width: 420px;
										
										position: relative;
}

.brochures {
										list-style-type: none;
}

	.brochures.hidden {
										margin-left: 30px;
										overflow: hidden;
	}

	.brochures.spaced li {
										padding: 5px 10px;
										clear: both;
										position: relative;
	}
	
	.brochures.languages {
										overflow: hidden;
	}
	
	.brochures.languages > li,
	.brochures li.language {
										width: 150px;
										float: left;
										clear: none;
	}
	
	.brochures span,
	.smalltext {
										margin-left: 30px;
										margin-bottom: 5px;
										padding: 3px;
										display: block;
										background-color: #FFEFB0;
										float: left;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										border: 1px solid #FFCC00;
	}

	.brochures li a {
										display: block;
										padding: 3px 0 5px 31px;
	}
	
		.brochures li a.pdf {
										background: transparent url(../img/pdf.png) no-repeat scroll left center;
		}
		
		.brochures li a.eps {
										background: transparent url(../img/eps.png) no-repeat scroll left center;
		}
		
		.brochures li a.zip {
										background: transparent url(../img/zip.png) no-repeat scroll left center;
		}
		
		.brochures li a.add {
										background: transparent url(../img/add.png) no-repeat scroll left center;
		}
		
		.brochures li a.add-folder {
										background: transparent url(../img/folder.png) no-repeat scroll left center;
		}
		
		.brochures li a.folder {
										background: transparent url(../img/folder.png) no-repeat scroll left center;
										margin-top: 5px;
		}

.left {
										float: left !important;
										margin-right: 21px;
}

.right {
										float: right !important;
										margin-left: 21px;
}

.files {
										float: left;
										list-style-type: none;
										width: 285px;
}

.files li {
										overflow: hidden;
}

.box-4 .files li h3 {
										top: 0;
										left: 0;
										margin: 5px 0;
}

.box-4 .files li h3:before {
										content: "";
}

.files a {
										clear: both;
										display: block;
										padding: 3px 0 5px 31px;
										background: transparent url(../img/download.png) no-repeat scroll left center;
}

.netviewer-help {
										display: none;
										padding: 10px 0;
										margin-top: 0 !important;
										font-size: 15px;
}

.netviewer li {
										padding: 5px 0;
}

.netviewer-download img {
										padding: 5px 24px;
}

.icon-down {
										display: block;
										padding: 3px 0 5px 31px;
										background: transparent url(../img/down.png) no-repeat scroll left center;
										margin: 10px 0 10px 10px;
										clear: both;
}

/*
*	applied to list element when open
*/
.showing {
										background: transparent url(../img/left.png) no-repeat scroll left center;
}

	.success-container .showing {
										background: none;
	}

#main-search {
										background: #FFF url(../img/search.png) no-repeat scroll 2% 50%;
										margin: 5px 0;
										padding-left: 30px;
										width: 150px;
}

	#main-search.running {
										background-image: url(../img/ajax-loading.gif);
	}

#suggestions { 
										position: absolute; 
										z-index: 15;
										left: 445px; 
										top: 230px;
										width: 320px; 
										display:none; 
}

/* SEARCHRESULTS */
#searchresults { 
										border-width:1px; 
										border-color:#919191; 
										border-style:solid; 
										width:320px; 
										background-color:#a0a0a0; 
										line-height:14px; }

#searchresults a { 
										padding: 0.5em;
										display:block; 
										background-color:#e4e4e4; 
										clear:left; 
										border-bottom: 1px solid;
										font-size: 12px;
										text-decoration:none; }

#searchresults a:hover { 
										background-color:#b7b7b7; 
										color:#ffffff; }
										
#searchresults a.separator {
										color: #FFCC00;
										background-color: #000099;
}

#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold;; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { 
										float:right; 
      									background-color: #000099; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; border-bottom: none; }

#ManualAddForm,
#CategoryAddForm {
										clear: both;
										margin: 10px 15px;
}

#ManualAddForm label,
#CategoryAddForm label,
#CustompageAddForm label {
										display:block;
										float:left;
										padding-top:5px;
										width:120px;
}

#ManualAddForm .input,
#CategoryAddForm .input,
#CustompageAddForm .input {
										padding: 2px 0;
}

.brochures .del {
										background: transparent url(../img/delete.png) no-repeat scroll left center;
										padding-left: 30px;
										position: absolute;
										right: 0;
										top: 0;
										display: none;
}

	.brochures li:hover .del {
										display: block;
	}
	
#section-to-edit {
										width: 100%;
										height: 300px;
										margin: 10px 0;
}

.add-page {
										background: transparent url(../img/add.png) no-repeat scroll left center;
										display: block;
										padding: 3px 0 5px 31px;
}

#CustompageAddForm .input.textarea textarea {
										width: 100%;
}

#my-map {
										position: relative;
}

.delete-partner {
										position: absolute;
										background: transparent url(../img/delete.png) no-repeat scroll left center;
										padding: 5px 0 5px 30px;
										top: 15px;
										display: block;
										right: 21px;
}

.edit-partner {
										position: absolute;
										background: transparent url(../img/edit.png) no-repeat scroll left center;
										padding: 5px 0 5px 30px;
										top: 15px;
										display: block;
										right: 107px;
}

.search-container {
										position: absolute;
										left: 478px;
										top: 22px;
}

label.over {
										position: absolute;
										top: 33%;
										left: 30px;
										cursor: text;
										color: #C0C0C0;
										font-weight: normal;
										font-size: 12px;
}

.light {
										background: transparent url(../img/light.png) no-repeat scroll 0 -32px;
										position: absolute;
										width: 32px;
										height: 32px;
										text-indent: -9999px;
										
										outline: none;
										
										top: -9px;
										right: 0;
}

	.light.on {
										background-position: 0 0;
	}
	
.inline-form label {
										float: left;
										margin: 4px 0 3px;
										min-width: 120px;
}

.inline-form .input.text input {
										width: 264px;
										margin-bottom: 5px;
}

.featured img {
										margin: 20px auto;
										display: block;
}

.change-front-picture {
										margin: 0 auto;
										display: block;
										cursor: pointer;
}

#PartnerChangeTopForm {
										margin: 10px auto;
}

.success-container {
										margin: 20px 0;
										clear: both;
										float: left;
}

.success {
										clear: both;
										overflow: hidden;
										display: none;
}

.ink-section {
										clear: both;
										overflow: hidden;
										border-bottom: 3px solid #000099;
										padding-bottom: 15px;
}

	.ink-section .left {
										float: left;
										width: 22%;
	}
	
	.ink-section .rightpane {
										float: right;
										width: 68%;
	}

	.ink-section img {
										float: left;
										margin-top: 18px;
	}
	
	.ink-section h3 {
										float: left;
	}
	
	.ink-section div {
										float: left;
	}
	
.clear-both {
										clear: both;
}

.inkzone-logo {
										margin: 5px 2em 3em 0 !important;
}

.kangu-logo {
										background: transparent url(../img/kangu-logo.png) no-repeat scroll 0 0;
										text-indent: -9999px;
										
										position: absolute;
										width: 40px;
										height: 36px;
										
										right: 3px;
										top: 1px;
}

/* 
*	big-target links 
*/

ul.big-link {
										list-style-type: none;
}

	.big-link li.hover {
										cursor: pointer;
	}
	
	.big-link li.hover .box-4 {
										border-color: #B3BFEF;
	}
	
/*
*	success stories photo positioning
*/

/*	link element */
body.succ .success-holder {
										position: relative;
										float: none;
										left: -110px;
										width: 80%;
}

	body.succ .success-holder a {
										float: left;
										display: block;
	}
	
	body.succ .success-holder span {
										display: block;
	}

	body.succ .success-holder.active {
										left: -80px;
	}

	body.succ .success-holder .toggle-story {
										float: left;
										width: 160px;
										position: relative;
	}

	body.succ .success-holder .story-details {
										float: left;
										padding: 1em;
										position: relative;
	}
	
	
.box-4 h3:before {
										content: "• ";
}

#main {
										position: relative;
}

.search-history dl {
										overflow: hidden;
										border-bottom: 1px dashed #CCC;
										padding: 3px;
										margin: 10px 0;
}
	
	.search-history dt {
										float: left;
										width: 60%;
	}
	
	.search-history dd {
										float: right;
										width: 40%;
										margin-left: 0;
	}
	
.image {
										overflow: hidden;
}

	.image img {
										float: left;
										padding: 4px;
										background-color: #CCCCCC;
										border: 1px solid #9F9F9F;
	}
	
#partner-form {
										display: none;
}

.loading {
										background: transparent url(../img/loading.gif) no-repeat scroll center center;
										width: 64px;
										height: 47px;
										display: block;
										margin: 0 auto;
}

.success-di-plot {
										
}
	
	.success-di-plot h2 {
										text-align: center;
										margin-top: 15px;
	}
	
	.success-di-plot img {
										margin: 0 auto 30px;
										display: block;
	}
	
.sorter .reseller {
										cursor:	move;
}