/* CSS Document */

/* INDEX PAGE CSS */

body 
{
	margin:0;
	border:0;
	padding:0;
	background-color:#736C94;
	font-family:   Arial, Helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
}

h1 
{ color: #CC0000;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 2.2em;
margin: 0 10px 5px 0;
}

h2 
{color: #677D93;
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.6em;
	margin: 0;
}

h3
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 1.5em;
	margin: 0 0 40px ;
color:#CC9933;
clear: both;
text-align:center;
}


/* Page Elements */

#wrapper 
{
	margin:15px auto 7px auto ;
	padding:0px;
	width:810px;
		background-color: white;

}

#main
{
	position:relative;
	width:810px;
	background-color: white;
	padding: 0;
	text-align: left;
}

#body-copy {margin: 5px 22px 0 22px; clear: both;}
#body-copy table td {font-size: 1em;}

#header {margin: 0; padding: 0; background-color: #333366;
background-image: url('../images/header-bg.gif');
background-repeat:repeat;
}

#footer {margin: 0; padding: 0;}

#clear {clear: both; }

/*header*/
#header img, #footer img {display: block;}

#logo {margin: 5px  0 0 0;}
#sss-logo {margin: 0; }

/* Navigation */
#nav {
font-size: 1em;
  margin: 0 0 25px 0;
  padding: 0;
 /*following background-color is colour of  left tab image*/
 background: #677D93;
  list-style-type: none;
  width: 810px;    
  float: left; /* Contain floated list items */
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav a {
  float: left;
  width: 127px;
  color: #FFF;
  text-decoration: none;
  /* set the line height to atch the height of the images*/
  line-height: 1.8;
  text-align: center;
  border-right: 0 solid #FFF;
  background: url(../images/tab.gif) no-repeat; /* Add the background image */
}
#nav #nav_con a {
  border: none;
}
#nav a:hover {
/*following background-color is colour of middle tab image*/
  background-color: #224466;
  background-position: -127px 0;
}
#body_buy #nav_buy a, #body_shop #nav_shop a, #body_basket #nav_basket a,#body_con #nav_con a, #body_test #nav_test a {
/*following background-color is colour of far right tab image*/
  background-color: #264F77;
  background-position: -254px 0;
  color: #fff;
  font-weight: bold;
}


img 
{
	margin:0px;
	border:0px;
	padding:0px;
}

/* contact*/
input.css {width: 220px; margin: 0 0 10px 0}

#base-links {width: 810px; margin: 0 auto 20px auto;}
#base-links ul {margin: 0; padding: 0 0 0 0; list-style-type: none }
#base-links ul li {font-size: 0.9em; display: inline; color: white; padding: 0 10px 0 10px;}
#base-links ul li a {color: white;}



/* home page*/
img.sss-float {float: right;}

/**********BUY AVON PAGE****************/

div.product {margin: 10px 0 50px 0; clear:both;}
div.product img {margin:0 8px 65px 0; float: left;}
span.redbold {color: #CC0000; font-weight: bold; font-size: 1.1em}
span.orangebold {color: #000000; font-weight: bold; font-size: 1.3em}

img.cards {float:none;}
#testimonial  p {padding: 6px; border: 1px dotted #eeeeee; width: 80%; background-color: #eeeeee;}

/***********BASKET PAGE****************/
table.basket{width: 680px; 
}
table.basket th {font-weight: bold; color: #AD1043; text-align: left;  /*border: 1px solid #ccc; */padding-bottom: 5px;}
table.basket th.name {width: 45%;}
table.basket th.other {width: 15%;}/*of which there are 3 cols on checkout.php*/
table.basket th.qty {width: 10%;}
td.spacer{margin: 25px 0 5px 0; background: white;}
table.basket td{/*border: 1px solid #ccc; */ font-size: 1em;}

#postage {border-collapse: collapse; margin-top: 10px;}

#postage td, #postage th{border: 1px solid #ccc; padding: 5px;}


/****************CUSTOMER PAGE**********************/
table.customer {width: 400px; 
  margin-top: 20px; margin-left: 40px; }
table.customer tr.header {font-weight: bold;}

/***********THANK YOU PAGE****************/
table.thankyou{width: 460px; 
}
table.thankyou th {font-weight: normal; text-align: left;   /*border: 1px solid #ccc;*/ padding-bottom: 5px;}
table.thankyou td {  /*border: 1px solid #ccc;*/ vertical-align: top;}
table.thankyou th.name {width: 200px;}
table.thankyou th.other {width: 75px;}/*of which there are 2 cols*/
table.thankyou th.qty {width: 110px;}
td.label{text-align: right; padding-right: 5px; font-weight: bold; color: #AD1043; }
td.spacer{margin: 25px 0 5px 0;}