/* � iSource BV. */

/* use the more natural way of measuring boxes */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* Begin Jello Mold Layout */

/* begin background colors of main elements */
body { /* bgcolor area outside of the site */
	background:			#D6D6C6 url(/gfx/bg_body.png) repeat scroll 0 0
}
#wrapper1 { /* bgcolor left column */
/* 	background: url('/images/bg_left.gif') 100% 0; */
	background:			100% 0 #5896D3;
}
#wrapper2 { /* bgcolor right column */
	background:			url('/gfx/bg_right.gif') 100% 0 repeat-y;
	background:			100% 0 #5896D3;
}
#outer { /* bgcolor content area */
	background:			100% 0 #FFFFFF;
}
/* end background colors of main elements */


/* begin minimum width of site */
#expander {
	min-width:			990px; /* set to minimum width */
	margin:				0 -495px; /* set to "0 -<half of minimum width>" (negative value)*/
}
body {
	padding:			0 495px; /* set to "0 <half of minimum width>" */
}
/* end minimum width of site */


/* begin maximum width of site (also change setting in wholepage!) */
#sizer {
	max-width:			0px; /* set to (maximum width - minimum width) */
}
/* end maximum width of site */


/* begin width of left column and border */
#left {
	width:				0; /* set to width of left column */
	margin-left:		0; /* set to -<width of column + width of left-border> */
}
#outer {
	margin-left:		0; /* set to width of left column */
	border-left:		0; /* set to width of left-column-border */
}
/* end width of left column and border */


/* begin width of right column and border */
#right {
	width:				0; /* set to width of right column */
	margin-right:		0; /* set to -<width of column + width of right-border> */
	margin-left:		0; /* set to width of right-column-border */
}
#outer {
	margin-right:		0; /* set to width of right column */
	border-right:		0; /* set to width of right-column-border */
}
/* end width of right column and border */


/* begin borders around site */
#wrapper2 {
	/*border-left:		1px solid #000000;*/ /* left-border of left-column */
	/*border-right:		1px solid #000000;*/ /* right-border of right-column */
}
#pageheader {
	/*border-top:			1px solid #ffffff;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;*/
}
#pagefooter {
	/*border-bottom:		1px solid #000000;
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;*/
}
/* end borders around site */

/* End Jello Mold Layout */


/* begin main styles */
body, th, td, input, select, textarea {
	font-family:		verdana, arial, sans-serif;
	font-size:			12px;
	color:				#505050;
}
#pageheader {
	background-color:	#FFFFFF;
	/*border-bottom:		1px solid red;*/
}
#logo {
	margin:				10px 0 0 10px;
}
#content {
	padding:			0 15px;
	min-height:			300px;
	background-color:	#fff;
}
* html #content {
	height:				300px;
}
#pagefooter {
	background:			#ffffff url(/gfx/bg_footer.png) no-repeat scroll right bottom;
	text-align:			right;
	height:				50px;
	padding:			36px 10px 0 0;
	color:				#00189f;
	font-size:			9px;
}
#pagefooter a {
	color:				#00189f;
}
h1, h2, h3, h4, h5 {
	font-weight:		bold;
	padding:			0;
	margin:				0;
	color:				#5896D3;
	line-height:		22px;
}
h1 {
	font-size:			20px;
	margin:				5px 0 20px 0;
}
h2 {
	font-size:			18px;
	/*margin-top:			10px;*/
	margin-bottom:		3px;
}
h3 {
	font-size:			14px;
	/*margin-top:			10px;*/
	margin-bottom:		0px;
}
h4 {
	font-size:			12px;
	/*margin-top:			10px;*/
	margin-bottom:		0px;
}
h5 {
	font-size:			12px;
	margin-top:			0;
	margin-bottom:		0px;
	line-height:		15px;
}

img {
	border:				0;
}
p {
	margin:				0;
	margin-bottom:		10px;
}
a,
a:hover,
a:visited {
	color:				#5896D3;
	text-decoration:	underline;
}
a:visited {
	color:				#88C6F3;
}
ul {
	margin:				0;
	margin-left:		4px;
	padding:			0;
	padding-left:		10px;
}
/* end main styles */


/* begin menu styles */
#headermenu {
	height: 			42px;
	background-color:	#a5df00;
}
#mainmenu {
	margin:				0;
	padding:			0;
	padding-left:		10px;
	height:				20px;
	line-height:		20px;
}
#mainmenu li {
	float:				left;
	list-style-type:	none;
	padding-right:		10px;
}
#mainmenu a,
#mainmenu a:hover,
#mainmenu a:visited {
	color:				#00189f;
	text-decoration:	none;
	font-weight:		bold;
	padding:			5px 5px 6px 19px;
	background:			transparent url(/gfx/menu_bullet.png) no-repeat scroll left center;
	font-size:			12px;
}
#mainmenu a:hover
{
	text-decoration:	underline;
}
.submenu{
	position:absolute;
	z-index:999;
}
#leftmenu {

}
#leftmenu li {
	list-style-type:	none;
}
#leftmenu a,
#leftmenu a:hover,
#leftmenu a:visited {
	color:				#505050;
	text-decoration:	none;
}
/* end menu styles */


/* begin banner styles */
.banner {
	text-align:			center;
}
.banner .bannercontent {
	overflow:			hidden;
	border:				1px solid #D4D4D4;
	background-color:	#FFFF88;
	margin:				0 auto;
	padding:			0;
}
.banner1 {
	padding:			20px 0;
}
.banner1 .bannercontent {
	width:				468px;
	height:				60px;
	line-height:		60px;
}
.banner2 {
	padding:			15px 0;
}
.banner2 .bannercontent {
	width:				180px;
	height:				150px;
	line-height:		150px;
}
/* end banner styles */

/* Path */
#path {
	position:			absolute;
	padding-left:		10px;
	color:				#ffffff;
}
#path a {
	color:				#ffffff;
	font-weight:		bold;
}

/* Some global elements */
.price {
	/*background:			transparent url(/gfx/price.png) no-repeat;
	width:				134px;
	height:				58px;*/
	font-weight:		bold;
	font-size:			20px;
	line-height:		54px;
	color:				#00189f;
	text-align:			center;
	margin:				10px 0;
}
#globalchecker {
	float:				right;
	background-color:	#ececec;
	border:				1px solid #5896D3;
	margin:				45px 0 10px 10px;
	padding:			10px;
}
/* Homepage items */
#homepageitems div.itemcontent,
div.article{
	float:				left;
	width:				230px;
	margin: 			0 5px;
	padding:			5px;
	background-color:	#efefef;
}
#homepageitems div:first-child,
div.article:first-child  {
	margin-left:		0;
}
#homepageitems div:last-child,
div.article:last-child {
	margin-right:		0;
}
#homepageitems .textblock {
	height:				180px;
}
#homepageitems .btn_next {
	margin-left:		30px
}

/* News (hostingplans) */
div.article .textblock {
	height:				360px;
}
div.article form {
	margin-bottom:		20px;
}
div.article {
	/*height:				500px;*/
	margin-bottom:		20px;
}
div.article .btn_next_160 {
	margin-left:		30px;
}
div.article .price {
	/*margin-left: 		40px;*/
}



/* Domain checker */
span.red {
	color:				#ff0000;
}
span.orange {
	color:				#ff6600;
}
span.green {
	color:				#a5df00;
}
span.darkgreen {
	color:				#7CA600;
}

div.box {
	border:				1px solid #5896D3;
	padding:			20px;
	margin-bottom:		20px;
}

table.domains th {
	text-align:			left;
}

.package {
	padding:			0 0 0 20px;
}
/* Form elements */
form {
	/*background-color:	#ffffff;*/
}

.btn_next {
	
	border:				0;
	height:				25px;
	color:				#00189f !important;
	font-weight:		bold;
	text-decoration:	none !important;
	line-height:		23px;
	cursor:				pointer;
	padding-bottom:		2px;
	text-align:			left;
	display:			block;
}
.btn_next_160 {
	background:			transparent url(/gfx/btn_next_160.png) no-repeat scroll center;
	width:				160px;
	padding-left:		40px;
}

.btn_next_180 {
	background:			transparent url(/gfx/btn_next_180.png) no-repeat scroll center;
	width:				180px;
	padding-left:		10px;
}
.btn_next_200 {
	background:			transparent url(/gfx/btn_next_200.png) no-repeat scroll center;
	width:				200px;
	padding-left:		10px;
}
.btn_check {
	background:			transparent url(/gfx/btn_info.png) no-repeat scroll center;
	border:				0;
	width:				100px;
	height:				25px;
	color:				#00189f;
	font-weight:		bold;
	cursor:				pointer;
	padding-bottom:		2px;
	padding-left:		18px;
	text-align:			left;
}
.checkout {
	float:				right;
}


.contactform th {
	font-weight:		bold;
	width:				200px;
	vertical-align:		top;
}
.contactform input.input
{
	width:				250px;
}

.contactform textarea {
	width:				400px;
	height:				150px;
}

.errors {
	color:				#ff0000;
	margin:				10px 0;
}