/* Cheap-Contact-Lenses.co.uk CSS */
/* Jonathan Hudghton */

/* Basics */
body {
margin: 0px;
padding: 0px;
border: 0px;
background: url(http://www.cheap-contact-lenses.co.uk/images/layout/bg.jpg) #E7E8E9 center repeat-y;
}

img {border: 0;}
form {display: inline;}
ul {list-style-type:square; list-style-position:outside;}
.tabletext { font-family: Arial, Trebuchet MS; font-size: 70%; margin-top: 0px; text-align: justify; color: #334455; display:inline;}
.success {color: #45A70F; display:inline;}
.errorspan {color: #FF0000; display:inline;}
.error {display: block; color: #FF0000;}
.codeview {font:11px Courier New,Courier; color:#000000; background-color: #CCCCCC;}
h1  { font-family: Arial, Trebuchet MS; font-size: 16px; color: #149CF1; display:inline;}
td {padding: 1px;}
hr {color: #CCCCCC; background-color: #CCCCCC; height: 1px;}


/* Links */
#container a:link {color : #0037A2; text-decoration:none;}
#container a:visited{color : #0037A2; text-decoration:none;}
#container a:active {color : #CC9900; text-decoration:none;}
#container a:hover {color : #333333; text-decoration:underline;}

/* Layout Divs */
#container {
position:relative;
width: 855px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
font-family: Arial;
}

#header_bg {
float: left;
width: 855px;
height: 83px;
}

#header_bg .logo {
float: left;
width: 366px;
height: 81px;
margin-top: 1px;
}

#header_bg .header_bookmarks {
float: right;
width: 126px;
padding-top: 2px;
margin-right: 5px;
}

#header_bg .search_box {
float: right;
width: 435px;
padding-top: 38px;
text-align: right;
margin-right: 6px;
}

#header_breadcrumb {
float: left;
width: 854px;
margin-top: 1px;
background: url(http://www.cheap-contact-lenses.co.uk/images/layout/bc_back.gif) repeat-x;
height: 21px;
}

#header_breadcrumb .inner_text {
float: left;
padding-left: 8px;
padding-top: 3px;
}

#centre_block {
float: left;
width: 855px;
}

#centre_block .column_left {
float: left;
width: 152px;
margin-top: 15px;
margin-bottom: 15px;
background: url(http://www.cheap-contact-lenses.co.uk/images/layout/left_middle.gif) repeat-y;
margin-left: -1px;
}

#centre_block .column_left .blue_heading {
float: left;
width: 152px;
height: 24px;
background: url(http://www.cheap-contact-lenses.co.uk/images/layout/left_blue_header.gif);
}

#centre_block .column_left .footer_block {
float: left;
width: 152px;
height: 2px;
background: url(http://www.cheap-contact-lenses.co.uk/images/layout/left_footer.gif);
margin-top: 5px;
font-size: 1px;
}

#centre_block .column_left .heading_text {
float: left;
font-weight: bold;
padding-left: 8px;
padding-top: 4px;
font-size: 12px;
}

#centre_block .column_left .inner_text {
float: left;
padding-left: 8px;
padding-top: 5px;
}


#centre_block .column_right {
float: left;
width: 690px;
margin-left: 10px;
padding-left: 1px;
margin-top: 15px;
margin-bottom: 15px;
}

/*Bottom Page Navigation */
#page_nav {
float: left;
width: 680px;
border: 1px solid #CCCCCC;
padding: 3px;
margin-top: 5px;
}

#page_nav .left_nav {
float: left;
width: 40px;
text-align: left;
}

#page_nav .centre_nav {
float: left;
width: 600px;
text-align: center;
}

#page_nav .right_nav {
float: left;
width: 40px;
text-align: right;
}

#price_disclaimer {
float: left;
width: 680px;
padding: 3px;
margin-top: 5px;
font-style: italic;
color: #666666;
}

#information_text {
float: left;
width: 680px;
padding: 3px;
margin-top: 5px;
color: #666666;
}

#information_text a:link, #footer_block a:link {color : #666666; text-decoration:underline;}
#information_text a:visited, #footer_block a:visited {color : #666666; text-decoration:underline;}
#information_text a:active, #footer_block a:active {color : #0037A2; text-decoration:underline;}
#information_text a:hover, #footer_block a:hover {color : #0037A2; text-decoration:underline;}

.search_results{
float: left;
width: 680px;
border-bottom: 1px dotted  #CCCCCC;
margin-bottom: 5px;
padding-left: 1px;
}

.search_results .coldiv {
float: left;
width: 100px;
padding: 5px;
text-align: left;
border-right: 1px solid  #FFFFFF;
}

.search_results .coldiv2 {
float: left;
width: 62px;
padding: 5px;
text-align: left;
border-right: 1px solid  #FFFFFF;
}

.price_span_1 {
color: #FF0000;
font-size: 25px;
font-weight: bold;
}

.price_span_2 {
color: #FF0000;
font-weight: bold;
font-size: 14px;
}

/* Suggestion Box */
#autocomplete1 {
      position:absolute;
      width:200px;
      background-color:white;
      border:1px solid #CCCCCC;
      margin:0px;
      padding:0px;
      text-align: left;
    }
#autocomplete1 ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
#autocomplete1 ul li.selected { background-color: #E9F4FC;}

#autocomplete1 ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }

#loading1 {
float: right;
margin-top: 2px;
margin-right: 7px;
}

#footer_block {
float: left;
border-top: 1px solid #CCCCCC;
margin-top: 15px;
width: 854px;
}

#footer_block .inner_text {
float: left;
padding: 3px;
color: #666666;
}

#index_brands {
width: 412px;
float: left;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

#index_brands .logo {
float: left;
width: 100px;
height: 43px;
margin-top: 3px;
margin-bottom: 3px;
}

#index_brands .info {
float: right;
width: 307px;
height: 43px;
margin-top: 3px;
margin-bottom: 3px;
font-style: italic;
font-size: 90%;
}


/* Formstyle */
.formstyle1 {font-family: Arial, Trebuchet MS; font-size:11px; color: #000000; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #CCCCCC;}
.formstyle2 {font-family: Arial, Trebuchet MS; font-size:11px; color: #003399; background-color: #E9F4FC; border-style: solid; border-width: 1px; border-color: #CCCCCC; font-weight: bold; cursor: pointer;}
.formstyle3 {font-family: "Courier New",Courier,Arial; font-size:11px; color: #000000; background-color: #CCCCCC; border-style: solid; border-width: 1px; border-color: #D5D9DE;}