@charset "utf-8";

@import url("bootstrap.css");
@import url("camera.css");

body {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	line-height: 24px;
	color: #555;
	position: relative;
	font-weight: normal;
	background-color: #fff;
	overflow: scroll;
}

.container.overlay	{
	/* width: 65%; */
	display: none;
}

#container.overlay	{
	/* width: 65%; */
}

.span12.overlay	{
	/* width: 65%; */
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 30px;
	padding: 5px 0 15px 0;
	margin: 0;
	color: #df562c;
}

hr 	{
	margin-bottom: 0px;
}

hr + h5	{
	margin-top: 20px;
}

.clearfix {
	width: 1px;
	height: 1px;
	display: block;
	clear: both;
	content: " , ";
}

.alignleft {
	float: left;
	margin: 0 15px 0 0;
}

.alignright {
	float: right;
}

.float-left	{
	float: left;
}

.float-right	{
	float: right;
}

.text_right {
	text-align: right;
}

.center {
	text-align: center;
}

.padding_top {
	padding-top: 50px;
}

strong {
	color: #333;
}

.vertical-spacer	{
	height: 20px;
}

.button {
	width: auto;
	background-color: #5cb85c;
	border: 0;
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

.button-cancel {
	width: auto;
	background-color: #999;
	border: 0;
	color: #fff;
	border-radius: 3px;
	padding: 10px 20px;
}

ul li {
	list-style: none;
}

.headlineContent {
	border-bottom: 1px solid #df562c;
	margin: 25px 0 15px 0;
	padding: 0;
	text-align: center;
	font-size: 24px;
}
.headlineContent span.tab {
	display: inline-block;
	background-color: #df562c;
	border-radius: 4px 15px 0 0;
	color: #fff;
	padding: 5px 20px;
	text-align: left;
	margin: 0;
}
span.selector {
	margin-right: 20px;
	color: #666;
	text-decoration: underline;
	font-size: 16px;
	font-weight: normal;
}

/************************************************
*****************************  Header Top
************************************************/

.headerTop {
	padding: 15px 0;
}
.headerTop ul {
	margin:0;
}
.headerTop ul li {
	list-style: none;
	float: left;
	margin-right: 25px;
	font-size: 13px;
}
.headerTop ul li i {
	padding: 5px 5px 0 0;
}
#stickyHeader {
	background: #c00;
	position: relative;
	z-index: 999;
	width: 100%;
}

/************************************************
*****************************  Findnames logo
************************************************/

.findnames {
	position: relative;
}

.bg_logo {
	position: absolute;
	background-color: #df562c;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	z-index: 99;
}

.findnames h1 {
	color: #fff;
	z-index: 999;
	position: absolute;
	font-weight: bold;
	padding: 20px 0;
	margin: 0 0 0 18px;
}

.findnames h1 span {
	color: #555;
	margin-left: 15px;
}

/************************************************
*****************************   Main Navigation
************************************************/

nav {
	background-color: #f0f0f0;
	border: 1px solid #bcbbbb;
}

.tinynav {
	display: none
}

.sf-menu {
	margin: 0;
	float: right;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 170px;
	display: none;
}

.sf-menu > li {
	position: relative;
	float: left;
	list-style: none;
}

.sf-menu > li > a {
	text-decoration: none;
	display: block;
	font-size: 15px;
	color: #333;
	padding: 25px 20px;
}

.sf-menu > li > a:hover {
	color: #df562c;
}

.sf-menu > li.current > a {
	border-top: 3px solid #c7602f;
	background: url("../images/arrow_nav.png") no-repeat top center;
	padding: 22px 20px;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: 70px;
	border: 1px solid #ddd;
	border-bottom: none;
	left: -5px;
	z-index: 999;
}

.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em
}

.sf-menu li.current, .sf-menu li:hover, .sf-menu li.sfHover {
	text-decoration: none;
}

.sf-menu li li a {
	display: block;
	margin: 0;
	position: relative;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #777;
	overflow: hidden;
	padding: 12px 15px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #DDD;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a {
	color: #1b1823;
}

.sf-menu li li {
	float: none;
	position: relative;
	border-bottom: 1px solid #fff;
}

.sf-menu li li a:hover {
	background-color: #eee;
	color: #df562c;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 145px;
	top: 0;
}

/* Specific responsive styles
*/

/* mobile device portrait */
@media (max-width: 480px)	{

	.sf-menu > li {
		float: none;
	}

	.sf-menu > li a {
		text-align: center;
	}

	.sf-menu > li.current > a {
		border-top: none;
		border-bottom: 3px solid #c7602f;
		background: url("../images/arrow_nav_up.png") no-repeat bottom center;
	}
	
}

/* tablet portrait */
@media (min-width: 481px) and (max-width: 767px)	{

	.sf-menu > li a {
		font-size: 0.8em;
	}

	.camera_wrap	{
		display: none;
	}
}

/* Domain search */

.search_domain {
	border-bottom: 1px solid #bcbbbb;
	z-index: 999999;
	width: 100%;
}

.search_domain h1 {
	margin: 0;
	padding: 7px 0 7px 10px;
	color: #fff;
	background-color: #DF562C;
	position: relative;
}

.arrow_domain {
	position: relative;
	border-right: 6px solid #df562c;
	width: 245px;
}

.arrow {
	/* background: url("../images/arrowRight.png") center center no-repeat; */
	right: -27px;
	position: absolute;
	top: 0;
	height: 100%;
	width: 30px;
}

#custom-filter	{
	/* width: 100%; */
}

.form_domain {
	padding: 3px 0;
	min-height: 75px;
}
.form_domain span {
	float: left;
	padding: 8px 10px 0 0;
	font-size: 20px;
	font-weight: bold;
}
.form_domain input {
	margin: 0;
	height: 30px;
	width: 100%;
	display: block;
}
.form_domain select {
	height: 36px;
	margin: 0 2%;
	width: 100%;
	display: block;
}

/* tablet portrait */

@media (max-width: 767px)	{

	.form_domain input {
		width: 180px;
		display: inline;
	}

	.form_domain select {
		width: 55px;
		display: inline;
	}
	
}

.form_domain .button {
	padding: 6px 30px;
	height: 32px;
	margin: 0;
	width: auto;
}
.form_domain form {
	margin: 0;
	padding: 0;
}

/* Info Content */

.info_content {
	padding: 50px 0;
	min-height: 300px;
}
.border_top {
	border-top: 1px solid #bcbbbb;
}
.border_right {
	border-right: 1px solid #cdcdcd;
	padding-right: 15px;
}
.shadow_top {
	box-shadow: inset 0px 4px 3px 0px #999;
}
.shadow_height {
	height: 6px;
}
.gray {
	background: #f0f0f0 url("../images/bg.png");
}

/* tld output index.php */

div.tld-activator {
	cursor: pointer;
}

ul.tld-wrapper {
	display: none;
}

.TLDoutput li {
	list-style: none;
	float: left;
	margin: 0 15px 15px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background:url(../images/checkbox.png) no-repeat 4px 4px #fff;
	border-radius: 0.4em;
	width: 130px;
	height: 55px;
}

.TLDoutput li.active_tld {
	background: url(../images/checkbox_checked.png) no-repeat 4px 4px #eee;
}
.TLDoutput li.disabled_tld {
	background: url(../images/checkbox_disabled.png) no-repeat 4px 4px #eee !important;
}
.TLDoutput li input {
	display: none;
}
.TLDoutput li strong {
	margin-left: 25px;
}
.TLDoutput li img {
	float: right;
}
.TLDoutput li p {
	color: #dd0000;
	font-size: 20px;
	margin-top: 10px;
}

.TLDoutput li:hover {
	background-color: #eee;
	cursor: pointer;
}

.euroView {
	color: #555;
	font-size: 23px;
}

.monthView {
	color: #555;
	font-size: 12px;
	text-align: right;
}

/* Featureboxen */

.featureDivs {
	margin-bottom: 40px;
}

.head_feature {
	margin-bottom: 15px;
}

.head_feature h4, h6 {
	padding: 0;
	margin: 0;
}

.head_feature h6 {
	line-height: 20px;
	color: #df562c;
	font-style: italic;
}

/* Footer -------------------------------------*/

.footerBottom {
	background-color: #555;
	color: #fff;
	padding: 15px 0;
}
.footerBottom p {
	margin: 0;
}
.footerBottom ul {
	margin: 0;
}
.footerBottom .nav_footer li {
	list-style: none;
	float: left;
	margin: 0 4% 0 0;
}
.footerBottom .nav_footer li a {
	color: #fff;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}
.footerBottom .nav_footer li a:hover {
	color: #df562c;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.footerBottom .proudly-clouded	{

}

.footerBottom .proudly-clouded a	{
	color: #a1b501;
}

.item_table ul li.noOptions {
	color: #dd0000;
	font-weight: bold;
	text-align: center;
	background: none;
}

.itemTextLeft {
	display: block;
	float: left;
}
.itemTextRight {
	text-align: right;
	display: block;
}
#session-died {
	display: none;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 55px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: 100%;
	background: url("../images/back-top-btn.png") no-repeat left top;
}
#toTopHover {
	background: url("../images/back-top-btn.png") no-repeat left -51px;
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
}
#toTop:active, #toTop:focus {
	outline: none;
}
.section_title h1 {
	background: none repeat scroll 0 0 #DF562C;
	color: #fff;
	float: right;
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	padding: 14px 10px 14px 42px;
	position: relative;
	text-align: left;
	width: 50%;
}
.section_title {
	background-color: #555;
	padding: 30px 0;
}
.arrow_title {
	background: url("/images/arrow_headlines.png") no-repeat scroll 0 0 transparent;
	height: 58px;
	left: -39px;
	position: absolute;
	top: 0;
	width: 39px;
}
.filter-radio {
	/* margin: 15px 340px 0 0; */
	min-height: 55px;
	text-align:right;
	font-size: 12px;
	line-height: 30px;
	vertical-align: middle;
}
.filter-radio select {
	font-size: 12px;
	margin-bottom: 0px;
}
.top-tld {
	margin: 0 0 0 362px;
	background: #ff0;
	height: 30px;
}
.filter-1 {
	margin: 0 0 0 362px;
	background: #f9f;
	height: 30px;
}
.filter-2 {
	margin: 0 0 0 362px;
	background: #0f3;
	height: 30px;
}
.filter-3 {
	margin: 0 0 0 362px;
	background: #f00;
	height: 30px;
}

/*

****************************************** 
******************************************************************************************

*/

#top-container	{
	margin-top: 15px;
	background-color: #efefef;
	border-radius: 0.4em 0.4em 0.4em 0.4em;
	margin-bottom: 55px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
}

#top-container-dc	{
	position: relative;
	/* min-height: 160px; 
	margin-top: 35px; */
	padding-top: 25px;
}

#new-tld-warning	{
	display: none;
	padding: 10px;
	width: 476px;
	/* position: absolute; */
	font-size: 12px;
	line-height: 16px;
}

#new-tld-warning img.warning	{
	float: left;
	margin-right: 8px;
	/* margin-bottom: 8px; */
}
 
#domain-check-resultsOuter {
	display: none;
	border: 1px solid #ddd;
	border-radius: 0.4em 0.4em 0.4em 0.4em;
	margin: 20px 0 0;
	/* width: 476px; */
	background: #fff;
}

#domain-check-results {
	/* margin-top: 15px; */
	padding: 20px;
	/* width: 450px; */
	min-height: 100px;
	background-color: #fff;
}

#domain-check-results li {
	list-style: none;
}

#domain-check-results p {
	background-color: #fff;
	/* width: 450px; */
	min-height: 145px;
	text-align: center;
}

#result-list input.availability-check-result {
	width: auto;
	height: auto;
	margin-right: 6px;
	display: none;
}

.domain-check-result-container {
	padding-left: 30px;
	cursor: pointer;
	background:url(../images/checkbox.png) no-repeat 4px 4px #fff;
}

.domain-check-result-container.checked {
	background:url(../images/checkbox_checked.png) no-repeat 4px 4px #fff;
}

.main-domain {
	background-color: #f3f6c7;
	font-size: 18px;
	line-height: 28px;
	height: 28px;
	margin-bottom: 8px;
}

#domain-order {
	margin-top: 15px;
	display: none;
}

#domain-check-resultsOuter span {
	float: none;
}

span.domain-is-free {
	color: green;
}

span.domain-is-not-free {
	color: red;
}
/*

****************************************** 
******************************************************************************************

*/
 
.onmouseover {
	display: hidden;
}
.form-status-message {
	font-size: 11px;
}
.info {
	color: #ebebeb;
}
.error {
	color: red;
}
.success {
	color: green;
}

#toggle .ui-icon {
	display: none;
}
.item_table {
	border-radius: 4px;
	border: solid 3px #df562c;
	background-color: #fff;
	padding-bottom: 30px;
	margin-bottom: 30px;
	min-height: 350px;
}
.head_table {
	color: #fff;
	background-color: #555;
	position: relative;
	z-index: 9;
	text-align: center;
	margin: 0 0 60px;
}
.head_table h1 {
	color: #fff;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}
.head_table h2 {
	color: #df562c;
	font-size: 30px;
	margin: 0;
	padding: 10px 0 0 0;
}
.head_table h2 span {
	font-size: 14px;
	color: #fff;
}
.head_table h5 {
	margin:0;
	padding: 0;
	color: #fff;
	padding-bottom: 10px;
}
.arrow_table {
	position: absolute;
	z-index: -1;
	background: url("/images/arrow_table.png") no-repeat center;
	bottom: -45px;
	height: 67px;
	width: 45%;
	left: 0;
	margin-left: 27.5%;
}
.item_table .color {
	background-color: #f5f4f4;
}
.item_table ul {
	margin: 0 0 20px;
}
.item_table ul li {
	border-bottom: 1px solid #ddd;
	margin: 0 10px;
	line-height: 30px;
}
/*

****************************************** 
******************************************************************************************

*/
input#orderbutton, .orderbutton {
	width: 400px;
	background: #df562c;
	padding: 8px 14px 10px;
	border: 1px solid #555;
	cursor: pointer;
	font-size: 1.5em;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /* Opera */
	color: #fff;
	-webkit-box-shadow: inset 0px 1px 0px #555, 0px 5px 0px 0px #555, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #555, 0px 5px 0px 0px #555, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #555, 0px 5px 0px 0px #555, 0px 10px 5px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 20px 0 0;
}
input#orderbutton:hover, .orderbutton:hover, input#orderbutton:focus, .orderbutton:focus {
	color: #dfe7ea;
	-webkit-box-shadow: inset 0px 1px 0px #555, 0px 2px 0px 0px #555, 0px 2px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #555, 0px 2px 0px 0px #555, 0px 2px 5px #999;
	box-shadow: inset 0px 1px 0px #555, 0px 2px 0px 0px #555, 0px 2px 5px #999;
}
input[required] {
	border-color: #df562c;
}
input.finalstep {
	width: 240px !important;
}
/*
****************************************** 
******************************************************************************************

orderpages

*/

h4 label {
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	
}

.show-empty-options	{
	display: block;
}

.hide-empty-options	{
	display: none;
}

.span5.right, .span4.left {
	border: 1px solid #ddd;
	border-radius: 0.7em;
	padding: 10px;
}

.span5.right ul, .span4.left ul {
	margin: 0 0 10px;
}

.span5.right ul, .span4.left ul li {
	line-height: 30px;
}

.span5.right {
	/* width: 445px; */
	height: 400px;
}

.span4.left {
	/* width: 350px; */
	min-height: 400px;
}

.rounded-corners	{
	border: 1px solid #ddd;
	border-radius: 0.7em;
	padding: 10px;
}

.order-page.order-step-1 ul.check 	{
	margin-left: 15px;
}

.order-page.order-step-1 ul.check li 	{
	font-size: 14px;
}

.order-page.order-step-1 .basket ul.check li 	{
	font-size: 12px;
}

.noItems	{
	margin-left: 25px;
}

/*

****************************************** 
******************************************************************************************

orderstep-2

*/

.form-switcher	{	
	cursor: pointer;
}

.form-switcher.active-menue	{
	opacity: 1;
}

.form-switcher.inactive-menue	{
	opacity: 0.5;
}

.form-switcher.inactive-menue:hover	{
	opacity: 1;
}

.form-switcher h3	{
	padding-left: 35px;
	background-image: url(/images/tab-arrow.png);
	background-position: left middle;
	background-repeat: no-repeat;
	text-transform: uppercase;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.customer-form.active-menue	{
	display: block;
}

.customer-form.inactive-menue	{
	display: none;
}

#gender option {
	color: black;
}

.empty {
	color: #df562c;
}

#session-id {
	display: none;
}

.mandatory-field {
	border-color: #df562c !important;
}

.TXTmandatory-field {
	color: #df562c;
	font-weight: bold;
}

/*

****************************************** 
******************************************************************************************

orderstep-3

*/

#icon-div	{
	position: absolute;
	top: -10px;
	left: -10px;
	/* z-index: 1000; */
}


/*

****************************************** 
******************************************************************************************

orderstep-final

*/

.final-step ul 	{
	margin-left: 0px;
}

.final-step ul li	{
	margin-left: 0px;
	margin-right: 0px;
}

span.tld-terms a {
	text-decoration: underline;
	color: #000;
}
#new-tld-terms {
	font-size: 12px;
	margin-top: 25px;
}

#order-container	{
	margin-top: 45px;
	background-color: #efefef;
}


/*

****************************************** 
******************************************************************************************

existing domains

*/

.existingDomainFilter	{
}

.exdofi-wrapper	{
	background-color: #efefef;
}

.exdofi-wrapper form.form-filter 	{
	padding: 20px;
}

#existing-domains-filter-text	{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	color: #fff;
	background-color: #555;
	padding: 12px;
	line-height: 1em;
}

.padding-20	{
	padding: 20px;
}

.existing-domains-container	{
	margin-top: 25px;
}

.existingDomains-item {
	position: relative;
	background: none repeat scroll 0 0 #eee;
	height: 240px;
	overflow: hidden;
	float: left;
}

.exdo-wrapper	{
	padding: 10px;
}

.domainname	{
	min-height: 65px;
	overflow: hidden;
	padding-top: 10px;
}

.domainname h4	{
	margin: 0px;
	padding: 0px;
}

.enquiry-top-sticker	{
	position: absolute;
	top: 0px;
	left: 15px;
	font-size: 11px;
}

.enquiry-top-sticker a {
	text-decoration: underline;
}

.existing-domain-description	{
	height: 65px;
	overflow: hidden;
}

.existing-domain-price	{
	font-size: 16px;
}

p.tag-line	{
	font-size: 11px;
}

.bottom-rating	{
	position: absolute;
	bottom: 10px;
	height: 30px;
}

.existing-domains-row	{
	margin-top: 15px;
}

.existingDomains-item:nth-of-type(even){
	background: #cfcfcf;
}

.existingDomains-item:nth-of-type(odd){
	background: #f2f2f2;
}

.existingDomains-item:hover{
	background: #f3f6c7;
}

ul.check 	{
	font-size: 12px;
}

ul.check li {
	background: url("/images/checkOK.png") no-repeat scroll 0 5px transparent;
	line-height: 30px;
	margin: 0 10px;
	padding-left: 20px;
}

#questionMark {
	margin-top:-10px;
}

.ui-tooltip {
	position: absolute;
	display: block;
	padding: 10px;
	background: #fff;
	font-size: 0.9em;
	color: #555;
	z-index: 999;
	border-radius: 4px;
	width: 300px;
	-webkit-box-shadow: 3px 2px 5px #aaa;
	-moz-box-shadow: 3px 2px 5px #aaa;
	box-shadow: 3px 2px 5px #aaa;
}

.row-fluid.withBorder {
	border: 1px solid #DDDDDD;
	border-radius: 0.7em 0.7em 0.7em 0.7em;
	padding: 10px;
	margin: 0 0 10px;
}

.about-us-page .row-fluid.withBorder p {
	margin-left: 200px;
	padding-right: 140px;
}

body.existing-domains-page .fancybox-skin	{
	padding-left: 75px !important;
	padding-right: 75px !important;
}

/*

****************************************** 
******************************************************************************************

contact form

*/

#contact-form div div.float-left:first-child	{
	margin-right: 15px;
}