@charset "utf-8";
/* CSS Document */

/*********************************
Eric Meyer's CSS reset
*********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:910px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/* commented backslash hides from ie5mac \*/  
html{ height:100%; margin:0; padding:0 }  /* end hack */  
html,body {background-color: #f3f3f3; font-family: Arial, Helvetica, sans-serif; color:#000000;} 

h1, h2, h3, h4 {color: #f42e86; font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 1.55em; margin-bottom: 1.35em; text-transform: uppercase;}
h2 {font-size: 1.25em; margin-bottom: 1.2em;  background-color: #fafafa; padding: 3px; clear: left; margin-top: 1.2em; text-transform:capitalize;}
h2 a {color: #f42e86; font-size: inherit;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; text-transform: uppercase;}
h3 a {color: #f42e86;}
h4 {font-size: 0.95em; margin-bottom: 0.8em;}
.strong {font-weight: bold; font-size: inherit;}
.right {text-align: right;}
.clr {clear: both;}
p {font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 1.05em; line-height: 1.55em; margin-bottom: 1.7em; font-weight: normal;}
a {color: #000000; text-decoration: none;}
a:hover {color: #f42e86;}
ul {margin-left: 2em;list-style-type: disc; list-style-position: outside;}
li {font-size: 1.05em; line-height: 1.55em; margin-bottom: 1.5em; }



/********************************
General #divs
********************************/
#wrapper {height: 100%;}
#inner {width: 900px; padding: 0 10px; margin: 0px auto; background: #f3f3f3 url(images/body_bg.png) top left repeat-y;}
#header{height: 70px;}
#logo{float: left; margin: 15px 0 0 10px;}
#search {width: 220px; float: right; margin: 25px 5px 0 0; height: 35px;}
#menu { background-color: #666666; height: 2.5em;}
#rhcol {float: right; width: 170px;}
#rh_sub_menu {width: 170px; float: right; border-left: 1px dashed #f42e86; margin: 0 0 20px 0;}
#splash{background-color: #fafafa; position: relative; height: 255px;}
/*#splash img {position: absolute; top: 0; left: 0;}*/
#splash_text {position: absolute; top: 5px; right: 5px; width: 220px;}
#splash_text h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#f42e86; text-transform:none; font-size: 1.6em; line-height: 2.2em; letter-spacing: 0.02em; font-weight: normal;}
#top_image {background-color: #fafafa; position: relative; height: 135px;}
#content_wrapper{width: 695px; margin: 0; float: left;}
#main_content{padding: 10px 0 10px 20px; margin-top: 8px; width: 695px; position: relative;}
#main_content_inner {padding: 5px;}
#main_content_inner a {text-decoration: underline; margin-bottom: 1.5em; color: #781f1d;}

#main_content_home{padding: 10px 20px; border-right: 1px dashed #f42e86; width: 425px; float: left; margin-top: 8px;}

#news_summary{margin: 8px 0 30px; float: right; width: 210px; padding-top: 10px;}
#footer{background-color: #666666; padding: 8px; min-height: 20px;}
#footer p, #footer a {color: #ffffff; text-decoration: none; margin: 0; line-height: 1em;}

#flashheading, #flashheading.flashtext {margin-bottom: 12px;}
#sotester {height: 50px;}


html>body #minHeight{float:left; width:0px; height:100%; margin-bottom:-82px;}

/******************************
Twitter
******************************/
#twitter, #rss {margin: 10px 0 15px 10px;}

/******************************
General classes
******************************/
.content_header_panel h2 {padding: 1.4em 0.7em; background-color: #e7e2d8;}
.images {float: right; margin: 5px 0 5px 5px; clear: right; }
.clr {clear: both;}
.em { font-style:italic;}
.right {float: right; margin: 0 0 15px 15px; clear:right; }
.left {float: left; margin: 0 15px 15px 0; clear: left;}
.section {clear: both; padding: 5px 0; border-bottom: 1px dashed #fafafa;}
font.required {margin: 2em 0 0 0; display: block;}
.required {font-weight: bold; color: #f42e86;}
.missing {margin: 2em 0 2em 2em; font-style:italic;}

/******************************
List styles
*****************************/
#main_content_inner ul, #main_content_inner ol {margin-left: 20px;}
#main_content_inner ul li {list-style-type: disc; list-style-position: outside; margin-bottom: 1.35em;}
#main_content_inner ol li {list-style-type:decimal; list-style-position: outside; margin-bottom: 1.35em;}

/******************************
Menu styling
******************************/
 /* common styling */
.menu {height: 2.5em; background-color: #a1a1a1; font-family: verdana, sans-serif; width:900px; position:relative; font-size:0.85em; z-index:10;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:99px; height:2.2em; border:1px solid #fff; border-width:0 1px 0 0; padding-left:7px; line-height:2em;}
* html .menu ul li a, .menu ul li a:visited {width:109px;w\idth:99px;}
.menu ul li ul {display: none;}
.menu ul li.active {background-color: #d4d4d4;}
.menu ul li.active a {color: #f42e86;}
table {margin:-1px; border-collapse:collapse; font-size:1em;}



/* specific to non IE browsers */
.menu ul li:hover a,.menu ul li a:hover {color:#f42e86; background-color: #d4d4d4;}
#rh_sub_menu {padding-right: 8px;}
#rh_sub_menu ul {list-style-image: url(images/bullet.png); list-style-position: outside; padding-left: 1em;}
#rh_sub_menu li {padding: 3px 0; line-height: 1em; margin-bottom: 0.5em;}
#rh_sub_menu li a {}
#rh_sub_menu li.active a {color: #f42e86;}
#rh_sub_menu ul li ul {margin-top: 1.35em; list-style: none; margin-left: 0.3em;}
#rh_sub_menu ul li.active ul li a {color: #000;}
#rh_sub_menu ul li.active ul li.active a {color: #f42e86;}

/****************************
News
****************************/

.news_summary_item {padding-bottom: 6px; border-bottom: 1px solid #a1a1a1; margin-bottom: 18px;}
.news_summary_item p {margin-bottom: 0;}
.ditto_info, .ditto_info a {margin: 3px 0 8px; font-style:italic; color: #a1a1a1; font-size: 0.9em;}
.ditto_summaryPost {border-bottom: 1px dashed #f42e86; margin-bottom: 15px; line-height: 1.5em;}
.ditto_link, .ditto_link a {font-style:italic; margin-top: 1.5em;}
img.blog {width: 200px; height: 260px; background: transparent url(http://www.timothyeverest.co.uk/assets/images/240x294_frame.png) no-repeat top; padding: 13px 23px 21px 17px; overflow: hidden; margin: 10px 0 5px 10px;}
img.blog_landscape {width: 260px; height: 200px;  background: transparent url(http://www.timothyeverest.co.uk/assets/images/294x240_frame.png) no-repeat top; padding: 13px 21px 27px 13px; overflow: hidden; margin: 10px 0 5px 10px; }
.fp_ditto_link {margin: 1.2em 0; color: #f24e86;}
.blog_imgls_wrapper {float: right; clear: right; width: 260px; margin: 10px; }
.blog_imgpt_wrapper {float: right; clear: right; width: 200px; margin: 10px; }
span.caption {color: #f42e86; font-size: 0.85em; margin: 0 0 0 15px; padding: 0 0 0 5px;}


/*********** Feedburner feed styling ***********/
.feedburnerFeedBlock ul {list-style: none;}
.feedburnerFeedBlock li {border-bottom: 1px dashed #f42e86; margin-bottom: 2em; padding-bottom: 2em;}
.feedburnerFeedBlock li .headline a {color: #f42e86; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; margin-bottom: 1.2em;  background-color: #fafafa; padding: 3px; clear: left; margin-top: 1.2em; text-transform:capitalize; display: block;}
.feedburnerFeedBlock p.date {padding: 0; font-style: italic; color: #666; font-size: 10px;}
.feedburnerFeedBlock img {padding: 5px; border: 1px solid #cccccc;}
.feedburnerFeedBlock img.blog {width: 200px; height: 260px; background: transparent url(http://www.timothyeverest.co.uk/assets/images/240x294_frame.png) no-repeat top; padding: 13px 23px 21px 17px; overflow: hidden; margin: 10px 0 5px 10px; border: none;}
.feedburnerFeedBlock img.blog_landscape {width: 260px; height: 200px;  background: transparent url(http://www.timothyeverest.co.uk/assets/images/294x240_frame.png) no-repeat top; padding: 13px 21px 27px 13px; overflow: hidden; margin: 10px 0 5px 10px; border: none;}
.feedburnerFeedBlock .fp_ditto_link {margin: 1.2em 0; color: #f24e86;}
.feedburnerFeedBlock .blog_imgls_wrapper {float: none; width: 260px; margin: 10px; }
.feedburnerFeedBlock .blog_imgpt_wrapper {float: none; width: 200px; margin: 10px; }
.feedburnerFeedBlock span.caption {color: #f42e86; font-size: 0.85em; margin: 0 0 0 15px; padding: 0 0 0 20px;}
.feedburnerFeedBlock .blogger-post-footer img {border: none;}
.feedburnerFeedBlock .feedflare img {border: none;}

#news_summary .feedburnerFeedBlock {margin: 0; padding: 0;}
#news_summary .feedburnerFeedBlock ul, #news_summary .feedburnerFeedBlock li {margin: 0; padding: 0;}
#news_summary .feedburnerFeedBlock li {padding-bottom: 10px;}
#news_summary .feedburnerFeedBlock li .headline a {color: #f42e86; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.95em; margin-bottom: 1.2em;  background-color: #fafafa; padding: 3px; clear: left; margin-top: 1.2em; text-transform:capitalize; display: block;}
#news_summary .feedburnerFeedBlock img {border: none; padding: 0;}

/**************************
TEMailer - email newsletter signup
**************************/
#newsletterSignup {display: block; width: 170px; float: right; clear: right; }
#newsletterSignup h4 {font-size: 0.85em;}
#newsletterSignup input {width: 120px; font-size: 0.85em; padding: 0.15em; background-color: #fafafa;}
#newsletterSignup input:focus {background-color: #fff;}
#newsletterSignup center input {width: 6em; background-color: #fafafa; color: #f42e86; border: 1px solid #f42e86;}

/***************************
Email form (contact)
****************************/

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {width: 360px; text-align: left; padding-bottom: 20px; border: none;}
#EmailForm.full { width: 100%; }
#EmailForm fieldset {border: none;}
#EmailForm legend {display: none;}
#EmailForm h3 {clear: both;	padding: 15px 0 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #000; font-weight: bold;}
#EmailForm label, #EmailForm p {display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px;}
#EmailForm input { display: block; margin-top: 3px;}
#EmailForm select {float: left; display: block;}
#EmailForm label.first, #EmailForm label.city {clear: left; margin-right: 10px; width: 150px;}
#EmailForm label.second, #EmailForm label.state {float: left; clear: none; margin: 0 10px 0 0; width: 150px;}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input {float: left; width: 150px; padding: 0;}
#EmailForm label.state select {width: 60px; float: left; margin-top: 3px;}
#EmailForm label.zip, #EmailForm label.zip input {float: left; width: 80px;}
#EmailForm label.zip { clear: none; }
#EmailForm label {float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em;}
#EmailForm label input {float: left; width: 310px; padding: 0;}
#EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 {clear: left; float: left;
	padding: 0; margin: 0;}
#EmailForm label.radio, #EmailForm label.radioitem {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
#EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 {clear: both; float: left; padding: 0;
	margin: 0;}
#EmailForm label.checkbox {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input, #EmailForm textarea, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(images/input-bg.gif) repeat-x top left;}
#EmailForm input.checkbox, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff;}
#EmailForm textarea {margin-top: 3px; width: 383px; height: auto; display: block;}
#EmailForm label input.calc {text-align: right; width: 100px; clear: left; padding: 0;}
#EmailForm input.button {clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED;}

/******************************
Form
****************************/
form {}
form fieldset {clear: both; width: 600px; margin-bottom: 15px;}
form label {padding-bottom: 6px;}
form input, form textarea {margin-bottom: 10px;}

/***************************
Table styling (Japanese retailers)
***************************/
td, th {padding: 3px; font-size: 0.9em;}
tr {border-top: 1px dotted #f42e86;}

/**************************
Image captions
**************************/
.image_wrapper_right {width: 225px; text-align: right; float: right; clear: right;}
.image_wrapper_right_landscape {width: 350px; text-align: right; float: right; clear: right;}
.image_wrapper_left {width: 225px; text-align: right; float: left; clear: left;}
.image_wrapper_left_landscape {width: 350px; text-align: right; float: left; clear: left;}
.image_wrapper_full_width {width: 690px; text-align: right; float: left; clear: both;}
p.caption, p.caption a {margin: 1.1em 0 1.5em; font-size: 0.85em; text-align: right; padding-right: 20px;}

/****************************
Press page styling
****************************/
table#scroll {/*position: absolute; right: 10px; top: 60px;*/ float: right; width: 220px;}
table#scroll tr {border-bottom: 1px dotted #f42e86;}
/*.LCOS_box {float: right; width: 250px; height: 450px; overflow: auto;}*/
.LCOS_box {margin: 0; padding: 0;}
ul.LCOS_list {list-style: none; margin-left: 0;}
li.LCOS_child {margin: 4px 0;}
li.LCOS_child a {color: #f42e86;}
li.LCOS_child a:hover {color: #a1a1a1;}
.LCOS_description {margin-left: 5px;}

#imageArea {}
a#press_img_link {display: block;}
#scrollingDiv {}
#scrollingDiv ul {list-style: none; padding: 0; margin: 0;}
#scrollingDiv li {}
#imageArea {width: 350px; float: left;}
#imageArea a {padding: 10px 0;}
#press_img_content {display: block;}
#press_img_content p {margin: 10px 0;}