/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Masters Exhibitions
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Masters Exhibitions site

Created : 27/11/06
Modified : 27/11/06

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6  arial, helvetica, sans-serif; margin:0; padding:0; background:#9c9c9c; color:#333333; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:935px; margin:0 auto; font-size:1.1em; text-align:left; background:url(../../images/layup/containerBg.gif) top left repeat-y; }
#container2 { width:891px; margin:0 auto;} 
#header { background:url(../../images/layup/headerBg.gif) top left no-repeat; width:889px; padding-bottom:4px; position:relative;}
#header a { color:#ffffff;}
#printHeader { display: none; }
#logo { padding-left:5px;}
#header .facebook { position:absolute; right:195px; top:44px; }
#header .twitter { position:absolute; right:230px; top:44px; }
#cus_log {position:absolute; top:55px; left:580px; padding-left:15px; background:url(../../images/layup/login.gif) 0px 0px no-repeat;}
#home { position:absolute; top:55px; left:700px; padding-left:15px; background:url(../../images/layup/home.gif) 0px 0px no-repeat;}   
#sitemap { position:absolute; top:55px; left:760px; padding-left:15px; background:url(../../images/layup/sitemap.gif) 0px 0px no-repeat;}
#login { position:absolute; top:55px; left:833px; padding-left:15px; background:url(../../images/layup/login.gif) 0px 0px no-repeat;}
#homeCol1 { width:684px; float:left; }
#homeCol2 { width:205px; float:left; background:url(../../images/layup/rightColBg.gif) top left no-repeat; position:relative; left:2px; top:-3px; }
#homeCol2 .content { padding:20px 10px 0px 20px; line-height:15px;}
#internalCol1 { width:140px; float:left;}
#internalCol2 { width:544px; float:left;}
#internalCol3 { width:205px; float:left; background:url(../../images/layup/rightColBgInternal.gif) top left no-repeat; position:relative; top:-2px; left:2px; }
#internalCol3 .content { padding:20px 10px 10px 15px; line-height:15px;}
#internalContent { padding:10px 15px;font-size:110%;}
#internaltext p { line-height:15px; padding-bottom:15px;}
#loginCol { width:684px; float:left;}
#main1 { float:left; width:339px;}
#main2 { float:left; width:339px; margin-left:6px;}
#main3 { float:left; width:684px; }
#servicesProductsHire { margin-bottom:15px; padding-top:7px; line-height:15px; padding-left:0px;}
#services { float:left; width:223px; background:url(../../images/layup/services.gif) top left no-repeat; padding-top:37px; }
#services p { padding:0 12px;} 
#products { float:left; width:230px; background:url(../../images/layup/products.gif) top left no-repeat; padding-top:37px;}
#products p { padding:0 18px;} 
#hire { float:left; width:231px; background:url(../../images/layup/hire.gif) top left no-repeat; padding-top:37px; }
#hire p { padding:0 19px;} 
#homeJumps { width:684px; height:72px; position:relative; margin:0 0 18px; }
#homeJumps #jumpsContainer { position:absolute; left:-3px; top:0; width:690px; }
#homeJumps div { float:left; width:172px; height:72px; }
#homeJumps div.clear { float:none; width:0; height:0; }
#homeJumps div a { display:block; padding:40px 8px 0 14px; font-size:11px; color:#444444; font-weight:normal; text-decoration:none; }
#homeJumps div a span { font-weight:bold; }
#homeJumps div.service { background:url(../../images/layup/jumpServiceBg.jpg) no-repeat left top; }
#homeJumps div.products { background:url(../../images/layup/jumpProductsBg.jpg) no-repeat left top; }
#homeJumps div.forSale { background:url(../../images/layup/jumpForSaleBg.jpg) no-repeat left top; }
#homeJumps div.hire { background:url(../../images/layup/jumpHireBg.jpg) no-repeat left top; }
#homeContent { padding: 0 0 0 12px;font-size:110%;}
#homeContent p { line-height:15px; padding-top:10px; padding-bottom:5px;}
#search { background:url(../../images/layup/searchIcon.gif) 0px 2px no-repeat; position:absolute; top:1px; left:635px; padding-left:65px;}
#searchGo {position:relative; top:2px; left:2px;}
#searchInput {width:145px; font-weight:bold; color:#595959; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; height:17px; border:1px solid #b7b7b7; margin:2px 0 0 0; padding:2px 1px 0px 1px; float:left;}
#goTwo { position:relative; top:8px; left:2px;}
#rightColArrows { padding:3px 0px 2px 50px;}
#arrowText { float:left; padding:0 3px; font-weight:bold;}
#arrowLeft { float:left; padding-top:2px}
#arrowRight { float:left; padding-top:2px}
#pdfText { float:left; padding-left:10px; padding-top:3px; width:100px;}
#downloadList ul { margin:0; padding:0; list-style:none;}
#downloadList li { background:url(../../images/layup/downloadIcon.gif) 0px 3px no-repeat; padding:2px 0px 2px 20px;}
#sitemapList ul { margin:0; padding:0 0 0 20px;}
#sitemapList li { padding:3px 0px;}
#sitemapList ul ul { margin-top:5px;}

#footer { background:url(../../images/layup/footerBg.gif) top left no-repeat #000; font-weight:bold; height:65px; width:889px; margin-top:20px; color:#616161;}
#footer a { color:#616161;}
#footer ul { margin:0 0 0 10px; padding:25px 0 0 160px; list-style:none; width:350px; float:left;}
#footer li { display:inline; padding:0 5px;}
#mastersGroup { position: absolute; top: 22px; left: 20px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.inline {display:inline;}
.rightColInput { width:120px; height:16px; background:#FFFFFF; border:1px solid #dedede; text-align:center; color:#a1a1a1; font-size:1.0em; padding-top:3px; padding-bottom:0px; margin-top:8px;}
.homeCol2TitlePadding { margin-bottom:5px;}
.cmsTitle { font-size:140%; font-weight:bold; padding:25px 0px 10px 0px;}
.internalRightPadding { padding-left:7px;}
.internalRightDots { margin:15px 0px;}
.galleryBackground { background:url(../../images/layup/gallerySurround.gif) top left no-repeat; width:116px; height:88px; padding:7px 0 0 8px; float:left; width:120px;}
.calendar { position:absolute; top:2px; left:409px;}
.calendarBooking { position:absolute; top:2px; left:488px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
h3 { font-size:1.0em; font-weight:bold; margin:0; padding:0; }
h4 { font-size:1.0em; padding-bottom:10px; padding-top:5px;}
h5 {}
h6 {}

/* ----- NAVIGATION ----- 
#topNav { background:url(../../images/layup/navBg.gif) top left repeat-x; width:889px; line-height: 26px; padding:0 0 4px 0; height:26px; position:relative;}
#topNav a {color:#444444;}
#topNav a:hover, #topNav .active a {text-decoration:none; color:#218fce !important;}
#topNav ul {margin:0; padding:1px 0 0 15px;}
#topNav ul li {position:relative; background:url(../../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px 2px 0px 0px;  padding:10px 0 10px 0;}
#topNav ul li span {padding:10px 15px; background:url(../../images/layup/topNavLeft.gif) center left no-repeat; }
*/
/* ----- SUB NAVIGATION ----- 
#topNav ul li ul { margin:0; padding:0px 0 0 0px; position:absolute; top:33px; left:-3px; display:none; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#ffffff; z-index:1000; width: 190px; color:#FFFFFF; border:1px solid #e0e0e0; }
#topNav ul li ul li { background:none; }
#topNav ul li ul li a { display:block; clear:both; width:180px; padding:2px 5px; position:relative; background:#ffffff !important; color:#444444 !important; }
#topNav ul li ul li a:hover { background:#218ece !important; color:#FFFFFF !important; }
#topNav ul li ul li span {background:none; }
*/

/* ----- NAVIGATION ----- */
#topNav { background: url(../../images/layup/navBg.gif) top left repeat-x; width:889px; line-height: 26px; padding:0 0 4px 0; height:26px; position:relative;}
#topNav ul { margin:0; padding:1px 0 0 15px; list-style: none; }
#topNav li { background:url(../../images/layup/topNavRight.gif) center right no-repeat; position: relative; display: block; float: left; margin:0px 2px 0px 0px; padding:0px 0 0px 0;}
#topNav span { display: block; padding:0px 14px; background:url(../../images/layup/topNavLeft.gif) center left no-repeat;  }
#topNav a { display: inline; float: left; text-decoration: none; color: #444444; }
#topNav a:hover  { background:url(../images/layup/topNavRight.gif) top right no-repeat; text-decoration:none; color:#218fce !important; }
#topNav a:hover span { background:url(../images/layup/topNavLeft.gif) top left no-repeat; color: #218fce !important; }
#topNav ul li ul { margin:0; padding:0px 0 0 0px; position:absolute; top:24px; left:-1px; display:none; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; background:#ffffff; z-index:1000; width: 190px; color:#FFFFFF; border:1px solid #e0e0e0; }
#topNav ul li ul li { background:none; }
#topNav ul li ul li a { display:block; clear:both; width:190px; padding:2px 0px; position:relative; background:#ffffff !important; color:#444444 !important; }
#topNav ul li ul li a:hover { background:#218ece !important; color:#FFFFFF !important; }
#topNav ul li ul li a:hover span { background:#218ece !important; color:#FFFFFF !important; }
#topNav ul li ul li span { background:none; padding: 0px 0px 0px 15px; }

#leftNav { padding-top:40px; color:#b8b8b8;}
#leftNav a { color:#b8b8b8; font-weight:normal; display:block; width:110px;}
#leftNav ul { margin:0 5px; padding:0; list-style:none;}
#leftNav li { background:url(../../images/layup/leftNavDots.gif) bottom left repeat-x; padding:5px 0 5px 15px;}
#leftNav a:hover, #leftNav .active a { color:#696969; background:url(../../images/layup/leftNavArrow.gif) right 6px no-repeat; text-decoration:none;}
#leftNav span { padding-right:15px; display:block;}

/* ----- SITE MAP ----- */


/* ----- BREADCRUMBS ----- */
#breadcrumbs { margin-bottom:15px;font-size:90%;}
#breadcrumbs a { font-weight:normal; }
.currentPage { font-weight:bold;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }

/* ----- LINKS ----- */
a { color:#444444; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; float:left; width:220px; }
#frmFeedback label { width:250px !important; padding-right:20px;}
.required {color:#218ece;}
input {width:180px; font-size:1.0em !important;}
textarea {width:180px;}
select {width:184px;}
#submit {width:59px !important; height:18px;}
#submitBooking {width:59px !important; padding-left:30px; height:18px;}
#frmBooking input { width:280px;}
#frmBooking textarea {width:280px;}
#frmBooking select {width:284px;}
#frmBooking label {width:200px;}

.addRemoveImages { margin-left: 297px; height: 30px;}
.addRemoveImages img {float: left; padding-left: 3px;}
.uploadDelete {width: 404px;}
.uploadDelete img{float: right;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; }
#showsTable { width:100%; border-collapse:separate;}
#showsTable th, td { padding:4px 2px;}

.file_scroller, .scroll { overflow: auto; width: 523px; height:200px; }