@charset "utf-8";
/* CSS Document */
object { display:block; height:440px;}
* { padding:0; margin:0;}
img { border:0; display:block;}
a:focus { -moz-outline-style: none; }
a { text-decoration:none;}
.clearboth { clear:both;}
small { font-size:9px;}

#leftpanelimage {left:50%; margin-left:-36px;z-index:1; position:absolute; width:990px;}

#measure,#design,#instore, #survey, #installation, #inspection { display:none;}
#measure h1,#design h1,#instore h1, #survey h1, #installation h1, #inspection h1 { font-size:12px; margin:0; padding:0; line-height:normal;}
#measure p,#design p,#instore p, #survey p, #installation p, #inspection p { padding:0; margin:0; line-height:14px;}
.displayinline { display:inline;}
.floatleft { float:left; }
.floatright { float:right; display:inline;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}
#wrap {width:955px; margin:10px auto;}
#logo { float:left; margin-bottom:18px;}
#locations {   width:220px; float:right; padding:0; margin-top:0px;   }
#locations td { vertical-align:bottom; border-collapse:collapse;}
#locations h1 { font-size:10px;  text-align:left;text-transform:uppercase; color:#555; }
#locations a { color:#555; }
#locations a:hover { color:#C1D82E; }
#locations p { font-size:9px; text-align:right;  margin-top:6px;}

body#home a#home, body#about a#about, body#kitchens a#kitchens, body#bedrooms a#bedrooms, body#homestudies a#homestudies, body#showroom a#showroom, body#contact a#contact, body#designservice a#designservice, body#testimonials a#testimonials { color:#C1D82E; }

#navbar { clear:both; background:url(../images/nav_bg.jpg) repeat-x; width:100%; height:26px; padding:7px 0;  text-transform:capitalize;}
*html #navbar { padding:0px;}

#navbar li ul a { width:110px; border:0; padding:10px 0;  }
#navbar  li { list-style-type:none; float: left; 	position: relative; 	/*width:81px;*/display:block;  z-index:2; 	*height:33px; border-right: 1px solid #ccc; } 


#navbar .noborder {border:none;}

#secondlevel  a {  *border:none !important;}
#navbar li a:hover, #secondlevel a:hover { color:#C1D82E; }
#navbar ul li a {   padding:8px 15px 9px 15px ; color:#59595b; text-decoration:none; display:block;}

.menu li ul { /* second-level lists */	display: none; 	position: absolute;	left: -1px; border-top:1px solid #DFDFDF; border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc;	padding:10px 0; }

.menu li ul a {  padding:5px; }
.menu li ul a:hover { background:#efefef;   }
.menu li:hover ul, .menu li.over ul { /* lists nested under hovered list items */ 	display: block;
background:transparent url(http://www.atticustrophies.co.uk/images/opaque.png);  
background:transparent filter: alpha(opacity=95); background:#eee;  z-index:100;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
/*width:155px;*/
}

#contentwrap { color:#fff; clear:both; background:#77787b; overflow:hidden;}
#contentwrap2 { clear:both; background:#fff; overflow:hidden;}
#contentwrap2 h1 { font-size:17px; font-weight:normal;color:#333; padding:10px 10px;}
#newswrap { clear:both; background:#C1D82E; overflow:hidden;}

#fullwidth { padding:20px; color:#fff;}
#fullwidth p { margin:10px 0;}
#fullwidth li { list-style-position:inside;}
#fullwidth th { text-align:left; }
#fullwidth a { color:#C1D82E;}

#newsitem { padding:20px; background:#C1D82E; color:#77787b; }
#newsitem p { font-size:11px; color:#333!important;}
#newsitem a {color:#000!important; }
#newsitem h1 { color:#fff; font-size:28px; font-weight:normal; padding:0px 0 10px 0;}
#newspanel {height:400px; padding:20px; float:left; background:#fff; font-size:11px; color:#77787b; width:362px; text-align:left;}
#newspanel p { padding:5px 0; font-size:11px;}
#newspanel a {color:#000; }
#newspanel strong { color:#C1D82E;}
#newspanel hr { margin:5px 0;}
#newspanel h1 {color:#77787b; font-size:18px; padding: 8px 10px 10px 0; font-weight:normal; }


#newsitem p { color:#fff; padding:5px 0;}
#newsitem a { color:#C1D82E;}
#leftpanel { width:553px; float:left;}
#rightpanel {height:400px; padding:10px 20px; float:left; background:#77787b; font-size:11px; color:#fff; width:360px; text-align:left;}
#rightpanel p { padding-top:10px;}
#rightpanel strong { color:#C1D82E;}
#rightpanel td { vertical-align:top; padding:2px 0; margin:2px 0;}
#rightpanel p.message { background:#F00; color:#fff; text-align:center; clear:both; padding:2px 0; margin:2px 0; }
#rightpanel a { color:#C1D82E;}
address { font-style:normal;}
#rightpanel .sliding {color:#FFFFFF;font-size:12px;height:100px;}
#rightpanel .rangetext { color:#F2F2F2;font-size:12px;height:146px; }
#rightpanel a.rangebutton { background: transparent url(../images/btn_ranges.png) no-repeat left top; color: #1A1A1A; font-size: 11px; text-shadow: 1px 1px #ffffff; float: left; margin: 15px 0; display: block; width: 108px; height: 20px; line-height: 20px; text-align: center; }
#rightpanel a.rangebutton:hover, #rightpanel a.rangebutton.active { background: transparent url(../images/btn_ranges.png) no-repeat left bottom; }

#rightpanel a.rangearrowleft{ background: transparent url(../images/arrow_ranges_left.png) no-repeat left top; color: #1A1A1A; font-size: 11px; text-shadow: 1px 1px #ffffff; float: left; margin: 15px 0; display: block; width: 108px; height: 20px; line-height: 20px; text-align: center; }
#rightpanel a.rangearrowleft:hover { background: transparent url(../images/arrow_ranges_left.png) no-repeat left bottom; }

#rightpanel a.rangearrowright{ background: transparent url(../images/arrow_ranges_right.png) no-repeat left top; color: #1A1A1A; font-size: 11px; text-shadow: 1px 1px #ffffff; float: right; margin: 15px 0; display: block; width: 108px; height: 20px; line-height: 20px; text-align: center; }
#rightpanel a.rangearrowright:hover{ background: transparent url(../images/arrow_ranges_right.png) no-repeat left bottom; }
#rightpanel .smallprint { color:#1A1A1A;font-size:10px;text-align:center;width:349px;padding:5px;background-color:#ccc; }
#rightpanel .h1 {margin:0px;padding:0px}

#exdisplay { float:left; width:100px; padding:10px; color:#fff;}
#exdisplay h1 { font-size:14px; font-weight:normal; padding-bottom:10px;}
#exdisplay a { color:#C1D82E; padding:5px 3px;}
#strapline { overflow:hidden;clear:both; background:#C1D82E; padding:5px;}
#strapline h1 { font-size:18px; color:#333; height:auto; font-weight:normal;}
#strapline h2 { font-size:17px; color:#222; height:auto; font-weight:normal;}
#strapline p {padding:0;}
#gallery { margin-top:5px;}
#gallery td { padding-bottom:0px;}
.box { float:left; width:153px; margin:3px;}
.box a {color:#555; text-decoration:none; }
.box h1, .newsbox h1 { background:#C1D82E; font-size:16px;  text-transform:capitalize;  padding:5px;color:#555; font-weight:normal; }
.newsbox h2 {font-size:16px; color:#666;  text-transform:capitalize;  padding:4px 5px; *padding:5px; font-weight:normal; }
.newsbox p { padding:1px 5px; color:#666;}
.newsbox a { color:#c1d82f; font-weight:bold;}
.newsbox {  float:left; width:173px;  margin:3px 0px 0px 0px; border:1px solid #ccc; }

.bottomlocations_left {  width:295px; float:left; font-size:10px; color:#777; margin: 10px  20px 0 0;}
.bottomlocations_middle {  width:295px;  float:left; font-size:10px; color:#777; margin: 10px  0 0 45px;}
.bottomlocations_right {  width:295px;  float:right; font-size:10px; color:#777; margin: 10px  0 0 0px;}
.bottomlocations_left h1, .bottomlocations_right h1, .bottomlocations_middle h1 { font-size:14px; text-transform:uppercase; color:#555;}
.bottomlocations_left a, .bottomlocations_middle a, .bottomlocations_right a {color:#555;}
.bottomlocations_left a:hover, .bottomlocations_middle a:hover, .bottomlocations_right a:hover {color:#C1D82E;}
hr { clear:both;  overflow:hidden; border:none; height:1px; background:#8D8D8D; padding:0; margin:0;}
.brands { clear:both; padding: 15px 225px; *padding:15px 0;  text-align:center;}
form { margin-top:10px;}
label { float:left; width:130px; cleaR:both; margin:2px 2px;}
input { background:#333; color:#fff; border:1px solid #ccc; float:left; width:166px; margin:1px 0; font-size:11px;}
select {background:#333; color:#fff; border:1px solid #ccc;  float:left; width:170px; margin:1px 0; font-size:11px;}
textarea { float:left; background:#333; border:1px solid #ccc;  color:#fff; width:200px; height:50px; margin:3px 0; font-size:11px;}
#rssfeedtitle { overflow:hidden; background:#C1D82E; float:left; width:110px; }
#rssfeed2 { float:left; overflow:hidden; background:#C1D82E; padding:0; margin-top:-5px; height:25px;width: 815px; }
#rssfeedtitle h4 {  background:#333; float:left; padding-top:-20px;  padding:0; margin:0; font-size:12px; color:#C1D82E; text-transform:uppercase; padding:4px; }
#ticker { }

.required { color:#F00; font-size:14px;}


ul.doors {font-size:18px;color:#77787B;float:left;list-style-type:none;}
ul.doors li {width:210px;height:32px;margin:15px;padding-left:15px;line-height:32px}
ul.doors li.grey {background-color:#D4D5D6;}
ul.doors li.white {background-color:#FFF;}

#eventspage{float:none;background:url(../images/bg.png);width:956px;height:440px;}

#eventspage h1{ color:#fff;font-size:22px;margin:0;}
#eventspage h2{color:#fff;font-size:18px;margin:0;}
#eventspage p {color:#fff;font-size:12px;margin:0;}
#eventspage td{width:285px;height:440px;padding-left:5px;padding-right:5px;vertical-align:top;}
#eventspage object{height:135px;}
#events{float:left;width:285px;border-right:1px solid #fff; height:100%; padding:0px 15px 0 15px;}
#events h1,#news h1, #videos h1 { padding:10px 0;}
#news{padding:0px 15px 0 15px;float:left;width:290px;border-right:1px solid #fff; height:100%;}
#videos{float:left;width:285px;padding:0px 15px 0 15px; margin:0; height:100%;}

#social {float:right;display:inline;}

.trade p {padding:10px;}
.trade table {margin-bottom:20px;}
.trade table td {text-align:left;vertical-align:top;padding:10px;}
.trade table td h3 {color:#fff;font-size:24px;}
.trade table td img {border:5px solid #C1D82E;}
.trade table td strong {display:block;padding-top:5px;}

#brandstable {width:550px;}
#brandstable td {text-align:center;vertical-align:middle;padding:8px;}
#brandstable td img {display: block;margin: 0 auto;text-align: center;}



#popupBox
{display:none;width:auto;height:auto;margin:auto;padding:15px;overflow:hidden;border:4px solid #C1D82E;background-color:#000;position:fixed;_position:absolute;z-index:99;}
#popupBackground
{display:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000;position:fixed; _position:absolute;top:0;left:0;z-index:98;}
#popupClose
{padding:10px; text-align:right; color:#FFF; font-weight:bold;}
#popupClose a
{color:#FFF;}