/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
	
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    color: #000000;
	height: 100%;
}

div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}


h2.plain {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
}
h2.plain a, a:link , a:visited, a:active {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
	text-decoration: none;
}

h2.plain a:hover {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
	text-decoration: underline;
}

p.catalogue a, a:link , a:visited, a:active {
	text-decoration: underline;
	font-weight: normal;
}

p.catalogue a:hover {
	text-decoration: none;
	font-weight: normal;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }

a, a:link { 
    text-decoration: none;
    color: #69c;
#    border-bottom: 1px dotted #69c; 
}
a:visited { color: #669; border-color: #669; }
a:hover { color: #693; border-color: #693; text-decoration: none; }
a:active { color: #c33; border-color: #c33 }


a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
    width: 770px;
    margin: 0 auto;
    text-align: left;
    background: url(images/tile.gif) repeat-y;
}


/* splash screen
------------------------------------------------------------------------------- */
div.splash {
    position: relative;
    left: 0px;
    top: 0px;
	font-size: 14pt;
	line-height: 180%;
	color: #585858;
	margin: 0;
	padding: 0;
	line-height: auto;
	font-weight: normal;
}
div.splash  SELECT OPTION
{
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:bottom left;		
}

img.border {
	border: 1px solid #444444;
}

img.flag {
	border: 1px solid #777777;
	width: 24px;
	height: 12px;
}
/* flags on main screen
------------------------------------------------------------------------------- */
div.flags {
float: right;
color: #ffffff;
text-align: right;
margin: 5px 5px 0px 0px;
line-height:150%
}
/* kategoriak
------------------------------------------------------------------------------- */

.category {
width: 100%;
padding: 0;
margin:0;
color: #777;
}

.category ul li{
float:left;
margin: 0px; 
padding: 10px 21px 10px 21px;
width:126px;
height:170px;
list-style-type: none;
text-align:center;
vertical-align: middle; 
background-image: url('/images/layout/bg-type.png');
background-repeat: no-repeat;
background-position: top center;
}

.category ul {
padding:0;
margin:0;
}

.category img {
    border: 1px solid #d0dee9; 
	padding: 2px;
	background-color: #ffffff;
}
.category a { color: #2d5f87; text-decoration: none;}
.category a:link { color: #2d5f87; text-decoration: none;}
.category a:visited { color: #2d5f87; text-decoration: none;}
.category a:hover { color: #2d5f87; text-decoration: none; font-weight: bold;}
.category a:active { color: #2d5f87; text-decoration: none;}

li span {
font-size: 10px;
display: block;
}

li a {
//color: #444;
}

li a:hover {
text-decoration:none;
}



/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	#display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

/* 3 columns
------------------------------------------------------------------------------- */

div#container {
    height: 100%;
    height: auto !important;
    min-height: 100%;
	text-align: left;
    margin-bottom: -70px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

div#header {
	    background: #e0e0e0 url(/images/layout/header.jpg) no-repeat top left;
	width: 100%;
	height: 180px;
    padding: 0px;
	background-color: #000000;
}

div#body {
  #  overflow: hidden;
    height: 100%;
	background: #ffffff;
	padding: 5px 0px 5px 0px;
	width: 100%;
}

/* IE6 Fix */
* html div#body {
    overflow: visible;
}

div#content {
    margin: 0px 158px 0px 158px;
    padding: 0px;
}

div#left-sidebar {
    width: 150px;
    float: left;
    padding: 0px;
}

div#right-sidebar {
    width: 150px;
    float: right;
    padding: 0px;
}

div#footer-push {
    height: 70px;
	clear: both;
}

div#footer {
    height: 20px;
    background: #888888;
    border-top: 1px dotted #000;
	text-align: center;
	padding: 10px;
}

/* 2 columns
------------------------------------------------------------------------------- */

div.left { float : left; width : 48%; }
div.right { float : right; width : 48%; }
div.clearboth { clear : both; }

/* product list
------------------------------------------------------------------------------- */
table.productlist img.productlist {
	border: 0px;
	margin: 0px 0px 6px 0px;
    border: 1px solid #000000; 
	float: none;
	padding: 2px;
	background-color: #ffffff;	
}


table.productlist { 
	border: 1px solid #afc3d3; 
	margin: 0px 0px 14px 0px; 
	width: 98%; 
	height: 100%;
	border-spacing: 4px;
    background-color: #e5ecf2;
	background-image: url('/images/layout/bg-productlist.jpg');
	background-repeat: repeat-x;	
	background-position: top;	
}
table.productlist TH { 
	padding: 6px 4px 6px 4px;
	background-color: #c4c4c4; 
	background-image: url('/images/layout/bg-thgrey.jpg');
	background-repeat: repeat-x;	
	background-position: top;	
}
table.productlist TD.left { width: 100px; vertical-align: top; text-align: center; height: 100%;}
table.productlist TD.right { font-size: 10px; height: 100%; }
table.productlist TD.price { font-size: 16px; text-align: right; }

/* div.productlist div.leftp { width: 105px; float:left; padding: 0px 0px 16px 0px; background-color: #132982;}
div.productlist div.rightp { width:230px; font-size:10px; float:right; margin: 0px 0px 16px 0px;  background-color: #ff2982; }
*/

a.productlist, a.productlist:link { color: #000000; text-decoration: underline;  font-size:12px;}
a.productlist:visited { color: #000000;  text-decoration: underline;  font-size:12px;}
a.productlist:hover { color: #000000; text-decoration: none;  font-size:12px;}
a.productlist:active { color: #000000;  text-decoration: underline;  font-size:12px;}

table.productlist a.addcart, a.addcart:link { color: #363636; text-decoration: underline;  font-size:12px;}
table.productlist a.addcart:visited { color: #363636;  text-decoration: underline;  font-size:12px;}
table.productlist a.addcart:hover { color: #363636; text-decoration: none;  font-size:12px;}
table.productlist a.addcart:active { color: #363636;  text-decoration: underline;  font-size:12px;}

/* product data
-------------------------------------------------------------------------------*/
img.thumbs30 {
	border: 1px solid #444444;
	margin: 0px 5px 5px 0px;
}

div.productdata div.left2 { width: 120px; font-weight: bold; float:left; margin: 0px 0px 5px 0px; }
div.productdata div.right2 { width:556px; float:right; margin: 0px 0px 5px 0px; text-align: justify;}
div.productdata div.left3 { width: 260px; font-weight: bold; float:left; margin: 0px 0px 5px 0px; }
div.productdata div.right3 { width:416px; float:right; margin: 0px 0px 5px 0px; text-align: justify;}
div.prodcutdata {text-align:justify;}
div.productdata div.price { float: right; text-align: right; }
div.productdata h2 {color: #555555; }

/* filters
-------------------------------------------------------------------------------*/
select.filter { font-size: 10px; width: 130px;}
input.submit { width: 130px;}
input.filter { margin: 0px 5px 0px 0px; position: relative; top: 2px;}

/* need to be duplicated for jquery */
input.compare { margin: 0px 5px 0px 0px; position: relative; top: 2px;}

/* bundles
-------------------------------------------------------------------------------*/
table.package TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px; }
table.package TD { background-color: #eeeeee; padding: 2px; }

/* compare
-------------------------------------------------------------------------------*/
table.compare TD.first { background-color: #cccccc; padding: 4px; text-align: left; font-weight: bold; font-size: 8pt; }
table.compare TD { background-color: #eeeeee; padding: 4px; text-align: center; font-size: 8pt; }
table.compare { background-color: #555555;}

/* writemail
-------------------------------------------------------------------------------*/
table.writemail input.writemail { width:530px; }
table.writemail textarea { width:657px; height: 260px;}
table.writemail td.writemail { width:120px; vertical-align:middle; }

/* register, login
-------------------------------------------------------------------------------*/
input.login { width: 460px; }
select.login { width: 464px; }

table.register { border: 1px solid #aaaaaa; background-color: #dddddd; }
table.register TH { background-color: #bbbbbb; padding: 6px; text-align: center;  background-image: url('/images/layout/bg-th.gif');	}

table.signin { border: 1px solid #aaaaaa; background-color: #dddddd; }
table.signin TH { background-color: #bbbbbb; padding: 6px; text-align: center;  background-image: url('/images/layout/bg-th.gif');	}
table.signin TR>TD A { color: #333399; text-decoration: underline;}
table.signin TR>TD A:link { color: #333399; text-decoration: underline;}
table.signin TR>TD A:visited { color: #333399; text-decoration: underline;}
table.signin TR>TD A:active { color: #333399; text-decoration: underline;}
table.signin TR>TD A:hover { color: #333399; text-decoration: none;}

P.error { text-align: center; color: #990000; font-weight: bold; } 

a.login, a.login:link { 
    text-decoration: none;
    color: #ffffff;
}
a.login:visited { color: #ffffff;  }
a.login:hover { color: #ffffff; text-decoration: underline; }
a.login:active { color: #ffffff; }

/* shopping cart right
-------------------------------------------------------------------------------*/
table.cartright { font-size: 7pt; }
table.cartright TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px 1px 6px 1px; text-align: center; }
table.cartright TD{ background-color: #efefef; padding: 1px; }
		
/* shopping cart center
-------------------------------------------------------------------------------*/
table.shopingcart { background-color: #777777; border-spacing: 1px; }
table.shopingcart TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px; text-align: center; 	}
table.shopingcart TD { padding: 6px; }
table.shopingcart TR.line1{ background-color: #efefef;  }
table.shopingcart TR.line2{ background-color: #e1e1e1;  }
table.shopingcart TR.line3{ background-color: #cdcdcd;  }
table.shopingcart TR.line4{ background-color: #cdcdcd;  }

input.cart_order { width: 200px; padding: 6px; font-size: 16pt; }
input.cart_button { width: 140px; }

/* register or new user
-------------------------------------------------------------------------------*/
table.border { background-color: #777777; border-spacing: 1px; }
table.border TD.border {
	padding: 10px; 
	background-image: url(/images/layout/bg-middlebox.gif);
	background-color:#ededed;
	background-repeat:repeat-x;
}
table.border TH.border { 
	padding: 10px; 
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 10pt; 
	color: #ffffff;
	background-image: url(/images/layout/bg-th.gif);	
}

/* previous orders
-------------------------------------------------------------------------------*/
table.prevord { background-color: #777777; border-spacing: 1px; }
table.prevord TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px; text-align: center; 	}
table.prevord TD { padding: 6px; vertical-align: top; }
table.prevord TR.status0 { background-color: #ffc6f9;  }
table.prevord TR.status1 { background-color: #efe951;  }
table.prevord TR.status2 { background-color: #25ae00; color: #ffffff; }
table.prevord TR.status3 { background-color: #ae0000; color: #ffffff;}



/* addcart products list
-------------------------------------------------------------------------------*/
a.addcart, a.addcart:link { }
a.addcart:visited { }
a.addcart:hover { }
a.addcart:active { }

/* headline on products page
-------------------------------------------------------------------------------*/
div.headline { 
	padding: 10px;
	margin: 14px 0px 4px 0px; 
	font-size: 16pt; 
	border: 1px solid #969696; 
	background-color: #c4c4c4; 
	background-image: url('/images/layout/bg-th.gif');
	background-repeat: repeat-x;	
	background-position: top;	
 } 
 
/* image bg on products page
-------------------------------------------------------------------------------*/
table.productimage 
{ 
	border: 1px solid #969696; 
	background-color: #97bbd4; 
	background-image: url('/images/layout/bg-thblue.jpg');
	background-repeat: repeat-x;	
	background-position: top;	
	padding: 2px;
}

img.productlist {
	border: 1px solid #464646; 
	float: left;
	margin: 0px 0px 0px 0px;
}

/* oldalso productlist
-------------------------------------------------------------------------------*/
table.productlist2 {  background-color: #efefef; margin-bottom: 2px;}
table.productlist2 TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 1px 2px 1px 2px; text-align: left; font-size: 9px;	}
table.productlist2 TD { padding: 1px; vertical-align: top; text-align: right; }
table.productlist2 TD.left { padding: 1px; width: 30px; vertical-align: top; }

table.productlist2 a, a:link, a:visited { text-decoration: underline; }
table.productlist2 a:hover, a:active { text-decoration: none;}