/* Reset -------------------------------------------------------------------- */
body,legend{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,hr,th,td{margin:0;padding:0;text-align:top;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,hr{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,address{font-style:normal;text-decoration:none;}
input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}

/* Tools -------------------------------------------------------------------- */
.hide           { display:none; }
.replace        { text-indent:-999em; background-repeat:no-repeat; }
.accessibility  { position:absolute; top:-999em; left:-999em; }
.clear			{ clear: both; }

.noindent       { margin:0; }
.nomargin       { margin-top:0; margin-bottom:0; }

/* Typography --------------------------------------------------------------- */
body    { font:.75em Arial,Helvetica,sans-serif; }

/* Headings */
h1	{ font-size:2em; font-weight:bold; }
h2	{ font-size:1.75em; font-weight:bold; }
h3	{ font-size:1.5em; font-weight:bold; }
h4	{ font-size:1.25em; font-weight:bold; }
h5	{  }
h6	{ font-weight:bold; }

/* Text */
p, hr,
dl, ul, ol,
li.spaced, .spaced li,
address, table			{  }
.important          	{ font-size:1.25em; }

/* Lists */
dt          			{ font-weight:bold; }
ul     					{  }
ol						{ list-style-position:inside; }
li.plain, .plain		{ list-style:none; }

/* Tables */
table       {  }

/* Links */
a,
a.inline	{ text-decoration:underline; color:#6f7e89; }
a.anchor    { display:none; }

/* Other */
hr          { color:#444; background:#444; height:1px; clear:both; }

/* Content ------------------------------------------------------------------ */

/* Column */
.col				{ float:left; overflow:hidden; margin:0; }
.col-first          { margin-left:0; }
.col-last           { margin-right:0; }

.col-two            { width:50%; }
.col-three          { width:33%; }
.col-four           { width:25%; }

img.left,
img.right			{ margin-bottom:1em; display:inline; }
img.left 			{ margin-right:1em; float:left; }
img.right 			{ margin-left:1em; float:right; }

/* Icons */
.icon						{ display:inline-block; background:no-repeat 0 50%; vertical-align:text-top; outline:none; overflow:hidden; text-indent:-999em; width:16px; min-height:16px; }
.iconText					{ text-indent:18px; width:auto; }
.iconAdd					{ background-image:url('/images/icons/add.png'); }
.iconCss					{ background-image:url('/images/icons/css.png'); }
.iconDbImport				{ background-image:url('/images/icons/dbImport.gif'); }
.iconDelete					{ background-image:url('/images/icons/delete.png'); }
.iconEdit					{ background-image:url('/images/icons/edit.png'); }
.iconExit					{ background-image:url('/images/icons/exit.png'); }
.iconLock					{ background-image:url('/images/icons/lock.png'); }
.iconPrinter				{ background-image:url('/images/icons/printer.png'); }
.iconProduct					{ background-image:url('/images/icons/product.png'); }
.iconStar					{ background-image:url('/images/icons/star.png'); }
.iconTable					{ background-image:url('/images/icons/table.png'); }
.iconTableLink				{ background-image:url('/images/icons/tableLink.png'); }
.iconUser				{ background-image:url('/images/icons/user.png'); }

.searchForm					{ margin-bottom:20px; }
.searchForm .field			{ float:left; margin-right:10px; }
.searchForm .field label	{ display:none; }
.searchForm .buttons		{ width:auto; clear:none; margin-top:2px; }

/* Tree list */
.treeList,
.treeList ul 				{ margin:0; }

/* Data table */
.dataTable					{ width:100%; }
.dataTable th				{ text-align:left; background:#ebebeb; border:none; padding:3px 5px; }
.dataTable th a				{ color:#000; }
.dataTable tr				{ background-color:#ebebeb; }
.dataTable tbody tr				{ background-color:transparent; }
.dataTable td				{ padding:3px 5px;  }

/* Form in table */
.inTable .field				{ position:relative; }
.inTable .field label		{ position:absolute; top:-1.5em; left:0; width:100%; text-indent:-999em; }
.inTable .field input,
.inTable .field select		{ width:95%; }

/* Pagination */
ul.paginationList			{ border:0; margin:10px 0; padding:0; display:block; }

ul.paginationList li		{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
ul.paginationList a			{ border:solid 1px #6a6a6a; margin-right:2px; }
ul.paginationList .previous-off,
ul.paginationList .next-off { color:#666666; display:block; float:left;	font-weight:bold; padding:3px 4px; }
ul.paginationList .next a,
ul.paginationList .previous a		{ font-weight:bold; }
ul.paginationList li.active a		{ color:#FF0036; font-weight:bold;	display:block; float:left; padding:3px 6px; }
ul.paginationList a:link,
ul.paginationList a:visited 		{ color:#9C7D51; display:block; float:left; padding:3px 6px; text-decoration:none; }
ul.paginationList a:hover			{ border:solid 1px #ffffff; color:#9C7D51; }
.entriesTotal						{ clear:both; color:#808080; }

dl.marginal					{ overflow:hidden; }
dl.marginal dt				{ width:10em; float:left; clear:left; }

.ajaxLoad{ height:300px;background:transparent url('/images/templates/default/throbber.gif') no-repeat center center; }

/* Login User	*/
.loginKey			{ position:relative; float:left; bottom:30px; margin-right:10px; }

/* News List*/
.iconCalendar		{ 
						background:url(/images/templates/default/icons/icon-news.png) top left no-repeat; 
						position:relative;
						float:left;
						bottom:30px;
					}
.newsList			{  }
.newsList h3		{ color:#3366FF; padding:32px 0 0 60px; margin:0 0 0 15px; }
ul#newsList			{ list-style:none; margin:0px; padding:0px; position:relative; top:-25px; }
ul#newsList li		{ margin:0 0 15px 10px; }
ul#newsList li h2		{ font-size:13px; color:#333333; }


/* SEO Content	*/
.seoContent					{ display:none; text-align:center; }
.seoContent a				{ color:#dddddd; }


/*
	Content Shop
*/
#cartPanelPadding a, .customerCart a	{ text-decoration:underline; }
/* Customer Panel	*/
#cartPanelPadding ul 			{ list-style:none; }
#cartPanelPadding ul li			{  }

#cartPanelPadding ul li.last	{ margin:10px 0 0 0; }
#cartPanelPadding h3.username	{ text-transform:capitalize; font-weight:normal; }
#cartPanelPadding h3,
#cartPanelPadding ul			{ margin:0 0 10px 10px; }

/*	Cart	*/
.bg_bag						{ width:160px; }
.bg_bag ul					{ list-style:none; }
.bg_bag ul li				{ width:130px; display:inline-block; }
.bg_bag ul li span.right	{ position:relative; right:0px; }
.bg_bag p.vatInfo			{ font-size:9px; padding:3px 0; margin-top:1em; }
a.goToCart					{ background: url(/images/templates/default/icons/icon-ProceedToCart.png) top left no-repeat; height:30px; width:140px; display:block; position:relative; left:-5px; }
.customerCart				{ position:relative; left:-10px; }

.iconCart					{
							background: url(/images/templates/default/shop/shopBasket.png) top left no-repeat; 
							position:relative;
							float:left;
							bottom:30px;
							}
.cartData					{ margin:0 20px; }
.contentRight h3			{ color:#3366FF; padding:26px 0 0 55px; margin:0 0 0 15px; font-weight:bold; font-size:16px; }
.contentLeft h3				{ font-weight:bold; }


/* Product Search	*/
.productSearch					{ height:30px; width:100%; background:url(/images/templates/default/shop/productSearch.png) top left no-repeat; margin:0 0 13px -5px; }
.searchForm						{ width:160px; margin-bottom:0; }
.searchQuery					{ width:100px; height:18px; margin:5px 0 0 15px; border:none; background:none; font-style:italic; padding:0 0 0 5px; }
.searchForm p.buttons			{ position:relative; }
.searchForm p.buttons button	{ background:none; border:none; width:25px; height:25px; position:absolute; right:0; top:0; text-indent:-999em; overflow:hidden; }


/* Category List	*/

ul.treeList					{ list-style:none; }
ul.treeList li a			{ font-weight:bold; color:#3a3a3a; }
.treeList li li a   { font-weight: normal; }
ul.treeList li				{ 
								padding:0 20px 0 16px;
								background: url(/images/templates/default/shop/productList-minimized.png) left 0 no-repeat;
								margin:0 0 5px 0;
								display:block;
								list-style:none; 
							}
ul.treeList li.selected		{ background: url(/images/templates/default/shop/productList-expand.png) 0 2px no-repeat; }


ul.treeList{}
    ul.treeList li.first{display:block;}
	ul.treeList li.notSelected ul{display:none;}
    /*ul.treeList li.selected ul{display:block;}*/




/* List products 	*/
ul#productList				{ list-style:none; font-family:Arial, Helvetica, sans-serif; }
ul#productList li			{ width:180px; float:left; height:290px; margin:0 20px 3em 0;  }
ul#productList li.first		{ }
ul#productList li.last		{ margin:0 0px 0 0; padding:0px; }
ul#productList h3	{ height:38px; overflow:hidden; color:#2874ed; font-size:16px; margin-top:0.5em; }
ul#productList .templateShortDescription	{ height:44px; overflow:hidden; }
ul#productList .priceLabel	{ color:#444; }
.boxHeader					{ margin:0 10px; }
#categoriesBox				{ margin:0 10px; }
#categoriesBox h3			{ font-size:13px;}

/* Product Data	*/
.productListImageContainer		{ text-align:center; width:190px; height:190px; overflow:hidden; }
.productListImageContainer img	{ max-width:190px; max-height:200px; }
.productListPadding h3			{ color:#3366FF; font-weight:bold; }
.price							{ color:#FF0000; }
.productListLeftBox p			{ font-size:11px; }
.productListLeftBox img.info	{ position:relative; top:10px; left:60px;}

#productDetailsLeft		{ text-align:center; width:190px; height:190px; overflow:hidden; }
#productDetailsLeft img	{ max-width:190px; max-height:200px; }

.cartDetailed .frmCheckout .marginal label	{ width: 80px; }

/*	Product Detailed View	*/
#productDetailsLeft, #productDetailsRight	{ float:left; width:283px; }
#productDetailsRight						{  }
.customerCart h5						{ clear:both; }
#productDetailsLeft							{ border:1px solid #efefef; margin:0 20px 0 0; text-align:center; vertical-align:middle; }
#productDetailsLeft img						{ position:relative; display:block; margin:0 auto; }
#productDetailsMenu ul						{ list-style:none; }
#productDetailsMenu p.buttons button	{ height:30px; width:129px; border:none; background: url(/images/templates/default/icons/icon-addToCart.png) top left no-repeat; }
#productDetailsPadding						{ border-bottom:1px solid #efefef; padding:0 0 15px 0; }
#productDetailsPadding h3					{ color:#3366FF; font-size:16px; padding:0; }
#productDetailsRight h3.title				{ color:#3366FF; }
#productDetailsData span.price				{ color:#ff0000; font-size:24px; font-weight:bold; padding-left:20px }
#productDetailsNumbers input.text			{ padding:0px; height:16px; width:26px; border:1px solid #efefef; }
#productDetailsNumbers						{ margin:0px; }
.productDescriptionText						{ margin:20px 0 0 0; }
.frmAddProduct								{ border-bottom:1px solid #efefef; padding:0 0 10px 0; }
#productDetailsData							{ margin:1em 0;}
#productDetailsMenu .buttons				{/* position:relative; top:-3px;*/}

.userPanel{
	padding:0 10px;
}
.userPanel .username{
	margin:1em 0;
}
.userPanel h3{
	padding:0;
	margin:0;
}
.userPanel ul{
	list-style-type:none;
}

/* Image list	*/
#templatePic								{ margin:10px 0; }
ul#templatePicList 							{ list-style:none; }
ul#templatePicList li 						{ margin:0 5px 0 0; float:left; border:1px solid #efefef; width:55px; height:55px; line-height:55px; overflow:hidden; text-align:center; }
ul#templatePicList li a						{ line-height:55px; width:100%; height:100%; display:block; }
ul#templatePicList li img					{ max-width: 55px; max-height: 55px; }

.productDescriptionText ul,
.productDescriptionText ol{
	padding-left:1.5em;
}

div.productCartList{
	margin-bottom:2.2em;
}

#cartItems{
	width:130px;
}

.cartDetailed .productTotal td{
	color:#e2001a;
}

.orderDescription{
	margin:1em 0;
}
.suffixContent{
	float:right;
	width:45%;
}

.frmCheckout input,
.frmCheckout select,
.frmCheckout textarea{
	border:1px solid #ccc;
}

.frmCheckout .orderComment{
	clear:both;
}
.frmCheckout .orderComment textarea{
	width:50%;
	height:100px;
}
.frmCheckout .orderComment label,
.frmCheckout .orderReference label{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#2973E7;
}
.frmCheckout .orderReference label{
	clear:both;
}
.frmCheckout .orderReference input.text{
	width:15em;
}
.frmCheckout .orderReference .field{
	margin:1em 0;
	clear:left;
}
.frmCheckout .orderReference .suffixContent{
	width:65%;
}

.orderConfirmation h2,
.orderFormShow h2,
.customerPanel h4{
	font-size:14px;
	color:#3366FF;
	font-weight:bold;
}

.customerPanel .guestLoginForm h4{
	margin-bottom:1em;
}

#infoPopupBox{}
#infoPopupBox #popupBoxPadding{margin:10px;}

.radioExcVat,
.radioIncVat{margin:0 3px 0 -3px;padding:0 0 0 16px;background:url(/images/templates/default/radios.png) no-repeat 0 -16px;}
.radioExcVat.active,
.radioIncVat.active{margin:0 3px 0 -3px;padding:0 0 0 16px;background:url(/images/templates/default/radios.png) no-repeat 0 2px;}
/* Form styles -------------------------------------------------------------- */
/* Inline form */
form.inline fieldset,
fieldset.inline .field              { display:inline; float:left; }

/* Vertical form */
.vertical .field                { margin-bottom:.25em; }
.vertical label                 { display:block; }

.vertical .multiple             { margin-bottom:.25em; }
.vertical .multiple .field      { margin-bottom:0; }
.vertical .multiple label,
.vertical .result label         { display:inline; }

/* Marginal form */
.marginal .field                { margin-bottom:.25em; height:100%; overflow:hidden; }
.marginal label                 { width:11.5em; float:left; }

.marginal .multiple             { margin-bottom:-2em; }
.marginal .multiple .field      { margin-bottom:0; position:relative; top:-2em; left:11.5em; }
.marginal .multiple label,
.marginal .result label			{ width:auto; float:none; }

.marginal input.text,
.marginal select        { width: 128px; }
/* Form --------------------------------------------------------------------- */
form            { width:100%; }
form .field     { line-height:2; }
fieldset        { border:0; margin-bottom:1.25em; padding:0; padding-top:.5em; }
legend          { font-size:12px; font-weight:bold; line-height:1; color:#2973e7; }
label           { font-weight:bold; cursor:pointer; }
.result label	{ font-weight:normal; }

/* Input */
/*
input.text,
input.secret,
select,
textarea        { border:1px solid #455560; }
*/
input.text,
input.secret	{ text-indent:5px; padding:.25em 0; width:128px !important; }
textarea        { /*padding:5px;*/ width:250px; }
input.radio		{ border:0; background:none; }


/* Multiple */
fieldset.multiple           { border:0; margin:0; padding:0; }
/*fieldset.multiple legend    { text-transform:none; font-size:1em; line-height:2; color:#000; }*/
fieldset.multiple .field    { float:left; clear:left; position:relative; }
fieldset.multiple label		{ padding-left:1.25em; font-weight:normal; }
fieldset.multiple input     { position:absolute; top:.5em; left:0; }

/* Control & Output */
button              { padding:0; overflow:visible; cursor:pointer; }
form .buttons       { margin-bottom:0; }

form .error         { color:#ed1c24; }
form .error input   { border-color:#ed1c24; }
form .notice        {  }
form .success       {  }

.loginForm					{ background:url(/images/templates/default/adminLoginFormBg.png) top left no-repeat; padding:20px; width:480px; }
.loginForm form				{ margin:10px 0; }
.loginForm form p.buttons	{ margin:10px 0; }

.guestLoginForm							{ padding:15px 0 0 15px; }
.guestLoginForm form label				{ display:none; }
.guestLoginForm form .requiredField 	{ width:140px; }
.guestLoginForm form p.buttons			{ position:relative; bottom:30px; left:140px; }
.guestLoginForm form p.buttons button	{ background: url(/images/templates/default/icons/icon-proceed.png) center left no-repeat; border:none; height:31px; width:31px; }
.guestLoginForm #userPass				{ clear:both; }
.guestLoginForm #username				{ clear:both; }

form .field.noTitle label { display: none; }

#orderRegMessage { float: right; width: 290px; margin-right: 20px;}
/*
	General Layout
*/
html, *				{ margin:0;padding:0; }
body				{ 
						width:100%; 
						height:100%;
						font-family:Helvetica, Arial, sans-serif;;
						font-size:11px;
						color:#333333;
						background: transparent url(/images/templates/default/bg2.jpg); 
					}
    h1				{ font-size:36px; color:#333333; font-weight:normal; }
    h2				{ font-size:25px; color:#333333; font-weight:normal; }
    h3				{ font-size:18px; color:#333333; font-weight:normal; }
	h4				{ font-size:14px; font-weight:normal; }
	h5				{  display:block; font-weight:bold; }
	/* Misc Headers		*/
	.boxHeader		{ color:#3366ff; }
	
    a				{ color:#2973e7; text-decoration:none; }
	a.logout		{ background:url(/images/templates/default/icons/icon-proceedLogout.png) center right no-repeat; padding:0 20px 0 0; }		
    table			{ border-collapse:collapse;font-size:12px; }
    table td		{ vertical-align:top; }

/* Margin, Gutter & Clear was on a bar and the Container said... I'm not content	*/
.clear				{ clear:both; }
.topGutter			{ margin-top:20px; }
.bottomGutter		{ margin-bottom:20px; }
.leftGutter			{ margin-left:20px; }
.rightGutter		{ margin-right:20px; }

/*
	Page Layout
*/
#splashLogo			{ width:1100px; margin:100px auto; }
.infoContent113		{ text-align:center; }
#siteContainer		{ width:1100px; margin:20px auto 0 auto; background: url(/images/templates/default/pageContentBg.png) top center repeat-y; }
#headerContainer	{ height:240px; background: url(/images/templates/default/pageHeaderBg.png) top center no-repeat; position:relative; }

#contentContainer	{ width:990px; margin:0 70px; position:relative; top:-80px; }
#contentFooter		{ width:990px; margin:0 auto; background: url(/images/templates/default/pageFoot-BorderBg.png) top center no-repeat; }
#contentFooter a	{ color:#fff; }
#contentFooter .info	{ height:30px; width:910px; padding:10px 40px; clear:both; color:#ffffff; }
span.left				{ float:left; }
span.right				{ float:right; }
.siteTop			{ width:1100px; height:10px; position:relative; top:20px; margin:0 auto; background: url(/images/templates/default/pageContentBgTop.png) top center no-repeat; }
.siteBottom			{ width:1100px; height:20px; position:relative; top:0px; margin:0 auto; background: url(/images/templates/default/pageContentBgBottom.png) bottom center repeat-y; margin-bottom:20px; }

/*
	Content Layout
*/
ul#menu				{ position:absolute; top:135px;left:280px; width:815px; list-style:none; }
ul#menu li			{ list-style:none; float:left; margin:0 70px 0 0; }
ul#menu li a		{ font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#ffffff; }

.contentLeft		{ float:left; width:161px; display:block; }
.contentCenter		{ float:left; width:588px; }
.contentRight		{ float:right; width:161px; margin:0 40px 0 0; }

/* Generic Box Layout	*/
.genericBox			{ width:170px; background:url(/images/templates/default/genericBoxRepeater.png) top center repeat-y; }
.genericBoxTop		{ width:170px; background:url(/images/templates/default/genericBoxTop.png) bottom left no-repeat;  height:8px; position:relative; top:-8px; }
.genericBoxBottom	{ width:170px; background:url(/images/templates/default/genericBoxBottom.png) bottom center no-repeat;  height:10px; position:relative; top:10px; }
.genericWrapper		{ padding:0 10px; }
.genericWrapper p { margin: 0 10px; }

.genericBigBox		{ width:290px; height:145px; background:url(/images/templates/default/plateWide295x140.png) top center no-repeat; }
.customerPanel .guestLoginForm .error{
	display:none;
}
.customerPanel .signupInfo{
	padding:15px;
}
.customerPanel .signupInfo h4{
	margin-bottom:3em;
}
.left				{ margin:0 5px 0 0; }
.left,.right		{ float:left; }

.js button.button{
	display:none;
}
.js button.button{
	display: block;
	border:0; 
	cursor:pointer; 
	font-weight:bold;
	text-align:center; 
	background:transparent url('/images/templates/default/btnRight.png') right no-repeat;
	
}
.js button.button div{
	position: relative;
	display:block; 
	white-space:nowrap; 
	padding:0 5px 0 15px;
	background:transparent url('/images/templates/default/btnLeft.png') left no-repeat;
	color:#fff;
	line-height:23px;
	height:26px;
	font-size:0.8em;
	left: -10px;
}

.customerCart .infoContent{
	width: 130px;
}
.infoContent{
	clear:both;
	margin-bottom:1em;
}

.contractCustomerBox{margin:30px 0 0 0;}
.contractCustomerBox ul{list-style-type:none;margin:10px 0 0 10px;font-weight:bold;}
#orderReceiptLogo{display:none;}