@charset "utf-8";

/*     -----     FONT     -----     */

body, table, input, select, textarea, .normal { text-align: justify; font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-align: left; }
h1 { margin: 0px; font-size: 16px; background: url(../images/layout/t_stamp.png) no-repeat left center; padding: 8px 0 14px 40px;; }
h2 { margin: 12px 0px; font-size: 14px; }
h3 { margin: 12px 0px; font-size: 12px; }
h4 { margin: 10px 0px; font-size: 10px; }
h5 { margin: 8px 0px; font-size: 8px; }
h6 { margin: 6px 0px; font-size: 6px; }
p { margin: 11px 0px; }

#footer, #footer_home { font-size: 11px; }

a { color: #bdadc3; }
a:hover { color: #fff; }
/*see text colours for #footer styles*/
/*#footer a {}
#footer a:hover {}*/

/*     -----     CSS Helpers     -----     */

img, a img { border: none; }
.clear { clear: both; }
.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */
.no_bg_img { background: url(none) !important; padding-left: 0px; }

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px; } /* file attach must be styled manually */
input[type="submit"] { text-align: center; /* for silly IE */ width: auto; } /*styles for submit buttons*/

/*.altrow1 { if row colouring is required }*/
/*.altrow2 { if row colouring is required }*/

/*     -----     LAYOUT     -----     */

body { margin: 0px; padding: 0px; background: #000000; }
#container_home { margin: 0px auto; width: 776px; background: url(../images/layout/thomson_design_splash.jpg) no-repeat; height: 618px; }
#home_nav { float: right; width: 145px; margin-top: 51px; }
#home_nav ul { margin: 0; padding: 0;}
#home_nav ul li { list-style: none; margin: 0px; color: #bdadc3; }
/*STYLES*/
#home_nav ul li a { text-decoration: none; color: #bdadc3; height: 33px; width: 145px; display: block; }
#home_nav ul li a span { visibility: hidden; }
#home_nav ul li a:hover, li#about_us a:hover, li#news a:hover, li#gallery a:hover, li#contact_us a:hover { color: #fff; background-position: right top; }

li#about_us a { background: url(../images/layout/b_about_us.gif) no-repeat left top; }
li#news a { background: url(../images/layout/b_news_events.gif) no-repeat left top; }
li#gallery a { background: url(../images/layout/b_gallery.gif) no-repeat left top; }
li#contact_us a { background: url(../images/layout/b_contact_us.gif) no-repeat left top; }

#container { margin: 0px auto; width: 950px; background: url(../images/layout/container_repeat.png) repeat-y; }
#top_bar { background: url(../images/layout/top_bar.png) no-repeat; height: 46px; margin-bottom: 17px; }
#banner { background: url(../images/layout/banner.png) no-repeat; height: 81px; width: 544px; margin-left: -19px; margin-bottom: 23px; padding-left: 425px; }

#nav { line-height: 81px; }
/*LVL 1*/
#nav ul { margin: 0; padding: 0;}
#nav ul li { display: inline; position: relative; list-style: none; background: url(../images/layout/nav_divider.gif) no-repeat left center; margin: 0px; padding: 0px 17px; text-transform: uppercase; color: #bdadc3; }
/*STYLES*/
#nav ul li a { text-decoration: none; color: #bdadc3; }
#nav ul li a:hover { color: #fff; }

#flash { float: left; width: 419px; height: 330px; background: #000000 url(../images/layout/container_repeat.png) repeat-y; }
#content { float: left; width: 449px; padding-right: 58px; padding-left: 24px; padding-bottom: 10px; }
#content_gallery { width: 868px; padding-right: 58px; padding-left: 24px; padding-bottom: 10px; }

#op_link { margin-top: 18px; margin-left: 55px; }
#gsgoa_link { margin-top: 7px; margin-left: 92px; }

#footer_home { margin: 0px auto; width: 776px; padding-top: 10px; }
#footer { margin: 0px auto; width: 950px; background: url(../images/layout/container_base.png) no-repeat; padding-top: 24px; }


/*     -----     Website Info Content Holder     -----     */

#website_info { margin: 0px auto; padding: 0 20px; /*assuming width of page is 950px*/ }
.float23 { float: left; width: 23%; }
.float54 { float: left; width: 54%; }
#text_align, #quadtech { float: left; }
#quadtech a { display: block; height: 14px; width: 63px; overflow: hidden; background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat left center; }
#quadtech a:hover { background-position: -63px center; }
#text_links { padding-top: 10px; text-align: center; }

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

.productitemcell { height:22px;/* double the height of body text */ }