/* TinyMCE specific rules */
body.mceContentBody {background: #FFF;}
* { margin: 0; padding: 0; border: 0px none;  }
body {font-family: Arial;font-size: 12px;background: #0597CE url(../images/bg.png) repeat-x 0 1px;}
a{outline:none;}
p {text-align: left; margin-bottom: 1em; line-height: 1.7em}
ul,ol {margin: 5px 10px;padding: 0 10px;}
ul,li,ol{ margin:0; padding:0; list-style:none;}
a{ color: #524C40; text-decoration: none}
a img{border:none;}
a:hover{ color:#411016; text-decoration: underline}
p{ font-family: Tahoma; line-height: 1.6em; margin: 0; padding: 0.2em 0 0.5em 0}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
h3{ font-size: 170%; color: #08396B; }
h4{ font-size: 140%; color: #333;margin-top: 15px }
h5{color:#555;margin: 0; padding: 0; font-size: 100%}
table tr td a img{ border: none}
.move-image-right{border: 5px solid #EFEFEF;margin: 10px; float: right}
.move-image-left{border: 5px solid #EFEFEF;margin: 10px; float: left}	
.align_image_right{margin: 10px; float: right}

#header{width: 851px;height: 257px; margin:0 auto;padding: 0;color: #FFF;}
#header h1{width:398px;float:left;height:188px;text-indent:-5000px;letter-spacing:-1px;color: #AEAAAA;text-transform:none;text-decoration:none;background:url(../images/logo.png) no-repeat;}
#header h1#logo-text span{color: #838181;}
#header p{color: #000;float:right; text-align:right; font-weight: bold}

#wrap{width: 100%;background:  #FFF ;text-align: left}
#content-wrap{margin:0 auto;width: 851px;min-height:300px;/*padding-left: 15px;display: inline;*/}
/* Main Column */
#main{float: left;width: 640px;padding: 0; margin: 15px 0 15px 0px;display: inline;}
/** Sidebar **/	
#sidebar{float: right;width:200px;padding:0;margin: 10px 0 0 0; }	
/** footer **/
#footer-wrap{clear:both;width:100%; height:320px; background: #0597CE; color: #FFF; }
#footer-wrap h3{color: #FFF;}
#footer{margin:0px auto;padding-top:15px;width: 851px;/*padding-left: 15px;display: inline;*/}
#footer-left{width:208px; float: left; margin-right: 15px;}
#footer-left ul{margin-top: 7px}
#footer-left li{background: url(../images/li_white.png) no-repeat 0 2px; padding-left: 16px; margin-bottom: 7px}
#footer-middle{width:260px; float: left; margin-right: 35px;}
#footer-middle ul{margin-top: 7px}
#footer-middle li{background: url(../images/li_white.png) no-repeat 0 2px; padding-left: 16px; margin-bottom: 7px}
#footer-middle li a{color: #FFF; text-decoration: underline}
#footer-right{width:140px; float: left; margin-right:10px}
#footer-right .icebox{ background: #78C7E4; padding: 5px; margin-bottom:10px; height: 40px;}
#footer-right .icebox a{position: absolute; display: block; width: 300px; height: 40px}
#footer-right .icebox img{float: left;margin-right: 5px;}
#footer-right .icebox img{float: left;}
#footer-right li{ background: url(../images/li.png) no-repeat; padding-left: 16px;margin-top: 10px;}
#footer-right li a{ color: #FFF}

#footer-right2{width:150px; float: left;}
#footer-right2 li{ background: url(../images/li.png) no-repeat; padding-left: 16px;margin-top: 10px;}
#footer-right2 li a{ color: #FFF}
.printer{ background: url(../images/printer_empty.png) no-repeat right 0; margin-left:10px; font-size: 90%; padding-right: 20px}


/*----------------------------*/
#navigation{width:851px; clear: both; height: 25px; padding-top: 40px}
#navigation li{float:left; margin-right: 55px }
#navigation li a{ display: block; text-align: left; color: #FFF; }
#myform {margin-top: 10px;width:470px;overflow: hidden; }
#myform fieldset{border: none; padding: 0;}
#myform div{ margin-bottom:5px}
#myform input.required, #myform textarea.required {width: 458px;background: #fafafa;border: 2px solid #CCC; }
#myform input, #myform textarea {width: 458px;background: #fafafa;border: 2px solid #F0F0F0; }
#myform input:focus, #myform textarea:focus {border-color: #60554A; }
#myform #url {border-color: #e5e5e5; }
#myform #url:focus {border-color: #9e9e9e; }
#myform button {color: white; background:#60554A;border:2px solid #60554A; margin-top: 10px }

#galleries_display{margin-left: 0px;}
#galleries_display UL LI {float: left;margin: 10px 10px 0 0; border: 5px solid #F0F0F0; padding: 0;}
#galleries_display UL LI A {width:140px; height: 140px;  display: block; padding: 0; margin: 0;}
#galleries_display UL LI A IMG{width:140px; height: 140px;}
#galleries_display UL{margin-bottom: 10px;}
#galleries_display UL LI IMG:hover{}
.gal_clear{border-bottom:1px dashed #CCC}
.gal_img{float: left;width: 110px;}
.gal_content{float: left;margin: 0px 10px 10px 0px;width: 323px;text-align: left;font-size: 111%;}
.gal_content A{background: #FFFFFF;color: #333333;padding: 3px;font-size: 120%;}

#imgbox-loading {background: url(../__common/gfx/icons/ajax-loader.gif) no-repeat;width: 24px;height: 24px;text-indent: -10000px;}
#imgbox {background: #fafafa;border: 1px solid #666;padding: 20px 10px 15px 15px;max-width: 640px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 10px;z-index: 100;}
#imgbox-close {background: url(../__common/gfx/icons/imgbox-close.gif) no-repeat;display: block;width: 16px;height: 14px;text-indent: -10000px;text-decoration: none;outline: 0;position: absolute;top: 20px;right: 15px;}
#imgbox p:first-child {margin-top: 40px;}
#imgbox p img {max-width: 633px;border: 1px solid #333;margin-right: 5px;}
#imgbox ul {margin-left: 0;padding-left: 0;list-style-type: none;}
#imgbox ul:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
#imgbox ul li {float: left;position: relative;width: 35px;height: 35px;margin: 0 5px 5px 0;}
#imgbox ul li a {background: #fff;position: absolute;left: 0;top: 0;display: block;width: 33px;height: 33px;border: 1px solid #666;overflow: hidden;z-index: 101;}
#imgbox ul li a.selected {border-color: #369;}
#imgbox ul li a:hover {left: -25px;top: -25px;width: 83px;height: 83px;z-index: 103;}
#imgbox ul li a img,#imgbox ul li a:hover img {width: 150px;border: 0;}

div.imgzoom {line-height:0;font-size:0;z-index:10;border: 5px solid #fff;margin: -5px;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
div.imgzoom a {background: url(../images/imgzoom-close.png) no-repeat;display: block;width: 44px;height: 45px;position: absolute;left: -22px;top: -22px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;*right: -22px;text-decoration: none;text-indent: -100000px;outline: 0;z-index: 11;}
div.imgzoom a:hover {background-position: left -45px;}
div.imgzoom img,div.imgzoom embed,div.imgzoom object,div.imgzoom div {width: 100%;height: 100%;}



#facebox .b {background:url(http://www.playsomething.co.uk/bmt_site/images/facebox/b.png);}
#facebox .tl { background:url(http://www.playsomething.co.uk/bmt_site/images/facebox/tl.png);}
#facebox .tr { background:url(http://www.playsomething.co.uk/bmt_site/images/facebox/tr.png);}
#facebox .bl { background:url(http://www.playsomething.co.uk/bmt_site/images/facebox/bl.png);}
#facebox .br { background:url(http://www.playsomething.co.uk/bmt_site/images/facebox/br.png);}
#facebox { position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table { border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body { padding: 10px;background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image { text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG { background-color: #000; z-index: 99;}
* html #facebox_overlay { /* ie6 hack */  position: absolute;}

.grey_back { background: #E9EDF2; padding-bottom: 5px;}
.grey_back a{color: #78C7E4}
.grey_back h3{ padding: 10px 16px 10px 16px; color: #333}
.grey_back h4{ padding: 5px 16px 5px 16px; color: #333}
.grey_back p{ padding: 0 16px 8px 16px}
.grey_back ul{ padding: 10px 16px 0px 16px; color: #333}
#home_left{width:320px; float: left; margin-right: 15px;}
#home_left ul{margin-top: 10px}
#home_left li { background: url(../images/li_blue.png) no-repeat 0 2px; padding-left: 16px; margin-bottom: 7px}
#home_right{width:280px; float: left;}
#home_right li{ background: url(../images/li_grey.png) no-repeat 0 2px; padding-left: 16px; margin-bottom: 7px}

#main h3{ margin-bottom: 10px}
#main h4{ margin-bottom: 8px}
#main li { background: url(../images/li_blue.png) no-repeat 0 2px; padding-left: 16px; margin-bottom: 7px}
.truck{width:369px;height: 140px; background: url(../images/trailer.jpg) no-repeat 15px 15px}
.truck p{color: #000}


/**************** menu coding *****************/
#menu {
width: 851px; height: 54px;margin-top: 8px;
 float: left
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:851px;
float: left;height: 54px;
}

#menu a{
display: block;
margin: 0;
padding: 20px 3px 20px 3px;
text-decoration: none; color: #FFF

}


#menu a:hover {
 text-decoration: underline
}

#menu li {position: relative; float: left;width:139px; }
#menu ul ul {width:139px;}
#menu ul ul li {position: relative; float: none;  background: #009ACF }
#menu ul ul li a{ padding:10px 10px;color: #FFF;  }

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
.storyboard{vertical-align:top}
.storyboard td{padding: 5px}

#icy_contact{ background: #DCF0F7; border: 1px solid #B4CDE3; width:625px; height: 30px; margin-bottom: 10px}
#icy_contact p{  font-size: 120%; color: #144473; display: block; text-align: center; width:625px}
#icy_contact a{color: #144473}