/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.9em Arial, sans-serif;
	line-height: 1.5em;
	background: #fff;
	color: #454545; 
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #E00400;
	background: inherit;	
}

a.title {
	color: #FFAD63;
	background: #FFF;
}

h1 {
	font: bold 1.4em Arial, Sans-Serif;
	padding: 0px;
	margin: 0px;
	display: inline;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}


h2 { 
	font: bold 1.2em Arial, Sans-Serif;
	display: inline;
}

p {	
	margin: 0 0 5px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0;
        display: inline;
        padding-right: 12px;
}

input.search2 {
	width: 117px;
	border: none;
	background: url(input2.gif);
	padding: 0;
}

input.search3 {
        width: 11px;
        height: 11px;
	border: none;
	padding: 0;
	text-align: top;
}

input.searchSubmit {
        font: 0.8em Arial, Sans-Serif;
}

input.login { 
	width: 189px;
	border: none; 
	background: url(logininput2.gif);
	padding: 4px; 
}






/* layout
   ------ */

/* SOME EXTRA CSS
   ------------ */
img {
        border: 0px;
}

.pending  {
        color: #FF8000;
}

.validated  {
        color: #008000;
}

.cash  {
	color: #74AF00;
	font-weight: bold;
}

.req  {
	font-size: 0.6em;
	color: #E0691A;
}

.again  {
	font-size: 0.75em;
	color: red;
}

.opt  {
	font-size: 0.75em;
}

.ck  {
	color: #185DA0;
}

label.join {
	float: left;
	width: 130px;
	text-align: left;
}

label.joinSub {
	float: left;
	text-align: center;
	padding-top: 4px;
	width: 400px;
}

label.vat {
	float: left;
	width: 2000px;
	text-align: left;
}

label.vatSub {
	float: left;
	text-align: center;
	padding-top: 4px;
	width: 400px;
}

/* END - SOME EXTRA CSS
   ------------ */



.content { 
        margin: 0px auto;
	width: 910px;
	background: #fff;
/*	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA; */
}

.content-temp {
	margin: 0px auto;
	margin-top: 52px;
	width: 760px;
	background: #fff;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
}

.content2 {
	margin: 0px auto;
	width: 762px;
	background: #fff;
}

.header { 
        width: 910px;
        height: 52px;
        padding: 0;
        background: #FEF206 url(bar08.gif);
        font-size: 0.9em;
}

.header-top {
        position: absolute;
        top: 0px;
        width: 757px;
        height: 52px;
        padding: 0 5px 0 0;
        background: #FFF;
/*      background: #333333 url(xmas-top2.gif); */
}

.top_info {
	float: right;
	width: 550px;
	padding: 0 0 4px 0;
}

	.top_info_left {
                float: left;
                padding-top: 5px;
	}

	.top_info_right {
		float: right;
		width: 280px;
	}

	.top_info_right2 {
		float: right;
		background-color: #fff;
		margin: 5px;
		padding: 0 5px 0 5px;
	}

.slogan {
	font-size: 0.9em;
	width: 160px;
}


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

	.bar li { 
		margin: 0; 
		padding: 4px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		float: left; 
	}
	
	.bar li.active { 
		background: #FFF url(bar.gif) no-repeat center bottom; 
		color: #9EC068;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field2 {
        font-size: 1em;
	background: #999999 url(bar08lwr.gif);
	color: #fff;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin-top: 0px;
}

.search_field2 a{
        font-size: 1em;
	color: #fff;
	text-decoration: none;
	padding: 2px;
        background: none;
}

.search_field2 a:hover {
        font-size: 1em;
	color: #fff;
        text-decoration: underline;
        padding: 2px;
/*      background: #80A209; */
}

.subheader {
	margin: 3px 0 10px 0;
	padding: 8px 8px 8px 14px;
	background: #f4f4f4;
	color: #808080;
}


.prevnext {
	font-size: 0.9em;
}

.giftsort {
        font-size: 0.9em;
}




/* left side
   --------- */

.left {
	float: left;
	width: 120px;
	margin: 0 5px 5px 0;
	padding: 0 5px 5px 10px;
	font-size: 0.9em;
	background: #f4f4f4;
}
	.left_articles {
		margin: 0px 0 10px 0;
	}

	.left_links {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #fff url(questionmark.gif) no-repeat center left;
		color: #454545; 
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
	
		.left_side {
			float: left;
			width: 180px;
		}
		
		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
 }








/* right side
   ---------- */
		
.right {
	float: right;
	width: 765px;
	margin: 0 0 10px 0;
}

.right img {
        border: 0px;
        padding-right: 4px;
}

.right a img {
        border: 0px;
        padding-right: 4px;
        text-decoration: none;
        vertical-align: middle;
}

.right a {
	color: #185DA0;
	background: inherit;
	text-decoration: underline;
}

.right a:hover {
	color: #E00400;
	background: inherit;
	text-decoration: underline;
}
	.right_login {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #FFAD63;
		color: #75514D;
	}

	.right_account {
                padding: 10px;
		margin: 0 0 10px 0;
		background: #FFAD63;
	}
	
	.right_content {
		padding: 0;
		margin: 0 0 10px 0;
		background: #FFF;
	}

	.right_content_index {
		padding: 0 10px 0 10px;
		margin: 0 0 10px 0;
		background: #FFF url(fivers.gif) no-repeat top right;
	}

	.right_content_gifts {
		padding: 0 10px 0 10px;
		margin: 0 0 10px 0;
	}
	

	.right_account_details {
		padding: 10px;
		border: 1px solid #eee;
		margin: 0 0 10px 0;
		background: #FFB066;
		color: #75514D;
	}
	
	.right_articles {
		border: 1px solid #DADADA;
		padding: 4px;
		margin: 0 0 8px 0;
	}

/*
	.right_articles:hover {
		border: 1px solid #FEF206;
	}
*/

	.right_articles_valid {
		border: 1px solid #62C413;
		padding: 4px;
		margin: -5px 0 8px 0;
		background: #EAFFD7;
	}

/*
	.right_articles_valid:hover {
		border: 1px solid #FEF206;
	}
*/

	.right_articles_cash {
		border: 1px solid #62C413;
		padding: 4px;
		margin: 0 0 8px 0;
		background: #EAFFD7;
	}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

.sort {
        text-align: right;
        padding: 0;
	margin-top: -25px;
}

.termsvalid {
        background: #EAFFD7;
}

.giftsearch {
        width: 255px;
        float: right;
        font-size: 0.9em;
        border: 1px solid #62C413;
        padding: 4px;
        margin-top: -45px;
        background: #EAFFD7;
}

.gifttitle {
        width: 600px;
        float: left;
        font-size: 0.9em;
}

.giftsearch1 {
        width: 255px;
        float: right;
        font-size: 0.9em;
        border: 1px solid #62C413;
        padding: 4px;
        background: #EAFFD7;
}

.giftsearch2 {
        width: 255px;
        font-size: 0.9em;
        border-top: 0px;
        border-right: 1px solid #62C413;
        border-bottom: 1px solid #62C413;
        border-left: 1px solid #62C413;
        padding: 4px;
        background: #EAFFD7;
}

.gs {
        font-size: 0.9em;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0;
}

.footer a {
	color: #FFAD63;
	background: #fff;
}




/* left menu
   ------ */
   
.snav {
z-index:1000;
float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.snav ul {
padding:0;
margin:0;
list-style-type:none;
width:118px;
}
/* hack for IE5.5 */
* html .snav ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.snav li {
position:relative;
background:#f4f4f4;
height:22px;
}

/* get rid of the table */
.snav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.snav a, .snav a:visited {
display:block;
text-decoration:none;
height:21px;
line-height:21px;
width:117px;
color:#185DA0;
text-indent:5px;
/*border:1px solid #fff;
border-width:1px;*/
}
/* hack for IE5.5 */
* html .snav a, * html .snav a:visited {background:#f4f4f4; width:138px; w\idth:137px;}
/* style the link hover */
* html .snav a:hover {color:#E00400; background:#FEF206;}

.snav :hover > a{
color:#E00400;
background:#FEF206;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.snav ul ul {
visibility:hidden;
position:absolute;
top:0;
left:118px;
}
/* make the second level visible when hover on first level list OR link */
.snav ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.snav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.snav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.snav ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.snav ul :hover ul :hover ul :hover ul {
visibility:visible;
}








.search_field_tl
{
	background-image:url(crtl.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FEF206;
}

.search_field_tr
{
	background-image:url(crtr.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.search_field_bl
{
	background-image:url(crbl.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.search_field_br
{
	background-image:url(crbr.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:1em;
	text-align: center;
}



.google {
	margin: 15px;
}








#hmenu {
        padding: 10px 0 5px 0;
/*	padding: 3px 0 5px 0; */
	float: right;
}

#hmenu a {
	padding: 12px 13px 2px 11px;
/*	padding: 5px 13px 2px 11px; */
	text-decoration: none;
	color: #414141;
        background: #F4F4F4 url(hmenuarrow.gif) no-repeat top center;
	margin: 0 0 3px 1px;
	border-bottom: 3px solid #DADADA;
}

#hmenu a:hover {
	background: #185DA0 url(hmenuarrowhover.gif) no-repeat top center;
/*      background: #FF0B20 url(hmenuarrowhover.gif) no-repeat top center; */
        color: #FFFFFF;
	border-bottom: 3px solid #2F4A6C;
/*      border-bottom: 3px solid #28638A; */
}


a.tooltip {color:#185DA0;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:42px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:300px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}


a.tooltip2 {color:#185DA0;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:42px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:500px;}
a.tooltip2:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}