@charset "utf-8";
/* CSS Document */
h1 {
padding: 5 0px;
margin: 0px;
text-align:center;
color:#333;
font-size:1.5em;
}
h2 { color: #005F49; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
h3 { color: #005F49; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#choose_your_clan {
	padding-top:10px;
margin: 0 10 0 10px;
}

#choose_your_clan_header {
	background-image:url(images/clan_pages/images/choose_your_clan_header.png);
	background-repeat:none;
	height:31px;
	padding: 2 0 2 0px;
}
#choose_your_clan_header h2 { 
 	font-size: 19px;
	margin-right:16px;
}


#choose_your_clan_box {
	background-image:url(images/clan_pages/images/choose_your_clan_back.png);
	background-repeat:none;
	height:145px;
	border-bottom: 2px solid #c993c7;
	
	color:black;
}

#choose_your_clan_header #header_1,#choose_your_clan_header #header_2,#choose_your_clan_header #header_3 { 
float:right;
width:311px;
}

#surname {
 background:white none repeat scroll 0 0;
border:1px solid #C993C7;
font-size:13px;
 width:150px;
}

#clan_surname_info {
	
margin-bottom:9px;
/*color: #005F49;
font-weight:bold;
*/


}
#clan_surname,#choose_clan,#choose_tartan {
	height:140px;
	float:right;
	text-align:center;
	overflow-x:hidden;
overflow-y:scroll;
width:311px;
padding-top:5px;
}
#clan_surname{
	


}
#choose_clan{
	
	
	
	font-size:12px;

	
}

#clan_names_left {
width:50%;
float:left;
}

#clan_names_right {


}


#choose_tartan{
	
	color: #666;
	
	
}
#box_1,#box_2,#box_3,#box_4 {
	background-color: grey;
float:right;
width: 223px;
height: 224px;
margin: 0 10 10 0px;
clear:right;
border-bottom: 2px solid #c993c7;
}

#right_box_2,#right_box_3 {

text-align:center;
	
}

#right_box_3{
padding-left: 20px;	
}
.crest_thumb_wrapper { 
margin-left:20px;
width:173px;

}
.crest_thumb {
background-color:white;
border:1px solid grey;
height:120px;
padding-top:5px;
width:120px;
margin-left:auto;
margin-right:auto;
cursor:pointer;
}



.clan_right_box_header {
	background-image:url(images/clan_pages/images/clan_right_box_header.png);
	background-repeat:none;
	height:32px;
	padding-top:9px;
	text-align:center;
}

.clan_right_box_content {
	background-image:url(images/clan_pages/images/clan_right_box_back.png);
	background-repeat:none;
	height:173px;
	padding: 5px;
	color:black;
	font-size:0.85em;
	overflow-y:scroll;
	
}
.clan_right_box_content a {
color: #000 !important;
}
.clan_right_box_content a:hover {
color: #000 !important;
}

#clan_prods {
color:black;
width:685px;
height:945px;
border-top: solid #CCC thin;
border-left: solid #CCC thin;
border-right: solid #CCC thin;

margin-left: 10px;
border-bottom: 2px solid #c993c7;
overflow: auto;
}
#throbber_choose_left {
position: absolute;
left:290px;
top:313px;
z-index:100;
}
#throbber_choose_right {
position: absolute;
left:780px;
top:313px;
z-index:100;
}
#throbber_products {
position: absolute;
left:415px;
top:515px;
z-index:100;
}

#throbber_box_1 {
position: absolute;
left:900px;
top:515px;
z-index:100;
}

#throbber_box_2 {
position: absolute;
left:900px;
top:755px;
z-index:100;
}
#throbber_box_3 {
position: absolute;
left:900px;
top:990px;
z-index:100;
}

#throbber_box_4 {
position: absolute;
left:900px;
top:1235px;
z-index:100;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
 
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
   font-size:11px;
   
}

/*
#surname_choices {
  position:absolute;
  width:229px;
  margin:0;
  padding:0;
  height:105px;
  overflow:auto;
}
*/
#choose_clan ul,#surname_choices ul{
 list-style-type:none;
  margin:0;
  padding:0;
}
#choose_clan li,#surname_choices li { 
 cursor:pointer;
 font-weight:bold;
}

#choose_clan li:hover,#surname_choices li:hover { 
 text-decoration:underline;
}
.clan_prod_base {
	color:black;
	vertical-align:top;
	background-color:#F5F0F9;
	margin-left: 2px;
	margin-right:2px;
	padding-bottom:3px;

}
#clan_prods a {
	
	color: #555555;;
}

#clan_prods_header { 

border-color:#CCCCCC #CCCCCC #C993C7;
border-style:solid;
border-width:thin;
color:black;
padding:5px;
margin-left:10px;
width:675px;

}
#clan_prods_header td {
	color:black;
}
#find_my_clan_button {
position: relative;
top: 5px;

}
#next_step_button {
margin-left:auto;
margin-right:auto;
}
	
#clan_all_button {
text-align:center;	
margin: 5 0 20 0px;
}
.alphacube_message a { 
 color: red;
}
#noclansfound a{
	color: red;
	text-align:center;
	text-decoration:underline;
	
}
#noclansfound {
font-weight:bold;
line-height:1.8;
margin-bottom:20px;
margin-top:20px;
text-align:center;
}

#clan_name_helper{
	margin-top: 10px;
	padding: 5px;
	font-size: 12px;
	color: #53337C;
}

#feedback {
float:right;
font-size: 10px;
margin:1px 9px 15px 0;
color:#666;
}

.group_prod_image {
	
	position:relative;
}

#clan_more_than_one {
	
	font-size: 10px;
	color:#666;
}

.clan_helper,#clan_more_than_one span,#feedback span {
	
cursor:pointer;
}
#clan_name_helper span:hover,#clan_more_than_one span:hover,#feedback span:hover{
text-decoration:underline;	
}

#clan_noclanprods {
margin: 30 0px;
text-align: center;
}

#clan_noclanprods a { 
color: #005F49;
text-decoration:underline;
}


.a_tartan{
margin-bottom: 4px;	
}
.a_tartan img {
border: 1px solid black;
cursor: pointer;
}
#tartanstop{
	color:black;
margin-bottom:4px;	
}
.tartanname{
font-size: 10px;
color:black;
cursor:pointer;
}
.largeTartanHeading{
margin-bottom: 5px;
font-weight: bold;
font-size: 14px;
}


