html,body{margin: 0; padding: 0;}
body{background: #000 ; font-family: Arial; font-size: 11px; color: #000; padding: 0; margin: 0}
h1,h2,h3,h4,h5{margin: 0; padding: 0;}
a img{outline: none; border: none}
#portfolio{width:100%; height: 200px; background: url(../images/portfolio.png) repeat-x}
a{outline:none; color: aqua}
a.backhome{color: #CCC; margin-bottom: 5px; float: left; width:100%}
textarea{font-family: Arial}
a:hover{color: white; text-decoration: underline}
#header{ margin: 0px auto 0 auto; width:100%; height: 105px; background: url(../images/headb.jpg) repeat-x;}
#inner_head{width:950px; margin: 0 auto}
#header h1{background: url(../images/logo3.png) no-repeat; width:400px; height: 102px; margin: 0 ; padding: 0;float:left}
.usedh1 a{display: block;width:400px; height: 102px;}
#head_contact{float: right;width:400px}
#head_contact ul{float: right}
#head_contact li{ color: #666; list-style-type: none}
#head_contact li a{color: #666; text-decoration: none;}
#head_contact li a:hover{text-decoration: underline; color: #FFF;}
#special_offers{width:100px;height: 30px;}
#special_case{width:700px;height: 170px;margin: 0px auto; }
#special_offer{width:700px;height: 170px; margin: 10px 0 0 0; float: left;border: 1px solid #CCC}
#special_offer h3{font-size: 2.6em; background: url(../images/special_head.png) repeat-x; color: #333; width:690px;padding: 0 5px 5px 5px; margin: 0}
#special_offer h4{font-size: 1.5em; margin: 2px 0; padding: 0 5px;}
#special_offer p{line-height: 1.3em; font-size: 1.1em; margin-bottom: 5px; margin-top: 0; padding: 0 5px;}
#special_left{float: left; width:400px;}
#special_right{float: right; width:280px; margin-left:18px;}
#head_contact li.callus{font-size: 140%;color: #EFEFEF; font-weight: bold; text-align: right; margin-top: 10px}
#wrapper{width:979px; height: 551px; margin: 0 auto;background: url(../images/wrapper.png) no-repeat;}
#home_product_list{margin: 30px 31px; float: left}
.category_row{width:959px; margin: 0 auto; float: left; height: 245px;}
.category_item{width:223px;height: 235px;float: left; margin-right: 5px; border: 1px solid #333; background: url(../images/cat_item.jpg);}
.category_item img{width:223px; height: 100px;}
.category_item h4{width:223px; height: 25px; display: block; text-align: center;text-transform: uppercase; font-size: 140%; background: url(../images/h4.png) repeat-x}
.category_item h4 a{ color: #FFF; text-decoration: none; display: block; width:223px; height: 22px;margin-top: 3px; float: left}
.category_item_details ul {margin: 0; padding: 10px 0 0 0 ; width:223px; height: 69px}
.category_item_details ul li {color: black; background: url(../images/bullet.png) no-repeat 0 2px; padding-left: 14px; list-style: none; margin-left: 10px;font-size: 105%; color: #FFF}
.category_item_details span a.availability{width:152px; height: 25px;background: url(../images/availability.png) no-repeat; display: block; text-indent: -5000px; margin: 0 auto}
.category_item_details span a.availability:hover{background: url(../images/availability.png) no-repeat 0 -26px;}
.category_item a.overlay{ background: url(../images/play.png) no-repeat 0 -100px;position: absolute;width:223px; height: 101px; display:block;z-index: 2}
.category_item a.overlay:hover{ background: url(../images/play.png) no-repeat ;width:223px; height: 101px; display:block }
#home_product_list #home_specials{ width:915px; height: 120px; background: black; float: left}
#custom_home{width:223px; height: 103px; background: url(../images/config.png) no-repeat;display: block}
#custom_home:hover{background: url(../images/config.png) no-repeat 0 -103px;}
#confused_home{width:223px; height: 235px; background: url(../images/confused.png) no-repeat;display: block}
#confused_home:hover{background: url(../images/confused.png) no-repeat 0 -235px;}
#product_menu a.overlay{ background: url(../images/play.png) no-repeat 0 -100px;position: absolute;width:223px; height: 100px; display:block;z-index: 4000; margin: 6px 0 0 0px}
#product_menu a.overlay:hover{ background: url(../images/play.png) no-repeat ;width:223px; height: 100px; display:block }
#prod_avail{color: #333; background: url(../images/prod_avail.png) no-repeat; padding: 5px 5px 0 5px; margin: 0 0 0 5px; text-align: center;width:226px }
.port_clicker{width:200px; height: 30px; background: url(../images/special.png) no-repeat; display: block; text-indent: -5000px}
#product_head{width:917px; height: 35px; background: #000; float: left; border-bottom: 1px solid #333333}
#product_head #location{float: left; width:450px;text-align: left; color: #FFF; font-size: 125%; font-weight: bold; padding:5px 0 0 5px;}
#product_head #location a{color: #FFF;}
#product_head #budget{float: right; width:450px;text-align: right; color: #666666;font-size: 125%; font-weight: bold; padding:5px 7px 0 0;}
#product_head #budget a{color: #666666;}
#product_menu{width:238px;float: left; background: url(../images/grill.jpg) repeat-y;}
#product_menu ul{ margin: 0; padding: 0;}
#product_menu li{ margin: 0 0 5px 5px; padding: 0; list-style: none; border: 1px solid #333; width:223px; height: 125px; background: #000}
#product_menu li h4 {margin: 5px 0px 0 5px; color: #FFF}
#product_menu li img{margin: 5px 0px 0px 0}
#product_menu li .line_separator {}
.next{width:225px; height: 17px; background: url(../images/buttondown.png) no-repeat; border: none; margin: 0 0 0 5px; cursor: pointer;padding: 0px; border: 1px solid #FFF;}
.prev{width:225px; height: 17px; background: url(../images/buttonup.png) no-repeat;border: none; margin: 0 0 0 5px; cursor: pointer;padding: 0px; border: 1px solid #FFF;}
#product_data{width:678px;float: left; height: 448px; background: #FFF; }
#product_data_head{width:678px; height: 30px;background: #000; color: #FFF; margin-bottom: 10px}
#product_data_name{width:300px;float: left; color: #FFF; font-size: 140%; text-align: left; font-weight:bold; padding-top: 7px; padding-left: 10px}
#product_data_range{width:300px;float: right; color: #CCC; font-size: 140%; text-align: right; font-weight:bold; padding-top: 7px; padding-right: 10px}
#product_data_main_image{width:300px;height: 205px; display: block; float: left; margin-left: 10px }
#product_data_images{float: left; width:300px; height: 200px;margin-left: 10px}
#product_data_images img{width:80px;height: 80px; display: block; margin-right: 25px; margin-top: 7px}
#product_data_desc{float: left; width:350px; height:205px; margin-top: 0px;color: #333; }
#product_data_desc p{font-size: 1.2em; line-height:1.3em; margin-left: 10px; margin-top: 0;}
#product_data_form{float: left; width:300px; height: 180px; margin-top: 10px; font-size: 1.1em}
.product_data_clearer{width:100%;height: 1px; clear: both;}
.clear{width:100%;height: 1px; clear: both;}
#form{margin: 20px;}
#form div{float: left;width:470px; margin: 0 0 10px 0}
#form div label{float: left;width:150px;}
#form div input{float: left;width:180px;margin-left: 20px}
#form2{margin: 20px;}
#form2 div{float: left;width:470px; margin: 0 0 10px 0}
#form2 div label{float: left;width:150px;}
#form2 div input{float: left;width:300px;}
#form2 legend{font-weight: bold}
#form2 fieldset{border: 1px #DEDEDE solid; margin-bottom: 15px; padding: 20px}
#form2 .form2field div{float: left;width:470px; margin: 0 0 10px 0}
#form2 .form2field div label{float: left;width:150px;}
#form2 .form2field div input{float: left;width:180px;}
#after_footer{width:960px; margin: 0 auto}
#cintel{width:250px; height: 42px; display: block; background: url(../images/cintel.png) no-repeat;text-indent: -5000px; float: left}
#cintel:hover{background: url(../images/cintel.png) no-repeat 0 -42px;}
#after_footer ul{float: right;margin-top: 5px}
#after_footer ul li{margin-bottom: 5px;color: #666; text-align: right; list-style-type: none}
#after_footer ul li a{color: #666;}
#after_footer ul li a:hover{color: #FFF;}
/*
GalleryView Stylesheet
Use the CSS rules below to modify the look of your gallery.
To create additional rules, use the markup below as a guide to GalleryView's architecture.
...overlay content...
-
caption text
-
caption text
*/
#prod_case{width:890px;height:300px;float: left; margin:40px 60px 60px 60px;}
#prod_list{width:430px;height:300px;float: left;}
#prod_list h3{font-size:2em; color: white}
#prod_list p{font-size:1.2em;line-height: 1.5em; padding-right: 20px; color: white}
#prod_preview{width:460px;height:300px;float: left; }
#prod_preview h3{font-size:2em; color: white}
#product_ul{margin: 0;padding: 0;}
#product_ul li{list-style: none; margin: 0; padding: 5px 0 0 0; float: left; margin-right: 10px;margin-bottom: 5px; width:140px;height:135px;text-align: center; border: 1px solid #444}
#product_ul li img{margin:0 auto}
#product_ul li h4{ color: white; font-weight: normal; text-align: center; font-size: 0.9em}
.overlay_menu_item{width:140px;background: url(../images/play_square.png) no-repeat 0 -140px;position: absolute; height: 140px; display:block;z-index: 10; }
a.overlay_menu_item:hover{ background: url(../images/play_square.png) no-repeat 0 0px;width:140px; height: 140px; display:block }
a.modalClose {
background:url(../images/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-12px;
right:-15px;
cursor:pointer;text-indent: -5000px
}
#special_left a{ color:#000;}
#special_left a:hover{ color:#333;}
/* GALLERY LIST *//* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility:hidden }
textarea{font-family: Arial}
/* POINTER FOR CURRENT FRAME */
.pointer {
border-color: white;
}
/* TRANSPARENT BORDER FIX FOR IE6 *//* NOTE - DO NOT CHANGE THIS RULE */
/**html .pointer {filter: chroma(color=pink);}*/
#product_stuff{ height: 400px;float:left;margin-right: 10px; margin-left: 10px; padding-top:10px; font-size: 1.2em; }
#product_stuff h3{color: #FFF}
#product_stuff p{color: #EFEFEF; line-height: 1.3em}
#product_pics{width:430px; height: 500px; float: left; padding-top:15px }
a:link, a:visited {color: aqua;font-weight: bold;text-decoration: none;}
a:hover {color: white;text-decoration: underline}
.panel-overlay{visibility: hidden}
.panel-overlay h2,.panel-overlay p{ margin: .3em 0;}
.panel-overlay p {line-height: 1.2em;}
#product_data_form{color: #FFF;}
#product_data_form a{font-size: 0.9em}
#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: #000;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
padding-top: 5px;
margin-top: 10px;margin-right: 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;
}
#cont {font-family: Arial, Helvetica, sans-serif;outline: none;border: none;font-size: 1em;line-height: 1.3em;color: #FFF;padding: 0; margin: 0;}
#facey{overflow: auto; height: 550px;overflow-y: auto;overflow-x: hidden}
#facey h3{font-size: 150%;margin: 10px 0 10px 10px; color:white;}
#facey h4{font-size: 130%;margin: 10px 0 10px 10px; color:white;}
#facey p{font-size: 1.2em; margin: 0 0 0 10px; color:white;}
#facey label{ color:white;}
#facey legend{font-size: 1.2em; margin: 0 0 0 10px}
#form{margin: 20px 0 0 10px;font-size: 1.2em;}
#form p{font-size: 1.1em; margin: 0 0 10px 0}
#form div{float: left;width:600px; margin: 0 0 10px 0}
#form div label{float: left;width:150px;font-size: 1em;}
#form div input{float: left;width:180px;margin-left: 20px;font-size: 1em;}
#form2{margin: 0px;}
#form2 div{float: left;width:470px; margin: 0 0 10px 0}
#form2 div label{float: left;width:150px;font-size: 1.2em;}
#form2 div input{float: left;width:300px; margin-bottom: 10px;font-size: 1em;}
#form2 legend{font-weight: bold}
#form2 fieldset{border: 1px #393939 solid; margin: 5px; padding: 20px}
#form2 .form2field div{float: left;width:470px; margin: 0 5px 0}
#form2 .form2field div label{float: left;width:150px;font-size: 1.2em}
#form2 .form2field div input{float: left;width:180px;}
#form2 div h4{margin: 0 0 5px 0;padding: 0;}
#form2 div input_check{margin-bottom: 5px}
#page_text{width:840px;height: 450px; margin: 20px 60px 0 60px; font-size: 1.2em; padding-top: 20px;padding-right:60px; overflow-y: auto;float: left}
#page_text p,#page_text h3,#page_text h4{color: white;}
#after_footer .color{color: #222222}