/* Rows
---------------------------------------------------------- */
div.row{width:100%; overflow:hidden; clear:both; padding-bottom:25px; }

div.row div.col{ padding:0 15px; float:left; }
div.row div.first{ padding-left:0 !important; }
div.row div.last{ padding-right:0 !important; }
div.row div.w_30{ width:290px; }
div.row div.w_40{ width:305px; }
div.row div.marginBottom{ margin-bottom:20px; }
div.row div.w_60{ width:610px; }
div.row div.w_100{ width:100%; }
div.row div.addBorder{ border-top:1px solid #e1f0f5; border-bottom:1px solid #d3e9f0; }
div.row div.setBlueBG{ background:#edf6f9; }
div.row div.defaultPadding{ padding:20px !important; }
div.row div.addPaddingBottom{ padding-bottom:40px !important; }
div.row div.setGradient{ background:#fdfefe url(../images/layout/customer_box_tile.png) repeat-x left bottom; }
div.box div.title{ font-size:22px; }
div.box div.title span{ color:#f7833a; }
div.box div.title.setOrange{ color:#f7833a; }
div.box.noTitle{ padding:23px 0 0; }

.noMarginBottom{ margin-bottom:0 !important; }
.noPaddingBottom{ padding-bottom:0 !important; }
.paddingTopBottom{ padding:20px 0; }

/* Markup
---------------------------------------------------------- */
.markup{ line-height:16px; color:#323232; }
.markup h1{ font-size:22px; color:#2994b8; }
.markup h2{ margin-bottom:10px; font-size:16px; color:#3e3e3e; }
.markup strong{ color:#f7833a; }
.markup p{ margin:10px 0; }
.markup p.highlight{ color:#f7833a; }

	/* table */
	.markup table.centerFields{ text-align:center; }
	.markup table.centerFields th{ text-align:center; }

	.markup table .setRight, .markup table th.setRight{ text-align:right; }
	.markup table{ margin:10px 0; color:#1980a1; width:100%; border:1px solid #cee3ea;}
	.markup table tr td{ padding:5px; border-bottom:1px solid #cee3ea; }
	.markup table tr th{ border-bottom:1px solid #cee3ea; padding:5px; color:#f7833a; font-weight:bold; font-size:14px; }
	.markup table tfoot td{ padding:10px 5px; border-top:1px solid #a2d3e7; background:#effbff; }
	.markup table .style-one{ background:#eef9fd; }
	.markup table .style-two{ background:#dcf2fc; }
	.markup table .style-three{ background:#c7eafa; }

	/* domain */
	.markup p.domain span{ padding:5px 20px; font-weight:bold; font-size:16px; color:#177e9f; background:#d5eef9; }

	/* thumbList */
	.markup ul.thumbList{ margin:10px 0; width:100%; clear:both; overflow:hidden; }
	.markup ul.thumbList li{ margin:0 10px 0 0; float:left; }

table.lines{ border:0; }
table.lines tr td{ padding:10px 5px; color:#313131; border-bottom:0; background:url(../images/layout/black_dots_tile.png) repeat-x left bottom; }

/* Newsletter
---------------------------------------------------------- */
div.newsletter{ color:#FFF; padding:35px 0 0 230px; width:730px; clear:both; margin-bottom:20px; position:relative; height:119px; background:url(../images/layout/newsletter_tile.png) repeat-x 0 0; }

div.newsletter img.left{ position:absolute; left:0; top:-23px;  }
div.newsletter img.right{ position:absolute; right:0; top:-101px; }

div.newsletter form{ float:left; }
div.newsletter h3{ font-size:18px; }
div.newsletter p{ margin-bottom:10px; }
div.newsletter input{ margin:0 5px 0 0; float:left; width:250px; color:#e97429; font-size:11px; padding:4px 8px; background:#FFF; border:0; }
div.newsletter button{ float:left; }

/* table orders */
table.orders{ margin:10px 0 0 0; }
table.orders tr td.title{ background:#effbff; color:#2994b8; font-size:12px; font-weight:bold; }
table.orders tr td.footer{ background:#c6e6f2; color:#0e6985; font-size:12px; font-weight:bold; }
table.orders tr td.subfooter{ background:#e1f2f8; color:#f7833a; font-size:12px; font-weight:bold; }
table.orders tr td{ border-bottom:1px solid #cee3ea; padding:10px 5px; }

/* table orderslijst */
table.orderslijst{ margin:5px 0 0 0; }
table.orderslijst tr td.title{ background:#effbff; color:#2994b8; font-size:11px; font-weight:bold; }
table.orderslijst tr td.footer{ background:#c6e6f2; color:#0e6985; font-size:11px; font-weight:bold; }
table.orderslijst tr td.subfooter{ background:#e1f2f8; color:#f7833a; font-size:12px; font-weight:bold; }
table.orderslijst tr td{ border-bottom:1px solid #cee3ea; padding:5px 2px; }


/* Table */
table .setLeft, table th.setLeft{ text-align:left; }
table .setRight{ text-align:right; }

/* Actions
---------------------------------------------------------- */
ul.list li{ padding:0 0 0 15px; line-height:20px; background:url(../images/layout/orange_arrow.png) no-repeat 0 9px; }

/* Overview
---------------------------------------------------------- */
ul.overview{ padding:10px 0; }
ul.overview li.entry{ color:#313131; }
ul.overview li.entry h2{ color:#f7833a; font-weight:bold; }
ul.overview li.entry p{ margin:0 0 10px; }

/* Navigate
---------------------------------------------------------- */
ul.navigate{ }
ul.navigate li a{ color:#2894b7; text-decoration:none; font-size:14px; }
ul.navigate li{ line-height:22px; padding:0 0 0 17px; background:url(../images/layout/icons/orange_arrow.png) no-repeat 0 8px; }
ul.navigate li.active a{ color:#f7833a; }
ul.navigate li a:hover{ color:#f7833a; }

/* Actions
---------------------------------------------------------- */
ul.actions{ width:100%; clear:both; overflow:hidden; }
ul.actions li.button{}
ul.actions li.button a{ display:block; float:left; text-decoration:none; font-size:12px; color:#FFF; text-transform:uppercase; border:0; padding:3px 5px; background:#f7833a; cursor:pointer;}
ul.actions li.button a:hover{ background:#0f607a; }
ul.actions li.right{ float:right; }
ul.actions li.left{ float:left; }
ul.actions li.more a{ padding:0 0 0 12px; color:#f7833a; background:url(../images/layout/icons/orange_arrow.png) no-repeat 0 6px; }
ul.actions li.more a:hover{ text-decoration:none; }

/* hr */
div.hr hr{ display:none; }
div.hr{ margin:15px 0; height:1px; overflow:hidden; width:100%; clear:both; background:#deedf1; }

/* references box */
div.references{ width:100%; clear:both; overflow:hidden; }
div.references ul li{ padding:0 10px; float:left; }

/* order box */
div.orderBox{ line-height:20px; }
div.orderBox span{ float:right; }
div.orderBox span.left{ float:left; font-weight:bold; }
div.orderBox .orders{ padding:10px 20px;background:#ebf8fd; }
div.orderBox .orders li{ color:#2e2e2e; width:100%; clear:both; overflow:hidden; }
div.orderBox .sum{padding:5px 20px; width:265px; clear:both; overflow:hidden; background:#d7eff7; }
div.orderBox .sum li {  width:265px; clear:both; overflow:hidden; color:#2e2e2e; font-weight:bold; }
div.orderBox .sum li span{ color:#f7833a; }

/* customer box */
div.customer_box{  padding:20px 30px 20px 15px; width:915px; overflow:hidden; margin-bottom:25px; clear:both; border-top:1px solid #e1f0f5; border-bottom:1px solid #d3e9f0; background:#fdfefe url(../images/layout/customer_box_tile.png) repeat-x left bottom; }
div.customer_box h3{ font-size:18px; color:#f7833a; margin-bottom:5px; }
div.customer_box img{ margin:5px 20px 0 0; float:left; }
div.customer_box div.left{ float:left; }
div.customer_box div.right{ width:265px; float:right; }
div.customer_box ul{ clear:both; }

	/* w 30 */
	div.row div.w_40 div.customer_box{ width:265px; }
	div.row div.w_40 div.customer_box img{ margin:0 5px 0 0; }
	div.row div.w_40 div.customer_box h3{ font-size:16px; }
	div.row div.w_40 div.customer_box ul li{ margin-top:5px; }

/* steps */
ul.steps{ padding:10px 0 25px 0; width:100%; clear:both; overflow:hidden; }
ul.steps li{ font-weight:bold; color:#a8a8a8; padding:0 20px 0 0; float:left; margin:0 6px 0 0; background:url(../images/layout/icons/arrow_black.png) no-repeat right center; }
ul.steps li.active{ color:#3e3e3e; }
ul.steps li.last{ margin:0; background:none; }


/* domainResults */
ul.domainResults{ margin:15px 0; border:1px solid #efefef; padding:0 5px; overflow:hidden; clear:both; }
ul.domainResults li{ width:100%; clear:both; overflow:hidden; line-height:30px; color:#2994b8; background:url(../images/layout/gray_dots.png) repeat-x left bottom; }
ul.domainResults li span{ float:left; padding:0 0 0 25px; }
ul.domainResults li.available span{ background:url(../images/layout/available.png) no-repeat 5px center; }
ul.domainResults li.unavailable span{ background:url(../images/layout/unavailable.png) no-repeat 5px center; }
ul.domainResults li.unavailable label{ color:#d7bfaf; }
ul.domainResults li.last{ background:none; }
ul.domainResults li label{ float:right; font-size:14px; color:#f7833a; font-weight:bold; }
ul.domainResults li label input{ float:left; margin:8px 4px 0 0; }

/* hosting packages */
div.hosting_packages.addBorder{ padding:15px 0; border-top:1px solid #deedf1; border-bottom:1px solid #deedf1; }
div.hosting_packages{ width:100%; clear:both; overflow:hidden; }
div.hosting_packages ul li.package{ position:relative; padding:25px 0 25px 90px; width:230px; float:left; }
div.hosting_packages ul li h2{ font-size:20px; }
div.hosting_packages ul li dl{ width:230px; overflow:hidden; padding:10px 0; line-height:23px; }
div.hosting_packages ul li dt{ padding:0 0 0 30px; float:left; width:90px; } /* 40 */
	div.hosting_packages ul li dt.space{ background:url(../images/layout/icons/space.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.transfer{ background:url(../images/layout/icons/transfer.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.directadmin{ background:url(../images/layout/icons/directadmin.gif) no-repeat 0 center; }
	div.hosting_packages ul li dt.yes{ background:url(../images/layout/icons/ja.gif) no-repeat 0 center; }
	div.hosting_packages ul li dt.config{ background:url(../images/layout/icons/blue_config.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.databases{ background:url(../images/layout/icons/databases.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.ftp{ background:url(../images/layout/icons/ftp.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.email{ background:url(../images/layout/icons/email.png) no-repeat 0 center; }
	div.hosting_packages ul li dt.price{ text-indent:-9000px; padding:0; height:60px; width:61px; position:absolute; left:16px; top:0; background:url(../images/layout/icons/badge.png) no-repeat 0 0; }
	div.hosting_packages ul li dd.price{ line-height:12px; width:46px; text-align:center; top:20px; position:absolute; left:23px; color:#1f1f1f; font-size:11px; }
	div.hosting_packages ul li dd.price em{ font-style:normal; color:#FFF; font-size:14px; }
	div.hosting_packages ul li dd{ color:#f7833a; font-weight:bold; float:left; width:110px; }
	div.hosting_packages ul li.selection{ margin-right:18px; }
	div.hosting_packages ul li.selection input{ margin-top:4px; }