@import "reset.css";
@import "navigation.css";
@import "text_editor.css";


/*-------------------------------------
typography that the text editor doesn't need to see
-------------------------------------*/

.error {
color:#A9204C;
}

strong { font-weight: bold; }


/*-------------------------------------
wrapper to centre pages
-------------------------------------*/
#wrapper{
	position:relative;
	width:787px;
	margin:0px auto 0px auto;
}

/*-------------------------------------
position main elements in wrapper
-------------------------------------*/
#image_wrapper {
	top:0px;
	margin-left:587px;
}

#member_info
{
	float:left;
	margin-top:15px;
}

#contact_details
{
	float:left;
	clear:left;
	margin-top:40px;
}

.navigation_header{
	clear:both;
	/* two rules to make drop down appear on top of the content div */
	position:relative;
	z-index:2;
}

#content {
	position:relative;
	border:1px solid #CCCCCC;
	background-repeat:no-repeat;
	background-position:top right;
	z-index:1;
	min-height:400px;
	padding-bottom:70px;
}

* html #content{
	height:400px;
}

#body_text{
	width:510px;
	padding:210px 0px 10px 11px;
	min-height:300px;
	float:left;
}

#side_menu{
	padding-left:10px;
	float:right;
	width:150px;
}

#side_menu a{
	color: #656058;
	text-decoration:none;	
}

/*only IE 6 sees this rule */
* html #body_text{
	height:300px;
}

#member_button {
	bottom:0px;
	position:absolute;
	right:0px;
}



#footer_nav{
	float:left;
	margin:10px 0px 14px 0px;
	width:450px;
}

#footer_nav a{
	margin:4px;
	text-decoration:none;
}

#search {
	width:220px;
	float:right;
	margin-top:10px;
}

#address{
padding:24px 0px 0px 6px;
	float:left;
	width:373px
}

#associations{	
	float:right;
	width:280px;
	text-align:right;
	margin:15px 30px 0px 0px;
}
#associations a
{
	float: right;
}

#footer_links {
	margin:30px 0px;
	text-align:center;
	padding:4px;
	line-height:18px;
	
}

#footer_links a{
text-decoration:none;
}

#footer_links a:hover{
	text-decoration:underline;
}


/*------------------------------------------------------
Index
-------------------------------------------------------*/

#index_sponsorship img{
vertical-align:top;
}


/*------------------------------------------------------
Shop Menu
-------------------------------------------------------*/


.boutique_menu_selected {
	color:#a41d49!important;
	background-image:url(/cms_files/85/forward_bullet_small.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	
}

.boutique_menu li {
padding-left:7px;
}

.boutique_menu_selected a{
color:#a41d49!important;
}


/*------------------------------------------------------
Category page CSS
-------------------------------------------------------*/


.category_product_image {
	float:left;
	margin-bottom:10px;
	border:1px solid #3A3A3A;
}

.category_info_container {
	float:left;
	width:150px;
	height:190px;	
	margin:10px 10px 40px;
}

.category_product_title {	
	margin-bottom:3px;
	text-decoration:none;
}


.category_info_button {
	float:right;
	width:30px;
	float:right;
	vertical-align:top;
}

.category_info_button a {
	background-image:url(/cms_files/85/forward_bullet_small.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:9px;
}	


.category_buy_button a {
	background-image:url(/cms_files/85/back_bullet_small.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:9px;
	
}	

.category_buy_button {	
	width:120px;
	float:left;
	vertical-align:top;
}

.border_lines {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	padding-top:3px;
	height:17px;
	width:150px;
}

/*------------------------------------------------------
Product page CSS
-------------------------------------------------------*/

.product_view_basket{
	float:right;
	margin-bottom:15px;
}

.product_image {
	float:left;
	margin-bottom:10px;
	border:1px solid #3A3A3A;
}

.product_info_container {
	float:right;
	width:300px;
	padding-top:40px;
}

.product_buy_button {
	float:right;
	width:50px;
}


.product_title {
	margin-top:45px;
	clear:both;
}

.product_price{
	margin-bottom:20px;
	color:#A51D4B;
	width:200px;
	float:left;	
	font-size:14px;
	font-weight:bold;
}

.product_code{
	margin-bottom:20px;
	color:#A51D4B;
	width:200px;
	float:left;
	font-weight:bold;
}

.product_buy_button{
	float:right;
	margin-top:-30px;
}

.product_description {
	clear:both;
	margin-top:10px;
}

.product_back_button {
	border-top:1px solid #ccc;
	clear:both;
	vertical-align:middle;
	color:#A71947;
	font-weight:bold;
}

.product_back_button img {
	position:relative;
	top:6px;
	right:2px;
}



/*------------------------------------------------------
Shopping Cart
-------------------------------------------------------*/

.shopping_cart_items{
	width:100%;
	vertical-align:top;
}

/*this to stop IE from missaligning the update section */
.shopping_cart_items form {
	display:inline;
}

.delete_btn{
	color:#656058!important;
}

.quantity_update {
	width:140px;
}

.total_price {
	text-align:right;
	margin-top:35px;
}

.delivery_charge {
	text-align:right;
}

.shopping_cart_nav { 
	margin-top:20px;
	border-top:1px solid #ccc;
	padding-top:3px;
}

.shopping_cart_forward {
	background-image:url(/cms_files/85/forward_bullet_small.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:9px;
	float:right;
}

.shopping_cart_back {
	background-image:url(/cms_files/85/back_bullet_small.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:9px;
	float:left;
}


/*------------------------------------------------------
Checkout
-------------------------------------------------------*/

#checkout{
clear:both;
}

#checkout label {
	width:100px;	
	float:left;	
	clear:both;
	padding-left:5px;
}


#checkout input {
width:130px;
}

#checkout_btn{
width:60px!important;
}

#checkout .error {
	margin-bottom:3px;
}

.full_width label{
	display:block;
	clear:both;
	width:260px!important;
}

.full_width input, .full_width select, .full_width textarea{
	float:right;
	margin-right:23px;
	clear:both;
	margin-bottom:3px;
}

#personal_info{
	float:left;
	width:250px;
}


#card_details{
	float:left;
	width:250px;
}

#delivery_address_title{
	clear:both;
	position:relative;
	top:10px;
}

#delivery_address{
	float:left;
	width:250px;
}

#checkout_submit{
	float:left;
	width:250px;
}


/*------------------------------------------------------
Receipt
-------------------------------------------------------*/

#receipt_details {
	width:550px;
}

#total_cost{
width:300px;
text-align:right;
float:right;
margin-top:20px;
margin-bottom:20px;
}

#payment_details{
float:left;
width:255px;
}

#delivery_details{
float:left;
width:255px;
}

#back_to_store{
	float:right;
	margin:0px 70px 10px 0px;
}

/*------------------------------------------------------
category page
-------------------------------------------------------*/

#categories {
	height:200px;
	left:50%;
	margin-left:-45px;
	position:absolute;
	top:355px;
	width:200px;
	z-index:100;
}

#categories ul{
	list-style-image:url(/cms_files/85/bulltet.gif);
	margin-left:20px;
}

#categories ul li{
	margin-bottom:3px;
}

#categories ul li a{
	text-decoration:none;
}


/*------------------------------------------------------
category page
-------------------------------------------------------*/

#order_view_table {
	text-align:center;
	width:325px;
}

#detail_table {
	text-align:center;
	width:344px;
}


/*------------------------------------------------------
Members Area
-------------------------------------------------------*/

.member_menu_selected{
background-image:url(/cms_files/85/forward_bullet_small.gif);
background-position:0px 3px;
background-repeat:no-repeat;
color:#A41D49 !important;
}

.member_menu_selected a {
color:#A41D49 !important;
}

.member_menu li {
	padding-left:7px;
}

#log-in-area{
clear:both;
}

#login {
float:left;
width:250px;
padding:4px;
margin-top:15px;
}

#member_login{
float:left;
width:250px;
padding:4px;
margin-top:5px;
}

#member_continue{
float:left;
text-align:left;
}

#reminder {
float:left;
width:240px;
background-color:#F5E6EB;
padding:4px;
margin-top:10px;
}

.log_in_header {
clear:both;
}


#detail_table {
	text-align:center;
	width:344px;
}

.member_input_email {
	background-color:white!important;
	color:#A51D4B;
	margin:2px 0px 2px 23px;
	width:175px;
	border:1px solid #A51D4B;
} 

.member_input_password {
	background-color:white!important;
	color:#A51D4B;
	margin:2px 0px 2px 0px;
	width:175px;
	border:1px solid #A51D4B;
}



/*------------------------------------------------------
bni
-------------------------------------------------------*/

.bni_table {
vertical-align:top;
margin-left:25px;
}

.bni_table li{
background-image:url(/cms_files/85/forward_bullet_small.gif);
padding-left:7px;
background-repeat:no-repeat;
background-position:0px 3px;
}



/*------------------------------------------------------
edit details 
-------------------------------------------------------*/

.edit_details {
margin-top:20px;
width:300px;
}

.edit_details label{
width:110px;
float:left;
}


/* This class removes browser styling from buttons and adds new styling */
.text_button {
	background:none; 
	border:none;
	float:right;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0px 11px 3px 0px;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	background-image:url(/cms_files/85/forward_bullet_small.gif);
	background-repeat:no-repeat;
	background-position:center right; 
	color:#A41D49;
}




/*------------------------------------------------------
Request an apointment 
-------------------------------------------------------*/

#request_right label, #request_left label{
float:left;
width:86px;
padding-bottom:4px;
clear:both;
}

#request_right, #request_left {
float:left;
width:250px;
}

#request_right {
margin-left:10px;
}

#request_right label{
padding-top:4px;
width:147px;
}

#request_submit{
float:right;
margin-right:29px;
}


/*------------------------------------------------------
Flash
-------------------------------------------------------*/

#layout_frontend_flashfile_includes{
position:absolute;
top:0px;
right:0px;
z-index:-10;
}

/*------------------------------------------------------
sitemap
-------------------------------------------------------*/
#sitemap{
padding-left:70px;
}

#sitemap ul {
list-style-type:circle;
list-style-position:outside;
margin-top:8px;
}

#sitemap ul ul {
list-style-type:disc;
list-style-position:outside;
}

#sitemap ul li{
margin-left:17px;
}

/*------------------------------------------------------
hack for when you want no text in the text editor
-------------------------------------------------------*/

.no_height{
height:0px;
display:none;
}

/*------------------------------------------------------
Referral Form
-------------------------------------------------------*/

#referralform td { padding: 0 0 10px 10px; }
.user_message_error { color: #a41d49 !important; font-weight: bold; }

/*------------------------------------------------------
Header and Footer (as of 08th Oct 09
-------------------------------------------------------*/

.red { color: #a41d49 !important; }

#header { position: relative; height: 180px; width: 787px; z-index: 50; }
#header a, #header a:link, #header a:visited, #header a:active { text-decoration: none; }
#header-logo { position: absolute; top: 10px; left: 0px; z-index: 100; }
#header-members { position: absolute; top: 15px; right: 0px; }
#header-contact { position: absolute; width: 350px; top: 60px; right: 10px; }
#header-contact p { font-size: 14px; line-height: 14px; position: absolute; left: 0; top: 0; }
#header-contact .telephone { font-size: 35px; color: #a41d49; line-height: 39px; }
#header-contact img { position: absolute; right: 0; top: 20px; }

#header .navigation_header { position: absolute; bottom: 5px; width: 100%; height: 20px; z-index: 100; }
#header .navigation_header ul { float: right; }

#footer-contact { width: 787px; padding: 20px 0 0 0; text-align: center; }
#footer #footer_links { margin: 20px 0; }


h1.title1
{
	font-weight:normal;
	font-size:16px;
}

h2.social-media
{
	width:565px;
}

.vcard
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	color:#656058;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
}

.vcard .fn org
{
	color:#A41D49;
}

a:active {
  outline: none;
}