body {
	color:#000;
	text-align:center;/* for ie5.+*/
	font: 13px/1.3  Arial, Helvetica, sans-serif;
	padding:0 0 25px;
}
.s9bg1{background:#900 url(/grafik/side9/hydrogen/images/bg_red.gif) repeat-x 0 0}
.s9bg2{background:#3b032b url(/grafik/side9/hydrogen/images/bg_purple.gif) repeat-x 0 0}

/* background image in right side of body */
p.s9logo{
	margin:0;
	z-index:1;
	left:0;
	top:0;
	width:347px;
	height:246px;
	position:absolute;
	background:url(/grafik/side9/hydrogen/images/side9_bglogo.png) no-repeat 0 0;
	clear:both;
}

/* ......page wrapper ...... */
#s9outer{
	width:955px;
	margin:auto;
	text-align:left;
	position:relative;
	z-index:2;
}
#s9header{
	width:955px;
	height:134px;
	background:url(/grafik/side9/hydrogen/images/header_bg.png) no-repeat 0 0;
	position:relative;
}
#s9header h1,#s9header h1 a{
	width:580px;
	height:102px;
	display:block;
	text-indent:-999em;
	margin:0;
	outline:none;
}
.s9buynow,.s9buynow a,.s9buynow em{
	margin:0;
	position:absolute;
	left:3px;
	top:108px;
	display:block;
	width:256px;
	height:23px;
	text-indent:-999em;
	cursor:pointer;
	z-index:2;
}
.s9buynow a,.s9buynow em{left:0;top:0;}
.s9buynow a em{background:url(/grafik/side9/hydrogen/images/btn_buynow.png) no-repeat 0 0}
.s9buynow a:hover{visibility:visible}
.s9buynow a:hover em{background-position:0 -33px}

/* text button for buy now instead of above image */
.s9buynowt{
	margin:0;
	position:absolute;
	left:3px;
	top:108px;
	display:block;
	height:23px;
	cursor:pointer;
	z-index:2;
}
.s9buynowt a,.s9buynowt span{
	float:left;
	background:url(/grafik/side9/hydrogen/images/long-button.png) no-repeat 0 0;
	padding:0 0 0 15px;
	height:23px;
	line-height:23px;
	color:#fff;
	text-transform:uppercase;
	font-size:19px;
	font-weight:bold;
}
.s9buynowt span{
	background-position:100% 0;
	padding:0 20px 0 0;
	position:relative;
	left:5px;
}
.s9buynowt a:hover{visibility:visible}
.s9buynowt a:hover {background-position:0 -33px}
.s9buynowt a:hover span{background-position:100% -33px}



/* renew now button */
.s9renew{
	margin:0;
	position:absolute;
	left:17px;
	top:108px;
	color:#900;
	font-size:19px;
}
.s9renew span{float:left;position:relative;top:-1px}
.s9renew a{float:left;margin:0 0 0 10px}
.s9renew a,.s9renew em{
	width:123px;
	height:23px;
	text-indent:-999em;
	cursor:pointer;
	z-index:2;
	position:relative;
}
.s9renew em{position:absolute;left:0;top:0;}
.s9renew a em{background:url(/grafik/side9/hydrogen/images/btn_fornynu.png) no-repeat 0 0}
.s9renew a:hover{visibility:visible}
.s9renew a:hover em{background-position:0 -33px}

/* Your page and Log out buttons */
.s9yourpage,.s9logout{
	margin:0;
	position:absolute;
	right:94px;
	top:108px;
}
.s9logout{right:3px;}
.s9yourpage a,.s9logout a{float:left;}
.s9yourpage a,.s9yourpage em,
.s9logout a ,.s9logout em{
	width:98px;
	height:23px;
	text-indent:-999em;
	cursor:pointer;
	z-index:2;
	position:relative;
}
.s9logout a, s9logout em{width:87px;}
.s9yourpage em,.s9logout em{position:absolute;left:0;top:0;}
.s9yourpage a em{background:url(/grafik/side9/hydrogen/images/btn_dinside.png) no-repeat 0 0}
.s9logout a em{background:url(/grafik/side9/hydrogen/images/btn_logud.png) no-repeat 0 0}
.s9yourpage a:hover em,
.s9logout a:hover em{background-position:0 -33px}

/* login form in header */
.s9login{
	position:absolute;
	left:296px;
	top:107px;
}
.s9login label {
	text-transform:uppercase;
	color:#900;
	font-weight:bold;
	font-size:19px;
	position:relative;
	top:-3px;
}
#s9password,#s9email{
	font-size:12px;
	width:97px;
	padding:0 4px;
	position:relative;
	top:-1px;
}
#s9email{margin-right:18px;}
#s9ok{
	width:56px;
	height:23px;
	background:url(/grafik/side9/hydrogen/images/btn_ok.png) no-repeat 0 0;
	border:none;
	margin:0 12px 0 3px;
	position:relative;
	top:-1px;
}
#s9ok:hover{background-position:0 -33px}
.s9login a,.s9login a:visited{color:#fff;font-size:19px}
.s9login a:hover{text-decoration:underline;}

/* navigation with and without tabs */
ul#nav{
	clear:both;
	width:955px;
	margin:-9px 0 0px;
	position:relative;
	top:17px;
	z-index:99;
}
ul#nav li{
	color:#8c0182;
	font-size:18px;
	float:left;
	padding:4px 15px 15px;
}
ul#nav li a,ul#nav li a:visited{color:#fff;}
ul#nav li a:hover{text-decoration:underline;}
/*Add class of current and  use span for current item instead of an anchor and will also hold tab background */
ul#nav li span,ul#nav li a{
		float:left;
}
ul#nav li.current{
	background:url(/grafik/side9/hydrogen/images/tab_left.png) no-repeat 0 0;
	padding:0 0 0 9px;
	font-weight:bold;
}
ul#nav li.current span{
	background:url(/grafik/side9/hydrogen/images/tab_right.png) no-repeat 100% 0;
	padding:7px 15px 10px 6px;
}

/* .top and top base carry the top and bootm round corners - they have to be separate element because its a transparent image */
.s9top,.s9base{
	width:955px;
	height:11px;
	overflow:hidden;
	margin:8px 0 0;
	clear:both;
	background:url(/grafik/side9/hydrogen/images/bgbox_top.png) no-repeat 0 0
}
.s9base{
	background:url(/grafik/side9/hydrogen/images/bgbox_bottom.png) no-repeat 0 0;
	margin:0 0 10px;
	height:12px;
}
#s9main{
	width:955px;
	background:#e3d4bc;
	padding:4px 0 6px;
}
#s9outer .free-gall {padding-bottom:2px;}
.s9copyright{
	clear:both;
	margin:10px 0 10px 7px;
	color:#fff;
	font-size:10px;
}
/* white top and bottom corners for 933px wide element */
.inner933,.inner629{
	width:933px;
	clear:both;
	background:#fff;
	overflow:hidden;
	margin:0 0 0 11px;
}
.inner629{
	margin:0;
	width:599px;
	padding:0 11px 0 19px;
}
.top933,.base933,
.top629,.base629{
	width:933px;
	background:url(/grafik/side9/hydrogen/images/white_mainbox_top933.png) no-repeat 0 0;
	height:7px;
	overflow:hidden;
	clear:both;
	margin:0 0 0 11px;
}
.base933{	background:url(/grafik/side9/hydrogen/images/white_mainbox_bottom933.png) no-repeat 0 0;margin:0 0 0 11px;}
.top629,.base629{width:629px;margin:0}
.top629{	background:url(/grafik/side9/hydrogen/images/white_mainbox_top.png) no-repeat 0 0;margin:0}
.base629{	background:url(/grafik/side9/hydrogen/images/white_mainbox_bottom.png) no-repeat 0 0;margin:0;}

/* favourites box */
.favbox298,.favbox298 ul{
	width:298px;
	height:275px;
	clear:both;
}
.favbox298{
	margin:0 0 10px;
	position:relative;
}
.favfloat{
	float:left;
	margin:0 19px 0 11px;
	display:inline;
}
.favbox298 ul{
	background:url(/grafik/side9/hydrogen/images/boxbg_favourites.gif) no-repeat 0 0;
	margin:0;
}
.favbox298 ul li{
	width:133px;
	float:left;
	margin:43px 4px 0 9px;
	display:inline;
}
.favbox298 ul li a,
.favbox298 ul li span{display:block}
.favbox298 span {
	display:block;
	color:#000;
	font-size:11px;
	padding:3px 0 0 1px;
	font-weight:bold;
}
/* side 9 girls box 298x275 */
.s9girls{
	width:298px;
	height:274px;
	background:url(/grafik/side9/hydrogen/images/boxbg_side9girls.gif) no-repeat 0 0;
	position:relative;
	padding:1px 0 0;
}
.s9girls .table-stretch{
	margin:37px 5px 0 5px;
	height:225px;
	overflow:auto;
	overflow-x:hidden;
	border-top:1px solid #ccc;
	position:relative;
}
.s9girls .table-stretch div{
	border-bottom:1px solid #ccc;
	min-height:0;
}
.s9girls table{
	line-height:1.1;
	border-collapse:collapse;
	position:relative;
}
.s9girls td{
	vertical-align:middle;	
	padding:2px 0 1px;
}
.s9girls a{
	font-size:13px;
	color:#900;
}
.s9girls p{margin:0;padding:2px 2px 2px  0;}
.s9girls a:visited{color:#900}
.s9girls a:hover{color:#000}
.s9girls a:hover{text-decoration:underline}
.s9girls td.imgholder a:hover{text-decoration:none;}
.s9girls img{
	vertical-align:middle;
	display:inline;
	margin:0 8px 0 0;
}
td.imgholder {width:1%;}

/* Side9 Gallerierne - search */
.s9searchgall{
	width:298px;
	height:275px;
	height:225px;
	background:url(/grafik/side9/hydrogen/images/boxbg_search.gif) no-repeat 0 0;
	position:relative;
	padding:50px 0 0;
	color:#906;
	font-size:15px;
}
.s9searchgall div{
	margin:0 0 0 39px;
	width:150px;
}
.s9searchgall label{
	margin:0 0 3px;
	display:block;
	line-height:1.4;
}
.s9searchgall input{position:relative;top:1px;}
.s9sog{
	width:87px;
	height:23px;
	background:url(/grafik/side9/hydrogen/images/btn_search_sprite.png) no-repeat 0 0;
	border:none;
	margin:14px 0 0 19px;
	position:relative;
	top:-1px;
}
.s9sog:hover{background-position:0 -33px}

/* blank box width 3 rows on index page similar to side9 girsl box  ut bigger images and bigger rows*/
.ml11{margin-left:11px !important}
.s9blankbox{background:url(/grafik/side9/hydrogen/images/blankbox298x275.gif) no-repeat 0 0;}
.s9blankbox .table-stretch{
	margin:9px 5px 0 5px;
	height:255px;
	border:none;
}
.s9blankbox .table-stretch div{padding:0 0 1px}
.s9blankbox td{
	vertical-align:top;	
	padding:2px 0 1px;
	font-weight:bold;
}






