/* Compare TV Prices CSS */
/* Jon Hudghton */

/* Basics */
body {
margin: 0px;
padding: 0px;
border: 0px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}

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: #006531; display:inline;}
h2  { font-size: 12px; display:inline; color: #006531;}
td {padding: 1px;}
hr {color: #00CC33; background-color: #00CC33; height: 1px;}


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

/* Index Div */

#container_index {
width: 515px;
position:relative;
margin-left: auto;
margin-right: auto;
}

#header_index {
float: left;
width: 515px;
padding-top: 30px;
padding-bottom: 10px;
text-align: center;
}

#search_box_index {
float: left;
margin-top: 10px;
width: 515px;
font-size: 12px;
}

#search_box_index .search_boxes {
position:relative;
margin-left: auto;
margin-right: auto;
width: 314px;
height: 97px;
background: url(http://www.comparetvprices.co.uk/images/layout/search_back.gif) #FFFFFF center;
}

#search_box_index .search_boxes .left_col {
float: left;
width: 75px;
height: 22px;
text-align: right;
padding-top: 3px;
font-weight: bold;
}

#search_box_index .search_boxes .right_col {
float: right;
width: 225px;
height: 25px;
}

#compare_all_index {
float: left;
margin-top: 0px;
width: 513px;
padding: 1px;
text-align: center;
}

#welcome_index {
float: left;
margin-top: 10px;
width: 513px;
padding: 1px;
color: #666666;
text-align: justify;
}

#welcome_index .header_text {
float: left;
width: 511px;
margin-bottom: 4px;
text-align: center;
}

#welcome_index .search_cloud {
float: left;
width: 501px;
text-align: center;
padding: 5px;
border: 1px dashed #00CC33;
background-color: #FBFDFB;
}


#welcome_index .index_borders {
float: left;
margin-top: 10px;
width: 513px;
height: 50px;
overflow: hidden;
}

.index_logos {
float: left;
width: 102px;
text-align: center;
height: 50px;
}

#footer_index {
float: left;
padding-left: 1px;
padding-right: 1px;
width: 511px;
color: #666666;
border-top: 1px solid  #00CC33;
padding-top: 5px;
text-align: center;
margin-top: 5px;
}

/* Layout Divs */
#container {
position:relative;
width: 990px;
margin-left: auto;
margin-right: auto;
}

#header_main {
float: left;
width:  990px;
margin-top: 10px;
margin-bottom: 10px;
height: 75px;
}

#header_main .logo {
float: left;
width: 353px;
}

#header_main .search_boxes {
float: left;
width: 250px;
height: 75px;
margin-left: 30px;
margin-top: 10px;
}

#header_main .search_boxes .left_col {
float: left;
width: 75px;
height: 18px;
text-align: right;
padding-top: 3px;
font-weight: bold;
}

#header_main .search_boxes .right_col {
float: right;
width: 170px;
height: 21px;
padding-left: 5px;
}

#header_main .text_title {
float: right;
width: 300px;
text-align: right;
padding-top: 8px;
text-align: center;
height: 67px;
overflow: hidden;
}


#header_breadcrumb {
float: left;
width: 982px;
padding: 3px;
border: 1px solid #00CC33;
}

#centre_text {
position: relative;
float: left;
width: 989px;
padding-left: 1px;
padding-top: 10px;
padding-bottom: 10px;
color: #666666;
}

#results_load {
left: 0px;
top: 0px;
position: absolute;
width: 990px;
height: 100%;
background-color: #FFFFFF;
z-index: 5000;
}

#footer {
float: left;
padding-left: 1px;
padding-right: 1px;
width: 988px;
color: #666666;
border-top: 1px solid #00CC33;
padding-top: 5px;
}

#search_left_side {
float: left;
width: 150px;
border: 1px solid #00CC33;
background-color: #FBFDFB;;
}

#search_left_side .menu_box {
float: left;
padding: 3px;
width: 144px;
background-color: #F5F5F5;
margin-top: 1px;
}

#search_left_side .top_box {
float: left;
padding: 3px;
width: 144px;
background-color: #006633;
color: #FFFFFF;
font-weight: bold;
margin-top: 10px;
border-top: 1px solid #00CC33;
border-bottom: 1px solid #00CC33;
}

#search_left_side .selected_refinement {
float: left;
padding: 3px;
width: 144px;
background-color: #F1F1F1;
font-weight: bold;
color: #006633;
}

#search_right_side {
float: right;
width: 800px;
position: relative;
}

/* Table styles */

table {
font-size: 11px;
border-collapse: collapse;
width: 800px;
background-color: #FFFFFF;
margin-bottom: 5px;
float: left;
}

tr {
height: 40px;
}

td {
border: 1px solid #CCCCCC;
padding: 5px;
font-weight: bold;
text-align: center;
}

td.headings {
 border-top: 1px solid #00CC33;
 border-bottom: 1px solid #00CC33;
 font-weight: bold;
 font-size: 12px;
 background-color: #006633;
 color: #FFFFFF;
 height: 20px;
}

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

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

#top_info_box {
float: left;
width: 798px;
border-top: 1px solid #00CC33;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin-bottom: 15px;
height: 192px;
}

#top_info_box .heading {
float: left;
width: 792px;
height: 14px;
padding: 3px;
color: #FFFFFF;
background-color: #006633;
font-weight: bold;
overflow: hidden;
border-bottom: 1px solid #00CC33;
}

#top_info_box .main_area {
float: left;
width: 792px;
margin-top: 5px;
height: 155px;
overflow: hidden;
}

#top_info_box .main_area .col1 {
float: left;
text-align: center;
margin-left: 5px;
width: 205px;
height: 155px;
overflow: hidden;
}

#top_info_box .main_area .col2 {
float: left;
margin-left: 15px;
width: 150px;
height: 155px;
overflow: hidden;
padding-left: 1px;
}

#top_info_box .main_area .col3 {
float: left;
margin-left: 15px;
width: 180px;
height: 155px;
overflow: hidden;
padding-left: 1px;
}

#top_info_box .main_area .col4 {
float: left;
margin-left: 15px;
width: 190px;
height: 153px;
overflow: hidden;
border: 1px dashed #00CC33;
padding-left: 3px;
padding-right: 3px;
background-color: #FBFDFB;
}



#page_nav {
float: left;
width: 792px;
border: 1px solid #CCCCCC;
padding: 3px;
margin-bottom: 5px;
}

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

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

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

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


/* Description Div */
#desc_div {
position: absolute;
left: 90px;
width: 600px;
border: 2px dashed #00CC33;
padding: 5px;
overflow-y:auto;
height: 300px;
background-color: #FFFFFF;
background-color: #FBFDFB;
}

#desc_div .header {
font-weight: bold;
color: #006531;
font-size: 110%;
}



/* Suggestion Box */

#autocomplete1 {
      position:absolute;
      width:200px;
      background-color: #FFFFFF;
      border:1px solid #00CC33;
      margin:0px;
      padding:0px;
      text-align: left;
    }
#autocomplete1 ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
#autocomplete1 ul li.selected { background-color: #00FF44;}

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

#loading1 {
display: inline;
}


/* 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;}
.formstyle4 {font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; background-color: #FFFFFF; border: 1px solid #00CC33;}