/*
kelkoostyle.css

Style Sheet for Kelkoo products
*/

html {
font-size: 1em;
}


/* Full page */
div#page {
width: 58em;
margin: 0px auto;

padding: 0px;
text-align: center;

}

/* Header */
div#header {
padding-top: 0.1em;
padding-bottom: 0.2em;
font-size: 1em;
font-weight: bold;
}

div#header img {
float: left;
border: none;
}

.header_logo {
width: 8em;
margin-right: 0.5em;
}

.header_text {
width: 10em;
margin-right: 0em;
}

div#header h2 {
float: left;
text-align: left;
margin: 0px;
padding: 0px;
}

div#headerlinks {
text-align: left;
float: right;
margin-right: 1em;
}

div#headerlinks ul {
margin: 0px;
padding: 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.8em;
list-style-type: none;
border: none;
}

div#headerlinks li a, 
div#headerlinks li a:visited {
border: 0; 
height: 1em; 
line-height: 1em; 
padding-top: 0.3em; 
padding-bottom: 0.1em;
text-decoration: none;
}

div#headerlinks li a:hover {
text-decoration: underline;
}


div#headerads {
float: left;
margin-left: 1em;
}

 /* Main content - including left and right nav */

div#content {
clear: both;
position: relative;
width: 58em;
margin: 0px auto 10px auto;
padding: 0px;
text-align: left;

}

/* Central content */
div#central {
float: right;
width: 34em;
display: inline;
/* border: 0.1em solid #8f8f8f; */

margin: 0px;
padding: 0px;

margin-right: 11em;
margin-left: -17em;
padding-left: 0.5em;
padding-right: 0.5em;

}

div#central h1 {
font-size: 1.5em;
margin: 0px;
padding: 0px;
}

div#central h3 {
margin: 0px;
padding: 0px;
}


div#central ul {

}

div#central li {

}

div#central li a {
text-decoration: none;
}

div#central li a:hover {
text-decoration: underline;
}


 /* Right nav */
div#rightnav {
float: right;
width: 12em;
display: inline;

margin-right: -30em;
margin-left: 30em;
text-align: left;

margin-bottom: 0.1em;
/* border: 0.1em solid #8f8f8f; */
}


/* Left nav */
div#leftnav {
float: left;
width: 12em;
display: inline;
text-align: left;

margin-bottom: 0.1em;
/* border: 0.1em solid #8f8f8f; */
}

/* Clearing */
.stretch,
.clear {
clear: both;
height: 1px;

margin: 0;
padding: 0;

font-size: 15px;
line-height: 1px;
}
.clearfix:after {
clear: both;
height: 0;

display: block;
visibility: hidden;
content: ".";
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end clearing */


.kelkoo_product {
    position: relative;
    clear: both;
    width: 100%;
}

.kelkoo_product img {
    float: left;
    width: 8em;
    margin-bottom: 1em;
}

.kelkoo_product hr {
    clear: both;
}

.kelkoo_product b {
font-size: 0.9em;
}

.kelkoo_product em {
font-size: 0.9em;
font-style: normal;
}

.kelkoo_product a {
text-decoration: none;
}

.kelkoo_product a:hover {
}


.kelkoo_summary {
margin-left: 10em;
font-size: 0.8em;
}

/*	position: absolute; */
.kelkoo_more {
	float: right;
	clear: both;
    right: 1em;
    bottom: 1em;
    margin: 0em;
    padding: 0em;
}

.kelkoo_more a {
}



/* Pagenav */

.pagenav
{
    text-align: center;
    padding: 0.5em;
	font-weight: bold;
}

.pagenav a 
{
text-decoration: none;
}

.pagenav a:hover
{
text-decoration: underline;
}


.contactus {
text-align: center;
font-weight: bold;
}

.contactus a {
text-decoration: none;
color: black;
}

.contactus a:hover {
text-decoration: underline;
color: red;
}


/* Menu CSS */

/*** Not used?
.rightmenu
{
margin-bottom: 0.1em;
border: 0.1em solid #8f8f8f;
padding: 1em;
}
***/


/* 
margin-bottom: 0.1em;
border: 0.1em solid #8f8f8f;
*/

.menu
{
}

/* Top of page menu */

.topmenu {
margin: 0px;
padding: 0px;
padding-top: 6em;
width: 100%;
}

.topmenu a {
padding: 0em;
margin: 0em;
border: none;
}

.topmenu img {
float: left;
padding: 0em;
margin: 0em;
border: none;
border-right: 1px solid;
}

* html .topmenu {
padding-top: 0.1em;
}


/* Based on... */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagemenu {
padding: 0px;
margin: 0px;
overflow: hidden;
}

.pagemenu ul {
margin: 0px;
padding: 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0px;
list-style-type: none;
}

.pagemenu li {
display: inline;
margin: 0px;
padding: 0px;
}

/*
padding: 0em 0.3em; 
border-right: 1px solid ; 
*/
.pagemenu li a {
float: left;
text-decoration: none;
margin: 0px;
padding: 0px;
border-right: 1px solid;
}

.pagemenu li a:visited {
}

.pagemenu li a:hover {
}

.pagemenu li.selected a {
}

.pagemenu img {
float: right;
margin: 0px;
padding: 0px;
width: 8em;
border: none; /*right divider between tabs*/
border-right: 1px solid;
}

/*************************************************/

ul.menu1, ul ul {
padding: 0;
margin: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
text-align: left;
border: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}

ul.menu1 {
font-size: 1em;
}

ul.menu1 ul {
margin-left: 0;
}


ul.menu1 li {
text-indent:0.6em;
}


ul.menu1 li a, ul.menu1 li a:visited {
display:block; 
width: 100%; 
height:1em; 
line-height:1em; 
text-decoration:none; 
color: black;
padding-top: 0.5em; 
padding-bottom: 0.1em;
font-size: 0.8em;
}

ul.menu1 li a:hover {
text-decoration: underline;
}

ul.menu2 {
padding-bottom: 3px;
}

ul.menu2 li {
font-size: 1em;
text-indent:1em; 
color: black;
font-weight:bold; 
border: 0;
}


ul.menu2 li a, 
ul.menu2 li a:visited {
border: 0; 
color: black; 
font-weight: normal; 
height: 1em; 
line-height: 1em; 
padding-top: 0.3em; 
padding-bottom: 0.1em;
}

ul.menu2 li a:hover {
text-decoration: underline;
}


/*
 * Colours
 */


html {
background-color: #FDF7FF;
}

div#headerlinks li a, 
div#headerlinks li a:visited {
color: #7401df;
}

div#central ,
div#central li a
{
background-color: white;
color: #7401df;
}

div#leftnav {
background-color: #ECE0F8;
}

div#rightnav {
background-color: #ECE0F8;
}

div#central h1
{
color: #9a2efe;
}


.kelkoo_product em {
color: red;
}


.kelkoo_product a {
text-decoration: none;
color: black;
}

.kelkoo_product a:hover {
color: red;
}

.kelkoo_summary {
margin-left: 10em;
font-size: 0.8em;
color: black;
}

.kelkoo_more a {
    color: #9a2efe;
}


/* Pagenav */

.pagenav
{
    color: #9a2efe;
}

.pagenav a 
{
color: #9a2efe;
}


.pagemenu li a {
color: white;
background: white; /*background of tabs (default state)*/
}

.pagemenu li a:visited {
color: white;
}

/* background-color: #5f04b4; */

.pagemenu li a:hover {
background-color: red; /*background of tabs for hover state, */
}

.pagemenu li.selected a {
background-color: #8000ff; /*background of selected tabs */
}

/*************************************************/