/***********************************************/
/* kemdent.css                            	   */
/* Use with kemdent.co.uk          			   */
/***********************************************/

body{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(images/body-bg.gif) center repeat-y #eaeaea;
	text-align:center;
	font-size: 75%;
}

p { margin: 1px 1px 3px 1px;
	padding: 2px;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif; 
	}
	
A:link {
	color : #333;
    font-weight: normal;
	text-decoration: underline;
	}
A:active {
	color : #333;
    font-weight: normal;
	text-decoration: underline;
	}
A:visited {
	color : #333;
    font-weight: normal;
	text-decoration: underline;
	}
A:hover {
	text-decoration: none;
	color : #333;
	}

fieldset { 

	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #0066FF 
	}
	
legend {
  padding: 3px 3px 3px 3px;
  margin-bottom:10px;
  color:#0066FF;
  }
  
td { color: #333;
	font-family: Arial, Helvetica, sans-serif;
   }
h3{ color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 10px 0px 2px 2px;
	margin:0px; }

h1{ color: #000099;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size:1.3em;
	padding-top: 15px;
	padding-bottom: 5px;
	margin:0;
	font-weight: 400; }
	
h2{ margin:2px 10px 2px 2px;
	color: #0000CC;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-size:1.2em;	
	font-weight: 400;
	border-bottom:1px dotted #999; 
   }
   h2 a:link{
     color:#0000CC;
	 text-decoration:none;
	 }
	 
   h2 a:visited{
     color:#000099;
	 text-decoration:none;
	 }
	
h5{ color: #999;
	font-size: 90%;
	}
b { 

  }
ol{ 
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
    }

address {
font-style:normal;
color: #333;
}
	
#container{
width: 800px; /*The width of layout*/
margin-left: auto; /*Centres*/
margin-right: auto;
margin-bottom: 0;
margin-top: 0;
text-align: left; /*Resets the text alignment*/
background: #fff;
}
#banner{
width: 800px;
margin-left: auto; /*Centres*/
margin-right: auto;
text-align:right;
background: url(images/top-div-bg.jpg) top left no-repeat #fff;
border-right: 1px solid #999;
}
	#banner img{
	  padding:6px;
	}
#content{
width:605px;
margin-left: 190px;
margin-bottom: 5px;
padding-bottom: 5px;
text-align:left;
}
  .home-img{
    width: 520px;
	height: 250px;
	border: 1px solid #666;
	margin-left: 20px;
	margin-top: 4px;
    }

  #navbar{
    background: url(images/nav-bg.jpg) repeat-x #fff;
	width: 100%;
	height: 30px;
	border-bottom: 2px solid #0099FF;
	border-top: 2px solid #0099FF;
	font-family: "Lucida Grande", "Trebuchet MS";
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align:center;
	}
    #innerNavBar{
	  width: 800px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:0;
	  margin-bottom:0;
	  padding:1px 0 0 0;
	  }

	#navlist
	{
	width: 550px;
	list-style-type: none;
	margin-left: auto; /*Centres*/
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 0;
	padding: 5px 0 0 0;
	float:left;
	font-size: 1em;
	}

	#navlist li
	{
	color: #009;
	float: left;
	line-height: 1.2em;
	margin: 0 .5em 0 .5em;
	padding: 0.15em .5em 0 .5em;
	}
	
	#navlist li a
	{
	color: #009;
	text-decoration: none;
	}
	
	#navlist li a:hover
	{
	color: #009;
	text-decoration: underline;
	}
	
	#navlist li a:visited
	{
	color: #009;
	text-decoration: none;
	}
	
#left-col{
width:181px;
height: auto;
float:left;
text-align:left;
padding: 0px 0 18px 0;
background: url(images/container-bg.gif) repeat-y #fff;
}

#navcontainer{
width:180px;
}

#navcontainer p{
 margin: 19px 0 0 0;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

#navcontainer li { margin: 0 0 2px 0; }

#navcontainer a
{
display: block;
background: url(images/nav/arrow.gif) no-repeat left #FFF;
padding: 2px 10px 0px 20px;
width: 146px;
}

#navcontainer a:link, #navcontainer a:visited
{
color: #006;
text-decoration: none;
}

#navcontainer a:hover
{
color: #006;
text-decoration:underline;
}

#active a:link, #active a:hover
{
color: #006;
text-decoration:underline;
}

#flags{
    width: 180px;
    text-align: center;
    padding: 2px;
    }

#flags img{
    padding: 1px;
	margin: 1px;
	border: 0px;
    }

#flags a{
	padding: 2px;
	display: inline;
    text-decoration: none;
    background: #fff;
	list-style: none;
    }
    

  #search{
    margin-top: 0.2em;
	margin-bottom: auto;
	margin-left: 0;
	margin-right: 2em;
	padding: 1px 0 0 0;
	float: right;
    }
  #search form { 
	 border: 0; 
	 padding: 0;
	 margin: 0; 
	}
  #search label { 
  	width: inherit;
	margin-top: 0;
	padding-bottom: 4px;
	padding-top: 0;
	color: #009;
	}
  #search .input {
    height:16px;
    width:150px;
    margin: 0;
	padding: 2px 0 0 2px;
	background: #fff;
	border: 1px solid #B4D6F1;
	color: #009;
	font-size:12px;
	}

  #search .input:focus {
    height:16px;
    width:150px;
	margin: 0;
	padding: 2px 0 0 2px;
	background: #fff;
	border: 1px solid #B4D6F1;
	color: #009;
	}

#page{
width:565px;
height:auto;
margin-left:10px;
float:right;
margin-top:10px;
}
#prod-detail{
height: 140px;
width: 320px;
float: right;
margin: 4px;
}

#flash{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8px;
  margin-top:8px;
  width:450px;
  height: 200px;
  border: 1px solid #666;
}

#news{
  float:right;
  width:265px;
  margin:2px;
  padding:2px;
  font-size:90%;
}

#news h3{
  float:right;
  width:261px;
  padding:1px;
  background:#CCC;
  color:#333;
  border-bottom:1px solid #333;
  border-top:1px solid #333;
}

.news-item{
  margin:2px;
  padding:3px;
  border-bottom:1px dotted #CCC;
}

#footer {
  background: #fff;
  width: 794px;
  margin-left: auto; /*Centres*/
  margin-right: auto;
  padding: 3px;
  color:#999;
  text-align: center;
}
#footer p{
  color: #333;
  margin: 0;
  padding: 2px;
}
#footer a{
  color:#999;
  font-size: 85%;
}
  #tabs{
    margin: 0;
	padding: 0;
    width: 290px;
	float: right;
    }

#register{
	width:inherit;
}
#register p{
	margin: 2px;
	padding: 0px;
	}
#register form { 
	 border: 0px; 
	 padding: 0px;
	 margin: 0px;
	 text-align:left;
	}
#register label {
	width: 190px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
    }
#register fieldset {
	border: 1px solid #024A93;
	padding: 10px;
	text-align:left;
    }
#register legend {
	color: #024A93;
	padding: 2px 6px
    }
#register .submit {
	margin-left: 200px;
    }
#register .input {
    background-color: #E1ECFF;
	border: 1px solid #024A93;
	color: #024A93;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   }
  
  .input:focus {
	background-color: #E8DACC;
	border: 1px solid #8A4500;
	color: #8A4500;
  }
#logos{
	width:inherit;
	padding: 5px;
	text-align:center;
	font-size: 10px;
}

#welcome{
	width: 560px;
	padding: 10px;
	margin: 5px;
	border: 1px solid #0099CC;
	background: #F2FBFF;
	color: #0099CC;
	font-size: 14px;
	}

.logo{
	vertical-align: middle;
	margin:8px;
	padding:3px;
	text-align:center;
}

.products{
font-size: 8px;
width: 540px;
margin: 5px;
padding: 5px;
border: 1px solid #0099FF;
}
.products h1{
font-size:120%;
margin:0;
padding:0;
color: #009;
font-weight:bold;
}
.products h1 a:link {
text-decoration:none;
}
.products h1 a:visited {
text-decoration:none;
}
.products h1 a:hover {
text-decoration:underline;
}
.products h1 a:active {
text-decoration:none;
}
/* links */

.products a:link {
  font-size:10px;  
  color: #69c;
  text-decoration: none;
  }

.products a:visited {
  font-size:10px;
  color: #666699;
  text-decoration: none;
  }

.products a:hover {
  font-size:10px;
  color: #693;
  }

.products a:active {
  font-size:10px;
  color: #cc3333;
  text-decoration: none;
  }

.text {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px 
	}
.blackboldtext {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight: bold;}
.subhead {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold; }
.subheadsky {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold; }
.subheadLarge {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold; }
.image{
    float:left;
	width:200px;
	margin: 4px;
	border-style:outset;
	border-color:#3399FF;
	border-width:1px;
      }
	  
.prodlist {
	float: left;
	width: 142px;
	height: 126px;
	margin: 1px 8px 1px 8px;
	padding: 4px 4px 4px 1px;
	background: url(images/prod-list-bg.gif) top left no-repeat;
	text-align: center;
	}
.prodlist img {
	border: 1px solid #006;
	}
	
.about_img{
border: 1px solid #999;
margin: 3px;
}
.cm {
font-size: 10px;
}
.cm a:link {
color: #C60;
font-size: 10px;
text-decoration:none;
}
.cm a:hover {
text-decoration: underline;
}
.baskethead {
color:#666;
font-weight:bold;
}
.cartprogressbox {
margin-left:130px;
margin-bottom: 10px;
width:300px;
background:#E8E8E8;
border: 1px solid #333;
padding: 3px;
text-align:center;
}
.cartProgress {
color: #333;
}
.txtcartProgressCurrent {
text-decoration: underline;
}
.userDetails {
width: 400px;
margin-left: auto;
margin-right: auto;
padding:5px;
border: 1px solid #333;
background: #E8E8E8;;
color: #333;
}
.userDetails h3{
color:#333;
margin: 3px;
}
.userDetails img{
margin: 3px;
}

.invoiceaddress {
width: 250px;
margin: 2px;
padding:5px;
border: 1px solid #333;
background: #E8E8E8;;
color: #333;
}
.invoiceaddress h3{
color:#333;
margin: 3px;
}
.invoiceaddress img{
margin: 3px;
}
.deladdress {
width: 250px;
margin: 2px;
padding:5px;
border: 1px solid #333;
background: #E8E8E8;;
color: #333;
}
.deladdress h3{
color:#333;
margin: 3px;
}
.deladdress img{
margin: 3px;
}
.details {
width: 250px;
margin: 2px;
padding:5px;
border: 1px solid #333;
background: #E8E8E8;;
color: #333;
}
.details h3{
color:#333;
margin: 3px;
}
.details img{
margin: 3px;
}
.checkout {
width: 520px;
margin: 2px;
padding:5px;
border: 1px solid #333;
background: #E8E8E8;;
color: #333;
}
.checkout h3{
color:#333;
margin: 3px;
}
#detail-image{
width: 590px;
padding: 2px;
Border: 0;
}
#detail-image img{
float:left;
margin:2px;
Border: 1px solid #009;
}
#detail-info{
width: 590px;
padding: 2px;
Border: 0;
}
.td-head{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333;
text-align: left;
padding-left: 2px;
background: #E1E1E1;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
.td{
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
text-align: left;
padding-left: 2px;
padding-top: 0px;
padding-bottom: 0px;
}
.td form{
margin: 0;
padding: 0;
}
.td-submit{
font-size: 8px;
}