/*  FTM - Fashion and Textile Museum
Author:	www.readingroom.com
Last updated: 07 September 07 */

/* STYLESHEET  */


/*  Global styles
-------------------------------------------------------------------- */

*{ margin:0; padding:0;}

body { background: url(../images/tile.gif);	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%;}
.clearB{clear:both;}
.clearR{clear:right;}
.clearL{clear:left;}
.clearFix{clear:none;}
.floatL{float:left;}
.floatR{float:right;}
/*  Wrapper styles
-------------------------------------------------------------------- */

#outerWrapper {margin: 0 auto; background: url(../images/hometile.jpg) no-repeat; width:100%; min-height:800px; }

#Wrapper { margin: 0 auto; width:744px;}

#container { float:left; width:744px; }

#innerContainer {background:url(../images/bgWhite.gif) 15px 0 repeat; }

/*  LeftCol styles
-------------------------------------------------------------------- */

#leftCol { width:198px; float:left; }

/*  Logo styles
----------------------------------- */

#logo { width:198px;height:138px; }
#Logo { border:none;}

/*  Navbox styles
----------------------------------- */

#navbox { z-index: 3;position:relative; margin-left:-18px; margin-right:-15px; background:#ededed; width:220px; padding-top:5px; }

/*  LeftNav styles
----------------------------------- */

#LeftNav { list-style-type:none; padding-left:24px;	font-weight:800; line-height:1.5em;	 color:black;}
#LeftNav li {display:block; }
#LeftNav li a {		text-decoration:none; }
#LeftNav li a:hover {text-decoration:underline;	color:#f14eeb;}
#LeftNav li span {	color:#000;}


/*  LeftNav styles
----------------------------------- */

#WhatsOn { float:left;	background:url(../images/whatson.gif) no-repeat; font-size:80%; padding-top:38px;}

#whatsonexpand {float:left; margin-top:8px;	width:203px; margin-bottom:-38px;  background:url(../images/whatsonexpand.gif) no-repeat; }

#WhatsOn form {margin-left:9px;}
#WhatsOn form legend {display:none;}
#WhatsOn form fieldset {border:none;}
#WhatsOn form select {font-size:80%;}
#WhatsOn form select#date {width:57px;}
#WhatsOn form select#date2 {width:86px;	margin-left:4px;}
#WhatsOn form input#imgbtn {vertical-align:middle;}

/*  Stage styles
----------------------------------- */

#stage {margin-left:198px; z-index: 2;	width:554px; /* background:url(../images/stage.jpg) no-repeat;*/ position:relative;}

#title {width:306px; height:141px;	 background: url(../images/title.jpg) no-repeat;	position:absolute; top:76px; left:249px;}
#title #infobtn {display:none;}

/*  Box styles
-------------------------------------------------------------------- */
#boxwrapper { clear:both; background: white url(../images/boxbottom.gif) bottom repeat-x; padding-bottom:400px; position:relative; z-index: 4; top:0px; padding-bottom:8px; width:739px;}

/*  Box 1 styles
----------------------------------- */

#box1wrap {display:none; }


/*  Box 2 styles
----------------------------------- */

#box2wrap { margin-left:200px; float:left; margin-top:0;  	width:214px;  	}
#Box2 {	float:left;	padding:0 0 5px 0; margin-bottom:5px;}
.boxesline2 { padding:3px 5px 5px 6px; width:203px;}
.boxes { background: url(../images/boxtop.gif) repeat-x;}
.boxes h4 {	color:white;	font-size:80%;	}
.boxes h5 {	margin-top:10px;	color:#222;	font-size:70%;	margin-left:3px;}
.boxes p {	margin-left:3px;	color:black;	font-size:71%;}
.boxes p span {	color:#f14eeb;	background: url(../images/arrow.gif) no-repeat  ;	background-position: 26px 5px;}
.boxes a {	text-decoration:none;}

/*  Box 3 styles
----------------------------------- */

#box3wrap { float:left; margin-top:0;  margin-left:7px;	width:214px; }
#Box3{	float:left;	}

.boxesline3{padding:3px 5px 5px 6px; float:left;}

/*  Pre Footer styles
-------------------------------------------------------------------- */

#prefooter {display:none;	}

#sub1 { margin-left:10px; width:122px; height:61px; float:left; background: #f14eeb;	color:white;	font-size:90%;	padding: 0 7.5px 0 7.5px;}
#sub1 img {	margin-top:4px;	margin-left:-1px;	border:0px;}
#sub2 {	color:white;	width:126px;	height:61px;	float:left;	background: url(../images/sub2.gif) no-repeat;	margin-left:2px;	padding-left:4px;}
#sub2 a {	text-decoration:none;    color:white;	display:block;	width:100%;}

#sub3 {	color:white; width:100px;height:60px;float:left;padding-left:5px;padding-top:1px;background: url(../images/sub3.gif) no-repeat;	margin-left:7px;	}
#sub3 a {text-decoration:none; color:white; display:block; width:100%;}
#sub4 {	color:white;	width:107px;	height:61px;float:left;	padding-left:2px;	background: url(../images/sub4.gif) no-repeat;	margin-left:2px;}
#sub4 a { text-decoration:none; color:white; display:block; width:100%;}

#sub5 { color:white; font-size:90%; width:194px; float:left; margin-left:7px; background:#f14eeb;padding:7px 0 15px 9px;}
#sub5 form {	margin-top:-14px;	margin-left:-1px;}
#sub5 form legend {	text-indent: -9999px;}
#sub5 form fieldset {	border:none;}
#sub5 form #sendbtn{vertical-align:middle;	margin-left:2px;}

/*  Footer styles
-------------------------------------------------------------------- */

#Footer {display:none;}


#hide {display:none;}





#content {margin-left:198px; z-index: 2; margin-bottom:30px;	width:554px;  background:white; position:relative;padding-bottom: 0px;}
#content p{	margin:10px; 	font-size:70%;}
#content h1{ margin-left:35px; padding-top:20px; padding-bottom:10px; font-size:170%;}
#colored {margin-left:30px;	background:#f7f7f7;	padding:10px; width:463px;}

#LeftNav li ul{list-style:none;font-size:.7em;line-height:1.2em;font-weight:normal;margin-left:13px;}
#LeftNav li ul li { display:block;background: url(../images/arrow.gif) left no-repeat ;background-position:0 7px;padding: 3px 0 3px 9px;}
#LeftNav li ul li a {display:block;text-decoration:none;}
#LeftNav li ul li a:hover {	text-decoration:underline;color:#f14eeb;}
#LeftNav li ul li span {color:#000;}

/*  Events Page styles
-------------------------------------------------------------------- */
.pageleft {	float:right;	font-size:80%;	margin-right:24px;	clear:both;}
.pageleft span { background: url(../images/left_arrow.gif) left no-repeat;  padding-left:3px;	}
.pageleft span span{ background: url(../images/arrow.gif) right no-repeat;padding-right:6px;	}
#events{padding-bottom:30px; margin-left:25px; width:529px;}
#events img {float:left; margin-bottom:10px;}
#events p {margin-left:0px;}
.exhibit_box h3 {margin-top:0px; font-size:100%;}
.exhibit_box{float:left;width:300px;padding-left:20px; padding-bottom:2px;}
.pink {	color:#f14eeb;}
.eventsBox{float:left; clear:right; background:url(../images/line.gif) left bottom repeat-x; margin-bottom:10px;}
#events h3 {margin-top:0px; font-size:100%;}
#events em {font-style:normal; font-weight:bold;}
/*  Shop Page styles
-------------------------------------------------------------------- */

#shop {	margin-left:35px;padding-bottom:40px;}
#shop p {margin-left:0px; margin-top:0px;}
#shop h3 {	font-size:100%; 	margin-top:5px;}
#shop a { text-decoration:none; margin:0; padding:0;}
#shop .smaller {font-size:90%;}
#shop .shopinfo{width:300px;float:left; margin-left:10px;}
#shop p em {font-style:normal; font-weight:bold;}

/*  News Page styles
-------------------------------------------------------------------- */

#news {	margin-left:35px;padding-bottom:40px;}
#news p {margin-left:0px; margin-top:0px;}
#news h3 {	font-size:1em; 	margin-top:5px;}

.more {	text-decoration:none;}
.more span {color:#f14eeb;background: url(../images/arrow.gif) no-repeat; background-position: 26px 5px;}
.dotted {background:url(../images/line.gif); height:1px; border:none;margin-bottom:10px;margin-right:25px;}

.ftmform {margin-bottom:353px;}
.ftmform form legend{display:none;}
.ftmform form fieldset{border:none; width:300px;}
.ftmform .nobdr {border:none; background:#ededed;}
.ftmform input{ width:170px; float:right; margin-top:3px;}
.ftmform label {float:left; clear:both;font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 80%;}
.ftmform form fieldset .submit {width:auto; float:left;clear:both;margin-top:5px;}	

/*  Exhibition Page styles
-------------------------------------------------------------------- */

#exhibit {margin-left:35px; padding-bottom:220px;}
#exhibit h1{margin-left:0px;}
#exhibit img {float:left; margin-bottom:10px;}
#exhibit p {margin-left:0px;}
.exhibit_box2 h3 {margin-top:0px; font-size:1em;margin-bottom:10px;}
.exhibit_box2{float:left;width:320px; padding-left:20px;margin-bottom:10px;}
.pink {	color:#f14eeb;}
.exhibitWrapper{float:left; clear:right; background:url(../images/line.gif) left bottom repeat-x; margin-bottom:10px;}

/*  Venue Page styles
-------------------------------------------------------------------- */

#venue{	margin-left:20px;background:url(../images/venue_img1.jpg) no-repeat;padding:220px 40px 50px 20px;}
#venue p {margin-left:0;}
#venue img {border:none;}
#venue h3 {	font-size:.8em;}

/*  Sponsors Page styles
-------------------------------------------------------------------- */

#sponsors .imgpad {margin-top:25px;}
#sponsors {padding-bottom:15px;width:534px; margin-left:15px;}	
#sponsors dd p a { margin:0;  padding:0; text-decoration:none;}
#sponsors dd img{  margin-top:10px;}
#sponsors dd p{width:178px; margin-left:10px; margin-bottom:4px; }
#sponsors dt {float:left;font-size:.7em; font-weight:bold;margin-top:10px; margin-left:10px;clear:right;}
#sponsors dd {float:left;padding:0; margin:0 ;}
#sponsors dl{clear:none;float:left;  background:url(/images/line.gif) left bottom repeat-x;padding-bottom:5px; margin-left:15px;padding:0; margin:0 ;}
#sponsors dl dd dl {background:url(/images/vert.gif) right top repeat-y; width:250px;margin:0; padding:0; margin-right:5px;margin-top:5px;}
#sponsors dl dd dl dd {padding:0; margin:0 ;}

/*  Press Page styles
-------------------------------------------------------------------- */
	
#press{padding-bottom:120px;margin-left:35px;width:90%;}	
#press p {margin-left:0;}
#press img {float:right;margin: 0 24px 10px 15px;}

/*  Virtual Page styles
-------------------------------------------------------------------- */

#virtual{margin-left:35px;	padding-bottom:50px;}
#virtual p {margin-left:0;}
#virtual img {border:none;}
#virtual h4 {font-size:.8em;}
#virtual .ground{float:left;}
#virtual .rooms{float:left;	padding-left:15px;}
#virtual .rooms li{	font-size:.8em;	background:url(../images/arrow.gif)0 5px no-repeat;	padding-left:8px;}
.room {	list-style:none;}
#virtual .ground2{	float:left;	margin-left:9px;margin-bottom:10px;}
#virtual .grand {float:left;	width:105px;	margin-left:15px;}
#virtual .images2 {	float:left;}
#virtual .images {	float:left;	margin-top:10px;margin-bottom:10px;}


/*  Form styles
-------------------------------------------------------------------- */
#course {margin-left:35px;}
#course h3 {font-size:80%;margin-left:10px;}
#course h2 {font-size:115%; margin-left:10px;}
#course p em {font-style:normal; font-weight:bold;}
#course ul{list-style:none;line-height:.9em;font-weight:normal;margin-left:13px;}
#course ul li { display:block;background: url(../images/arrow.gif) left no-repeat ;background-position:0 7px;}
#course ul li span {color:#000;}


/*  Form styles
-------------------------------------------------------------------- */

form {margin-left:35px;}

form h2 {
	margin: 0 0 1em 7em;
	float: left;
	}


input, textarea, select, label {
	color: #333;
}


.frmRow, .frmRowBtn { float: left;  margin-bottom: 10px; width:500px; }
.frmRowCheckBox { float: left;  margin-bottom:10px; width:375px; }
.frmRowCheckBox, .frmRowBtn {

}

.frmRowBtn {
	text-align: right;
	width:34em;
}

.frmRow input {
	width: 200px;
	
	border: 1px solid #999;
}

.frmRow textarea {
	height: 100px;
	width: 200px;
		border: 1px solid #999;
}

.frmRow label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right:15px;
}

.frmRowCheckBox input {
	float: left;
}

.frmRowCheckBox label {
	display: block;
	float: left;
	width: 290px;
}


.btnSubmit  {
	border: 0;
	float: left;
}