body {padding:0; margin:0; font-size:11px; color:#000; font-family: "Verdana", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";}

/* layout */

#wrapper {
	margin: .5em 1em;
	background: #fff;
	padding: 1em;
	}

#header {padding: 0 0 1em 0; text-align: left;}

#logo a img{ 
  	border:none; 
	padding: 0;
	margin: 0;
}

#footer {
	color: #fff;
	}

table#layout {
		table-layout: fixed;
	}

table#layout td {
	}

#right-content, #left-content { 
	padding: 0; 
	width:220px;
	background: #405081;
	border: 0px solid red;
	vertical-align:top;
	}

#middle-content { 
	padding: 0 1em; 
	width:100%; border: 0px solid blue;
	vertical-align:top;
	}
	
td.vertical-top {vertical-align: top}


/* top navigation */

#header-navigation{
	position: absolute;
	right: 2em;
	top: 5em;
	padding: 1em;
	font-size:12px;
	}

#header-navigation ul li a {
	padding: 0 .5em 0 0;
	color: #000;
	font-weight: bold;
	font-style: italic;
	}
#header-navigation ul li a:hover {color: #777; }

.corner-left-blue{
		border:0px solid red;
		padding:0;
		background-image: url('/images/left-corner-blue.gif');
		padding-left: 5px;
		background-repeat: no-repeat;
		
	}
	
.corner-middle-blue{
		border:0px solid blue;
		background-image: url('/images/middle.gif');
		padding: 6px 1em;
		}
			
.corner-right-blue{
		border:0px solid green;
		background-image: url('/images/right-corner-blue.gif');
		padding:0;
		padding-left: 5px;			
		}



.heading-left{
		border:0px solid red;
		padding:0;
		background-image: url('/images/heading-left.gif');
		padding-left: 5px;
		background-repeat: no-repeat;

	}


.heading-right{
		border:0px solid green;
		background-image: url('/images/heading-right.gif');
		padding:0;
		padding-left: 5px;			
		}


ull {list-style-type: none;}

#payment img  {
	padding: .6em 0;
	margin: 0;
	}

#payment ul, #payment hr{
	margin-bottom: 0;
	margin-top: 0;
	}
	
#payment img  {
	margin: 0;
	}
	
#payment ul  {
	margin-bottom: .6em;
	}

/* typography overrides */


h1,h2,h3,h4,h5,h6, div.logo a { 
  	color: #000; 
  	font-family: "Verdana", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans"; 
  	font-style: italic;
  	margin: 0 0 .4em;
	}

h3.heading-bg, h2.heading-bg {	background-image: url('/images/heading-bg.png'); 
	padding: .3em .3em .6em .3em;
	background-repeat: no-repeat;
	margin: -0.3em -0.4em 0.4em -0.4em;	
	}


p {margin: 0 0 .8em; line-height: 1.4em;}

a, a:link, a:visited {color: #777; text-decoration: none;}

a:hover {color: #000;}

p a {border-bottom: 1px dotted #777;}

a img { border: 0px solid #eee; padding: 1px;}

label { cursor: pointer; }
#spinner { color: white; background: red;}

/* categories navigator */

#categories-menu li { border-bottom: 0px solid #eee; }
#categories-menu a { text-transform: none; font-size:12px;}
#categories-menu a.selected { border-bottom: 1px dotted red; padding: 0; margin: 0; background-color: #eee;}
ul.parent {}
ul.child {padding: 0 0 0 1em; margin: 0}


/* catalog */

.manufacturers, .categories { font-weight: bold; background: #fff; height: 40px;}

h2.box-title {border-bottom: 1px dotted #aaa; background: #fff; margin-bottom: .5em;}

.grey-box {border: 1px solid #eee; background: #fff; padding:.6em;}
.box {border: 1px solid #eee; background: #fff; padding:1em;}
.declaration-box {border: 1px dotted #aaa; background: #dee7ec; padding: 1em; z-index: 100; position:relative;}
.filled-box {border: 1px dotted #aaa; background: #dee7ec; padding: .5em; z-index: 100; position:relative;}

.popup-effect {
  background:#11455A;
  opacity: 0.2;
}

.album ul li img { width: 75px;}
.album ul li { padding:.5em;}

ul.trail li { padding-right: 1em;}


/* basket */

#small-basket table { width: 100%;}
#small-basket table td { vertical-align: top;}

#small-basket input[type='submit'] { padding: 0px 1px 1px 1px; margin: 0;}
.in-basket { border: 1px dotted #bbb; padding: 0 4px; font-size: 11px; background: #eee; color: #817134; border-color: #999;}


/* css generic classes */

.warn { color: red}
.green { color: green}


.discreet { 
	font-size: 90%;
	color: #354e74;
	margin: 0 0 0.2em 0;
	}
	
.discreet:hover { color: #333}
.line-through { text-decoration: line-through; color: black;}

.half { width: 50%; }

.strong { font-weight: bold; }

td { vertical-align: middle }
tr.row-odd td {background: #fff}
tr.row-even td {background: #fff}

a.no-underline, ul li a, span a { text-decoration: none; }

.no-border, table.no-border, table.no-border td { border: none; }

.inline, ul.inline li, table.inline { display: inline; }
.block, .block label { display: block; }

.wide { width: 100%; }

.blank-button { border: none; cursor: pointer; background-color: transparent; }

.left        { margin-left:0; padding-left:0; }
.right     { margin-right:0; padding-right:0; }

.reset { margin:0; padding:0; }

.bottom-border {border-bottom: 1px solid #999;}

.padding-left { padding-left: .5em; }
.padding-right { padding-right: .5em; }
.margin-right { margin-right: .5em; }

.border1px {border: 1px solid red;}

/* other  */

#calendar img { margin-bottom: -3px; }


/* admin  */
.pic {
  border: 1px dotted #999; float: left; width: 100px; padding: 2px; margin: 0 2px 2px 0
	}

.edit h1, .edit h2, .edit h3, .edit h4, .edit h5, .edit h6, .edit label{
	color: #a51122;
	}

.field-required {
	background: url(/images/required.gif) center left no-repeat;
	padding: 0 0 0 1em;
	color: White;
	}

.admin-box {border: 1px dotted #aaa; background: #fff; padding:.5em;}


/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 1px solid #666; }
input, select { cursor: pointer;}
input[type='text'] { cursor: text; }
#buttons form { display: inline; }
input[type='submit'] { border: 1px solid #ccc; background: #fff;}
input[type='submit']:hover { border: 1px solid #ccc; background: #eee;}


/* paginator */
.pagination {
    padding: 0 0 1em;
    margin-left: 0px;
  }
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #fff;
    text-decoration: none;
  }
.pagination a:hover, .pagination a:active {
    border: 1px solid #eee;
    color: #000;
  }
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    font-weight: bold;
  }
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px 0;
    border: 1px solid #fff;
    color: #bbb;
	display: none;
  }


/* rounded corners */
/* layout */

.rounded-corner-layout{display:block}
.rounded-corner-layout *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#405081}
.rounded-corner-layout1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #acb3c8;
  border-right:1px solid #acb3c8;
  background:#6f7ba0}
.rounded-corner-layout2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ebedf2;
  border-right:1px solid #ebedf2;
  background:#647198}
.rounded-corner-layout3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #647198;
  border-right:1px solid #647198;}
.rounded-corner-layout4{
  border-left:1px solid #acb3c8;
  border-right:1px solid #acb3c8}
.rounded-corner-layout5{
  border-left:1px solid #6f7ba0;
  border-right:1px solid #6f7ba0}
.rounded-corner-layoutfg{
  background:#405081;
		padding: 1em;}

/* box */

.rounded-corner{display:block}
.rounded-corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.rounded-corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #929bb7;
  border-right:1px solid #929bb7;
  background:#cfd3df}
.rounded-corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #53618d;
  border-right:1px solid #53618d;
  background:#dadde7}
.rounded-corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dadde7;
  border-right:1px solid #dadde7;}
.rounded-corner4{
  border-left:1px solid #929bb7;
  border-right:1px solid #929bb7}
.rounded-corner5{
  border-left:1px solid #cfd3df;
  border-right:1px solid #cfd3df}
.rounded-cornerfg{
  background:#ffffff;
	padding: .5em 1em .5em 1em;
	}
.rounded-box	{
		margin-bottom: 1em;
		margin-top: 0;
		}
		
		


/* Use this to create a horizontal ruler across a column. */

hr {
  background: #eee; 
  color: #999;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}


/* Border on right hand side of a column. */

.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid green;
}


/* Border with more whitespace, spans one column. */

.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid red;
}


/* errors */

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea, .fieldWithErrors file {
  border: 1px solid red;
}

div.validation-failed input, div.validation-failed select, div.validation-failed textarea {
  border: 1px solid red;
}

.fieldWithErrors {
  display: inline;
}
	
#errorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: .5em;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  padding: .8em 0;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#errorExplanation ul {
  padding-left: 4em;
}