/*-------------------------------------------*/
/*--[ CSS KoiBito 2007, copyright Robarov ]--*/
/*-------------------------------------------*/
* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background: #5f8db5 url(../i/layout/bg-body.jpg) top center repeat-x;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.2em;
	text-align: center; /* Allows IE 5 to center elements with margin: 0 auto */
}
#wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 800px;
	z-index: 10;
	text-align: center; /* Allows IE 5 to center elements with margin: 0 auto */
}
#footer, #login {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	}
	.mini, #crumb {display: none;}
	#foo {padding: 4px; background: #fff; border: 1px solid #ddd;clear: both;width: 475px; height: 390px;margin-bottom: 20px;}

	/*--[ common ]----------------------------------------------------------------*/
	h1, h2, h3, h4 {
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	h1 {
	background: #fff url(../i/layout/dots.gif) bottom left repeat-x;
	font-size: 2em;
	line-height: 1.2em;
	padding-bottom: 0.4em;
	color: #c70101;
	margin-bottom: 0.6em;
	}
	h2 {
	font-size: 1.6em;
	margin-bottom: 0.6em;
	color: #5892ca;
	}
	h3 {
	font-size: 1.4em;
	margin-bottom: 0.4em;
	}
	h3 span {
	font-size: 0.8em;
	color: #E5E5E5;
	}
	h4 {
	font-size: 1em;
	margin-bottom: 0.2em;
	}
	p {
	margin-bottom: 1em;
	}
	blockquote {
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 1em;
	font-style: italic;
	text-align: center;
	}
	em {
	font-style: normal;
	color: #1a73bf;
	}
	acronym, abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	font-style:normal;
	}
	ol {
	margin: 0 0 1em 2em;
	}
	ul, dl {
	margin-bottom: 1em;
	}
	ul li {
	list-style-type: none;
	background: url(../i/layout/bullet.gif) 0 0.2em no-repeat;
	padding-left: 18px;
	}
	img, fieldset {
	border: none;
	}
	.alignleft {
	margin: 0 15px 5px 0;
	float: left;
	display: inline;
	}
	.alignright {
	margin: 0 0 5px 15px;
	float: right;
	display: inline;
	}
	.aligncenter {
	margin: 0;
	text-align: center;
	width: 100%;
	}
	.pic {
	background: url(../i/layout/bg-pic.gif) bottom left no-repeat;
	padding-bottom: 10px;
	}
	.pic div {
	background: url(../i/layout/bg-pic.gif) 0 0 no-repeat;
	padding: 10px 10px 0 10px;
	float: left;
	}
	.pic img {float: left;}
	.left {float: left;}
	.right {float: right;}
	.half {width: 440px;}
	.center {text-align: center;}
	.highlight { /* highlight important text */
	background: #FFC;
	}
	.clear { /* clear floated divs */
	clear: both;
	}
	.hide { /* hides text from broswer */
	position:absolute;
	left:-999em;
	width:0px;
	overflow:hidden;
	}
.kb {color: #c70101;}
dt {
float: left;
clear: both;
}
/*--[ links ]----------------------------------------------------------------*/
a {
color: #c70101;
}
a:hover, a:focus {
color: #1a73bf;
}

/*--[ language ]----------------------------------------------------------------*/
#lng {
	position: absolute;
	top: 230px;
	right: 20px;
	margin: 0px;
}
#lng li {
	background: #E5E5E5;
	float: left;
	display: inline;
	text-align: center;
	width: 20px;
	line-height: 20px;
	font-size: 0.9em;
	margin-left: 5px;
	padding: 0px;
}
#lng a {
	background: #E5E5E5;
	display: block;
	width: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #666;
}
#lng a:hover, #lng .active a {
	background: #C90304;
	color: #fff;
}

/*--[ login ]----------------------------------------------------------------*/
#login-wrap {
background: url(../i/layout/bg-login-wrap.jpg) 0 0 repeat-x;
position: absolute;
top: -134px;
left: 0px;
height: 134px;
padding-top: 26px;
width: 100%;
text-align: center;
z-index: 20;
color: #fff;
}
#login {
position: relative;
height: 134px;
}
#login a {
background-color: transparent;
}
#login a {color: #b0c9de;}
#login a:hover {color: #fff;}
#login h3 {
color: #a8d6ff;
font-size: 1.6em;
}
#toggle {
position: absolute;
right: 0px;
bottom: 0px;
margin: 0px;
width: 80px;
height: 20px;
line-height: 20px;
letter-spacing: 1px;
}
#toggle a {
display: block;
padding-left: 30px;
width: 50px;
height: 14px;
color: #fff;
font-size: 14px;
line-height: 14px;
outline: none;
text-decoration: none;
padding-bottom: 3px;
}
#toggle a:hover, #toggle a:focus {color: #fff; text-decoration: none;}
#toggle, #toggle a, #toggle a:hover {
background-image: url(../i/layout/bg-toggle.gif);
background-repeat: no-repeat;
}
#toggle.opened, #toggle.opened a {background-position: 0 0;}
#toggle.opened a:hover, #toggle.opened a:focus {background-position: -80px 0;}
#toggle.closed, #toggle.closed a {background-position: 0 -20px;}
#toggle.closed a:hover, #toggle.closed a:focus {background-position: -80px -20px;}
.lg-form {
width: 980px;
}
.lg-form label {
height: 24px;
line-height: 24px;
float: left;
display: inline;
margin-right: 2px;
cursor: pointer;
}
.lg-form input {
background: #fff;
width: 170px;
float: left;
display: inline;
height: 18px;
margin-right: 15px;
border: 1px solid #850102;
}
#lg-password {display: none;}
.lg-form .button {
height: 24px;
border: 0px;
padding: 0px;
width: 82px;
}
#status {
position: absolute;
background: #ba0001 url(../i/layout/bg-status.gif) 0 0 no-repeat;
right: 0px;
bottom: 0px;
margin: 0px;
height: 20px;
padding-left: 10px;
z-index: 20;
float: right;
}
#status span {
background: #ba0001 url(../i/layout/bg-status.gif) top right no-repeat;
display: block;
height: 20px;
padding-right: 10px;
float: left;
}
/*--[ header ]----------------------------------------------------------------*/
#header {
background: url(../i/layout/bg-header.jpg) bottom left no-repeat;
height: 260px;
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
}
#header h1 {
background: transparent url(../i/layout/koibito.jpg) 0 0 no-repeat;
width: 320px;
height: 200px;
margin: 0px;
padding: 0px;
}
#header h1 a {
text-indent: -9000em;
overflow: hidden;
width: 175px;
height: 45px;
position: absolute;
top: 72px;
left: 26px;
display: block;
text-decoration: none;
float: left;
}
/*--[ nav ]----------------------------------------------------------------*/
#nav {
position: absolute;
top: 30px;
left: 350px;
/*
top: 80px;
left: 380px;
*/
width: 500px;
margin: 0;
}
#nav li {
background:  url(../i/layout/dots.gif) bottom left repeat-x;
/*background: none;*/
width: 140px;
float: left;
display: inline;
padding: 0px;
line-height: 1.2em;
margin-right: 20px;
font-size: 1.1em;
}
#nav li a {
text-decoration: none;
color: #000;
display: block;
padding: 0.2em 0;
padding-left: 10px;
width: 130px;
}
#nav li a:hover {
color: #1a73bf;
}
#nav li.active a {
font-weight: bold;
color: #c70101;
}
#nav li a small{
font-size: 80%;
color: #c70101;
}
/*--[ flags ]----------------------------------------------------------------*/
#flags {
position: absolute;
top: 125px;
left: 350px;
height: 24px;
background: #fff url(../i/layout/bg-flags.gif) 0 0 repeat-x;
width: auto;
float: left;
margin: 0;
padding: 0 0 0 10px;
}
#flags li {
	background-position: 50% 50%;
	width: 16px;
	height: 16px;
	float: left;
	display: inline;
	padding: 0px;
	position: relative;
	margin: 4px 10px 4px 0;
}
#flags li a {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
}
#flag_1 {background-image: url(../i/layout/jp.png);}
#flag_2 {background-image: url(../i/layout/dk.png);}
#flag_3 {background-image: url(../i/layout/no.png);}
#flag_4 {background-image: url(../i/layout/be.png);}
#flag_6 {background-image: url(../i/layout/de.png);}
#flag_7 {background-image: url(../i/layout/fr.png);}
#flag_8 {background-image: url(../i/layout/nl.png);}
#flag_9 {background-image: url(../i/layout/ua.png);}
#flag_10 {background-image: url(../i/layout/au.png);}
#flag_11 {background-image: url(../i/layout/pl.png);}
#flag_12 {background-image: url(../i/layout/pt.png);}
#flag_13 {background-image: url(../i/layout/ru.png);}
#flag_14 {background-image: url(../i/layout/es.png);}
#flag_15 {background-image: url(../i/layout/gb.png);}
#flag_16 {background-image: url(../i/layout/se.png);}
#flag_17 {background-image: url(../i/layout/ch.png);}
#flag_18 {background-image: url(../i/layout/us.png);}
#flag_20 {background-image: url(../i/layout/tw.png);}
#flag_21 {background-image: url(../i/layout/cn.png);}
#flag_22 {background-image: url(../i/layout/za.png);}
#flag_23 {background-image: url(../i/layout/id.png);}

#flags li ul {
	background: #fff url(../i/layout/bg-flags.gif) bottom left repeat-x;
	padding: 6px 0;
	position: absolute;
	left: -10px;
	top: 16px;
	width: 160px;
}

#flags li li {
	background: #fff;
	width: auto;
	height: auto;
	float: none;
	display: block;
	margin: 0;
}
#flags li li a {
	text-indent: 0;
	width: auto;
	height: auto;
	line-height: 16px;
	text-decoration: none;
	padding: 0px 10px;
	color: #666;
}
#flags li li a:hover { color: #c70101; }



/*--[ content ]----------------------------------------------------------------*/
#content {
background: #fff;
width: 920px;
margin: 0 auto;
text-align: left;
padding: 0 30px 20px 30px;
}
#main {
width: 680px;
float: left;
}
#sidebar {
width: 200px;
float: right;
}
/*--[ form ]----------------------------------------------------------------*/
input, textarea {
background: #fff url(../i/layout/bg-input.gif) 0 0 repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 2px 4px;
}
/*--[ homepage ]----------------------------------------------------------------*/
#stockbox {
background: #72a4da url(../i/layout/bg-stockbox.jpg);
width: 180px;
height: 330px;
padding: 10px;
text-align: center;
color: #c70101;
float: left;
display: inline;
}
#stockbox h2 {
color: #fff;
line-height: 32px;
margin: 0px;
}
#stockbox a.img {
background: #72a4da;
display: block;
width: 180px;
height: 240px;
margin-bottom: 10px;
overflow: hidden;
}
/* #stockbox img {width: 220px;} */
#offerbox {
margin: 10px 0 0 20px;
float: left;
display: inline;
}
#offerbox .koi {margin-right: 20px;}
#offerbox h2 {
line-height: 32px;
margin: 0px;
}
.koi {
background: #f8fafc url(../i/layout/bg-koi.gif) bottom left no-repeat;
position: relative;
text-align: center;
float: left;
display: inline;
margin: 0 12px 15px 0;
line-height: 12px;
font-size: 11px;
padding-bottom: 10px;
color: #666;
}

.koi dl {
background: #f8fafc url(../i/layout/bg-koi.gif) 0 0 no-repeat;
padding: 215px 10px 0px 10px;
margin: 0px;
width: 120px;
min-height: 40px;
height: auto !important;
height: 40px;
}
#products .koi, #products .koi dl {background-image: url(../i/layout/bg-koi-products.gif);}


#products .koi dl {
	width: 160px;
	padding-top: 170px;
}

#breeders .koi dl {
padding-top: 195px;
min-height: 10px;
height: auto !important;
height: 10px;
}
#stock .koi dl, #offers .koi dl {
min-height: 80px;
height: auto !important;
height: 80px;
}
.koi dt {
position: absolute;
top: 5px;
left: 10px;
height: 50px;
line-height: 14px;
vertical-align: bottom;
overflow: hidden;
width: 120px;
display: table-cell;
text-align: center;
}
#products .koi dt {width: 160px;}
#breeders .koi dt {height: 20px;line-height: 20px;}
.koi dd {font-size: 0.9em;}
.koi a {text-decoration: none;}
.koi dd a {color: #000;}
.koi dd a:hover {color: #c70101;}
.koi .img {
position: absolute;
top: 50px;
left: 10px;
}
#products .koi .img {
	top: 40px;
	}
#breeders .koi .img {top: 30px;}
.koi img {height: 160px;}
#products .koi img {
	height: 125px;
}
img {-ms-interpolation-mode:bicubic; /* IE7 pic rendering fix */}
.koi .img a {
background: #0D57A5;
display: block;
width: 120px;
height: 160px;
overflow: hidden;
}
#products .koi .img a {
width: 160px;
height: 125px;
}


#stock .koi {
	background-image: url(../i/layout/bg-koi-stock.gif);
	margin-left: 0px;
	margin-right: 4px;
}
#stock .koi dl {
	background-image: url(../i/layout/bg-koi-stock.gif);
	padding-top: 180px;
	width: 160px;
}
#stock .koi dt {
	font-size: 13px;
	font-weight: bold;
	width: 160px;
}
#stock .koi img {height: 120px;}
#stock .koi .img a {
	width: 160px;
	height: 120px;
}




.koi .salesstate, #stock .koi .salesstate {
position: absolute;
top: 0px;
right: 0px;
height: 24px;
z-index: 10;
}
.koi form, #noatb, .submit {
clear: both;
width: 120px;
/*margin-top: 5px;*/
}
/*#offers .koi form input {margin-left: 7px;}*/
.koi label {
display: block;
float: left;
}
.koi .q, #koi-detail .q {
width: 50px;
float: left;
display: inline;
border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
text-align: center;
margin: 0px;
margin-left: 25px;
height: 16px;
}
.koi .q{
margin-left: 50px;
}
.submit, #noatb {
background: #6298d6 url(../i/layout/bg-atb.gif) 0 0 no-repeat;
border: 0px;
color: #fff;
display: block;
float: left;
width: 120px;
padding: 0px;
cursor: pointer;
height: 24px;
line-height: 24px;
}
#noatb {
background: #6298d6 url(../i/layout/bg-noatb.gif) 0 0 no-repeat;
color: #999;
}
#noatb.sold {
	margin-top: 34px;
}
.koi-img {
background: #f8fafc url(../i/layout/bg-koi-img.gif) 0 0 no-repeat;
position: relative;
float: left;
display: inline;
padding-top: 10px;
margin: 0 20px 15px 0;
width: 395px;
}
.koi-img div {
background: #f8fafc url(../i/layout/bg-koi-img.gif) bottom right no-repeat;
padding: 0 10px 10px 10px;
margin: 0 0 40px;
width: 375px;
text-align: center;
overflow: hidden;
}
.koi-img .salesstate {
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
}
.koi-img img {
margin: 0 auto;
width: 375px;
}
.koi-info {
float: left;
width: 500px;
}
.koi-img dl, .koi-info dl {
background: #fff;
border: 1px solid #d0d0d0;
width: 340px;
float: left;
padding: 8px;
margin-bottom: 10px;
}
.koi-img dt, .koi-info dt {
float: left;
width: 140px;
padding: 0.2em 0 0.2em 10px;
color: #999;
background: #f7f7f7;
border-bottom: 1px solid #fff;
}
.koi-img dd, .koi-info dd {
position: relative;
float: left;
width: 190px;
padding: 0.2em 0;
background: #f7f7f7;
border-bottom: 1px solid #fff;
}
.video {
clear: both;
height: 1%;
padding-left: 20px;
background: url(../i/layout/video.gif) 0 0 no-repeat;
}

.general-info {
	background: #f7f7f7;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	float: left;
	padding: 25px;
}
.general-info ul {
	float: left;
	width: 450px;
}
.general-info li {
	background: none;
	float: left;
	padding: 0;
	width: 90px;
}


#offerbox p {
clear: both;
}
#tripbox {
width: 200px;
float: right;
}
#tripbox h3 {
background: #c41a03 url(../i/layout/btn-trips.gif) 0 0 no-repeat;
width: 200px;
height: 75px;
margin: 0 0 10px 0;
}
#tripbox h3 a {
background: #c41a03 url(../i/layout/btn-trips.gif) 0 0 no-repeat;
text-indent: -9000em;
overflow: hidden;
width: 200px;
height: 75px;
display: block;
text-decoration: none;
float: left;
}
#tripbox h3 a:hover {
	background-color: #72a4da;
	background-position: 0 -75px;
}


#tripbox div {
background: #f8fafc url(../i/layout/bg-tripbox.gif) 0 0 no-repeat;
width: 180px;
height: 240px;
padding: 10px 10px 0 10px;
text-align: center;
}

#list-button{
	float:right;
	margin-top:-45px;
}
#list-button a{
	background: #f8fafc url(../i/layout/xls.gif) 0 0 no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

/*--[ robaform ]----------------------------------------------------------------*/
input, select, textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 3px 4px;
color: #454545;
}
.robaform label {
width: 120px;
margin-right: 10px;
}
#change-passwordform h3 {margin-left: 130px;}
.robaform label.long, .robaform p.label {
margin-left: 80px;
width: 390px;
}
.robaform label span {
color: #d00;
}
.robaform input, .robaform textarea, .robaform select,
.robaform .checks input {
background: #fff;
margin-left: 130px;
width: 280px;
z-index: 1;
border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
}
#sidebar .robaform input, #notify_on_comment_email, #posts_per_page {width: 172px;margin: 0px;}
.robaform textarea {
height: 160px;
overflow: auto;
}
.robaform select {
background: #fff;
width: 308px;
padding: 2px;
height: auto;
}
.ext select {
width: auto;
float: left;
margin: 0px;
}
.robaform p.desc, .robaform p.error {
margin-left: 130px;
}
.robaform .checks label {
margin-left: 150px;
padding: 0px;
}
.ext p.desc, .ext p.error, #sidebar .ext label {margin-left: 0px;}
.robaform label {
float: left;
display: inline;
text-align: right;
padding: 4px 0;
font-size: 1em;
}
.ext label {
width: auto;
margin: 0px;
text-align: left;
float: none;
display: block;
}
.robaform input, .robaform textarea, .robaform select {
display: block;
margin-bottom: 0px;
}
.robaform select[multiple="multiple"] {
margin-left: 0px;
}
.robaform br {
clear: left;
}
.robaform input[type="radio"], .robaform input[type="checkbox"],
.robaform input[type="hidden"] {
width: auto;
height: 0.8em;
border: 0;
}
.robaform input[type="hidden"] {
display: none;
}
.robaform p.desc {
display: block;
position: relative;
top: -1em;
margin-bottom: 0em;
font-style: italic;
color: #666;
}
.robaform p.error {
display: block;
position: relative;
top: -1em;
margin-bottom: 0em;
font-style: italic;
}
.robaform #sidebar p.error {top: 0em;}
.error {
color: #c00;
}
.robaform .checks label {
float: none;
width: auto;
clear: none;
display: block;
text-align: left;
/*height: 1.4em;*/
padding-top: 0;
margin-bottom: 0;
}
.robaform .checks label:after, .robaform.checks label:after, .checks label:after  {
content: "";
}
.robaform .checks input {
background: none;
float: left;
text-align: right;
width: auto;
height: auto;
padding: 0px;
}
.robaform .submit, #sidebar .robaform .submit, #map-wrap .submit, .finalise a {
	background: #c81b03 url(../i/layout/bg-submit.gif) 0 0 no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	width: 180px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	text-align: center;
	clear: both;
	border: 0px;
	cursor: pointer;
	display: block;
	text-decoration: none;
}
.finalise a:hover {color: #fff;}
.button {
width: 100px;
height: 30px;
}
#border{
background: #f8fafc url(../i/layout/bg-map.gif) 0 0 no-repeat;
width: 900px;
height: 500px;
padding: 10px;
margin-bottom: 10px;
}
#map{
width: 900px;
height: 500px;
overflow: hidden;
}
.half #map {
width: 440px;
height: 600px;
}
#map p {margin: 0px;background: #fff;}
.vcard {
background: url(../i/layout/fish.jpg) 50% 50% no-repeat;
}
/*--[ slideshow ]----------------------------------------------------------------*/
#slideshow {
background: #f8fafc url(../i/layout/bg-slideshow.gif) 0 0 no-repeat;
position: relative;
width: 720px;
margin-bottom: 20px;
overflow: hidden;
}
#slide {
width: 462px;
padding: 8px 10px 5px 8px;
float: left;
}
#slide div {
width: 460px;
border: 1px solid #ddd;
height: 320px;
background: #ddd url(../i/layout/slide-loading.gif) 50% 50% no-repeat;
position: relative;
overflow: hidden;
text-align: center;
margin-bottom: 5px;
}
#slide img {
margin: 0 auto;
height: 320px;
}
#slide p {
margin: 0;
}
#slidethumbs {
width: 240px;
padding: 8px 0 0 0;
float: right;
overflow: hidden;
position: relative;
}
#slidethumbs li {
background: none;
padding: 0px;
float: left;
display: inline;
margin: 0 10px 10px 0;
}
#slidethumbs img {
float: left;
z-index: 1;
}
#slidethumbs li a {
display: block;
width: 68px;
height: 68px;
overflow: hidden;
outline: none;
border: 1px solid #ddd;
}
#slidethumbs li a:hover {border-color: #CA0300;}
#slidethumbs li a.active {border-color: #333;}
#slide_prev, #slide_next {
background: transparent url(../i/layout/blank.gif);
position: absolute;
top: 0px;
display: block;
height: 100%;
width: 48%;
text-indent: -9000px;
z-index: 10;
outline: none;
}
#slide_prev {left: 0; float: left; cursor: w-resize;}
#slide_next {right: 0; float: right; cursor: e-resize;}
.en #slide_prev:hover, .en #slide_prev:visited:hover {background: url(../i/layout/prevlabel-en.gif) 0% 50% no-repeat;}
.en #slide_next:hover, .en #slide_next:visited:hover {background: url(../i/layout/nextlabel-en.gif) 100% 50% no-repeat;}
#thumbs-prev, #thumbs-next {
position: absolute;
bottom: 0px;
text-decoration: none;
font-size: 2em;
}
#thumbs-prev {left: 0px;}
#thumbs-next {right: 10px;}
/*--[ shop ]----------------------------------------------------------------*/
#order p {
float:left;
display: inline;
padding: 0px;
line-height: 24px;
margin: 0 0 0 10px;
width: auto;
clear: none;
font-size: 0.9em;
}
#shoplinks {
clear: both;
padding: 1em 0;
height: 1%;
}
/*--[ tables ]----------------------------------------------------------------*/
table {
width: 100%;
font-size: 11px;
border-right: 1px solid #ddd;
margin: 1em auto;
border-collapse: collapse;
}
tr.odd td {background: #F5F5F5;}
tr.odd .column1	{background: #efefef;}
.column1 {
background: #efefef;
color: #415197;
}
td {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 0.3em 0.3em;
}
th {
font-weight: normal;
text-align: center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.3em 0.3em;
}
thead th {
color: #fff;
font-weight: bold;
padding: 1em;
background: #5892ca;
text-align: center;
}
table input {
border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
width: 30px;
text-align: center;
}
.center{
text-align: center;
}
.subtotal td{
background: #A8C2D9;
}
.money{
text-align: right;
}
.costs {
width: 45%;
float: left;
display: inline;
margin: 0 10px 2em 10px;
}
.costs dt {
width: 120px;
padding: .5em;
float: left;
margin: 0;
border-bottom: 1px solid #ddd;
font-weight: bold;
}
.costs dd {
border-bottom: 1px solid #ddd;
margin-left: 130px;
padding : .5em;
text-align: right;
}
.special{
color: #C70101;
}
#total{
clear: both;
}
#total span{
color: #C70101;
}
#shipping span{
color: #5892CA;
}
h2.slogan {
font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 1.2em;
line-height: 150%;
margin-bottom: 1.2em;
color: #4C7599;
width: 55%;
text-align: center;
margin-left: 25%;
}
h2.slogan a{
color: #5892ca;
}
h2.slogan span{
font-family: "Times New Roman", Helvetica, sans-serif;
font-style: bold;
font-size: 2em;
color: #DDD;
padding: 5px;
}
/*--[ news ]----------------------------------------------------------------*/
.newsitem h2 {margin: 0.2em;}
.date-cat {
	color: #9b9b9b;
	font-size: 0.9em;
	}
.date-cat a {color: #666;}
.newsitem {
	background: #fff url(../i/layout/bg-newsfront.gif) 0 0 repeat-x;
	float: left;
	width: 680px;
	border-bottom: 3px solid #f2f2f2;
	margin-bottom: 10px;
}
.gallery {
	clear: both;
	float: left;
	width: 680px;
	}
.gallery li {
	float: left;
	display: inline;
	margin: 0 20px 12px 0;
	padding: 0px;
	background: #fff;
	width: 150px;
	height: 112px;
	}
.gallery a {
	display: block;
	border: 1px solid #ddd;
	width: 150px;
	height: 112px;
	overflow: hidden;
	text-align: center;
}
.gallery a:hover {
	border-color: #0A5DAB;
	background:transparent;
}
#gallery {
	clear: both;
	margin-top: 20px;
	float: left;
	width: 920px;
}
#gallery li {
	padding: 0px;
	background: none;
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
#gallery li img {
	float: left;
	height: 100px;
	padding: 4px;
	border: 1px solid #ddd;
}
.more {
	float: right;
	text-align: right;
}
img.news-img, .news-img img {
	float: left;
	display: inline;
	margin: 0 15px 5px 0;
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
}
#content #downloads {
	clear: both;
}
#content #downloads span {
	font-size:0.9em;
	color:#999;
}
#content #downloads li {padding: 0 0 0 20px;line-height: 16px;}
.pdf{background:url(../i/layout/pdf.gif) 0 0 no-repeat;}
.xls{background:url(../i/layout/xls.gif) 0 0 no-repeat;}
.doc{background:url(../i/layout/doc.gif) 0 0 no-repeat;}
.zip{background:url(../i/layout/zip.gif) 0 0 no-repeat;}
.jpg, .epg{background:url(../i/layout/jpg.gif) 0 0 no-repeat;}
.rar{background:url(../i/layout/rar.gif) 0 0 no-repeat;}
.gif{background:url(../i/layout/gif.gif) 0 0 no-repeat;}
.iff{background:url(../i/layout/gif.gif) 0 0 no-repeat;}

.sitemap {
	width: 920px;
	float: left;
}
.sitemap li {
	font-size: 1.4em;
	line-height: auto;
	width: 920px;
	float: left;
	background: #fff;
	padding: 0px;
	margin-bottom: 10px;
}
.sitemap li li {
	font-size: 0.6em;
	float: left;
	display: inline;
	margin: 0px;
	padding-left: 10px;
	width: 440px
}
.sitemap li li a {color: #666;}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	background: #4c7599;
	clear: both;
	padding: 10px 0;
	color: #fbfdfe;
	text-align: center;
	}
#footer a {
	text-decoration: underline;
	color: #c2dfff;
}
.buttons{
	background: transparent url('../i/button.gif');
	clear:both;
	width:100%;
	padding-top:20px;
}
.noatb{
	height: 36px;
}
.order{
	clear: both;
	width: 900px;
	float: left;
	background: #fff url(../i/layout/dots.gif) bottom left repeat-x;
	padding-bottom: 0.4em;
	margin-bottom: 1.0em;
}
.order input{
	float: right;
	font-size: 10px;
}
#movies{
	clear: both;
	background: #eee;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
}
#movies p{
	padding: 0 0 20px 0;
}