File: //home/towerrecords.co.uk/public_html/css/style.css
@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,label,input,p,blockquote{margin:0;padding:0;}
body{
font-family:Arial;
font-size:13px;
line-height:18px;
background:#eee;
}
a{
text-decoration:none;
overflow:hidden;
border:0px;
outline:none;
color: #7A5C36;
font-size: 13px;
}
img{text-decoration:none; border:0px;}
li{text-decoration:none;overflow:hidden; list-style:none;}
ul{text-decoration:none;overflow:hidden; list-style:none;}
p{
text-align:justify;
font-size: 13px;
margin: 10px 0 15px;
}
img{padding:0px; margin:0px; float:left;}
#social {
margin: 10px;
width: 260px;
}
div .plusone, .twitter, .fb-like {
font-size: 1px;
display: inline-block;
}
div .fb_reset {
display: inline;
}
#mainWrapper{
width:100%;
background:#fff url(../images/body_bg.png) repeat-x left top;
float:left;
}
#mainWrapper1{
width:100%;
background:#fff url(../images/body_bg1.png) repeat-x left top;
float:left;
}
#main{
width:1000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#topPortion{
float:left;
width:971px;
position:relative;
padding-top: 0;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
}
#topPortion h1{
float:left;
display:block;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
}
em.ttip {
background: url(../images/bubble.png) no-repeat;
width: 112px;
height: 56px;
position: absolute;
top: -120px;
left: 30px;
text-align: center;
text-indent:-0px;
z-index: 2;
font-size:14px;
font-weight:bold;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#menu{
float:right;
display:block;
width:auto;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
}
ul#menu li{
float:left;
padding:6px 3px 0px 2px;
}
ul#menu li a{
float:left;
padding:0px 20px 0px 0px;
color:#fff;
font-size:12px;
font-family:Arial;
}
ul#menu li a span{
float:left;
display:block;
width:auto;
height:32px;
line-height:24px;
cursor:pointer;
padding:8px 0px 3px 20px;
}
ul#menu li a:hover, ul#menu li a.active{
color:#fff;
background-color:inherit;
background:url(../images/nav-hover.png) right top no-repeat;
float:left;
}
ul#menu li a:hover span, ul#menu li a.active span{
background:url(../images/nav-hover-span.png) left top no-repeat;
color:#fff;
float:left;
}
.banner{
float:left;
width:971px;
height:391px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
background-repeat: no-repeat;
background-position: left top;
}
.inner{
float:left;
width:700px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 50px;
padding-left: 0;
}
.innerLeft{
float:left;
width:700px;
margin: 0px;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #D6D6D6;
}
.innerLeft h3{
float:left;
width:558px;
color:#141414;
font-size:21px;
line-height:25px;
margin:40px 0 0 0;
}
.innerLeft h2{
width:558px;
color:#141414;
font-size:21px;
line-height:25px;
margin: 0px;
}
p.contd{
width:556px;
color:#727272;
font-size:12px;
line-height:21px;
margin:30px 0 0 0;
}
p.contd a{
color:#2a5382;
font-size:12px;
}
p.contd a:hover{
color:#2a5382;
font-size:12px;
text-decoration:underline;
}
ul.leftBtm{
float:left;
width:260px;
}
ul.leftBtm li{
float:left;
width:250px;
padding:30px 0 30px 0;
}
ul.leftBtm li img{
float:left;
width:auto;
}
ul.leftBtm li p.blk{
float:right;
width:171px;
color:#727272;
font-size:12px;
line-height:21px;
display:block;
}
ul.leftBtm li p.blk b{
width:171px;
}
ul.leftBtm li p.blk a{
color:#2a5382;
}
ul.leftBtm li p.blk a:hover{
text-decoration:underline;
}
ul.leftBtm1{
float:right;
width:260px;
}
ul.leftBtm1 li{
float:left;
width:250px;
padding:30px 0 30px 0;
}
ul.leftBtm1 li img{
float:left;
width:auto;
}
ul.leftBtm1 li p.blk{
float:right;
width:171px;
color:#727272;
font-size:12px;
line-height:21px;
display:block;
}
ul.leftBtm1 li p.blk b{
width:171px;
}
ul.leftBtm1 li p.blk a{
color:#2a5382;
}
ul.leftBtm1 li p.blk a:hover{
text-decoration:underline;
}
.BtmLeft{
float:left;
width:558px;
background:url(../images/leftBtm.png) no-repeat top left;
margin:30px 0 0 0;
height:119px;
}
.BtmLeft ul{
float:left;
width:558px;
padding:35px 0 0 27px;
}
.BtmLeft ul li{
float:left;
width:auto;
}
.BtmLeft ul li{
float:left;
width:auto;
}
.innerRight{
float:right;
width: 250px;
margin-top: 25px;
font-size: 11px;
}
.innerRight h3{
float:left;
color:#141414;
font-size:21px;
line-height:25px;
margin-top: 40px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.innerRight h2{
float:left;
color:#141414;
font-size:21px;
line-height:25px;
}
.rightTop{
float:left;
border:1px solid #cbcbcb;
padding:1px;
margin:0;
}
.rightTop1{
float:left;
background:#fff url(../images/leftTop.png) repeat-x top left;
}
.rightTop1 ul{
float:right;
padding-bottom:25px;
}
.rightTop1 ul li{
float:left;
padding:5px;
}
.rightTop1 ul li p.news{
float:left;
width:294px;
color:#727272;
font-size:12px;
line-height:21px;
margin:0px;
padding:0px;
}
.rightTop1 ul li p.news b{
float:left;
width:294px;
padding:0 0 10px 0;
}
.rightTop1 ul li p.news a{
color:#2a5382;
}
.rightTop1 ul li p.news a:hover{
color:#2a5382;
text-decoration:underline;
}
.rightTop1 ul li p.testi{
float:left;
width:212px;
color:#727272;
font-size:12px;
line-height:21px;
margin:0px;
padding:0px 0 0 15px;
}
.rightTop1 ul li p.testi b{
float:left;
width:212px;
padding:10px 0 10px 0;
}
.rightBtm{
float:left;
width:297px;
color:#595959;
font-size:12px;
line-height:21px;
margin:20px 0 0 0;
}
.rightBtm a{
color:#2a5382;
font-size:12px;
text-decoration:underline;
}
.rightBtm a:hover{
color:#2a5382;
font-size:12px;
text-decoration:none;
}
#footer{
float:left;
width:100%;
height:100px;
background:url(../images/footer_bg.png) repeat-x left top;
}
#footer_portion{
width:971px;
margin:0 auto;
}
.footerleft2{
float:left;
width:auto;
display:block;
color:#727272;
font-size:11px;
padding:0px;
margin-top: 15px;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
}
ul.footerBtm2 {
float:left;
clear:both;
width:auto;
margin:10px 10px 0 0;
}
ul.footerBtm2 li{
float:left;
color:#727272;
}
ul.footerBtm2 li a{
float:left;
color:#727272;
font-size:11px;
padding:0 5px 0 5px;
}
ul.footerBtm2 li a:hover{
float:left;
font-size:11px;
padding:0 5px 0 5px;
text-decoration: underline;
}
.footerRight{
float:right;
color:#727272;
font-size:11px;
text-align: right;
height: auto;
width: 950px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
}
.footerRight strong a{
color:#333;
font-size:12px;
}
.footerRight strong a:hover{
color:#727272;
font-size:12px;
}
/* Easy Slider */
#container{
margin:0px;
display:block;
position:relative;
text-align:left;
width:960px;
padding:0 0px 0 0px;
margin:0px;
float:left;
border:0px;
}
#slider{width:960px;
margin:0px;
padding:0 0px 0 0px; display:block}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
float:left;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:960px;
overflow:hidden;
outline:0px;
height:348px;
border:0px;
}
#prevBtn, #nextBtn{
display:block;
width:31px;
height:31px;
position:absolute;
left:-0px;
top:120px;
}
#nextBtn{
left:295px;
}
#prevBtn a, #nextBtn a{
display:block;
width:31px;
height:31px;
position:absolute;
z-index:10;
left:15px;
top:50px;
text-indent:-9999px;
background:url(../images/left_arrow.png) no-repeat;
}
#nextBtn a{
background:url(../images/right_arrow.png) no-repeat;
left:630px;
}
/* // Easy Slider */
.blog{
color:#6a6a6a;
font-size:13px;
display:block;
line-height:22px;
padding:0px 0px 0px 0px;
text-align:justify;
float:left;
width:520px;
}
h5.bloghead{
font-family:Verdana, Geneva, sans-serif;
line-height:10px;
padding:40px 0px 10px 0px;
float:left;
margin:0px;
width:500px;
color:#727272;
font-size:14px;
text-decoration:underline;
}
.blogdate{
float:left;
padding:0px 0px 0px 0px;
margin:0px;
font-weight: normal;
color: #b6b6b4;
width:500px;
}
.blogcont{
width:500px;
float:left;
padding:10px 0px 10px 0px;
font-family: Arial;
font-size:12px;
font-weight:normal;
color: #727272;
display:block;
text-align:justify;
margin:0px;
border-bottom:1px #727272 dotted;
}
.blogcont b{
text-decoration:underline;
color:#727272;
}
.blogcont a{
float:left;
color: #727272;
display:block;
font-family: Arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:5px 0 10px 0;
}
.blogcont a:hover{
float:left;
color: #000;
display:block;
}
.blogcont1{
width:500px;
float:left;
padding:10px 0px 10px 0px;
font-family: Arial;
font-size:13px;
font-weight:normal;
color: #727272;
display:block;
text-align:justify;
margin:0px;
border-bottom:none;
}
.blogcont1 a{
float:left;
color: #727272;
font-family: Arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
}
.blogcont1 a:hover{
float:left;
color: #666;
display:block;
}
.blogcont1 b{
text-decoration:underline;
color:#727272;
}
.usefullinks{
display:block;
float:left;
padding:15px 0px 31px 0px;
width:400px;
}
.usefullinks li{
display:block;
width:500px;
background:url(../images/arrow.png) left no-repeat;
padding-top:4px;
padding-left:30px;
line-height:23px;
}
.usefullinks li a{
color:#727272;
font-family: Arial;
font-size:12px;
width:auto;
text-align:justify;
line-height:20px;
background:none;
}
.usefullinks li a:hover{
color:#141414;
font-family: Arial;
width:auto;
font-size:12px;
text-align:justify;
line-height:20px;
background:none;
}
ul.innerLeftBtm{
float:left;
width:618px;
margin:20px 0 0 0;
}
ul.innerLeftBtm li{
float:left;
width:250px;
margin:25px 0 0 0;
}
ul.innerLeftBtm li.mid1{
float:left;
width:250px;
margin:25px 0 0 50px;
}
ul.innerLeftBtm li.last1{
float:left;
width:250px;
margin:20px 0 0 50px;
}
ul.innerLeftBtm li img{
float:left;
width:250px;
padding:0 0 8px 0;
}
.contd{
float:left;
color:#bb4e4e;
width:240px;
font-size:14px;
font-family:Arial;
padding:10px 0 0px 0;
}
.value{
float:left;
width:240px;
color:#939191;
font-size:12px;
padding:5px 0 15px 0;
font-family:Arial;
}
ul.pagination{
float:left;
clear:both;
width:500px;
padding:15px 0 0 0px;
}
ul.pagination li{
float:left;
width:auto;
}
ul.pagination li a{
float:left;
width:auto;
color:#605c5c;
padding:0 5px 0 5px;
font-size:13px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
}
ul.pagination li a:hover,ul.pagination li a.active{
color:#bb4e4e;
}
.footerleft2 a {
font-size: 11px;
}