/* Layout */
@import "inc.layout.css";


/* TOP */
#top img {
	position:absolute;
	left: 35px;
} 

#top ul {
	margin: 							0;
	padding:							55px 0 0 208px;
	list-style: 					none;
	font:									normal 14px 'Times New Roman', serif;
	line-height: 					26px;
}
#top ul li {
	margin: 							0;
	padding: 							0;
	float: 								left;
	background: 					url(../img/bg_menuDivider.gif) no-repeat right top
}
#top ul li.last {
	background: 					none;
}
#top ul li a, #top ul li strong {
	font-weight:					normal;
	padding:							0 14px 0 16px;
	margin-right: 				2px;
	display: 							block;
	color: 								black;
	text-decoration: 			none;
}
#top ul li a:hover {
	text-decoration:underline;
}
#top ul li#home {

}
#top ul li#products {
 font-size: 						24px

}
#top ul li#services {
	font-size: 						18px

}
#top ul li#about {

}
#top ul li#contact {
	font-size: 						16px
}
/* /TOP */


/* BOTTOM */
#bottom span {
	padding-right: 				15px;
	margin-left: 					15px;
	border-right: 				1px solid black
}
#bottom a {
	color: 								black;
}
#bottom span.last {
	border-right: 				0
}
/* /BOTTOM */


/* BREADCRUMBS */
ul#breadcrumbs {
	list-style: 					none;
	margin: 							0 0 0 13px;
	padding: 							0;
	font-size: 						11px;
	line-height: 					35px;

}
ul#breadcrumbs li {
	float: 								left;
	padding-right: 				3px;
}
/* /BREADCRUMBS */

/* SUBMENU */
ul#submenu {
	list-style: 					none;
	margin: 							0 0 40px 0;
	padding: 							0;
	font-size: 						11px;
	line-height: 					27px;
	font-weight: 					bold;
	width: 								750px;
	background: 					url(../img/bg_submenuBot.gif) repeat-x left bottom;

}
ul#submenu li {
	float: 								left;
	padding: 							0 12px 0 12px;
	border: 							1px solid #009ddc;
	border-left: 					none;
	background: 					url(../img/bg_submenu.jpg) repeat-x left bottom;
}
ul#submenu li.first {
	border-left: 					1px solid #009ddc;
}
ul#submenu li.act {
	color: 								#000000;
	background: 					none;
	border-bottom: 				1px solid #ffffff;
}
/* /SUBMENU */


/* LEFT COL */
#content #leftCol div.box {
	background: 					url(../img/bg_boxTop.gif) no-repeat;
	margin-bottom: 				14px;
}
#content #leftCol div.box.blue {
	background-color: 		#eefbff;
}



#content #leftCol div.box div.wrapper {
	background: 					url(../img/bg_boxBottom.gif) no-repeat center bottom;
	padding-bottom: 			1px;
}
#content #leftCol div.box div.wrapper div.content {
	border-left: 					1px solid #009ddc;
	border-right: 				1px solid #009ddc;
	padding: 							15px 15px 18px 15px;
	font: 								normal 10px Verdana, sans-serif;
	line-height: 					14px;
}
#content #leftCol div.box p {
	font: 								normal 10px Verdana, sans-serif;
	line-height: 					16px;
	margin-bottom: 				4px
}
#content #leftCol div.box h2 {
	
	margin: 							0 10px 0 17px;
	font: 								normal 11px Verdana, sans-serif;
	line-height: 					26px;
	color: 								white;
	font-weight: 					bold;
}
#content #leftCol div.box h3 {
	color: 								black;
	font: 								bold 11px Verdana, sans-serif;
	margin: 							0 0 4px 0;
}
#content #leftCol div.box a {
	font-size: 						11px;
}



#content #leftCol ul.submenu {
	margin: 							0;
	padding: 							0;
	list-style: 					none;
	line-height: 					20px;
}


#content #leftCol div.box div.wrapper div.content.cart {
	padding: 							15px 5px 18px 5px;
}
#content #leftCol div.box div.content.cart table {
	border-collapse: 			collapse;
	padding: 							0;
	margin: 							0;
	width: 								182px;
}
#content #leftCol div.box div.content.cart table tr th {
	text-align: 					right;
	color: 								#009ddc;
	padding-right: 				6px;
}
#content #leftCol div.box div.content.cart table tr th.first {
	text-align: 					left;
	padding: 							0 0 0 11px;
}


#content #leftCol div.box div.content.cart table tr td  {
	vertical-align:				top;
	text-align:						right;
	padding:							0 6px 5px 0;
}
#content #leftCol div.box div.content.cart table tr td.first  {
	text-align: 					left;
}
#content #leftCol div.box div.content.cart table tr td.icon  {
	width: 								11px;
	padding: 							4px 0;
	text-align: 					left
}
#content #leftCol div.box div.content.cart table tr td.icon img  {
	display: 							block
}
#content #leftCol div.box div.content.cart table tr td em {
	font-style: 					normal;
	font-weight: 					bold;
	display: 							block
}


#content #leftCol div.box div.content.cart table tr td.sum  {
	border-top: 					1px solid #b8b59c;
	margin-top: 					3px;
	padding: 							3px 0 0 0;
	text-align: 					left;
	font-weight: 					bold;
	color: 								#51624f;
}
#content #leftCol div.box div.content.cart table tr td.sum div {
	float: 								left
}
#content #leftCol div.box div.content.cart table tr td.sum div#sum {
	float: 								right;
	color: 								#009ddc;
	font-weight: 					normal;
}
#content #leftCol div.box div.content.cart p.empty {
	border-bottom: 				1px solid #b8b59c;
	font-weight: 					bold;
	padding: 							0 0 16px 10px;
}
#content #leftCol div.box div.wrapper div.content.cart .cartButton {
	background: 					url(../img/b_cart.gif) no-repeat;
	width: 								136px;
	height: 							24px;
	display: 							block;
	margin: 							15px 0 0 7px;
	padding: 							4px 0 0 30px;
	color: 								black;
	font-weight: 					bold;
	font-size: 						11px;
}
#content #leftCol div.box div.wrapper div.content.cart p.cartButton {
	color: 								#929292;
}

#content #leftCol #checkoutSteps {
	margin: 							0 6px 0 6px;
}
#content #leftCol #checkoutSteps h2 {
 color: 								#2c2b29;
 font-size: 						21px;
 border-bottom: 				1px solid #b8b59c;
 padding: 							0 0 6px 5px;
 margin: 								26px 0 22px 0;
}
#content #leftCol #checkoutSteps ol {
	background: 					url(../img/bg_checkoutSteps.gif) no-repeat;
	padding: 							0px 0 0 0;
	margin: 							0px 0 20px 0;
	font:									bold 16px 'Times New Roman', serif;
	color: 								#79756c;
	list-style: 					none;
	line-height:					0;
}
#content #leftCol #checkoutSteps ol li {
	padding: 							6px 0 29px 6px;
	margin: 							0px 0 0 3px;
}
#content #leftCol #checkoutSteps ol li span {
	font:									normal 11px Verdana, sans-serif;
	color: 								#000000;
	padding-left: 				12px;
}
#content #leftCol #checkoutSteps ol li.last {
	padding-bottom: 			5px;
}
#content #leftCol #checkoutSteps ol li.act {
	color: 								#000000;
	background: 					url(../img/bg_checkoutStepAct.gif) no-repeat left 3px;
}
#content #leftCol #checkoutSteps ol li.act span {
	font-weight: 					bold
}
/* /LEFT COL */





/* MAIN */
#content #checkout {
	margin-bottom: 				40px;
	clear:both
}
#content #checkout form div.inputBlock input {
	width: 								210px;
}
#content #checkout div.checkbox {
	float: 								left;
	margin: 							8px 0 0 280px;
	display: 							inline
}
#content #checkout form div.inputBlock {
	float: 								left;
	width: 								256px;
}
#content #checkout form div button {
	background-image: 		url(../img/b_addCart.gif);
	float: 								right
}
#content #checkout form div.submit button {
	background-image: 		url(../img/b_proceed.gif);
}
#content #checkout form div.inputBlock textarea {
	width: 								251px;
	height: 							125px;
}
#content #checkout form div button.okButton {
	background-image: 		url(../img/b_ok.gif);
	width: 								38px;
	padding-left: 				7px;
	display: 							inline;
	float: 								none;
	margin-left: 					8px;
}
#content #checkout div.checkoutBlock {
	border-bottom: 				1px dotted #000000;
	margin-bottom: 				0px;
	padding-bottom: 			20px
}
#content #checkout div.checkoutBlock p.shippingInfo {
	line-height: 					normal;
	float: 								left;
	margin-right: 				40px;
}
#content #checkout div.checkoutBlock p.shippingInfo a {
	line-height: 					24px;
	font-weight: 					bold;
	display: 							block
}
#content #checkout div.checkoutBlock h2 {
	/*color: 								#9d9583;*/
	margin: 							15px 0 8px 0;
}
#content #checkout div.checkoutBlock p {
	margin-bottom: 				10px;
}



#content #checkout ul.paymentMethod {
	list-style: 					none;
	padding: 							0;
	margin: 							0 170px 0 0;
	border-top: 					1px dotted black;
}
#content #checkout ul.paymentMethod li {
	border-bottom: 				1px dotted black;
	padding: 							8px 0;
	background-position: 	right center;
	background-repeat: 		no-repeat
}

#content #checkout div.paymentInfo {
	background-color: 		#f4f2ee;
	margin: 							40px 170px 0 0;
	padding: 							20px;
}
#content #checkout div.paymentInfo div.checkoutBlock {
	border: 							none;
	margin: 							0;
	padding: 							0;
}
#content #checkout form div.paymentInfo label {
	font-size: 						12px;
}
#content #checkout form div.paymentInfo div button {
	float: 								none;
	margin: 							0;
}
#content #checkout form div.paymentInfo div.submit  {
	margin: 							0 0 8px 0;
	padding: 							0;
}
#content #checkout form div.paymentInfo div.inputBlock {
	float: 								none;
	width: 								auto;
}
#content #checkout form div.paymentInfo div.inputBlock input {
	width: 								130px;
	background-color: 		#FFFFFF
}
#content #checkout form div.paymentInfo div.inputBlock input#cvc {
	width: 								28px;
}
#content #checkout form div.paymentInfo div.selectBlock {
	float: 								left;
}
#content #checkout form div.paymentInfo div.selectBlock select {
	margin-bottom: 				20px;
	margin-right: 				10px;
}
#content #checkout form div.paymentInfo div#waitInvoice,
#content #checkout form div.paymentInfo div#waitCC {
	font-weight: 					bold;
	color: 								#0080b3;
	line-height: 					32px;
}
#content #checkout form div.paymentInfo div#waitInvoice img,
#content #checkout form div.paymentInfo div#waitCC img {
	vertical-align: 			middle
}





#content #checkout table {
	padding: 							0;
	margin: 							0;
	border-collapse: 			collapse;
	width: 								769px;
	line-height: 					30px;
}
#content #checkout table tr th {
	text-align: 					left;
	font-size: 						14px;
	text-align: 					right;
	padding-right: 				20px;
}
#content #checkout table tr th.first {
	text-align: 					left
}
#content #checkout table tr th.last {
	width: 								140px;
}
#content #checkout table tr td {
	border-top: 					1px solid #b8b59c;
	font-size: 						14px;
	text-align: 					right;
	padding-right: 				20px;
}
#content #checkout table tr td a {
	padding-left: 				5px;
}
#content #checkout table tr td.product {
	text-align: 					left
}
#content #checkout table tr td.last{
	border-right: 				1px solid #b8b59c;
	border-left: 					1px solid #b8b59c;
	padding-right: 				20px;
}

#content #checkout table tr.campaign td, #content #checkout table tr.shipping td{
	background-color: 		#f4f2ee;
	font-size: 						12px;
	line-height: 					20px
}
#content #checkout table tr.campaign td strong{
	font-weight: 					normal;
	color: 								#FF0000
}
#content #checkout table tr.campaign td {
	border-top: 					0;
}
#content #checkout table tr.shipping td{
	padding-top: 					8px;
}
#content #checkout table tr.campaign td.last, #content #checkout table tr.shipping td.last {
	background-color: 		#fbfaf8;
}

#content #checkout table tr.total td{
	background-color: 		#f4f2ee;
	line-height: 					14px;
	padding-top: 					4px;
	border-top: 					0;
}

#content #checkout table tr.vat td{
	border-top: 					0;
	background-color: 		#f4f2ee;
	text-align: 					right;
	font-size: 						12px;
}
#content #checkout table tr.total td.last{
	background-color: 		#fbfaf8;
}

#content #checkout table tr.vat td.last{
	border-bottom: 				1px solid #b8b59c;
	background-color: 		#fbfaf8;
}






#content ul.products, #content ul.categories {
	margin: 							13px 0 0 0;
	padding: 							0;
	list-style: 					none;
}
#content ul.products li, #content ul.categories li {
	background: 					url(../img/bg_gradientGrey.gif) repeat-x;
	float: 								left;
	padding: 							11px 20px 0 1px;
}
#content #mainCol ul.products li, #content #mainCol ul.categories li {
	width: 								234px;
	height: 							220px;
	overflow: 						hidden
}

#content ul.products li h2, #content ul.categories li h2 {
	margin: 							0;
	line-height: 					23px;
}
#content ul.products.sub li h2, #content ul.categories.sub li h2 {
	margin: 							0 0 10px 0;
	line-height: 					23px;
	font:									bold 14px Verdana, sans-serif;
}
#content ul.products li h3, #content ul.categories li h3 {
	margin: 							0 0 21px 0;
}
#content ul.products li a span {
	padding: 							110px 0 0 0;
	display:							block
}
#content ul.products li a span strong.percent {
	color: 								#FF0000;
	font-size: 						11px;
	line-height: 					11px;
	display: 							block
}
#content ul.categories li a span {
	padding: 							9px 110px 0 0;
	display:							block;
}
#content ul.products li a span span, #content ul.categories li a span span{
	padding: 							0;
	text-decoration: 			underline;
	color: 								#007eb0;
	white-space: 					nowrap;
	display: 							block
}
#content ul.products li a:hover span span, #content ul.categories li a:hover span span{
	color: 								#000000;
}
#content ul.products li#funplates a, #content ul.categories li#funplates a {
	background-image: 		url(../img/p_product-funplates.jpg);
}
#content ul.products li#plateholders a, #content ul.categories li#plateholders a {
	background-image: 		url(../img/p_product-plateholders.jpg);
}
#content ul.products li#pramplates a, #content ul.categories li#pramplates a {
	background-image: 		url(../img/p_product-pramplates.jpg);
}
#content ul.products li#stickers a, #content ul.categories li#stickers a {
	background-image: 		url(../img/p_product-stickers.jpg);
}
#content ul.products li#businesscards a, #content ul.categories li#businesscards a {
	background-image: 		url(../img/p_product-businesscards.jpg);
}
#content ul.products li#streamers a, #content ul.categories li#streamers a {
	background-image: 		url(../img/p_product-streamers.jpg);
}


#content #mainCol.start ul.categories li, #content #mainCol.start ul.products li {
	width: 								240px;
	height: 							200px;
}
#content #mainCol.start ul.categories li a {
	margin-bottom: 				0;
}
#content #mainCol ul.products li, #content #mainCol ul.categories li {
	width: 								234px;
	height: 							210px;
	overflow: 						hidden
}
#content #mainCol ul.products li {
	height: 							260px;
}
#content ul.products li a {
	margin-bottom: 				20px;
	height: 							210px;
	overflow: 						hidden;
	display: 							block;
	color: 								black;
	text-decoration: 			none;
	line-height: 					20px;
	background-repeat: 		no-repeat;
	background-position: 	left top;
}
#content ul.categories li a {
	height: 							132px;
	overflow: 						hidden;
	margin-bottom: 				20px;
	display: 							block;
	color: 								black;
	text-decoration: 			none;
	line-height: 					20px;
	background-repeat: 		no-repeat;
	background-position: 	right top;
}




#content #productInfo {
	float: 								left;
	width: 								445px;
	margin-right: 				30px;
}

#content #productInfo p.price {
	font-size: 						14px;
}
#content #productInfo p.price span {
	text-decoration:line-through
}
#content #productInfo p.price strong.discount {
	color: #FF0000
	
}
#content #productInfo p.price em {
	font-style: 					normal;
	font-weight: 					bold;

}
#content #productInfo form {
	border-top: 					1px dotted black;
	padding: 							0;
	margin: 							40px 0 20px 0;
}
#content #productInfo form label {
	font-weight: 					bold;
	width: 								100px;
	display: 							block;
	float: 								left;
	padding-top: 					3px;
}
#content #productInfo form div.inputCol {
	margin-bottom: 				10px;
}
#content #productInfo form div.inputCol input#quantity {
	width:								30px;
}
#content #productInfo form textarea {
	width:								300px;
	height:								100px;
	background:						white;
}
#content #productInfo form#productForm div button {
	background-image: 		url(../img/b_addCart.gif);
}
#content #productInfo form#productContactForm div button {
	background-image: 		url(../img/b_proceed.gif);
}

#plate {
	height:								740px;
	overflow:							auto;
	margin:								0 0 20px 0;
	background:						url(../img/bg_editor.jpg) repeat-x;
}

#plate div {
	width:								740px;
	height:								740px;
	overflow:							hidden; 
	margin:								0 auto;
}



#content #productImages {
	float: 								left;
	width: 								294px;
	font-size: 						11px;
}
#content #productImages img.large{
	padding:							2px;
	border: 							1px solid #adac9e;
}
#content #productImages p {
	color: 								#adac9e;
	background: 					url(../img/bg_infoIcon.gif) no-repeat left 2px;
	text-indent: 					18px;
}

#content #productImages div.smallImages {
	border-bottom: 				1px solid #9d9583;
	padding-bottom: 			30px;
	margin-bottom: 				10px;
}
#content #productImages div.smallImages span {
	display: 							block;
	color: 								#9d9583;
	margin: 							10px 0 2px 0
}
#content #productImages div.smallImages img {
	border: 							1px solid #adac9e;
	margin: 							0 2px 2px 0;
	display: 							block;
	float: 								left
}
#content #productImages div.smallImages img.last {
	margin-right: 				0;
}

#mainCol.employees h3 {

}
#content ul.employees {
	margin: 							0;
	padding: 							0;
	list-style: 					none;
}
#content ul.employees li {
	background-repeat: 		no-repeat;
	float: 								left;
	margin: 							0 10px 0 0;
	height: 							150px;
	overflow: 						hidden;
	font-size: 						11px;
}
#content ul.employees li h4 {
	font:									bold 12px Verdana, sans-serif;
	color: 								#000000;
	border-bottom: 				1px dotted #808080;
	padding-left: 				8px;
	margin-bottom: 				4px;
	padding-bottom: 			4px;
}
#content ul.employees li p {
	line-height: 					17px;
	padding-left: 				8px;
}
#content ul.employees li em {
	display: 							block;
	color: 								#725926
}
#content ul.employees li a {
	display: 							block;
	
}
#content ul.employees li img {
	border: 							1px solid #cbcabf;
	padding: 							3px;
	background-color: 		#f1efea;
	float: 								left
}
#content ul.employees li div {
	float: 								left;
	overflow: 						hidden;
	width: 								180px;
}

#content form#contactForm {
	float: 								left;
	width: 								190px;
	margin-left: 					45px;
	overflow: 						hidden
}
#content #addresses {
	float: 								left;
	width: 								470px;
}

#content #addresses div.addressBlock {
	border-bottom: 				1px dotted #666666;
	margin-bottom: 				30px;
}
#content #addresses div.addressBlock.last {
	border-bottom: 				none;
}
#content #addresses div.text h2, #content form#contactForm h2 {
	margin-top: 					0;
}
#content #addresses div.text {
	float: 								left;
	margin-right: 				30px;
}
#content #addresses div.map {
	width: 								207px;
	float: 								right;
	margin-top: 					40px;
}

#content #addresses div.map a {
	display: 							block;
	border: 							1px solid #666666;
	background-repeat: 		no-repeat;
	background-position: 	3px 3px;
	height: 							220px;
	position: 						relative
 
}
#content #addresses div.map a span {
	display: 							block;
	width: 								100%;
	text-align: 					center;
	position: 						absolute;
	bottom: 							6px;
	cursor: 							pointer
 
}

#content form#contactForm div button {
	background-image: 		url(../img/b_proceed.gif);
}
#content form#contactForm div.inputBlock textarea {
	width: 								185px;
	height: 							125px;
}
#content form#contactForm div.inputBlock input {
	width: 								185px;
}

#content div.editorPuff {
	background: 					url(../img/bg_gradientGrey.gif) repeat-x;
	
	margin-top: 					50px;
}
#content div.editorPuff div {
	background: 					url(../img/p_editorPuff.jpg) no-repeat left bottom;
	height: 							231px;
}
#content div.editorPuff div h2 {
	padding-top: 					20px;
}
#content div.editorPuff div a {
	display: 							block;
	font-weight: 					bold;
}

#content p span.divider {
	padding: 							0 10px 0 10px
}

/* /MAIN */


h1 {
	font:									normal 30px 'Times New Roman', serif;
	margin: 							0px 0 30px 0;
	clear: 								both;
	color: 								#2c2b29
}
h2 {
	font:									normal 24px 'Times New Roman', serif;
}
h3 {
	color: 								#009ddc;
	font:									normal 13px Verdana, sans-serif;
}
p {
	line-height: 					20px;
	margin: 							0 0 20px 0;
}
a {
 color: 								#007eb0;
}
a:hover {
	color: 								#000000;
}
a img {
	border: 							0;
}


form {
	margin: 							0;
	padding: 							0;
}
form input.text, form textarea {
	background-color: 		#f8f7f5;
	font:									normal 12px Verdana, sans-serif;
}
form div button {
	background-color:			none;
	background-repeat:		no-repeat;
	border: 							none;
	color: 								#006892;
	font-weight: 					bold;
	font-size: 						11px;
	width: 								140px;
	height: 							24px;
	cursor: 							pointer;
	margin-top: 					10px;
	text-align:						left;
	padding-left: 				26px;
}
form div.inputBlock label {
	display: 							block;
	font-size: 						14px;
	padding-bottom: 			1px;
}
form div.inputBlock label span{
	color: 								red;
}
form div.inputBlock input {
	display: 							block;
	margin-bottom: 				15px
}
form div.inputBlock textarea {
	display: 							block;
}

form div#alert {
	color: #FF0000;
	font-weight:bold;
	padding-bottom: 15px;
}
form .missing {
	border: 2px solid #FF0000
}

#editorView {
	width:								735px;
	height:								300px;
	padding-top:					20px;
}

#editorView.loading {
	border:								1px solid red;
}