/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*                                                                        */
/*  STS                                                   */
/*  Copyright 2009                                                        */
/*                                                                        */
/*  Cascading Style Sheet                                                 */
/*                                                                        */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald, Pure Innovation Limited                      */
/* ---------------------------------------------------------------------- */

/*-----------------------------
  RESETTING
-----------------------------*/

li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  color: #17b2d4;
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #545B66;
	background: #727C8A;
}

body
{
   background:  #727C8A url(/images/body_bg.jpg) 50% 19px no-repeat;
}

h1
{
	font-size: 2.1em;
	line-height: 1em;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #737D8C;
}

h1 span.big
{
  font-size: 1.9em;
	line-height: 1em;
}

h2
{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 0.05em;
	color: #737D8C;
}

h3
{
  font-size: 1.3em;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  color: #000000;
}

p
{
	margin-bottom: 10px;
}
/*-----------------------------
  COMMON
-----------------------------*/

div.clear
{
	float: left;
	width: 100%;
	clear: both;
	line-height: 0px;
	overflow: hidden;
}

.floatRight
{
	float: right;
}

.bold
{
	font-weight: bold;
}

.marginLeft23
{
  margin-left: 23px;
}

.marginLeft38
{
  margin-left: 38px;
}

.marginLeft45
{
  margin-left: 45px;
}


.marginLeft60
{
	margin-left: 60px;
}

a.buttonGlass
{
  float: left;
  width: 150px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
	background: url(/images/button_glass_red.png) 50% 50% no-repeat
}

a.buttonGlassPlain
{
  float: left;
  width: 112px;
  height: 38px;
  text-align: center;
  line-height: 28px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  background: url(/images/button_glass_red_plain.png) 50% 50% no-repeat
}

a.buttonGlassWide
{
	position: relative;
  float: left;
  width: 183px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  background: url(/images/button_glass_red_wide.png) 50% 50% no-repeat
}

a.buttonGlassSmall
{
  position: relative;
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 0.85em;
  font-weight: bold;
  background: url(/images/button_glass_red_small.png) 50% 50% no-repeat
}

a.buttonGlassWide span.iconCalculator
{
	position: absolute;
	top: 3px;
	left: 20px;
	width: 41px;
	height: 40px;
	background: url(/images/icon_calculator.png) no-repeat; 
}

a.buttonGlassWide span.iconPdfClipboard
{
  position: absolute;
  top: 3px;
  left: 20px;
  width: 41px;
  height: 40px;
  background: url(/images/icon_pdf_clipboard.png) no-repeat; 
}

a.buttonGlassBack
{
  position: absolute;
	right: -4px;
	bottom: 59px;
  float: left;
  width: 99px;
  height: 70px;
	text-decoration: none;
  background: url(/images/button_glass_red_back.png) 50% 50% no-repeat;
}

/*-----------------------------
  SITE CONTAINER
-----------------------------*/

div.site
{
	width: 1001px;
	height: 743px;
	background: #FFFFFF;
	margin: 30px auto 0 auto;
}

/*-----------------------------
  FORMS
-----------------------------*/

ul.form {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.form li {
  margin-bottom: 12px;
}

input.text {
  width: 280px;
  height: 17px;
  font-size: 1em;
  color:#666666;
  border: 0;
  padding: 7px 7px 7px 7px;
  background: url(/images/form_text_input_bg.png) no-repeat
}

textarea {
  width: 280px;
  height: 106px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  line-height:18px;
  color:#666666;
  border: 0;
  padding: 7px 7px 7px 7px;
  background: url(/images/form_textarea_bg.png) no-repeat
}

ul.error_list li {
  color: #a00404;
}

/*-----------------------------
  HEADER
-----------------------------*/

div#header 
{
	position: relative;
  height: 138px;
	width: 100%;
	background: url(/images/header_bg.png) right top no-repeat;
}

div#header a.logo 
{
	position: absolute;
	top: 5px;
	left: 62px;
}

div#header div.contactDetails
{
	position: absolute;
	top: 35px;
	right: 70px;
}

div#header div.contactDetails div.phoneNumber, div#header div.contactDetails div.email 
{
	float: right;
	clear: both;
}

div#header div.contactDetails div.phoneNumber
{
	font-size: 1.9em;
}

/*-----------------------------
  MENU
-----------------------------*/

div#menu
{
	position: absolute;
	right: 35px;
	bottom: 0px;
}

div#menu ul
{
	list-style: none;
	border: 0;
	padding: 0;
}

div#menu ul li
{
	float: left;
	margin-left: 1px;
}

div#menu ul li a
{
	display: block;
	width: 63px;
  height: 36px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

div#menu ul li.grey a
{
	width: 130px;
	height: 36px;
	background: url(/images/menu_tab_grey_bg.png) no-repeat;
}

div#menu ul li.red a
{
	text-indent: -9999px;
  background: url(/images/menu_tab_red_bg.png) no-repeat;
}

div#menu ul li.green a
{
	text-indent: -9999px;
  background: url(/images/menu_tab_green_bg.png) no-repeat;
}

div#menu ul li.blue a
{
  text-indent: -9999px;
  background: url(/images/menu_tab_blue_bg.png) no-repeat;
}

/*-----------------------------
  PAGINATION
-----------------------------*/

div.pagination 
{
	position: absolute;
	bottom: 10px;
	left: 20px;
	width: 95%;
}

div.pagination ul 
{
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.pagination ul li 
{
  float: left;
  margin-left: 10px;
}

div.pagination ul li a 
{
	outline: none;
}

div.pagination p
{
  float: left;
}

/*-----------------------------
  CONTENT CONTAINER
-----------------------------*/

div.content
{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 499px;
	border-top: 1px solid #BBC4D2;
	border-bottom: 1px solid #BBC4D2;
	background: url(/images/content_bg.jpg);
}

div.content div.padded
{
	width: 860px;
	margin: 0 auto;
	padding: 48px 0;
}

/*-----------------------------
  SHINY BOXES
-----------------------------*/

div.shinyBox
{
  position: relative;
	float: left;
  width: 274px;
  height: 451px;
}

div.shinyBoxSmall
{
  position: relative;
  width: 274px;
  height: 384px;
}

div.shinyBoxProductList {
	position: relative;
  width: 186px;
  height: 205px;
}

div.shinyBoxSmall div.reflection, div.shinyBox div.reflection
{
  position: absolute;
  width: 274px;
  height: 67px;
  bottom: 0px;
	left: 0px;
}

div#shiny_box_red { background: url(/images/shiny_box_red.png) no-repeat; }
div#shiny_box_red_small { background: url(/images/shiny_box_red_small.png) no-repeat; }
div.shinyBoxProductList.red { background: url(/images/shiny_box_red_product_list.png) no-repeat; }
div#shiny_box_red_small div.reflection, div#shiny_box_red  div.reflection { background: url(/images/shiny_box_red_reflection.png) no-repeat; }
div#shiny_box_red_small p, div#shiny_box_red p {  color: #530404; }
div#shiny_box_red_small a.buttonGlass, div#shiny_box_red a.buttonGlass { background: url(/images/button_glass_red.png) 50% 50% no-repeat; }
div#shiny_box_red_small a.buttonGlassWide, div#shiny_box_red a.buttonGlassWide { background: url(/images/button_glass_red_wide.png) 50% 50% no-repeat; }
div#shiny_box_red_small a.buttonGlassBack, div#shiny_box_red a.buttonGlassBack { background: url(/images/button_glass_red_back.png) 50% 50% no-repeat; }
div#shiny_box_red_small a.buttonGlassSmall, div#shiny_box_red a.buttonGlassSmall { background: url(/images/button_glass_red_small.png) 50% 50% no-repeat; }

div#shiny_box_green { background: url(/images/shiny_box_green.png) no-repeat; }
div#shiny_box_green_small { background: url(/images/shiny_box_green_small.png) no-repeat; }
div.shinyBoxProductList.green { background: url(/images/shiny_box_green_product_list.png) no-repeat; }
div#shiny_box_green_small div.reflection, div#shiny_box_green  div.reflection  { background: url(/images/shiny_box_green_reflection.png) no-repeat; }
div#shiny_box_green_small p, div#shiny_box_green p { color: #497209; }
div#shiny_box_green_small a.buttonGlass, div#shiny_box_green a.buttonGlass { background: url(/images/button_glass_green.png) 50% 50% no-repeat; }
div#shiny_box_green_small a.buttonGlassWide, div#shiny_box_green a.buttonGlassWide { background: url(/images/button_glass_green_wide.png) 50% 50% no-repeat; }
div#shiny_box_green_small a.buttonGlassBack, div#shiny_box_green a.buttonGlassBack { background: url(/images/button_glass_green_back.png) 50% 50% no-repeat; }
div#shiny_box_green_small a.buttonGlassSmall, div#shiny_box_green a.buttonGlassSmall { background: url(/images/button_glass_green_small.png) 50% 50% no-repeat; }

div#shiny_box_blue { background: url(/images/shiny_box_blue.png) no-repeat; }
div#shiny_box_blue_small { background: url(/images/shiny_box_blue_small.png) no-repeat; }
div.shinyBoxProductList.blue { background: url(/images/shiny_box_blue_product_list.png) no-repeat; }
div#shiny_box_blue_small div.reflection, div#shiny_box_blue  div.reflection  { background: url(/images/shiny_box_blue_reflection.png) no-repeat; }
div#shiny_box_blue_small p, div#shiny_box_blue p { color: #0D4084; }
div#shiny_box_blue_small a.buttonGlass, div#shiny_box_blue a.buttonGlass { background: url(/images/button_glass_blue.png) 50% 50% no-repeat; }
div#shiny_box_blue_small a.buttonGlassWide, div#shiny_box_blue a.buttonGlassWide { background: url(/images/button_glass_blue_wide.png) 50% 50% no-repeat; }
div#shiny_box_blue_small a.buttonGlassBack, div#shiny_box_blue a.buttonGlassBack { background: url(/images/button_glass_blue_back.png) 50% 50% no-repeat; }
div#shiny_box_blue_small a.buttonGlassSmall, div#shiny_box_blue a.buttonGlassSmall { background: url(/images/button_glass_blue_small.png) 50% 50% no-repeat; }


div.shinyBoxSmall div.image, div.shinyBox div.image
{
	float: left;
	clear: both;
	width: 182px;
	height: 179px;
	margin: 5px 45px 4px 45px;
	background: url(/images/shiny_box_image_bg.png) no-repeat;
}

div.shinyBoxProductList div.image
{
	float: left;
  clear: both;
  width: 135px;
  height: 133px;
  margin: 5px 25px 4px 25px;
  background: url(/images/shiny_box_image_bg_product_list.png) no-repeat;
}

div.shinyBoxSmall div.imageProduct, div.shinyBox div.imageProduct
{
  float: left;
  clear: both;
  width: 184px;
  height: 189px;
  margin: 10px 45px 4px 45px;
  background: url(/images/shiny_box_image_bg_product.png) no-repeat;
}

div.shinyBoxSmall h3, div.shinyBox h3, div.shinyBoxProductList h3
{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

div.shinyBoxProductList h3 
{
	font-size: 1em;
}

div.shinyBoxSmall div.image img, div.shinyBox div.image img, div.shinyBoxSmall div.imageProduct img, div.shinyBox div.imageProduct img, div.shinyBoxProductList div.image img
{
	margin: 5px;
}

div.shinyBoxSmall p, div.shinyBox p
{
	font-size: 0.9em;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

div.shinyBoxContentTwoThirds
{
	position: relative;
	float: left;
	width: 566px;
	height:451px;
	background: url(/images/shiny_box_content_two_thirds.png) no-repeat;
}

div.shinyBoxContentTwoThirds div.innerContent
{
	margin: 34px 40px;
	height: 320px;
	overflow-y: auto;
}

div.shinyBoxContentTwoThirds div.reflection
{
  position: absolute;
  width: 566px;
  height: 67px;
  bottom: 0px;
	background: url(/images/shiny_box_content_two_thirds_reflection.png) no-repeat;
}

div.reflection a.pdfDownload
{
	position: absolute;
	right: 5px;
	top: 18px;
	height: 36px;
	line-height: 36px;
	padding-right: 36px;
	background: url(/images/icon_pdf_clipboard.png) top right no-repeat;
}

div.shinyBoxContentFullwidth
{
	position: relative;
  float: left;
  width: 858px;
  height:451px;
  background: url(/images/shiny_box_content_fullwidth.png) no-repeat;
}

div.shinyBoxContentFullwidth div.innerContent
{
	position: relative;
  margin: 34px 40px;
  height: 320px;
  overflow-y: auto;
}

div.shinyBoxContentFullwidth div.reflection
{
  position: absolute;
  width: 858px;
  height: 66px;
  bottom: 0px;
  background: url(/images/shiny_box_content_fullwidth_reflection.png) no-repeat;
}

div.shinyBoxContentTwoThirds a.back, div.shinyBoxContentFullwidth a.back
{
	position: absolute;
	bottom: 70px;
	right: 5px;
}

div.innerContent div.leftColumn, div.innerContent div.rightColumn
{
	float: left;
	width: 49%;
}  

/*-----------------------------
  THREE SHINY BOX PAGES
-----------------------------*/

div.lead
{
	position: absolute;
	top: 18px;
	left: 115px;
}

div.lead h2
{
	margin-top: 5px;
}

div.shinyBoxes
{
	position: absolute;
	bottom: 0px;
	left: 70px;
	width: 867px;
}

div.shinyBoxes div.column
{
	float: left;
	margin-left: 20px;
}

div.shinyBoxes div.column.first
{
  margin-left: 0px;
}

div.shinyBoxes a.buttonGlass
{
	position: absolute;
	bottom: 75px;
	left: 60px;
}

div.shinyBoxes a.back
{
	position: absolute;
	bottom: 5px;
  right: -60px;
}

/*-----------------------------
  RADIATION SIMULATORS
-----------------------------*/

div#radiation_simulators div.lead
{
	top: 42px;
}

/*-----------------------------
  PRODUCT LIST PAGES
-----------------------------*/


div#products_list h1
{
  margin: 15px 60px;
}

div#products_list div.scroller
{
	position: relative;
	float: left;
	height: 420px;
	width: 880px;
  margin-left: 60px;
	padding: 0px;
	overflow: auto;
}

div#products_list div.shinyBoxProductList
{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

div#products_list div.shinyBoxProductList a.buttonGlassSmall
{
	position: absolute;
	bottom: 8px;
  left: 48px;
}

div#products_list div.product h3
{
	float: left;
	clear: both;
	height: 40px;
}

div#products_list div.separator
{
  float: left;
	clear: both;
	width: 97%;
	margin: 4px 0 6px 0;
}

div#products_list div.thumbnail
{
	width: 78px;
	height: 79px;
	background: url(/images/thumbnail_bg.png) no-repeat;
}

div#products_list div.thumbnail img, div#products_list div.productName
{
	margin: 5px;
}


div#products_list a.back
{
  position: absolute;
  bottom: 5px;
  right: 4px;
}
/*-----------------------------
  FOOTER
-----------------------------*/

div#footer
{
	position: relative;
	float: left;
  clear: both;
  width: 100%;
}

div#footer div.strap
{
	position: absolute;
	top: 10px;
	left: 140px;
	font-style: italic;
}

div#footer div.logos
{
	height: 75px;
	padding: 26px 0 0 140px;
}

div#footer div.logos img
{
	margin-left: 32px;
}

div#footer div.logos img.first
{
	margin-left: 0;
}

div#footer div.copyright, div#footer div.address 
{
	color: #FFFFFF;
	font-size: 0.85em;
	padding: 25px 20px;
}

div#footer div.copyright
{
	float: left;
}

div#footer div.address 
{
	float: right;
}