/*----------
	Perth Audiovisual - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #DFE4EB;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(/images/core/bg.gif) repeat-x;
}

#container {
  width: 920px;
  margin: 0 auto;
  font-size: 1.1em;
}

#content {
  width: 880px;
  padding: 20px 20px 70px;
  margin: 15px 0 0 0;
  border-top: 1px solid #262C3C;
  border-bottom: 1px solid #262C3C;
}

#title {
  width: 160px;
  float: left;
}

#text {
  width: 720px;
  /*padding-top: 50px;*/
  float: left;
}

#mid-size {
  width: 210px;
  float: left;
}

#text-meet-team {
	width:670px;
	float:left
}

#text-full{
	width: 800px;
	margin-left: 100px;
	margin-top: 30px;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #FFB720; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 2.8em; margin: 15px 0; line-height: 30px; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; margin: 10px 0; }
h4 { font-size: 1.3em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #262C3C; margin: 10px 0; clear: both; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }
ol {margin: 10px 30px; list-style-type: decimal;}
a.pdf {padding: 2px 0 2px 22px; background: url('/images/icon-pdf.gif') no-repeat;}
ul#PDF { margin: 0 0 10px 0; list-style-type: none; display: block; }
ul#PDF li { padding: 2px 0 2px 25px; background: url('/images/icon-pdf.gif') no-repeat left center; }


.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #262C3C; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.yellow { color: #FFB720; }

#picture { float: right; margin: 4px 10px 10px; }
#picture img { border:1px solid #fff; }
#picture img:hover { border:1px solid #ccc; }
#mudmap { margin: 10px; float: right; }
.page-desc {margin:0 0 20px 0;}
#text h3, #text-meet-team h3, #text-full h3 {margin:2px 0 10px 0;}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { height: 57px; }
#nav ul { list-style-type: none; margin: 0 0 0 21px; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 57px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -57px !important; }
#nav li#home a { background: url(/images/nav/home.gif) no-repeat; width: 114px; }
#nav li#whats-new a { background: url(../images/nav/whats-new.gif) no-repeat; width: 116px; }
#nav li#hire a { background: url(/images/nav/hire.gif) no-repeat; width: 107px; }
#nav li#sales a { background: url(/images/nav/sales.gif) no-repeat; width: 102px; }
#nav li#events a { background: url(/images/nav/events.gif) no-repeat; width: 102px; }
#nav li#venues a { background: url(/images/nav/venues.gif) no-repeat; width: 108px; }
#nav li#team a { background: url(/images/nav/team.gif) no-repeat; width: 123px; }
#nav li#contact a { background: url(/images/nav/contact.gif) no-repeat; width: 112px; }

#p-home li#home a,
#p-whats-new li#whats-new a,
#p-hire li#hire a,
#p-sales li#sales a,
#p-events li#events a,
#p-venues li#venues a,
#p-team li#team a,
#p-contact li#contact a {
  background-position:0 -57px !important;
}



/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 920px;
  height: 165px;
  position: relative;
}

#header #logo { position: absolute; top: 20px; left: 14px; }
#header #address { position: absolute; top: 65px; left: 360px; border-left: 1px solid #474D5E; padding: 3px 13px; }
#header #address a { color: #fff; }
#header #phone_numbers { position: absolute; top: 65px; left: 589px; border-left: 1px solid #474D5E; padding: 3px 13px; }
#header #cart { position: absolute; top: 65px; left: 769px;  padding: 5px 20px;border-left: 1px solid #474D5E; padding: 8px 13px; }
#header #cart #cart-amount { font-size: 1.4em; display: block; margin: 0 10px 10px 10px;}
#header #cart .link { width:95px; height:26px; text-indent:-9999px; background:url('/images/core/view_cart.gif') no-repeat 0 0; display:block;}
#header #cart .link:hover {background-position:0 -26px;}

/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 906px;
  height: 396px;
  display: block;
  overflow: hidden;
  border: 7px solid #333A4D;
}



/*----------	CTa STYLeS	----------*/
#cta {
  width: 920px;
  height: 210px;
  margin: 13px 0 0 0;
  position: relative;
  background: url(/images/core/cta-bg.jpg) no-repeat;
}

#cta-hire {
  width: 256px;
  height: 206px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
}

#cta-sales {
  width: 256px;
  height: 206px;
  display: block;
  position: absolute;
  top: 2px;
  left: 332px;
}

#cta-events {
  width: 256px;
  height: 206px;
  display: block;
  position: absolute;
  top: 2px;
  left: 662px;
}


/*----------	NeWS STYLeS	----------*/
ul#news { list-style-type: none; margin: 0; }
ul#news li { border-bottom: 1px solid #262C3C; padding: 0 0 10px 0; }
ul#news h3 { display: block; }
ul#news #short-desc { display: block; clear: both; }


/*----------	PRoDUCTS PaGe STYLeS	----------*/
ul#categories { list-style-type: none; margin: 0; text-align: center; }
ul#categories li { float: left; width: 160px; height: 190px; overflow: hidden; }
ul#categories li a.image { height: 130px; width: 150px; display: block; }
ul#categories li a.title { display: block; }


/*----------	SUBCaTeGoRY PaGe STYLeS	----------*/
table#subcat { width: 100%; text-align: left; }
table#subcat th { background-color: #262C3C; }
table#subcat th, table#subcat td { padding: 5px; vertical-align: middle; }
table#subcat tr { border-bottom: 1px solid #262C3C; }
.next_cat { text-align: right; }
table#subcat td.thumbnail { width: 100px; height: 50px; }
table#subcat th.header-picture { text-align: center;}
#product-listing-text .link a, #product-listing-text input { color:#ffb720; padding: 5px 20px; }
#product-listing-text .link a:hover, #product-listing-text input:hover { color: #fff; text-decoration: none;  }

table#subcat td.thumbnail,
table#subcat td.link {
  text-align: center;
}

table#subcat td.name {
  width: 300px;
}

table#subcat td.link a, table#subcat td.link input {margin: 0 auto;}

table#subcat td.link input.add_to_cart {
  border: 0;
  text-indent: -999em;
  line-height: 0px;
}


/*----------	DeTaILS STYLeS	----------*/
#product-detail-text {float:left; width:670px;}
#product-detail-text h3 { margin: 2px 0 10px 0;}
#product-detail-text #photos { float: left; width: 220px; overflow: hidden; }
#product-detail-text #description { padding: 0 0 10px 0; }
#product-detail-text #price { padding: 10px 0; }
#product-detail-text .price, .product_ID { font-size: 1.2em; }
#product-detail-text #enquire a { background-color: #262C3C; padding: 5px 20px; }
#product-detail-text #enquire a:hover { color: #fff; text-decoration: none; background-color: #1D0122; }



/*----------	MeeT THe TeaM STYLeS	----------*/
ul#the_team { list-style-type: none; margin: 0; text-align: center; }
ul#the_team li { float: left; width: 110px; height: 150px; }
#p-team a.details { display: block; }
/*h3.name { float: right; width: 500px; }
#p-team #description { float: right; width: 500px; padding: 0; }
#p-team #email { float: right; width: 500px; }
#p-team #phone { float: right; width: 500px; }*/


/*----------	eVeNTS/VeNueS STYLeS	----------*/
ul#the_events, ul.the_venues { list-style-type: none; margin: 0; text-align: center; }
ul#the_events li, ul.the_venues li { float: left; width: 150px; height: 190px; overflow: hidden; margin: 0 5px; }
ul#the_events li a.image, ul.the_venues li a.image { width: 150px; display: block; overflow: hidden; }

ul.the_venues li a.image {max-height: 130px;
height: auto !important;
height: expression( document.body.clientHeight > 130 ? "700px" : "auto" );}

#p-events #description, #p-venues #description { float: right; width: 500px; padding: 0; }
#p-events #date, #p-venues #date { font-style: italic; font-size: 1.2em;}
#p-events ul#gallery, #p-venues ul#gallery { margin:10px 0; list-style-type: none; }
#p-events ul#gallery li, #p-venues ul#gallery li { float:left; width: 80px; height: 80px; overflow: hidden; margin: 5px; }
#p-venues h2 { font-size: 1.8em; margin: 10px 0; }
#p-venues h3 { display: block; clear: both; font-size: 1.7em;}
#p-venues ul.the_venues { border-bottom: 1px solid #474D5E;}


/*----------	FooTeR STYLeS	----------*/
#footer { margin: 40px 0; }
#footer a { margin: 10px; }	
#footer a:hover { text-decoration: underline; }	
#footer img#wflogo { float: right; margin: -5px 0 0 0; }

/*---------- Added by Programmer, lol grats to you! --------*/
#p-events a.title { display: block; }

/* buttons */
.more a, .new_cart_item input.your_cart, a.more_info, input.add_to_cart,
input.update_button
 {font-size:0; text-indent:-9999px; display:block; height:26px; width:100px; padding:0 !important;}

.more a{width:110px; background:url('/images/buttons/more_details.gif') transparent no-repeat 0 0;}
.new_cart_item input.your_cart{width:95px; background:url('/images/buttons/your_cart.gif') no-repeat 0 0;} 
a.more_info {width:65px; background:url('/images/buttons/more.gif') no-repeat 0 0;}

a#your_cart-button:hover, .more a:hover, .new_cart_item input:hover, a.more_info:hover {background-position:0 -26px; background-color:none !important;}

input.update_button, a.delete_item,
a#back_to_sales, a#enquire_now,
input.add_to_cart {
  background: url(../images/buttons/update.gif) 0 0 no-repeat;
  border: 0;
  float: left;
  display: inline;
  cursor: pointer;
  line-height: 0px;
  margin-left: 10px;
  width: 83px;
}

input.add_to_cart{width:109px; background:url('/images/buttons/add_to_cart.gif') transparent no-repeat 0 0;}

a.delete_item, a#back_to_hire,
a#back_to_sales, a#enquire_now {
  display: block;
  background: url('../images/buttons/delete.gif') 0 0 no-repeat;
  width: 75px;
  height: 26px;
  text-indent: -999em;
  border: 0;
}

a#back_to_hire {background: url('../images/buttons/back_to_hire.gif') 0 0 no-repeat; width: 112px; margin-left: 375px;}
a#back_to_sales {background: url('../images/buttons/back_to_sales.gif') 0 0 no-repeat; width: 119px;}
a#enquire_now {background: url('../images/buttons/enquire.gif'); width: 84px;}

a.delete_item:hover, a#back_to_hire:hover, a#back_to_sales:hover,a#enquire_now:hover {background-position: 0 -26px; border: 0; padding: 0;}



body#p-enquire div.buttons input#enquire_submit  {
  background: url(../images/buttons/enquire_submit.gif) 0 0 no-repeat;
  border: 0;
  float: left;
  display: inline;
  cursor: pointer;
  font-size:0; text-indent:-9999px; display:block; height:26px; padding:0 !important;
  line-height: 0px;
  margin-left: 310px;
  width: 125px;
  
}