@charset "iso-8859-1";

ul, li, ol, dd, dt, dl, p, img, table, tr, th, td, body, html, div, h1, h2, h3, h4{
	margin:0;
	padding:0;
}

/*---General---*/

html, body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	background:#D6D6D6;
}
	
.wrapper{
	width:1000px;
	background:#FFF url(/images/bakgrounds/shop.gif) top center no-repeat;
	margin:0 auto;
}

h1, h2, h3, h4, th{
	font-family:Arial, Helvetica, sans-serif;
	}
	h1{
	font-size:15px;
	margin-bottom:10px;
	}
	h1.mid{
	margin-top:20px;
	}
	h2{
	font-size:11px;
	}
	h2.green{
	color:#66C60A;
	font-size:15px;
	margin-bottom:10px;
	}
	h3{
	font-size:15px;
	margin-bottom:10px;
	}
	h3 span{
	color:#999;
	font-size:12px;
	}
	h3 a{
	color:#66C60A;
	text-decoration:none;
	}
	h3 a:hover{
	color:#000000;
	}

p{
	margin-bottom:10px;
	}
	p span{
	color:#999;
	}
	p.green{
	color:#66C60A;
	}
	
a{
	color:#000;
	}
	a img{
	border:0;
	}
	a:hover{
	color:#66C60A;
	}
	a:hover span{
	color:#66C60A;
	}

.clear, .clear_left{
	clear:both!important;
	float:none!important;
	font-size:1px!important;
	line-height:1px!important;
	height:1px!important;
	}
	.clear_left{
	clear:left!important;
	}
	.error{
	/*font-weight:bold;*/
	color:#E10027!important;
	}
	.g_error{
	/*font-weight:bold;*/
	color:#66C60A!important;
	}

ol{
	margin-bottom:10px;
	}
	ol li{
	margin:0px 0px 10px 25px;
	}

table{
	border-collapse:collapse;
	}
	th{
	font-size:15px;
	margin-bottom:10px;
	color:#B3B3B3;
	text-align:left;
	width:160px;
	padding:0px 7px 15px 0px;
	border-bottom:1px solid #CCC;
	}
	td{
	padding:15px 0px;
	vertical-align:top;
	border-bottom:1px solid #CCC;
	}
	th.table_half, td.table_half{
	width:76px;
	}
	th.table_wide{
	padding-right:90px;
	}
	td.table_empty{
	border-bottom:none;
	}

form input, form select{
	font-size:11px;
}

/*---Top---*/

.info_menu{
	text-align:center;
	color:#999999;
	font-size:10px;
	padding:5px 0px;
	}
	.info_menu a{
	color:#999999;
	text-decoration:none;
	}
	.info_menu a:hover{
	text-decoration:underline;
	}
	.info_menu a.basket{
	color:#66C60A;
	}

.logo{
	text-align:center;
	margin:32px auto 0 auto;
	}
	.logo, .logo h2, .logo h2 a{
	display:block;
	height:22px;
	width:152px;
	color:#66C60A;
	}
	.logo h2 a{
	color:#66C60A;
	background:url(/images/rayrose_logo.png) top left no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	behavior:url(/cssjs/iepngfix.htc);
	}

/*---Main Menu---*/

.main_menu{
	margin:39px auto 0 auto;
	width:669px;
	height:36px;
	}
	.main_menu li{
	float:left;
	margin-right:42px;
	list-style:none;
	}
	.main_menu li#main_menu_last{
	margin-right:0px;
	}
	.main_menu li a{
	display:block;
	height:36px;
	text-indent:-9000px;
	overflow:hidden;
	behavior:url(/cssjs/iepngfix.htc);
	}
	.main_menu li.main_menu_home, .main_menu li.main_menu_home a{width:58px;}
	.main_menu li.main_menu_home a{background:url(/images/menu_off/home.png) top left no-repeat;}
	.main_menu li.main_menu_home a:hover{background:url(/images/menu_over/home.png);}
	.main_menu li.main_menu_home a.main_menu_selected{background:url(/images/menu_on/home.png);}
	
	.main_menu li.main_menu_shop, .main_menu li.main_menu_shop a{width:166px;}
	.main_menu li.main_menu_shop a{background:url(/images/menu_off/shop.png) top left no-repeat;}
	.main_menu li.main_menu_shop a:hover{background:url(/images/menu_over/shop.png);}
	.main_menu li.main_menu_shop a.main_menu_selected{background:url(/images/menu_on/shop.png);}
	
	.main_menu li.main_menu_guide, .main_menu li.main_menu_guide a{width:60px;}
	.main_menu li.main_menu_guide a{background:url(/images/menu_off/guide.png) top left no-repeat;}
	.main_menu li.main_menu_guide a:hover{background:url(/images/menu_over/guide.png);}
	.main_menu li.main_menu_guide a.main_menu_selected{background:url(/images/menu_on/guide.png);}
	
	.main_menu li.main_menu_personalities, .main_menu li.main_menu_personalities a{width:138px;}
	.main_menu li.main_menu_personalities a{background:url(/images/menu_off/personalities.png) top left no-repeat;}
	.main_menu li.main_menu_personalities a:hover{background:url(/images/menu_over/personalities.png);}
	.main_menu li.main_menu_personalities a.main_menu_selected{background:url(/images/menu_on/personalities.png);}
	
	.main_menu li.main_menu_contact, .main_menu li.main_menu_contact a{width:79px;}
	.main_menu li.main_menu_contact a{background:url(/images/menu_off/contact.png) top left no-repeat;}
	.main_menu li.main_menu_contact a:hover{background:url(/images/menu_over/contact.png);}
	.main_menu li.main_menu_contact a.main_menu_selected{background:url(/images/menu_on/contact.png);}


/*---Content---*/

.content{
	width:669px;
	margin:0 auto;
	padding-bottom:40px;
	}
	.right_col{
	width:313px;
	margin-right:21px;
	float:left;
	/*padding-bottom:40px;*/
	}
	.min_height{
	float:right;
	height:526px;
	width:1px;
	font-size:1px;
	}
	.left_col{
	width:334px;
	float:left;
	/*padding-bottom:40px;*/
	}

/*---Sub Menu---*/

.sub_menu{
	margin:0px 0px 36px 0px;
	padding-top:20px;
	height:23px;
}



.sub_menu li{
	float:left;
	margin-left:17px; /*supposed to be 20px but changed so that menu fits for the moment!*/
	list-style:none;
	display:inline;
	}
	.sub_menu li#sub_menu_first{
	margin-left:0px;
	}
	.sub_menu li a{
	color:#000;
	display:block;
	text-decoration:none;
	padding-bottom:9px;
	}
	.sub_menu li a:hover{
	padding-bottom:6px;
	border-bottom:3px solid #000;
	}
	.sub_menu li a.sub_menu_selected{
	padding-bottom:6px;
	border-bottom:3px solid #66C60A;
	color:#66C60A;
	}
	
	

/*---Sections---*/

#home{
	background:#FFF url(/images/bakgrounds/home.jpg) top center no-repeat;
	}
	#home .content_text p{
	color:#5B2719;
	}
	#guide{
	background:#FFF url(/images/bakgrounds/guide.gif) top center no-repeat;
	}
	/*#shop{
	background:#FFF url(/images/bakgrounds/shop.gif) top center no-repeat;
	}*/
	#personalities{
	background:#FFF url(/images/bakgrounds/personalities.gif) top center no-repeat;
	}
	#personalities p{
	color:#304C05;
	}
	#contact{
	background:#FFF url(/images/bakgrounds/contact.jpg) top center no-repeat;
	}
	#contact p{
	color:#510517;
	line-height:1.3em;
	}
	#contact h3{
	margin-bottom:0px;
	}
	.contact{
	width:165px;
	float:left;
	}
	#reseller_info{
	background:#FFF url(/images/bakgrounds/reseller_info.jpg) top center no-repeat;
	}


/*---Shop---*/

.shop_box{
	float:left;
	/*width:160px;*/
	/*height:117px;*/
	padding-right:5px;
	}
	.shop_box img{
	border:1px solid #CCC;
	}
	.shop_box a span.img{
	display:block;
	width:160px;
	height:117px;
	margin-right:7px;
	float:left;
	}
	.shop_box a{
	text-decoration:none;
	}
	.shop_box h1{
	margin-bottom:0px;
	}
	.shop_box a h2{
	color:#999;
	margin-top:0px;
	font-size:12px;
	}
	.shop_box a:hover h2{
	color:#66C60A;
	}
	.shop_box p{
	margin-top:5px;
	}
	.shop_box .info{
	float:left;
	width:155px;
	display:block;
	}
	

.quality_banner{
	margin-bottom:36px;
	}
	
.shop_front .shop_box{
	height:165px;
	}
	.shop_front .shop_box img{
	margin-bottom:12px;
	}

.shop_section .shop_box{
	width:327px;
	}
	.shop_section .shop_box img{
	float:left;
	margin-right:7px;
	}
	.shop_section .shop_box a h3{
	color:#66C60A;
	}
	.shop_section .shop_box a:hover h3{
	text-decoration:underline;
	}
	
	
	.prod_image{
	width:480px;
	float:left;
	padding-right:21px;
	}
	.prod_image img{
	border:1px solid #CCC;
	}
	.prod_image .prod_sub_images img{
	margin:0px;
	padding:0px;
	float:left;
	border-top:none;
	border-right:none;
	}
	.prod_image .prod_sub_images img.prod_sub_images_last{
	border-right:1px solid #CCC;
	}
	.prod_options{
	width:160px;
	float:left;
	padding-right:7px;
	}
	.prod_box{
	margin-bottom:20px;
	}
	.prod_box li{
	/*margin-left:15px;*/
	margin-bottom:10px;
	/*list-style:square;*/
	}
	.prod_box a{
	text-decoration:none;
	}
	.prod_box a:hover, .prod_box a.prod_selected{
	color:#66C60A;
	}
	.prod_box label{
	display:block;
	float:left;
	width:40px;
	line-height:18px;
	}


/*---Guide---*/

table.heal_guide th, table.heal_guide td{
	font-size:11px;
	color:#999;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:7px 0px;
	width:auto;
	border-bottom:none;
	border-top:1px solid #CCC;
	}
	table.heal_guide th{
	padding:7px 10px;
	}
	table.heal_guide td{
	width:34px;
	text-align:center;
	border-left:1px solid #CCC;
	}
	table.heal_guide tr.uk_sizes td, table.heal_guide tr.uk_sizes th{
	border-top:none;
	color:#66C60A;
	}

.half_text{
	width:328px;
	margin-right:10px;
	}
	.heel_guide .half_text{
	float:left;
	background:#09F;
	}
	.heel_guide img{
	float:left;
	border:1px solid #CCC;
	margin-bottom:20px;
	}
	.heel_guide{
	margin-bottom:20px;
	}
	.heel_guide h1{
	clear:left;
	}
	
/*.list_text{
	float:left;
	}
	.list_text img{
	float:left;
	border:1px solid #CCC;
	margin-bottom:20px;
	}*/


/*---Basket and Checkout---*/

th.image_title{
	text-indent:-9000px;
	overflow:hidden;
	}
	h1.checkout_title{
	font-size:24px;
	color:#66C60A;
	margin:0px;
	/*text-indent:-9000px;
	overflow:hidden;
	background:url(/images/basket.gif) no-repeat left;*/
	}
	.total_cost{
	color:#66C60A;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.imageLine{
	float:left;
	margin-right:0px;
	width:169px;
	}
	.imageLine img{
	border:1px solid #CCC;
	}
	.productName a{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	margin:0px 10px 5px 0px;
	width:230px;
	}
	.productName span{
	color:#999;
	}
	.quantity{
	float:right;
	width:76px;
	margin:0px 7px 5px 0px;
	}
	.removeButton{
	float:left;
	}
	.productName{
	margin:0px 10px 5px 0px;
	width:230px;
	float:left;
	}
	.price{
	margin-top:3px;
	}

a.left_button, a.right_button, a.button{
	display:block;
	padding:2px 7px;
	background:#66C60A;
	color:#FFF;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin-top:20px;
	}
	a:hover.left_button, a:hover.right_button, a:hover.button{
	background-color:#000;
	color:#FFF;
	}
	a.left_button{
	float:left;
	}
	a.right_button{
	float:right;
	}
	
/*---Checkout---*/

.checkout{
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:15px 0px 10px 0px;
	margin:30px 0px 0px 0px;
	}
	.checkout label{
	float:left;
	display:block;
	line-height:18px;
	padding-right:15px;
	}
	.checkout_col{
	float:left;
	width:260px;
	}
	.checkout_col label, .checkout_col .label{
	display:block;
	float:left;
	width:95px;
	padding-right:0px;
	color:#000;
	}
	div.checkout_col_last{
	width:140px;
	float:left;
	}
	.checkout_col_last label{
	float:none;
	display:inline;
	}
	.checkout_col table, .checkout_col td, .checkout_table table, .checkout_table td{
	border:none;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	}
	.checkout .input_text{
	width:130px;
	}
	
	#checkout_3{
	margin-bottom:40px;
	}
	
	.payment_message{
	text-align:right;
	margin:20px 0px 0px 0px;
	}
	
	.table_total_small h3{
	/*font-size:12px;*/
	color:#999;
	font-weight:normal;
	}
	.table_total_small .total_cost{
	/*font-size:12px;*/
	font-weight:normal;
	}
	

/*---Contact Form---*/


.contact_form div{
	clear:left;
	padding-top:5px;
	}	
	.contact_form p, .contact_form h3{
	margin:0;
	padding:10px 0px 0px 0px;
	clear:left;
	}
	.contact_form h3{
	padding:20px 0px 5px 0px;
	}
	.contact_form .long_question{
	color:#999;
	padding:15px 0px 5px 0px;
	}
	.contact_form input[type=hidden]{
	display:none;
	}
	
.contact_form label, .contact_form .contact_question{
	display:block;
	float:left;
	width:105px;
	margin:0px 10px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	.contact_form input.input_text, .contact_form textarea{
	display:block;
	float:left;
	width:205px;
	padding:4px;
	border:1px solid #CCC;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	}
	.contact_form textarea{
	height:150px;
	}
	
.contact_form input.input_checkbox{
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	}
	.contact_form input[type=checkbox]{
	margin-top:5px;
	}
	
.contact_form .input_first{
	padding-bottom:10px;
	}
	.contact_form .input_first label{
	width:170px;
	}
	.contact_form .input_single input{
	margin-left:115px;
	}

.contact_form .contact_answer{
	clear:none;
	float:left;
	padding:0;
	margin:0;
	width:205px;
	}
	.contact_form .contact_answer p{
	margin:0;
	padding:5px 0px 0px 0px;
	}
	.contact_form .contact_answer .contact_first{
	padding:0;
	}
	.contact_form .contact_answer .input_text{
	margin-top:10px;
	}
	
	
.contact_form .verify img{
	float:left;
	margin:1px 0px 0px 0px;
	}
	.contact_form .verify input{
	width:51px;
	}

