@charset "utf-8";

/*  COLOR.CSS 2009-09-14 (AL) Descom */

html {
	background: url("../img/bg.gif") repeat 0 0 #97c7eb;
}

body {
	background: #fff;
}

ul#nav-main {
	color: #f37021;
}

a {
	color: rgb(130,130,130);
}

button {
	background: #3AAACF url(../img/search-bg.gif) repeat-x;
	color: #fff;
	border: 1px solid #663300;
}

button:hover {
	background: #b5b5b5 url(../img/search-bg-hover.gif) repeat-x;
	border: 1px solid #a7a7a7;
}

a.more, 
#col2 li a.more,
.more a {
	background: #99ccff;
	color: #fff;
}

tr {
	border-bottom: 1px dashed #99ccff;
}

tfoot tr {
	border: none;
}

th {
	color: #663300;
}

td {
	color: #000;
}

table a {
	color: #333333;
}

table a.Tilausvalikoimassa {
	background: url(../img/order-product.gif) no-repeat right;
}

table #order-selection {
	color: #999999;
}

#pagination,
#pagination a {
	color: #999999;
}

.pagination a {
	color: #99CCFF;
}

table td #pagination a:hover {
	color: #97c7eb;
}

#pagination strong {
	color: #97c7eb;
}

#content a.more:hover,
#content .more a:hover {
	background: #A7A7A7;
	color: #fff;
}

/* =LAYOUT */
#branding {
	background: #fff;
}

#branding h2 {
	background: url(../img/skycellar-logo.gif) no-repeat;
}

#nav-main {
	background: url(../img/nav-main-bg.gif) repeat-x 0 0;
}

#nav-main li {
	background: url(../img/nav-main-separator.gif) no-repeat bottom right;
}

#nav-main li.last {
	background: none;
}

#nav-main li a {
	color: #2c2c2c;
	border-bottom: 3px solid #663300;
}

#nav-main li a:hover, 
#nav-main li.selected a {
	z-index: 99;
	border-bottom: 3px solid #fff;
}

/* =content */
.content #col2 h1,
.content #col2 h2,
.content #col2 h3 {
	color: #414141;
}

#content #col1 ul, #content #col2 ul {
	border: none;
}

/* =col1 */
#col1 {
	background: #fff;
}

#col1 ul, 
#col2 ul,
#col3 ul {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

#col1 li, 
#col2 .news li,
#col3 li {
	background: url(../img/dashed-line.gif) repeat-x bottom right;
}

#col1 li.last, 
#col2 li.last,
#frontpage #col2 li.last,
#col3 li.last {
	background: none;
}

#col1, 
#col2,
#col3 {
	color: #333333;
}

#col1 li a,
#col3 li a {
	color: #999999;
}

#col1 ul#col1-menu {
	border-top: 1px solid #99ccff;
	border-bottom: 1px solid #99ccff;
}

#col1 ul#col1-menu li.selected a {
	color: #333333;
}

#col1 ul#col1-menu a {
	background: url(../img/raquo-menu.gif) no-repeat 0 4px;
}

#col1 ul#col1-menu a {
	background: url(../img/raquo-menu-selected.gif) no-repeat 0 4px;
}

#col1 ul#col1-menu li.lvl-two a {
	background: url(../img/raquo-menu.gif) no-repeat 0 4px;
}

#col1 ul#col1-menu li.lvl-two.selected a {
	background: url(../img/raquo-menu-selected.gif) no-repeat 0 4px;
}

#col1 #partners li {
	background: none;
}

#col2 {
	background: #fff;
}

#content #col2 ul.attachments {
	background: url(../img/dashed-line.gif) repeat-x top;
}

#col2 ul.attachments li {
	background: url(../img/dashed-line.gif) repeat-x bottom #ffffff;
}

#col2 ul.attachments li a {
	background: url(../img/raquo-blue.gif) no-repeat 0 4px;
	color: #999999;
}

#col2 .block {
	background: url(../img/dashed-line.gif) repeat-x;
}

.sitemap #col2 .block {
	background: none;
}

/* =breadcrumb */
#col2 p#breadcrumb a#breadcrumb-home {
	background: #99ccff;
	color: #fff;
}

#col2 #breadcrumb a#breadcrumb-home:hover {
	background: #999999;
}

#col2 p#breadcrumb a,
#col2 p#breadcrumb a:hover,
#col2 p#breadcrumb strong {
	color: #999999;
}

#col2 p#breadcrumb strong a,
#col2 p#breadcrumb strong a:hover {
	color: #999999;
}

#col2 p a:hover {
	color: #F37021;
}

#col2 ol.search-results li a {
	color: #F37021;
}

#col2 ol.search-results li {
	background: url(../images/list-separator.gif) repeat-x right bottom;
}

.search #col2 ol.search-results li.last {
	background: none;
}

#col2 #lift {
	background: url(../images/list-separator.gif) repeat-x top;
}

#col2-secondary {
	border-bottom: 1px solid #999999;
}

.content #col2-secondary {
	background: url(../images/list-separator.gif) repeat-x top;
}

#col2 #col2-secondary h2,
#col2 #col2-secondary h3 {
	color: #333333;
}

#col2-secondary ul {
	border: none;
}

#col2-secondary li {
	background: none;
}

.content #col2-secondary ul,
.content #col2-secondary li {
	margin: 0;
}

.content #col2-secondary li {
	border-left: 5px solid #ffa100;
}

#col2 li#card a,
#col2 li#note a {
	background: none;
}

#col2 .search-results caption {
	border-left: 5px solid #99ccff;
	color: #99ccff;
}

#col2 #product-list th {
	background: url(../img/sort-header.gif) no-repeat 95% 5px;
}
#col2 #product-list th.headerSortDown {
	background: #e9f5ff url(../img/sort-down.gif) no-repeat 95% 5px;
}
#col2 #product-list th.headerSortUp {
	background: #e9f5ff url(../img/sort-up.gif) no-repeat 95% 5px;
}

/* =feedback form */
form.feedback label {
	color: #414141;
}
form.feedback label.missing,
form.feedback p.missing {
	color: #f00;
}
form.feedback input.missing,
form.feedback textarea.missing {
	border-color: #f00;
}
form.feedback label em,
form.feedback p.mandatory em {
	color: #3AAACE;
}

#col3 {
	background: #fff;
}

form.search {
	color: #000;
}

#col3 form.search label {
	color: #2C2C2C;
}

form.search input {
	border: 1px solid #c8c8c8;
}

form.search a {
	background: url(../img/raquo.gif) no-repeat 0 4px;
	color: #007fff;
	border-bottom: 2px solid #999999;
}

#col3 h2 {
	border-left: 5px solid #ffa100;
	color: #2e9eb9;
}

#col3 h3 {
	border-left: 5px solid #ffa100;
}

/* =contact */
#altia.feedback #col2 h1,
#altia.feedback #col2 h2,
#altia.feedback #col2 h3 {
	color: #414141;
}
	
#altia.feedback #col2 .contact {
	color: #414141;
}

span.formborder {
	border: #c8c8c8 1px solid;
}

/* =liftbox */
.liftbox {
	border: 1px solid #99ccff;
}

.liftbox h3 {
	background: #99ccff;
	color: #ffffff;
	font-size: 1.2em;
}

#col1 .liftbox p {
	color: #003366;
}

#col3 .liftbox {
	border: 2px solid #99ccff;	
}

#col3 .liftbox h3 {
	border: 1px solid #fff;
}

#col3 .liftbox ul {
	border: 0;
}

#col1 .liftbox li,
#col3 .liftbox li {
	background: url(../images/raquo.gif) no-repeat 0 7px;
}

#col3 .liftbox li a {
	background: none;
}

#col1 .liftbox img {
	border: 1px solid #e0e0e0;
}

.col1-liftbox img, 
.col3-liftbox img {
	border: #c8c8c8 1px solid;
}

/* =site-tools */
#site-tools {
	background: #663300;
	color: #fff;
}

ul#site-tools li {
	background: url(../img/site-info-separator.gif) no-repeat right bottom;
}

ul#site-tools li.last {
	background: none;
}

#site-tools li a, 
#site-info li a {
	color: #fff;
}

#site-tools li.active, 
#site-tools li.active  a {
	color: #ffa100;
}
	
ul#site-info {
	background: #663300;
	color: #fff;
}

ul#site-info li {
	background: url(../img/site-info-separator.gif) no-repeat right top;
}

ul#site-info p {
	color: #FF9000;
}

/* =sitemap */
#altia.sitemap #col2 h1,
#altia.sitemap #col2 h2,
#altia.sitemap #col2 h3 {
	color: #414141;
}

#altia.sitemap h3 {
	border-bottom: 1px dashed #d8d8d8;
	clear: both;
}
#altia.sitemap h3 a {
	text-decoration: none;
	color: #414141;
}
#altia.sitemap h4 {
	color: #000;
	margin: 10px 0 0 10px;	
}
#altia.sitemap #col2 li a {
color: #828282;
}

#altia.sitemap #col2 ol li {
	background: url(../img/raquo-map.gif) no-repeat 4px 4px #fff;	
}

#altia.sitemap #col2 ol li.second {
	background: url(../img/raquo-map.gif) no-repeat 4px 4px #fff;	
}

/* =product */
#col2 .col2-product h2 {
	background: #fff url(../img/product-title-bg.gif) repeat-x bottom;
}

#col2 .col2-product .new {
	color: #9fc9eb
}

#col2 .col2-product {
	color: #333333;
}

#col2 .col2-product tr {
	background: #fff;
	border: none;
}

#col2 .col2-product tr.even {
	background: #e2eff9;
}

#col2 .col2-product td,
#col2 .col2-product td em {
	color: #999999;
}
#col2 .col2-product #recommendations {
	color: #000;
}
#col2 .col2-product td.right {
	color: #333333;
}

#col2 .col2-product p em {
	color: #999999;
}

#col2-recommend h2,
#col2-recommend p,
#col2-recommend fieldset,
.col2-product fieldset,
#col2-product-more fieldset,
.col2-product div.background {
	background: #FFFFFF none repeat scroll 0 0;
}

.col2-product div.details {
	background: #fff;
}
	
.col2-product ol#col2-product-recs {
	border-top: 1px dotted #FF9000;	
}

#col2-selections-frontpage .col2-product dd a {
	background: none;
}

/* =Product-more */
#col2-recommend,
.col2-product {
	background: #d5e7f2 none repeat scroll 0 0;
	border: 1px solid #deebf4;
	color: #828282;
}

#col2-product-more div {
	background: #FFFFFF none repeat scroll 0 0;
}

#col2-product-more span.background {
	background:#FFFFFF url(../images/tuotekortti-bg.gif) repeat-x scroll 0 0;
}
	
/* =recommendations */
#col2-recommendations h3 {
/*	
	margin: 10px 0 5px 110px;
*/
	padding-left: 10px;	
}


#col2-recommendations li {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 110px;
	min-height: 140px;
}
#col2-recommendations img {
	position: relative;
	float: left;
	margin: 7px 10px -40px -110px;
}

#col2-recommendations li a {
	margin-top: 5px;
}

.even {
	background: #f1f1f1;
}

#col2 #col2-product-actions a {
	color: #663300;
	background: url("../img/raquo-blue.gif") no-repeat 0 4px;
}

/* Terms */
#main-confirm div#terms,
.feedback div#terms,
#main-confirm div#responsibility {
	background: #fff;
	border: 4px solid #F2F2F2;	
}

/* Search results */
#col2 ol.search-results li a {
	color: #818181;
	background: none;
}

/* news list */
p.half {
	border-bottom: #c8c8c8 1px solid;
}

.search p.half {
	border-bottom: none;
}

#col2 .news li a {
	color: #474747;
	background: none;
}

#col2 .news li em {
	color: #818181;
}

p.pagination {
	border-top: #c8c8c8 1px solid;
}

p.pagination.top {
	border-bottom: #c8c8c8 1px solid;
	border-top: none;
}