﻿@charset "utf-8";


body{
background:url(images/Bivo_background_giftpage.jpg) #998AA8 no-repeat center top;
height:1322px;
margin:0;
padding:0;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}

.ColumnRight
{
	background:none !important;
}

#pageContentSso
{
	-moz-box-shadow: 10px 10px 40px #555; 
    -webkit-box-shadow: 15px 15px 60px #555; 
    box-shadow: 10px 10px 40px #555;
    margin-top:0px;
	
}

#pageContentSso, .PageHeader
{
	 background-color:#fff;
	 }

#footer
{
background:url(images/Bivo_footer_background.png) repeat-x;
}


#contentPage
{
border:solid 1px black;
}
#breadcrumbs_gifts
{
font-size:11px;
padding:2px 0px;
text-transform: uppercase;
}
#breadcrumbs_gifts a.current{
color:#000;
font-weight:bold;
}

	
/* ---------------------------- left hand navigation ---------------------------- */
#leftHandNav{
float:left;
width:255px;
margin:20px 0 0 20px;
}
.menuBlok{
width:230px;
height:128px;
margin-bottom:7px;
border:solid 1px #f9a93a;
}
.menuBlok h2{
height:18px;
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
background:url(images/bg_h2_sso_nActive.jpg) repeat-x;
line-height:18px;
text-indent:3px;
margin-bottom:5px;

}
.menuBlok h2.current{
background:url(images/bg_h2_sso.jpg) repeat-x;
/*bg_h2_sso*/
}

.scrollBox{
height:90px;
width:220px;
overflow-y:scroll;
overflow-x:hidden;

}
.menuBlok ul ul a:link, .menuBlok ul ul a:visited{
padding-left:6px;
}

.menuBlok ul ul a:hover{
background:url(images/orange_arrow.jpg) no-repeat 0px 3px;
padding-left:6px;
}

.menuBlok ul ul a.current{
color:#F9A93A;
}

.menuBlok ul{
text-transform:uppercase;
list-style:none;
font-size:11px;
text-indent:10px;
}
.menuBlok ul ul{
text-transform:none;
}

.menuBlok ul.lastCat{
text-transform:none;
list-style:none;
font-size:11px;
text-indent:10px;
}

/* ---------------------------- pagegonctent ---------------------------- */
#STO_pageContent {
border:1px solid #F9A739;
float:left;
width:640px;
margin-top:20px;
margin-right:20px;
background-color:white;
}

#afb{
float:left;
padding-left:20px;
width:190px;
margin-top:35px;
}
#STO_rightColum{

float:right;
width:410px;
padding-bottom:30px;
}
#STO_rightColum dl{
width:380px;
}
#STO_rightColum dl.styleAvice{
width:190px;
}

#STO_rightColum dt{
float:left;
}
#STO_rightColum h2{
font-size:12px;
margin:20px 0 10px 0;
}
#STO_rightColum .styleAvice dt{
float:none;
font-weight:bold;
/*display:block;*/
margin:20px 0 10px 0;
}
#STO_rightColum .styleAvice dd .listEffect{
padding-left:20px;
background:url(images/bullet_orange.png) no-repeat;
}


.startDesigning{
clear:both;
background:url(images/sso_btn_left.jpg) no-repeat 0 0px;
width:140px;

padding-bottom:25px;
}
.startDesigningToo{
background:url(images/sso_btn_right.jpg) no-repeat top right;
width:160px;
padding-left:20px;
padding-bottom:25px;

}
.startDesigning a{
display:block;
padding-top:7px;
font-weight:bold;
}

.startDesigning a:link, .startDesigning a:visited{
color:#FFFFFF;
}
.startDesigning a:hover{
color:#FFFFFF;
text-decoration:underline;
}


.wholeButton{
margin:0px 0 0 0px;
color:#FFFFFF;
width:192px;
clear:both;
}
.wholeButton a{
font-size:12px;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;
display:block;
}
#pageContentSso{
border: solid 1px #c890f5 !important;
background-color:#FFFFFF;
position:relative;
}
.galleryBox .wholeButton{
height:45px;
position:absolute;
margin:260px 0 0 0px;
color:#FFFFFF;
padding:13px 0 0 0px;
text-align:center;
background:url(images/orange_btn_whole_gallery.jpg) no-repeat;

}

#pageContentSso h2{
padding:10px 0 0px 0px;
}



/*Gallery pa ge*/
.galleryBox{
float:left;
width:210px;
height:320px;

}
.galleryBox h2{
padding-top:10px;
font-size:12px;
padding-left:15px;
}
.galleryBox p{
width:180px;
padding:0 0 10px 15px;
}
/*table op select page*/
#select_table img{
padding-left:14px;
}
.select_table_second_td{
width:200px;
}
#select_table td{
vertical-align:top;
}




#select_table a{
display:block;
padding-top:10px;
}
#select_table a:link, #select_table a:visited{
text-decoration:underline;
}

#select_table a:hover{
text-decoration:none;
}

#select_table th{
padding:10px 0 10px 22px;
border-bottom: solid 1px #333333;
text-align:left;
}
#select_table td{
border-bottom: solid 1px #333333;
}
.border_me_right{
border-right:solid 1px #333333;
}
#last_row_select td{
border-bottom:none;
}

.clearBoth{
text-indent:-999px;
}
body .buttons_gift{
padding-top:0px;
}

.kolom_gifts{

float:left;
width:425px;
padding:20px;
}



.kolom_gifts h2{
background:url(images/bg_h2_gift.jpg) repeat-x 0 0;
color:white;
line-height:10px;
font-size:12px;
height:20px;
text-indent:15px;
}
img.donate{
float:right;
margin-top:15px;
}

.kolom_gifts p{
margin-top:15px;
padding:0 10px 0 3px;
width:215px;
}
.order_voucher{
background:url(images/giftKopBg.jpg) no-repeat 0 0;
color:#FFFFFF;
padding:4px 0 10px 15px;
}
.order_voucher a:link, .order_voucher a:visited{
color:#FFFFFF;
}

.order_voucher a:hover{
color:#FFFFFF;
}

#right_form{
width:400px;
margin-left:20px;

}
#right_form h2{
font-size:12px;
margin-top:17px;
}
#right_form p{
padding:10px 10px 0 0;
font-weight:normal;
}
#form_buss{
font-weight:bold;
}
input.longInput{
margin:5px 0 7px 0;
width:320px;
height:20px;
border:#c890f4 solid 1px;
}
input.longInput_4_5{
margin:5px 0 7px 0;
width:240px;
height:20px;
border:#c890f4 solid 1px;
margin-right:10px;
}

input.smallInput{
margin:5px 0 7px 0;
height:20px;
border:#c890f4 solid 1px;
width:70px;
}
input.half{
margin:5px 0 7px 0;
height:20px;
border:#c890f4 solid 1px;
width:155px;
margin-right:7px;
}
.indent{
float:left;
}
.indent2{
padding-left:133px;
float:left;
}
select#countrySelect{
margin:5px 0 7px 0;
border:#c890f4 solid 1px;
width:100px;
}

#form_buss textarea{
margin:3px 0 5px 0;
border:#c890f4 solid 1px;
width:190px;
height: 117px;
margin-bottom:5px;
}
.smalltekst{
font-size:10px;
font-weight:normal;
}
#add_to_basket{
padding:4px 0 5px 15px;
background:url(images/add_basket.jpg) no-repeat;
margin:20px 0 0 0;
}

#add_to_basket a:link,#add_to_basket a:visited{
color:#FFFFFF;
}

#add_to_basket a:hover{
color:#FFFFFF;
}
#voucher{
margin-right:20px;
float:right
}
#voucher h2{
font-size:12px;
margin-top:17px;
}

#voucher img{
margin-top:10px;
}
p input{
border:none;
border-top:10px white solid;
}
.kolom_gifts a:link, .kolom_gifts a:visited{
text-decoration:underline;
}
.kolom_gifts a:hover{
text-decoration:none;
}
.order_voucher a:link, .order_voucher a:visited{
text-decoration:none;
}
.order_voucher a:hover{
text-decoration:underline;
}
.kolom_gifts h2 a:link, .kolom_gifts h2 a:visited {
color:white;
text-decoration:none;
}
.kolom_gifts h2 a:hover{
color:white;
text-decoration:underline;
}
h1.bg_style_gift{
background:url(images/bg_h2_gift.jpg) repeat-x 0 0;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-transform: uppercase;
line-height:18px;
text-indent:2px;
margin-left:20px;
margin-right:30px;
padding:7px 0 7px 10px;
}	
p.h1_txt{
margin-left:20px;
margin-right:30px;	
}

.buttons_for_me{width:400px;float:left;position:relative;margin:25px 35px 20px 26px;padding:0px 0px 0px 0px;}
.buttons_for_me a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none !important;}
.buttons_for_me a:hover{text-decoration:underline !important;}


.btn_right_landing{background:transparent url(images/giftbtn_right.jpg) no-repeat top right;padding:11px 0px 15px 0px;float:left;}
.btn_left_landing{background:transparent url(images/giftbtn_left.jpg) no-repeat 0 0;padding:12px 20px 15px 20px;}

.voucher {float:left;margin-left:16px;margin-top:30px;width:72px;height:72px;}
#voucher25{float:left;margin-left:0px;}
.voucher input{margin:left;margin:0;padding:0;margin-left:30px;border:none;margin-top:10px;}
#wrappingbuttons{clear:both;position:relative;top:5px;}

#wrappingbuttons #buttons_for_me2{float:right;margin-top:-99px;}
#wrappingbuttons #buttons_for_me a:hover{text-decoration:underline !important;}
#choose_voucher{position:relative;left:-15px !important;}

#choose_voucher2{position:relative;padding-top: 120px;left:-15px !important;}

#asterix{float:left;margin:-15px 0 0 22px;}

/*************************************************** IE7 FIX **********************************************************/
.ie7 #pageContentSso{position: relative;display:inline-block;}
.ie7 .collum {padding-bottom:0px;}
.ie7 #right_form {margin-left:20px;width:390px;}
.ie7 .buttons_for_me{width:400px;float:left;position:relative;margin:25px 35px 20px 26px;padding:0px 0px 0px 0px;}
.ie7 .buttons_for_me a:hover{text-decoration:underline;}
.ie7 .buttons_for_me a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none;}
.ie7 .btn_right_landing{background:transparent url(images/giftbtn_right.jpg) no-repeat top right;padding:12px 0px 15px 0px;float:left;}
.ie7 .btn_left_landing{background:transparent url(images/giftbtn_left.jpg) no-repeat 0 0;padding:12px 20px 15px 20px;}
.ie7 #wrappingbuttons #buttons_for_me2{float:right;margin-top:-130px;}
.ie7 .voucher input{position:relative;top:-10px;border:none;margin-top:10px;}
.ie7 #asterix{float:left;margin:-35px 0 0 22px;}
.ie7 .voucher span{clear:both;margin:0;padding:0;margin-top:30px;border:none;}

/*************************************************** IE6 FIX **********************************************************/
.ie6 #pageContentSso{position:relative;display:inline-block;}
.ie6 #leftHandNav {float:left;margin:18px 0 0 10px;width:255px;display:inline-block;}
.ie6 .galleryBox .wholeButton{background:transparent url(images/orange_btn_whole_gallery.jpg) no-repeat scroll 0 0;color:#FFFFFF;margin:0;padding:13px 0 0 0;text-align:center;display:inline-block;position:absolute;margin:235px 0 0 0;}
.ie6 .collum {padding-bottom:0px;}
.ie6 .buttons_for_me{width:400px;float:left;position:relative;margin:25px 35px 20px 26px;padding:0px 0px 0px 0px;}
.ie6 .buttons_for_me a:hover{text-decoration:underline;}
.ie6 .buttons_for_me a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none;}
.ie6 .btn_right_landing{background:transparent url(images/giftbtn_right.jpg) no-repeat top right;padding:12px 0px 15px 0px;float:left;}
.ie6 .btn_left_landing{background:transparent url(images/giftbtn_left.jpg) no-repeat 0 0;padding:12px 20px 15px 20px;}
/* add display:inline to floated elements */
.ie6 #leftHandNav,.ie6 #STO_pageContent,.ie6 #afb,.ie6 #STO_rightColum,.ie6 .galleryBox,.ie6 .kolom_gifts,.ie6 img.donate,.ie6 .indent2,.ie6 #voucher,.ie6 #STO_rightColum dt,.ie6 .indent {display:inline;}
/* add zoom:1 to pos:relative elements */
.ie6 #pageContentSso {zoom:1;}
