.showtemplates {
	height: 2000px;
/*	background:url(../images/template.jpg) no-repeat scroll left 0; */
/*	background:url(bp/src/grid.png) repeat scroll left 0;	 */
	background:url(../images/purchaseform.jpg) no-repeat scroll left 0;
	}

body {
	background: url(../images/background.gif) repeat-x left top;
	behavior: url("csshover3.htc");
	color: #555;
	}

/*-- = General Type Styles --*/

h1, h2, h3, h4, h5, h6 {
	color: #414141;
	}
	
a:link,
a:visited {
	color: #57619c;
	}

a:hover {
	color:#dc8227;
	}

a:hover .your {
	color: #2c3970;
	}

a:hover .brands,
a:hover .suffix {
	color: #ed1a24;
	}
	

h1, h2, h3 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	}
	
	
.smallText {
	font-size: 10px;
	color: #57619c;
	}

.letter {
	font-size: 20px;
	font-weight: bold;
	color: #917e62;
	vertical-align: -1px;
	}

.asterisk {
	color: #ed1a24;
	}
	
.hidden {
	visibility: none;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}

/*-- =Colours --*/

.yb_red,
.your {
	color: #ed1a24;
	}

.yb_gold,
.brands {
	color: #dc8227;
	}
	
.yb_blue,
.ca {
	color: #57619c;
	}
	
.yb_tan {
	color: #a18d70;
	}

.yb_darktan {
	color: #A18D70;
	}
	
.yb_lighttan {
	color: #ece8e2;
	}
	
.yb_deepblue {
	color: #2c3970;
	}
	

/*-- =General Structure & elements--*/

#header {
	height: 107px;
	}
	
#sidebar {
	margin-top: 100px;
	width: 200px;
	height: 600px;
	margin-left: 10px;
	border: 1px solid #A18D70;
	background-color: #ece8e2;
	text-align: left;
	}	
	
.formbox {
	height: 94px;
	width: 225px;
	padding: 7px 0 0 12px;
	background: url(../images/formbox_background.gif) repeat-x top left;
	position: relative;
	z-index: -1;
	}
	
.formbox h3 {
	color: #57619c;
	font-size: 15px !important;
	font-weight: bold;
	margin: 0 0 -1px 0 !important;
	position: relative;
	z-index: 10;
	}
	
.formbox p {
	width: 210px;
	font-size: 11px;
	line-height: 14px;
	position: relative;
	z-index: 10px;
	}	
	
.over {
	z-index: 888;
	border: 1px solid green
	position: relative;
	}
	
#branding {
	width: 460px;
	float: left;
	}
	
#branding h1 {
	margin: 18px 0 0 30px;
	}
	
#branding #tagline {
	}
	
#shoppingcart_button {
	float: right;
	width: 190px;
	height: 35px;
	}	

#shoppingcart_button a:link,
#shoppingcart_button a:visited {
	display: block;
	width: 190px;
	height: 35px;	
	background: url(../images/shopping_cart_button.gif) no-repeat left 0px;
	}

#shoppingcart_button a:hover {
	background: url(../images/shopping_cart_button.gif) no-repeat left -35px;
	}

#header #shoppingcart_button {
	margin: 50px 40px 0 0;
	}


/* -- = Navigation Start -- */

.navigation {
	width: auto;
	text-align: center;
	}

.tabs {
	list-style:none; 
	padding:0 0 0 30px; 
	margin:0 auto 0 auto; 
	height:37px; 
	background-color: transparent; 
	}
	
.tabs li {
	display:block; 
	float:left; 
	margin:0 -29px -1px 0;
	background-color: transparent;
	}
	
.tabs li a {
	display:block; 
	text-decoration:none; 
	position:relative;
	background: transparent url(tabs/m.gif) no-repeat 100px 100px;
	}

.tabs li a b.p1 {
	display:block; 
	width:34px; 
	height:38px; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat left top; 
	float:left;
	}
	
.tabs li a b.p2 {
	display:block; 
	height:38px; 
	padding:0 10px; 
	background: transparent url(tabs/m.gif) repeat-x left top; 
	float:left; 
	text-align:center; 
	line-height:44px; 
	color:#777065; 
	font-weight:bold; 
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	font-size:14px;
	text-transform: capitalize;
	}


.tabs li a b.p3 {
	display:block; 
	width:34px; 
	height:38px; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat right top; 
	float:left; 
	position:relative; 
	z-index:100;
	}

.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active {
	border:0; 
	z-index:700;
	}


.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1 {
	position:relative; 
	z-index:100; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat left bottom; 
	cursor:pointer;
	}

.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2 {
	position:relative; 
	z-index:100; 
	background: transparent url(tabs/m.gif) repeat-x left bottom; 
	color:#000; 
	cursor:pointer;
	}

.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3 {
	position:relative; 
	z-index:100; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat right bottom; 
	cursor:pointer;
	}

.tabs li a.selected {z-index:800;}

.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1 {
	position:relative; 
	z-index:200; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat left bottom; 
	cursor:default;
	}

.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2 {
	position:relative; 
	z-index:200; 
	background: transparent url(tabs/m.gif) repeat-x left bottom; 
	color:#fff; 
	cursor:default;
	}

.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3 {
	position:relative; 
	z-index:200; 
	background: transparent url(tabs/tab_sprite.gif) no-repeat right bottom; 
	cursor:default;
	}

/* -- Navigation end --*/

/*-- =Content begin -- */

	
#content {
	
	}	
	
#searchbox {
	float: left;
	width: 513px;
	height: 138px;
	margin: 52px 0 0 40px;
	padding: 11px 0 0 42px;
	background: url(../images/form_box_background.gif) repeat-x right top;
	border: 1px solid #e3ddd4;
	}
	
#searchbox h1 {
	color: #dc8227;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	}
#searchbox h2 {
	color: #435089;
	font-size: 16px;
	margin: 3px 0 3px 0;
	}

#searchbox form {
	margin: 0;
	}
	
#searchbox .searchInput {
	margin: 2px 0 4px 0;
	float: left;
	height: 23px;
	}
	
input, select {
	font-size: 14px;
	vertical-align:middle;
	line-height: 21px;
	}
	
#searchbox #keywordsMainSearch {
	padding: 5px 3px 0 3px;
	}

#searchbox .button {
	margin: 0 0 0 10px;
	}
	
#searchbox .smallText {
	margin: 8px 0 0 2px;
	color: #435089;
	clear: both;
	}
	
#searchbox .advanced_link {
	font-size: 11px;
	margin-left: 28px;
	}



#frontpage_promo {
	margin: 0;
	float: right;
	width: 300px;
	height: 420px;
	background: transparent url(../images/promo_front.jpg) no-repeat right bottom;
	display: inline;
	}
	
#frontpage_promo h3 {
	float: left;
	margin: 107px 0 0 0px;
	font-size: 18px;
	color: #57619c;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: -.01em;
	}

#frontpage_testimonial {
	float: left;
	margin: 21px 0 0 42px;
		color: #57619c;
	}
	
#frontpage_testimonial h3 {
	font-size: 18px;
	font-weight: bold;
	color: #57619c;
	margin-bottom: 8px;
	}
	
#frontpage_testimonial p {
	font-size: 18px;
	line-height: 28px;
	}




#bigbox {
	padding: 0;
	width: 891px;
	margin: 0 0 0 34px;
	background: url(../images/bigboxbackground.gif) repeat-y left top;
	clear: both;
	}

#bigbox #top {
	height: 164px;
	padding: 10px 0;
	margin: 0 6px 0 6px;
	background: url(../images/boxtop.gif) repeat-x left top;
	}

#bigbox h2 {
	margin: 20px 0 0 10px;
	color: #a18d70;
	font-family:Times;
	font-weight: normal;
	font-size: 30px;
	}
	
#bigbox #leaf {
	float: left;
	margin: 9px 5px 0 30px;
	overflow: visable;
	}

/*-- Content end -- */


/* -- =Footer begin --*/
	
#footer {
	text-align: center;
	}
	
#footer .navigation .tabs,
#footer .navigation ul.tabs,
#footer .navigation ul.tabs li,
#footer .navigation ul.tabs li a,
#footer .navigation ul.tabs b.p1, 
#footer .navigation ul.tabs b.p2, 
#footer .navigation ul.tabs b.p3 {
	float: none;
	background: none;
	width: auto;
	height: auto;
	display: inline;
	border: none;
	list-style: none;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	}

#footer .navigation ul.tabs {
	margin: 1em auto;
	font-weight: normal;
	display: inline;
		font-size: 9px;
	}

#footer .navigation ul.tabs li {
	margin: 0 1em;
	display: inline;
	}


#footer .tabs li a b.p2 {
	font-size: 10px;
	}

#footer .navigation ul.tabs li a.selected,
#footer .tabs li a.selected b.p2, 
#footer .tabs li a.selected:hover b.p2, 
#footer .tabs li a.selected:active b.p2 {
	color: #222;
	}

#footer a:hover {
	color: #57619c;
	text-decoration: underline;
	}


#footer #copyright {
	clear: both;
	font-size: 9px;
	}


/*-- Lander Pages -- */

#header.lander {
	height: 200px;
	}

.lander .domain_name {
	margin-top: 38px;
	}
	
.lander .domain_name h1 {
	color: #DC8127;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 32px;
	}
	
.lander .domain_name .suffix {
	color: #ED1A24;
	}
	
#content.lander {
	}
	
.lander h2 {
	text-align: center;
	}
	
#landersidebar {

	}


	
/*--- = Buy a domain form -- */

.form {
	margin-top: 56px;
	}
	
#purchase h3 {
	font-size: 16px;
	margin-bottom: 1em;
	color: #57619c;
	font-weight: bold;
	}
	
#purchase h3.title {
	font-size: 24px;
	margin-bottom: 1em;
	color: #57619c;
	font-weight: normal;
	}	
	
#purchase h2 {
	font-weight: bold;
	font-size: 21px;
	color: #57619c;
	margin-bottom: 17px;
	}
	
ol.purchase_steps {
	margin: 0 0 1em;
	padding: 0;
	}
	
ol.purchase_steps li {
	display: inline;
	height: 36px;
	width: 195px;
	min-width: 195px;
	margin-right: 5px;
  	background-color: #e3ddd4;
  	color: #8f7c61;
  	font-size: 13px;
  	padding: 10px 15px 10px 10px;
}

ol.purchase_steps li .number  {
	font-size: 19px;
	font-weight: bold;
	vertical-align: -2px;
	}
	
ol.purchase_steps li.active {
	background-color: #cccfe1;
	color: black;
	}
	
ol.purchase_steps li.active .number {
	color: #ed1a24;
	}
		
#online_purchase {
	padding-top: 8px;
	float: left;
	display: inline;
	}
		
#phone_purchase {
	float: right;
	display: inline;
	}
	
#or {
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	color: #555;
	display: inline;
	}
	
#online_purchase .icon {
	float: right;
	background: transparent url(../images/arrow_icon.gif)  no-repeat top left;
	height: 71px;
	width: 46px;
	position: absolute;
	right: 20px;
	top: 10px;
	}
	
#phone_purchase .icon {
	float: right;
	background: transparent url(../images/phone_icon.gif)  no-repeat top left;
	height: 68px;
	width: 99px;
	position: absolute;
	right: 10px;
	top: 10px;
	}	
		
#purchase label {
	color: #57619c;
	font-size: 11px;
	}
	
#purchase input.text, #purchase input.title {
	padding:5px;
	width:241px;
	background-color: #fbfaf9;
	}	
	
.table_row {
	width: 255px;
	}
	
.table_row_full {
	width: 550px;
	}

.table_row_full input.text {
	width: 536px !important;
	}

.checkbox_horz_list,
.radio_horz_list {
	clear: both;
	}
	
ol.checkbox_horz_list,
ol.radio_horz_list {
	margin-left: 0px;
	font-size: 14px;
	}

ol.checkbox_horz_list li,
ol.radio_horz_list li {
	display: inline;
	margin: 3px 10px;
	font-size: 14px;
	}

ol.checkbox_horz_list dt,
ol.radio_horz_list dt {
	color: #57619c;
	font-weight:bold;
	font-size: 16px !important;
	}

ol.checkbox_horz_list li label,
ol.radio_horz_list li  label{
	vertical-align:-3px;
	margin: 0 2px;
	font-size: 13px !important;
	}



a.button {
	background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
	color: #a18d70;
	display: block;
	float: left;
	font: Bold 14px Helvetic, arial, sans-serif;
	height: 35px;
	margin-right: 6px;
	padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url('../images/bg_button_span.gif') no-repeat;
	display: block;
	line-height: 25px;
	padding: 5px 0 5px 20px;
}

a.button:hover {
	color: #7c6b50;
	}

a.button:active {
	background-position: bottom right;
	color: #fff;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 5px 0 5px 20px; /* push text down 1px */
}


