/* CSS Document */
html
{
	padding: 0px;
	font-size: 100.1%;
}

body {
	margin: 0px 0px 0px 79px;
	padding: 0px;
	overflow: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #323232;
}

#footer
{
	margin-top: 2em;
}

#footer td{
	font-size: 0.7em;
	text-align: top;
}
#footer td span{
	font-size: 1.4em;
	color: #ec008c;
}

#t_size{
	width: 862px;
	text-align:right;
	clear: both;
}

#t_size a, #t_size a:hover, #t_size a:active{
	border: 0px solid #fff;
}
#t_size img{
	margin-right: 5px;
}

a:link, a:visited {
	text-decoration: none;
	color: #323232;
	border-bottom: 1px dashed #323232;
}
a:hover, a:active {
	text-decoration: none;
	color: #ec008c;
	border-bottom: 1px dashed #ec008c;
}
a.news:link, a.news:visited {
	text-decoration: none;
	color: #323232;
}
a.news:hover, a.news:active {
	text-decoration: none;
	color: #ec008c;
}

.left_imgagecol .image_link {
	width: 412px;
	border: 0px none #FFFFFF;
}
a.button:link, a.button:visited {
	background-image: url(../images/button_back.gif);
	background-repeat: no-repeat;
	text-indent: 24px;
	border-bottom: 0px none #000000;
	display: block;
	font-size: 15px;
	color: #5f5f5f;
	background-position: 0px 1px;
	padding-bottom: 14px;
}
a.button:hover, a.button:active {
	background-image: url(../images/button_back-over.gif);
	color: #5f5f5f;
}
a.buttonround:link, a.buttonround:visited {
	background-image: url(../images/buttonround_back.gif);
	background-repeat: no-repeat;
	text-indent: 24px;
	border-bottom: 0px none #000000;
	display: block;
	font-size: 15px;
	color: #5f5f5f;
	background-position: 0px 1px;
}
a.buttonround:hover, a.buttonround:active {
	background-image: url(../images/buttonround_back-over.gif);
	color: #5f5f5f;
} 
a.topic:link, a.topic:visited, a.topic_current:link, a.topic_current:visited {
	padding: 0px 0px 14px 8px;
	display: block;
	font-size: 15px;
	border-width: 0px;
	border-style: none;
	color: #5f5f5f;
}
a.topic:hover, a.topic:active, a.topic_current:hover, a.topic_current:active {
   	border-width: 0px;
	border-style: none;
	color: #ec008c;
}
a.topic_current {
	background-image: url(../images/topics_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

a.open-booking-form-link, a.open-resource-form-link {
  font-size:1.5em;
  line-height:2em;
}

a#logo {
	border: solid 0px #000;
}

#logo img{
	border: solid 0px #000;
	margin:18px 0px 15px 0px;
}

#backto {
	position:relative;  
	bottom: 10px;
}

#navigation {
	postition:absolute;
	height: 83px;
	width: 850px;
}

.right_textcol {
	position: absolute;
	right: 0px;
	height: 320px;
	width: 400px;
	overflow:hidden;
	border: 1px solid #969696;
}

#content_right{
	position:absolute;
	width:360px;
	font-size:1em;
	line-height:1.4em;
}

.machinerollover_right_textcol {
	overflow: auto;
	position: absolute;
	height: 450px;
	width: 280px;
	left: 575px;
	top: 112px;
	border: 1px solid #969696;
}
.left_imgagecol {
	position: absolute;
	overflow:hidden;
	height: 320px;
	width: 412px;
	padding: 0px;
	border: 1px solid #969696;
}
.left_topiccol {
	position: absolute;
	height: 320px;
	width: 412px;
	border: 1px solid #969696;
}

.text {
	padding: 20px 20px 11px;
}

#content_left {
	position: absolute;
    width: 412px;
    text-align: center;
}
.left_topiccol #content_left{
        text-align: left;
        width:90%;
}
p {
	line-height: 15px;
	margin: 0px 0px 9px;
	padding: 0px;
}
h1, h2 {
	font-size: 15px;
	line-height: 15px;
	margin: 0px 0px 11px;
	padding: 0px;
	font-weight: normal;
}
h1 {
	text-transform: uppercase;
}

h3 {
    font-size: 17px;
	line-height: 15px;
	margin: 0px 0px 11px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.bottom {
	position: absolute;
	bottom: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#nav1, #nav2, #nav3 {
	clear: both;
}

#navigation a:link, #navigation a:visited {
	font-size: 15px;
	margin: 3px 7px 3px 0px;
	padding: 1px 8px;
	position: relative;
	border: 1px solid #969696;
	color: #5f5f5f;
	display: block;
	float: left;
}
#navigation a.current:link, #navigation a.current:visited {
	border: 1px solid #ec008c;
	color: #ec008c;
}
#navigation a:hover, #navigation a:active, #navigation a.current:hover, #navigation a.current:active {
	border: 1px dashed #ec008c;
	color: #ec008c;
}
.thumb {
	float: left;
	height: 80px;
	width: 103px;
	position: relative;
}
.thumb-current {
	border: 1px solid #009933;
	margin: -1px;
}
.topics {
	padding: 20px 0px 4px 20px;
}
.searchform {
	margin: 0px;
	padding: 0px;
}
#search label {
	font-size: 15px;
	margin: 0px;
	padding: 2px 10px;
	position: relative;
	color: #5f5f5f;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	border-left: 1px solid #969696;
	float: left;
	left: 0px;
	top: 0px;
	display: block;
}

#search {
	width: 857px;
}

/* ff ok
.search_field{
	border: solid 1px #a7a7a7;
	background: #fff;
	width: 272px;
	height:1.3em;
}*/

.search_field{
	border: solid 1px #a7a7a7;
	background: #fff;
	width: 273px;
	font-size:1em;
	height:19px;
}

.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 2px 8px;
	position: relative;
	color: #5f5f5f;
	width: 250px;
	float: left;
	left: 0px;
	top: 0px;
	display: block;
	background-color: #FFFFFF;
	border-top: 1px solid #969696;
	border-right: 0px solid #969696;
	border-bottom: 1px solid #969696;
	border-left: 1px solid #969696;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 1px 8px;
	position: relative;
	color: #5f5f5f;
	float: left;
	left: 0px;
	top: 0px;
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #969696;
}
.submit:hover {
	border: 1px dashed #ec008c;
	color: #ec008c;
	cursor: pointer;
}
.border {
	border: 1px solid #969696;
	display: block;
	float: left;
}
.thumb .thumb_image {
	position: absolute;
	height: 80px;
	width: 103px;
	left: 0px;
	top: 0px;
	background-color: #00CC66;
}
a.thumb_frame:link, a.thumb_frame:visited {
	position: absolute;
	height: 80px;
	width: 103px;
	left: 0px;
	top: 0px;
	display: block;
	border: 0px none #FFFFFF;
	background-image: url(../images/thumb_frame.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.thumb_frame:hover, a.thumb_frame:active {
	border: 0px none #FFFFFF;
	background-image: url(../images/thumb_frame_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.thumb_frame_current:link, a.thumb_frame_current:visited, a.thumb_frame_current:hover, a.thumb_frame_current:active {
	position: absolute;
	height: 80px;
	width: 103px;
	left: 0px;
	top: 0px;
	display: block;
	border: 0px none #FFFFFF;
	background-image: url(../images/thumb_frame_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.machinerollover_left {
	position:absolute;
	width:512px;
	height:538px;
	left: 43px;
	top: 64px;
	background-image: url(../images/machine_back.gif);
	background-repeat: no-repeat;
}
.machinerollover_left a:link, .machinerollover_left a:visited, .machinerollover_left a:hover, .machinerollover_left a:active {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px none #FFFFFF;
	position:absolute;
}
a.cotton:link, a.cotton:visited {
	width:130px;
	height:100px;
	left: 320px;
	top: 20px;
}
a.cotton:hover, a.cotton:active {
	background-image: url(../images/machine_cotton.gif);
	background-repeat: no-repeat;
}
a.ladysewing:link, a.ladysewing:visited {
	width:130px;
	height:100px;
	left: 320px;
	top: 20px;
}
a.ladysewing:hover, a.ladysewing:active {
	background-image: url(../images/machine_cotton.gif);
	background-repeat: no-repeat;
}
a.ladysewing:link, a.ladysewing:visited {
	width:62px;
	height:134px;
	left: 238px;
	top: 42px;
}
a.ladysewing:hover, a.ladysewing:active {
	background-image: url(../images/machine_ladysewing.gif);
	background-repeat: no-repeat;
}
a.truck:link, a.truck:visited {
	width:137px;
	height:120px;
	left: 89px;
	top: 48px;
}
a.truck:hover, a.truck:active {
	background-image: url(../images/machine_truck.gif);
	background-repeat: no-repeat;
}
a.dress:link, a.dress:visited {
	width:133px;
	height:87px;
	left: 43px;
	top: 180px;
}
a.dress:hover, a.dress:active {
	background-image: url(../images/machine_dress.gif);
	background-repeat: no-repeat;
}
a.shopper:link, a.shopper:visited {
	width:105px;
	height:166px;
	left: 25px;
	top: 287px;
}
a.shopper:hover, a.shopper:active {
	background-image: url(../images/machine_shopper.gif);
	background-repeat: no-repeat;
}
a.catwalk:link, a.catwalk:visited {
	width:85px;
	height:171px;
	left: 172px;
	top: 352px;
}
a.catwalk:hover, a.catwalk:active {
	background-image: url(../images/machine_catwalk.gif);
	background-repeat: no-repeat;
}
a.students:link, a.students:visited {
	width:113px;
	height:161px;
	left: 343px;
	top: 319px;
}
a.students:hover, a.students:active {
	background-image: url(../images/machine_students.gif);
	background-repeat: no-repeat;
}
.track_rightcol, .track_leftcol {
	visibility: hidden;
	position: absolute;
	float:right;
	width: 7px;
	top: 6px;
	height: 308px;
	border: 1px solid #969696;
	background-color: #FFFFFF;
}
.drag_rightcol, .drag_leftcol {
	visibility: hidden;
	position: absolute;
	margin-top: 7px;
	width: 7px;
	height: 44px;
	background-color: #ec008c;
	cursor: pointer;
	border: 1px solid #969696;
}
.track_rightcol {
	right: -7px;
}
.drag_rightcol{
	visibility: hidden;
	right: -7px;
}
.track_leftcol {
	visibility: hidden;
	left: 413px;
}
.drag_leftcol {
	left: 413px;
}
img {
	border: 0px none #FFFFFF;
}

div#up, div#down, div#up_left, div#down_left{
	visibility: hidden;
	margin-left:-2px;
	width: 9px;
	height:8px;
	position: absolute;
	background: #999;
	z-index:2;
	cursor: pointer;
}

div#up, div#up_left{
	background: url(../images/arr_t.gif) no-repeat 0px 0px;
	top: 0px;
	overflow:hidden;
}

div#down, div#down_left{
	background: url(../images/arr_b.gif) no-repeat 0px 0px;
	top:314px;
	overflow:hidden;
}

div#up_left, div#down_lef{
	left: 415px;
}

div#tooltip{
	position: absolute;
	display:none;
	padding: 5px;
	background: #efefef;
	border: solid 1px #000;
	font-size:1.1em;
	left: 640px;
	bottom:-10px;
}
#search_heading {
 padding-top: 20px;
 padding-bottom:5px;
 width: 412px;
}
#no_of_search_results {
 text-align: left;
 padding-left: 20px;
 position: relative;
}
#no_matches {
padding-left: 20px;
margin-top: 10px;
 text-align: left;
}
#search_back {
position:absolute;
right:20px;
top: 20px;
}

div .search_result {
	display: block;
	padding: 3px;
	border-top: dotted 1px;
	height:70px;
	width: 100%;
	text-align:left;
}

*html div .search_result {
	margin-bottom:-60px;
}

.result_image {
	position: relative;
	left: 0px;
	width: 20%;
}
.result_title {
	position: relative;
	text-align: left;
	margin-left: 20px;
	left: 20%;
	top: -62px;
	width: 70%;
	height: 20px;
}

.result_title a {
	text-decoration: none;
	color: #ec008c;
	border-bottom: 1px dashed #ec008c;
}
.result_synopsis {
	position: relative;
	top: -62px;
	margin-left: 20px;
	left: 20%;
	width: 70%;
	height:40px;
	text-align: left;
}

.result_url {
	position: relative;
	top: -70px;
	left:25%;
	text-align: left;
	color: #969696; 
}