/*
Theme Name: Technical Urethanes
Theme URI: http://technicalurethanes.com
Description: Custom Wordpress template designed for Technical Urethanes
Version: 1.0
Author: David Baines
Author URI: http://dbaines.com
Tags: custom

*/


/* INITIALISATION
--------------------------------------------------------------------------------- */
body {margin: 0; padding: 0;}
img {border: 0;}
p {margin: 0px; padding: 0 0 15px 0;}
p:last-child {margin: 0px; padding-bottom: 0px;}

/* FONTS & GLOBAL STYLINGS
--------------------------------------------------------------------------------- */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;}
body.home {font-size: 14px;}

#page-container,
#footer {letter-spacing: 0.03em; word-spacing: 0.03em; line-height: 1.7em;}
#footer {color: #444; font-size: 12px;}

a:visited,
a:link {color: #0b3ac4; text-decoration: underline;}
a:hover {color: #0a132e;}

#footer a:visited,
#footer a:link {color: #444;}
#footer a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: bold;}
h1 {font-style: italic; font-size: 20px; color: #b53636; margin: 5px 0;}

.clear {clear: both; font-size: 0px; height: 1px;}
.hr {height: 1px; border-top: 1px solid #e4e4e4; margin: 20px 0; font-size: 0px;}
.hr span {display: none;}

.page-col1 {float: left; width: 580px;}
.page-col2 {float: right; width: 340px;}

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}

/* HIDING PRINT SPECIFICS
--------------------------------------------------------------------------------- */
.printonly {display:none;}

/* DESIGN
--------------------------------------------------------------------------------- */
body {background: #cbcbcb url("images/background-pattern.png") top; text-align: center;}
	#background {background: url("images/background-repeat-y.gif") top repeat-y;}
	#background-top {background: url("images/background-top.gif") top no-repeat;}
	#background-bottom {background: url("images/background-bottom.gif") bottom no-repeat; padding-bottom: 9px;}

#container {width: 960px; margin: 0 auto; text-align: left;}

#header {background: url("images/logo.png") top left no-repeat; height: 193px; overflow: hidden;}
	ul#navigation {float: right; padding: 152px 0 0 0; margin: 0; list-style: none;}
	ul#navigation li {float: left; list-style: none; margin-right: 5px;}
	ul#navigation li a {display: block; background: url("images/tabs-right-sprite.gif") top right no-repeat; color: #5c5c5c; text-shadow: 1px 1px #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 14px;}
	ul#navigation li a span {display: block; line-height: 41px; padding: 0 15px; background: url("images/tabs-left-sprite.gif") top left no-repeat;}
	
	ul#navigation li a:hover {background-position: 100% -41px; text-shadow: 1px 1px #e0e4f2;}
	ul#navigation li a:hover span {background-position: 0 -41px;}
	
	ul#navigation li.current_page_item a,
	ul#navigation li.current_page_parent a {color: #000; background-position: 100% -82px;}
	ul#navigation li.current_page_item a span,
	ul#navigation li.current_page_parent a span {background-position: 0 -82px;}
	
#page-container {padding: 10px; clear: both; background: url("images/page-bottom.gif") bottom repeat-x;}

#footer {width: 940px; padding: 0 10px; margin: 0 auto; text-align: left;}
	.footer_col1 {float: left;}
	.footer_col2 {float: right; text-align: right;}

.simple-layout {}
.simple-layout td {vertical-align: top; padding: 0 10px;}

/* HOMEPAGE
--------------------------------------------------------------------------------- */
	/*
	#slider ul, #slider li{margin:0; padding:0; list-style:none;}
	#slider, #slider li{width:552px; height:317px; overflow:hidden;}
	#slider_control_gap {height: 20px;}
		#slider_control_gap,
		#slider_control_gap a:visited,
		#slider_control_gap a:link {color: #e1e1e1; font-style: italic; font-size: 12px;}
	
	span#prevBtn a, 
	span#nextBtn a {text-indent: -9999px; overflow: hidden; display: block; width: 26px; height: 26px; background: url("images/sliderbuttons.gif") top left no-repeat; position: absolute;}
	span#nextBtn a {right: 13px; background-position: bottom left;}
	span#prevBtn a {right: 44px;}
	*/

.coda-slider-wrapper {border: 1px solid #fff; background: #474747; padding: 13px 13px 8px 13px !important; overflow: hidden !important; position: relative; }
	.coda-slider {border: 1px solid #737373; margin-bottom: 8px; height: 450px;}
		.coda-slider, .coda-slider .panel {width: 550px !important;}

	.coda-slider-wrapper ul {padding: 0; margin: 0;}
	#coda-nav-left-1 a,
	#coda-nav-right-1 a {text-indent: -9999px; overflow: hidden; display: block; width: 26px; height: 26px; background: url("images/sliderbuttons.gif") top left no-repeat; position: absolute; padding: 0 !important; bottom: 8px;}
	#coda-nav-right-1 a {right: 13px; background-position: bottom left;}
	#coda-nav-left-1 a {right: 44px;}

	.coda-nav ul li a {padding: 0 5px !important; background: #202020 !important; margin-right: 5px !important; -moz-border-radius: 5px;}
	.coda-nav ul li a.current {background-color: #b53636 !important;}


/* PRODUCTS
--------------------------------------------------------------------------------- */
#products-return-bar a {padding-left: 20px; background: url("icons/resultset_previous.png") left no-repeat;}
table#gallery {width: 100%;}
table#gallery td {vertical-align: top; padding: 5px; text-align: center; width: 20%;}

.gallery {border: 1px solid #fff; background: #474747; padding: 10px;}
	.gallery-item .gallery-icon {}
	.gallery-item .gallery-icon a img {border: 1px solid #737373 !important;}
	.gallery-item .gallery-icon a:hover img {border-color: #fff !important;}
	.gallery-item .gallery-caption {color: #e1e1e1; font-style: italic; font-size: 12px;}


/* CONTACT PAGE
--------------------------------------------------------------------------------- */
.email {padding-left: 20px; background: url("icons/email.png") left no-repeat;}
.phone {padding-left: 20px; background: url("icons/phone.png") left no-repeat;}
.web {padding-left: 20px; background: url("icons/world.png") left no-repeat;}
.map {padding-left: 20px; background: url("icons/map.png") left no-repeat;}


/* ASSORTED
--------------------------------------------------------------------------------- */
.spec-table {width: 100%; margin-bottom: 10px;}
.spec-table td {padding: 5px; vertical-align: top;}
.spec-table th {padding: 5px; text-align: left; color: #fff; background: #0a5388;}

table.col3 td, table.col3 th {width: 33%;}
table tr.alt td {background: #e6ecf7;}

#lightbox-overlay-text-about,
#lightbox-infoContainer {display: none !important;}
legend, legend object {display: block; width: 920px !important;}

/* Wordpress Editor
--------------------------------------------------------------------------------- */
body#tinymce {text-align: left !important; background: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 16px !important;}
body#tinymce table.mceItemTable {width: 100% !important;}
body#tinymce table.mceItemTable td {padding: 10px !important;}

/* 
   "It's drifting in and out in waves,
	Living in the strangest daze.
	A picture in a different frame,
	You only hear me when you're miles and miles away."
*/