/*** Project Info

Author   : Wes Smith | wes@redbullet.co.uk | Red Bullet Web Design
Client   : Mid Air Music
URL      : http://
Desc     : Default Stylesheet
Created  : 12 March 2008

Project Info ***/

/*** Section 01: Site Structure Styles ***/
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:20px; padding:0; margin:0; background:url(../Images/bg.jpg) top left repeat;}
a{outline:none;}
a:link, a:visited{text-decoration:underline; color:#333333;}
a:hover{text-decoration:none; color:#333333;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:16px; padding:0; margin:5px 0 5px 0; color:#333333;}
h2{font-size:12px; padding:0; margin:5px 0 5px 0; color:#c1272d;}
/*** Section 01: Site Structure Styles End ***/

/*** Section 02: Content ID Styles ***/
#container{position:relative; width:950px; margin:0 auto 0 auto; padding:0; background:#e6e6e6 url(../Images/headerBg2.jpg) no-repeat top center;}
#header{position:relative; width:950px; height:200px;}
#searchBox{position:absolute; top:80px; right:10px; width:235px; height:30px; background:url(../Images/searchInputBg.png) right no-repeat;}
#searchBox form{display:inline; padding:0; margin:0;}
#searchBox input.text{float:right; width:170px; margin:4px 4px 0 0; border-color:#FFFFFF; border-style:none; color:#999999;}
#contentArea{position:relative; width:850px; min-height:600px; height:auto !important; height:600px; padding:0 50px 30px 50px; margin:90px 0 0 0; background:url(../Images/contentBg.gif) top no-repeat;}
#productRangeBox{position:relative; width:850px; padding:0 0 10px 0; min-height:450px; height:auto !important; height:450px; background:url(../Images/prdBoxBg.gif) bottom left no-repeat;}
#titleBar{position:relative; width:850px; height:75px; background:#e6e6e6 url(../Images/prdTitleBar.gif) no-repeat;}
#basketInfo{position:absolute; top:20px; right:20px; color:#000000; font-size:14px;}
#prdSearchBox{width:180px; height:30px; background:url(../Images/searchInputBg.gif) left no-repeat;}
#prdSearchBox form{display:inline; padding:0; margin:0;}
#prdSearchBox input.text{float:left; width:120px; margin:4px 0 0 7px; border-color:#FFFFFF; border-style:none; color:#999999;}
#prdSearchBox #btn{}
#tel {float:right;margin:20px 10px 0 0;}

#productsBox{width:536px; height:auto; float:right}

#productsBoxTitle{width:536px; height:45px;background:url(../Images/proseriesTitle2.gif) no-repeat;}


#productsBoxFooter{width:536px; height:13px; background:url(../Images/proseriesFooter.gif) no-repeat;}


#prdsDisplayArea{width:518px; background:#FFF; margin-top:-10px; padding:10px; min-height:270px}

.prodborder{border-bottom:1px solid #CCCCCC}

.product{border:none; width:auto; height:120px}

.MagnifImage{background-color:#fff; color:#FFF; font-weight:bold; border:1px outset #000; 
text-align:center; padding:0;margin:0; font-size:1px;}

#seriesLinks{margin:0; line-height:25px; color:#000000; text-align:center; font-size:12px; background-color:#FFFFFF}
#carousalNote{position:absolute; bottom:55px; right:0; width:600px; margin:0 20px 0 0; text-align:center;}
#seriesLinks a:link, #seriesLinks a:visited{text-decoration:none; color:#000000;}
#seriesLinks a:hover{text-decoration:underline; color:#000000;}
#arrowLeft{position:absolute; top:140px; left:5px;}
#arrowRight{position:absolute; top:140px; right:10px;}
#categoryLinksBox{width:850px; height:160px; margin:5px 0 10px 0;}

#pages { color:#C1272D; width:150px; margin:0 auto; text-align:center;}
#prev { width:100px; float:left; margin-top:-25px; color:#C1272D;}
#next { width:100px; float:right; margin-top:-25px; color:#C1272D;}

#about_page{
	height:460px;
	width:630px;
	position: relative;
	float: left;
	background-color:#FFFFFF;
	padding:20px
}

#about_guitar{
height:660px;
width:290px;
position:absolute;
bottom:0px;
right:0px;
}

#video_player{
	height:523px;
	width:600px;
	background: url(../Images/Tv_bg.png) no-repeat top left;
	position: relative;
	float: left;
}
#video_content{
	height: 346px;
	width:430px;
	position: absolute;
	left: 65px;
	top: 30px;
}
#arial_image{
	background:url(../Images/arial.png) top left;
	position:absolute;
	left: 348px;
	top: -62px;
	width: 104px;
	height: 144px;
}
#video_list{
	background:url(../Images/demo_list_bg.png) top left;
	float: left;
	height: 305px;
	width: 250px;
}
#video_description{
	background:url(../Images/video_description.png) top left;
	height:150px;
	width:250px;
	float:left;
	margin: 30px 0 0 0;
}
#open_hours{
	background:url(../Images/open_hours.png) top left;
	height:210px;
	width:250px;
	float:left;
	margin: 30px 0 0 0;
}

#now_playing{
	background:url(../Images/now_playing.png) top left;
	height:55px;
	width:193px;
	position: absolute;
	left: 691px;
	top: 57px;
}
#distressed_line{
	background:url(../Images/distress_line.png) top left;
	height:40px;
	position:absolute;
	left: 17px;
	width: 893px;
	top: 21px;
}

#centre_contact_images{padding:20px}

#Product_details{font:arial;color:#FFFFFF}

/*** Section 02: Content ID Styles ***/

/*** Section 03: Content Classes Styles ***/

.video_description_text {padding:20px; color:#333333}


.opening_hours{
	padding:20px 0 0 20px
}

.centre_text{text-align:center}

.select_category{width:150px}

.clear{clear:both;}
.logo{position:absolute; top:20px; left:20px;}
.homeBanner{margin:0 0 10px 0;}
.floatLeft{float:left; margin:0 10px 10px 0;}
.floatRight{float:right; margin:0 0 10px 0;}
.catImg{float:left; margin:0 12px 0 0;}
/*** Section 03: Content Classes Styles ***/

/*** Section 04: Navigation Styles ***/
#menu{position:absolute; top:120px; right:0; width:600px; height:30px; padding:10px 0 5px 5px; background:url(../Images/menuBg.png) top left no-repeat;}
#home{float:left; width:90px; height:30px; margin:0;}
#home a:link, #home a:visited{background:url(../Images/menuHomeOff.gif) no-repeat;}
#home a:hover{background:url(../Images/menuHomeOn.gif) no-repeat;}
#home span a:link{background:url(../Images/menuHomeOn.gif) no-repeat;}
#products{float:left; width:130px; height:30px; margin:0;}
#products a:link, #products a:visited{background:url(../Images/menuProductsOff.gif) no-repeat;}
#products a:hover{background:url(../Images/menuProductsOn.gif) no-repeat;}
#products span a:link{background:url(../Images/menuProductsOn.gif) no-repeat;}
#tips{float:left; width:90px; height:30px; margin:0;}
#tips a:link, #tips a:visited{background:url(../Images/menuTipsOff.gif) no-repeat;}
#tips a:hover{background:url(../Images/menuTipsOn.gif) no-repeat;}
#tips span a:link{background:url(../Images/menuTipsOn.gif) no-repeat;}
#about{float:left; width:140px; height:30px; margin:0;}
#about a:link, #about a:visited{background:url(../Images/menuAboutUsOff.gif) no-repeat;}
#about a:hover{background:url(../Images/menuAboutUsOn.gif) no-repeat;}
#about span a:link{background:url(../Images/menuPAboutUsOn.gif) no-repeat;}
#contact{float:left; width:140px; height:30px; margin:0;}
#contact a:link, #contact a:visited{background:url(../Images/menuContactUsOff.gif) no-repeat;}
#contact a:hover{background:url(../Images/menuContactUsOn.gif) no-repeat;}
#contact span a:link{background:url(../Images/menuContactUsOn.gif) no-repeat;}

#subMenu{position:relative; float:left; width:200px; margin:0 0 0 10px;}
#subMenuTop{width:200px; height:10px; background:url(../Images/subMenuBgTop.gif) no-repeat; font-size:0;}
#subMenuBody{width:180px; padding:1px 10px 1px 10px; background:url(../Images/subMenuBgBody.gif) top left repeat-y;min-height:200px;height:auto !important;height:200px}
#subMenuBottom{width:200px; height:75px; background:url(../Images/subMenuBgBottom.gif) no-repeat;}
#subMenu ul{list-style:none; padding:0; margin:0 0 0 10px;}
#subMenu li{list-style:none; padding:0; margin:0;}
#subMenu li a{display:block; padding:0 0 10px 15px; color:#c1272d; text-decoration:none; font-weight:bold; background:url(../Images/subMenuArrow.gif) top left no-repeat;}
#subMenu li a:hover{background:url(../Images/subMenuArrowOn.gif) top left no-repeat; color:#000000;}
/*** Section 04: Navigation Styles ***/

/*** Section 05: Footer Styles ***/
#footer{position:absolute; bottom:10px; left:50px; width:850px; line-height:25px;}
#footerLeft{float:left;}
#footerRight{float:right;}
/*** Section 05: Footer Styles ***/

/*** Section 06: Form Styles ***/
/*** Section 06: Form Styles ***/

/*** Section 07: Moo Revolver Styles ***/
:focus{outline:none;}
.revolver ul{list-style-type:none; width:150px; height:200px; position:relative; overflow:hidden; margin:0; padding:0;}
.revolver li{list-style-type:none; width:160px; height:140px; float:right}
.revolver img{width:100%;height:100%;border:0;}
#revolverContainer{/*position:absolute;*/
/*left:-20px;
top:-20px;*/}
/*** Section 07: Moo Revolver Styles ***/
**
/***Drop down menu styles***/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
margin:5px 0 0 0;
}




#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #cf242c;
}