/*-----------------------------FRAMEWORK---------------------------*/

body {
  background-color: #a5c596;
  padding:          0;
  height:           100%;
  font-size:        0.7em;
}

#content {
  width:            100%;
  height:           100%;
  margin:           0;
}

#bg-image {
  position:         fixed;
  top:              0px;
  left:             0px;
  height:           100%;
  width:            100%;
}

#frame {
  width:            980px;
  margin:           1% auto 1% auto;
  background-color: #ffffff;
  border:           6px solid #eeeeee;
}

#main_content {
  float:            right;
  width:            780px;
  min-height:       462px;
  background-color: #ffffff;
  padding:          8px 10px 30px 10px;
}

/*-----------------------------HEAD---------------------------*/

#head {
  width:            980px;
  height:           156px;
  background-color: #ffffff;
}

#boyce_logo {
  position:         absolute;
  top:              30px;
  left:             14px;
  font-weight:      bold;
  color:            #cc0000;
}

#head_image {
  display:          block;
  position:         absolute;
  top:              0px;
  right:            0px;
  width:            800px;
  height:           150px;
  border:           6px solid #eeeeee;
  border-width:     0px 0px 6px 0px;
}

/*-----------------------------LEFT CONTENT---------------------------*/

#left_content {
  float:            left;
  width:            180px;
  background-color: #dddddd;
  border:           6px solid #eeeeee;
  border-width:     0px 0px 6px 0px;
  margin:           0px 0px -6px 0px;
}

.left_content_border {
  clear:            both;
  text-align:       center;
  border:           6px solid #eeeeee;
  border-width:     0px 6px 0px 0px;
  padding:          12px 0px 11px 0px;
}

#search_container {
  clear:            both;
  border:           6px solid #eeeeee;
  border-width:     0px 6px 1px 0px;
  padding:          5px 0px 5px 0px;
}

#search_box {
  text-align:       center;
}

#search_text, #search_text_bg  {
  margin:           0px;
}

#search_text_background {
  background:       #ffffff url("/images/framework/inputs/search_background.gif") no-repeat scroll 3px 3px;
}

#search_button {
  background:       #eeeeee;
  padding:          0px;
  margin:           0px;
}

#search_button:hover {
  background:       #ffffff;
}

#menu_base_image {
  margin:           14px auto 14px auto;
}

#featured_product {
  display:          block;
  margin:           0px 0px 8px 0px;
  padding:          8px 5px 9px 5px;
  text-align:       center;
  color:            #666666;
}

#featured_product:hover {
  background-color: #ffffff;
  color:            #ff0000;
}

#featured_product span.title {
  font-size:        1.2em;
  text-align:       center;
  display:          block;
}

#featured_product span.description {
  text-align:       center;
  display:          block;
}

/*-----------------------------MENUS---------------------------*/

#m_menu, #t_menu {
  padding:          0px;
  font-size:        1.1em;
}

#t_menu {
  position:         absolute;
  bottom:           0px;
  left:             0px;
}

#t_menu a {
  margin:           0px 0px 0px 10px;
  background-color: #eeeeee;
  border:           2px solid #dddddd;
}

#t_menu a.selected {
  border-bottom-color:     #ffffff !important;
}

#m_menu {
  margin:           0px;
  padding:          1px 0px 0px 0px;
  width:            180px;
  background-color: #eeeeee;
}

#m_menu a {
  border:           6px solid #eeeeee;
  border-width:     0px 6px 0px 0px;
}

#m_menu a.selected {
  border-right-color:     #ffffff !important;
}

#m_menu a, #t_menu a {
  color:            #555555;
}

#m_menu a.selected, #t_menu a.selected, #b_menu a.selected, #u_menu a.selected {
  color:            #cc0000;
  background-color: #ffffff;
}

#m_menu a:hover, #t_menu a:hover, #b_menu a:hover, #u_menu a:hover {
  color:            #ff0000;
  background-color: #ffffff;
}

#contact_us a {
  margin:           0px;
  text-align:       center;
  width:            152px;
  border:           6px solid #eeeeee;
  border-width:     2px 6px 0px 0px;
  padding:          6px 12px 8px 10px;
  color:            #cc0000;
}

#submenu {
  width:            180px;
}

#submenu a {
  font-size:        0.8em;
  padding:          4px 4px 4px 18px;
  background-color: #ffffff;
}

#submenu a:hover {
  border-right-color:     #ffffff !important;
}

#base_menus {
  position:         absolute;
  bottom:           0px;
  right:            0px;
  width:            780px;
}

#b_menu, #u_menu {
  width:            780px;
}

#u_menu {
  padding:          6px 10px 2px 10px;
}

#b_menu {
  padding:          2px 10px 6px 10px;
}


/*-----------------------------LINKS-----------------------------*/

a {
  text-decoration:  none;
  color:            #cc0000;
}

a:hover {
  text-decoration:  none;
  color:            #ff0000;
}

input[type=submit], input[type=button], a.button {
  font-size:        1.2em;
}

td a {
  color:            #444444;
}

/*-----------------------------OPTIONS_GRID-----------------------------*/

div.options_grid {
  margin:           8px 10px 12px 10px;
  overflow:         visible;
}

div.options_grid img {
  margin:           10px 0px 2px 0px;
  border:           4px solid #eeeeee;
}

div.options_grid a {
  padding:          4px;
  display:          block;
  float:            left;
  font-size:        1.1em;
  text-align:       center;
  width:            142px;
  height:           130px;
  color:            #444444;
  overflow:         visible;
}

div.options_grid a:hover {
  color:            #ff0000;
  background-color: #ffeeee;
}

#home_grid
{
  width:            682px;
  margin:           20px auto 24px auto;
}

#home_grid a {
  width:            215px;
  height:           215px;
}

#home_grid img {
  border:           6px solid #eeeeee;
}

/*-----------------------------MISC-----------------------------*/

h1 {
  color:            #cc0000;
}

h2 {
  font-size:        1.3em;
}

th {
  border-width:     1px 0px 1px 0px;
}

span.smallprint {
  font-size:        0.8em;
}

ul {
  margin:           0px 0px 0px 1em;
  padding:          2px 10px 10px 1em;
  list-style:       disc outside;
}

ol {
  margin:           0px 0px 0px 1.3em;
  padding:          2px 10px 10px 1.3em;
  list-style:       decimal outside;
}

/*-----------------------------CONTACT US-----------------------------*/

#contact_details th {
  border:           none;
  vertical-align:   middle;
  padding:          3px 4px 1px 0px;
}

#contact_form {
  float:            left;
  width:            455px;
  padding:          0px;
  border:           4px solid #eeeeee;
  margin:           10px 0px 20px 10px;
}

#contact_form table {
  margin:           15px auto 5px auto;
}

#contact_form fieldset {
  border:           none;
  margin:           6px 10px 0px 10px;
}

#contact_form fieldset.submits {
  margin:           0px 10px 7px 10px;
}

#map_canvas {
  clear:            both;
  margin:           10px;
  height:           270px;
  border:           4px solid #eeeeee;
}

#map_canvas div {
  overflow:         visible;
}

#contact_address {
  font-size:        1.1em;
  padding:          50px 0px 0px 40px;
}

#registered_office {
  margin:           15px 0px 0px 0px;
  font-size:        0.9em;
  color:            #666666;
}

#registered_office p {
  padding:          2px 10px 6px 10px;
}

/*-----------------------------IMAGES-----------------------------*/

img.brochure, img.b_brochure {
  margin:           5px 0px 12px 0px;
}

img.border, img.b_brochure  {
  border:           4px solid #eeeeee;
}

a:hover img.b_brochure, a:hover img.border  {
  border-color:     #ff0000;
}

img.inline-left {
  margin:           5px 10px 8px 0px;
}

/*-----------------------------EDITOR-----------------------------*/

ul.tasks {
  list-style:       none;
}

table td {
  padding:          3px 4px 1px 4px;
}

th.subsection {
  font-size:        1.3em;
  border:           none;
}

/*-----------------------------RANGE BOX-----------------------------*/

div.range_box, div.range_box_mini {
  height:           240px;
  padding:          4px 10px 0px 164px;
  margin:           15px 5px 30px 5px;
  border:           4px solid #eeeeee;
}

div.range_box span.main, div.range_box_mini span.main {
  display:          block;
  position:         absolute;
  bottom:           0px;
  left:             -164px;
  text-align:       center;
  height:           233px;
  width:            150px;
  visibility:       hidden;
  background-color: #ffffff;
}

div.range_box span.background, div.range_box_mini span.background {
  bottom:           6px;
  left:             10px;
  visibility:       visible;
}

div.range_box a:hover span.main, div.range_box_mini a:hover span.main {
  visibility:       visible;
}

div.range_box span.main img, div.range_box_mini span.main img {
  margin-top:       46px;
}

div.range_box span.main span.code, div.range_box span.main span.name, div.range_box_mini span.main span.code, div.range_box_mini span.main span.name {
  display:          block;
  position:         absolute;
  left:             0px;
  width:            150px;
  text-align:       center;
  color:            #ff0000;
}

div.range_box span.main span.code, div.range_box_mini span.main span.code {
  bottom:           5px;
}

div.range_box span.main span.name, div.range_box_mini span.main span.name {
  top:              6px;
}

div.range_box div.thumbs, div.range_box_mini div.thumbs {
  overflow:         visible;
  position:         absolute;
  bottom:           6px;
  left:             174px;
  height:           54px;
  width:            580px;
}

div.range_box_mini div.thumbs {
  height:           60px;
}

div.range_box div.thumbs img, div.range_box_mini div.thumbs img {
  padding:          0px 0px 4px 0px;
}

/*-----------------------------PRODUCTS-----------------------------*/

#enlarge_image {
  display:          block;
  position:         relative;
  margin:           13px 5px 13px 5px;
  border:           4px solid #eeeeee;
  width:            500px;
  padding:          20px 15px 10px 15px;
  text-align:       center;
}

#enlarge_image span.description {
  display:          block;
  text-align:       center;
  color:            #000000;
  font-size:        1.3em;
  padding:          7px 5px 0px 5px;
}

#enlarge_image span.close {
  display:          block;
  position:         absolute;
  top:              0px;
  right:            0px;
  font-size:        1.5em;
  line-height:      1em;
  padding:          2px 3px 4px 5px;
  text-decoration:  none;
  font-weight:      bold;
  background-color: #eeeeee;
  color:            #ffffff;
}