@charset "utf-8";
/* CSS Document */

/* Generic CSS for all sites by Mike Franklin */
html,body,
div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{

            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            font-style: normal;
            font-size: 100%;
            line-height: 1em;
            font-family: inherit;
            text-align: left;
}


body {

            background-color: #fff;
            color: #000;
		margin: 0;
		padding: 0;
}


em {
font-style: italic;}


hr {
display: none;}


table {

            border-collapse: collapse;
            border-spacing: 0;
}


ol,ul {

            list-style: none;
}


q:before,q:after,

blockquote:before,blockquote:after {

            content: "";
}


div,h1,h2,h3,h4,h5,h6,p {

            height: 1%;
}


html>div,html>h1,html>h2,html>h3,html>h4,html>h5,html>h6, html>p {

            height: auto;
}


/* Generic CSS for all sites by Mike Franklin */


body {
	font-family: Arial, Helvetica, sans-serif;
}

div#wrap {
	background-image: url(../img/largebg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.skip {
display: none;
}


#header {
 padding-top: 40px;
 width: 760px;
 margin: auto;
 overflow: visible;
}

#header h1 {
background-image: url(../img/eucryl_logo.jpg);
 background-repeat: no-repeat;
 display: block;
 width: 124px;
 height: 62px;
}

#header h1 a {
display: block;
 width: 124px;
 height: 48px;
}

#header h1 a span {
display: none;
}

#header h2 {
float: right;
 display: block;
 width: 222px;
 height: 26px;
 background-image: url(../img/stain_removal.gif);
 margin-right: 20px;
 margin-top: -31px;
}

*html #header h2 {
margin-left: 220px;
}

#header h2 span {
display: none;
}

#header ul {
 padding: 0px;
 margin: 0px;
 background-image: url(../img/eucryl_top_menu.gif);
 width: 100%;
 overflow: hidden;
 background-repeat: no-repeat;
}

#header ul li {
 margin: 0;
 margin-top: 10px;
 padding: 0px;
 float: left;
 display: block;
 background-repeat: no-repeat;
}


#header ul li a {
 color: #000;
 text-decoration: none;
 padding: 0px 0px 10px 0px;
 font-size: 0.9em;
 display: block;
 float: left;
 margin-bottom: 10px;
}

#header ul li a:hover, #header ul li a.selected {
 background-image: url(../img/menu_bullets.gif);
 background-position: 10px 100%;
 background-repeat: no-repeat;
 color: #6a65cc;
}
#header ul li.first a:hover, #header ul li.first a.selected 
{
    background-position: 0px 100%;
}

#header ul li a span {
   display: block;
   border-right: #d7d6f2 1px solid;
   padding: 0px 10px;
   font-weight: bold;
}

#header ul li.first a {
 background-position: 0px 100%;
}

#header ul li.first a span{
	padding-left: 0px;
}
#header ul li.last a span{
	border: 0px solid #000;
}

div#container{
 width: 760px;
 margin: auto;
 text-align: center;
 position: relative;
}

div.layoutimg {
	position: absolute;
	width: 263px;
	height: 400px;
	left: -289px;
	top: 0px;
	background-image: url(../img/sidepanel.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


div#container div.col1 {
	float: left;
	width: 410px;
	padding-right: 40px;
}

div#container div.product_range2
{
    float: left;
    width: 770px;
    padding-right: 40px;
    background-image: url(../img/products_page_divider_h.jpg);
    background-repeat: no-repeat;
    background-position: 360px 40px;
}

*html div#container div.product_range2 {
    padding-left: 50px;
    background-position: 410px 40px;
}

 
div#container div.col2 {
	width: 310px;
	float: left;
}

#container .col1 h3, #container .col1 h4, #container .productpage h3, #container .product_range2 h3 {
 font-size: 1.5em;
 color: #9e9bdf;
 letter-spacing: 1px;
 margin-bottom: 0.3em;
}

#container div.col1 h4, #container div.product_range2 h4, #container div.product_range2 h5 {
 font-size: 1.1em;
 color: #2f9a8f;
 line-height: 1.5em;
}

#container .col1 p, #container .col2 p, #container .product_range2 p {
 font-size: 0.7em;
 color: #6d6d6d;
 line-height: 1.5em;
 margin-bottom: 15px;
}

#container .col1 h5 
{
 font-weight: bold;
 color: #333;
 font-size: 0.9em;
 margin-bottom: 0.5em;
}

#container .col1 ul
{
  margin: 1em 0 1em 20px;
}

#container .col1 ul li
{
   color: #6d6d6d;
   font-size: 0.7em;
   list-style: disc;
   margin-bottom: 1em;
}

#container .col1 a
{
  font-size: 1em;
  color: #2f9a8f;
}

#submenu {
  width: 100%;
  overflow: hidden;
  margin-left: -20px;
  margin-top: -10px;
  margin-bottom: 10px;
}

#submenu li {
  margin: 0px;
  padding: 0;
  padding-right: 2px;
  float: left;
  list-style: none !important;
}

#submenu li a {
text-decoration: none;
padding: 0 7px 2px 0;
display: block;
color: #ccc;
list-style: none;
font-size: 1em !important;
}

#submenu li a:hover, #submenu li a.selected
{
    color: #4B42BF;
}

#container .col2 h5 {
 font-size: 1.3em;
 color: #9e9bdf;
 letter-spacing: 1px;
 margin-bottom: 0.3em;
}

#container .col1 .product_range 
{
 padding-top: 30px;
 background-image: url(../img/div_box.gif);
 background-repeat: no-repeat;
 overflow: hidden;
 width: 100%;
}

div.product_range div.text {
	float: left;
	width: 220px;
	margin-right: 20px;
}
div.product_range img {
	float: left;
}

div.faq {
    padding: 15px 0px;
    background-image: url(../img/div_box.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    }

div.faq strong {
    font-size: 1.3em;
    letter-spacing: -0.5px;
}

div#container div.col1 address {
    line-height: 1.5em;
    font-size: 0.8em;
    font-weight: bold;
    color: #6d6d6d;
    margin-bottom: 10px;
}


div#container div.producticon {float: left; padding: 30px 30px 10px 0; width: 350px; background-image: url(../img/products_page_divider.jpg); background-repeat: no-repeat; background-position: bottom center; position: relative;}
div.producticon h5 a {color:#2f9a8f; text-decoration: none;}
div.producticon h5 a:hover {text-decoration: underline;}
.icon_view_product {float: right; margin-top: -120px; margin-right: 25px;}

div.stockists, div.stockists2 
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

div.shopicons
{
    position: relative;
    float: left;
    padding: 0 8px;
}

div.shopicons2
{
    margin-left: 10px;
}


#footer {
 clear: both;
 height: 61px;
 /*background-image: url(../img/footer.gif);*/
 background-repeat: no-repeat;
 padding-top: 50px;
 width: 760px;
 margin: auto;
}

#footer p {
color: #74c1ba;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.7em;
}

div.questions p	{padding:0px; margin:0px; line-height:12px;}
div.questions p input, div.questions p select {
	border:1px solid #999; height:16px; left:110px; position:absolute; width:225px; }