@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background-color:#ededed;
color:#555;
font-family:Arial, Helvetica, sans-serif;
}
ul, li{
margin:0;
padding:0;
}
#wrapper{
width:100%;
margin:0 auto 0 auto;
padding:0;
}
p{
font-size:80%;
line-height:150%;
margin:0 0 20px 0;
}
h1{
color:#555;
font-size:120%;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 20px 0;
padding:0;
}
h2{
color:#555;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:0 0 15px 0;
}
h1.homepageHeader, h2.homepageHeader, h3.homepageHeader{
font-weight:normal;
margin:0;
padding:0;
background:none;
font-size:140%;
}
h2.homepageHeader{
margin:0 0 20px 0;
}
h3{
color:#555;
font-size:85%;
font-weight:normal;
background:url(../images/site_elements/hDots.gif) bottom left repeat-x;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
h4, h5, h6{
color:#555;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
a, a:visited{
text-decoration:underline;
color:#f88542;
}
a:hover{
text-decoration:underline;
color:#000;
}
.orangeBullet{
color:#f88542;
}

/*------------content wrappers------------*/

#wrapper #headerWrap{
width:100%;
min-height:105px;
margin:0 auto 0 auto;
padding:0 0 15px 0;
background:url(../images/site_elements/headerBgGradient.jpg) bottom left repeat-x #fff;
position:relative;
}
#wrapper #centreWrap{
width:100%;
height:auto;
overflow:hidden;
margin:0;
padding:0 0 10px 0;
background:url(../images/site_elements/hDots.gif) bottom left repeat-x #fff;
}
#wrapper #footerWrap{
width:100%;
min-height:100px;
overflow:hidden;
margin:0;
padding:0 0 50px 0;
background:url(../images/site_elements/footerBgGradient.jpg) top left repeat-x #ededed;
}

/*------structure----------*/

#wrapper #headerWrap #header{
width:860px;
height:auto;
margin:0 auto 0 auto;
padding:12px 0 15px 0;
}
#wrapper #centreWrap #centre, #wrapper #footerWrap #footer{
width:860px;
height:auto;
margin:0 auto 0 auto;
}
#wrapper #centreWrap #centre .leftCol{
width:150px;
height:auto;
float:left;
position:relative;
margin:0;
padding:35px 0 20px 0;
}
#wrapper #centreWrap #centre .leftCol #shopImage{
width:135px;
height:177px;
background:url(../images/homepage/shopBoxBg.jpg) top center no-repeat;
padding:33px 9px 9px 9px;
float:left;
position:relative;
}
#wrapper #centreWrap #centre .leftCol #shopImage h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
color:#797979;
margin:0 0 5px -4px;
padding:12px 0 0 0;
line-height:100%;
text-align:center;
letter-spacing:-1px;
}
#wrapper #centreWrap #centre .leftCol #shopImage p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#797979;
margin:0;
padding:0;
line-height:110%;
text-align:center;
}
#wrapper #centreWrap #centre .leftCol .shopImage img{
margin:0 0 20px 0;
padding:0 0 20px 0;
}
#wrapper #centreWrap #centre .centreColHome{
width:365px;
height:auto;
float:left;
position:relative;
margin:0;
padding:30px 25px 0 35px;
overflow:hidden;
}
#wrapper #centreWrap #centre .centreColHome p{
line-height:170%;
}
#wrapper #centreWrap #centre #rightColHome{
width:280px;
height:auto;
float:right;
position:relative;
margin:0;
padding:20px 0 10px 0;
}
#wrapper #centreWrap #centre #rightColHome .banner{
float:right;
position:relative;
display:block;
padding:0;

}

#wrapper #centreWrap #centre .centreCol{
width:450px;
height:auto;
float:left;
position:relative;
margin:0;
padding:30px 20px 10px 40px;
overflow:hidden;
}
#wrapper #centreWrap #centre .rightCol{
width:200px;
height:auto;
float:right;
position:relative;
margin:0;
padding:38px 0 0 0;
overflow:hidden;
}
#wrapper #centreWrap #centre .centreColRepairs{
width:600px;
height:auto;
float:left;
position:relative;
margin:0;
padding:30px 20px 20px 40px;
overflow:hidden;
}
#wrapper #centreWrap #centre .centreCol ul{
margin:0 0 0 20px;
}
#wrapper #centreWrap #centre .centreCol ul li{
font-size:80%;
}
#wrapper #centreWrap #centre .centreCol li ul li{
font-size:100%;
margin:0 0 0 20px;
}
#wrapper #centreWrap #centre .rightCol h2{
font-size:100%;
font-weight:normal;
}
#wrapper #centreWrap #centre .rightCol .offersButton{
margin:0;
padding:0;
float:left;
position:relative;
}
/*----------header------------*/

#wrapper #headerWrap #header .mainLogo{
float:left;
position:relative;
margin:0 100px 0 0;
padding:0;
}
#wrapper #headerWrap #header .banner{
float:right;
position:relative;
margin:0;
padding:0;
}

/*--------footer------------*/

#wrapper #footerWrap #footer .footerLogos{
width:860px;
margin:0 0 30px 0;
}
#wrapper #footerWrap #footer .footerLinks {
color:#898989;
font-size:70%;
padding:0 8px 0 8px;
text-align:right;
}
#wrapper #footerWrap #footer .footerLinks a, #wrapper #footerWrap #footer .footerLinks a:visited{
color:#898989;
text-decoration:underline;
}
#wrapper #footerWrap #footer .footerLinks a:hover{
color:#000;
text-decoration:underline;
}

/*---------special-offers-----------*/


#wrapper #centreWrap #centre .centreCol .offerBox{
width:428px;
min-height:150px;
float:left;
position:relative;
padding:10px;
margin:0 0 20px 0;
overflow:hidden;
border:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsLeft{
padding:10px 10px 0 0;
width:208px;
float:left;
position:relative;
margin:0;
bottom:0;
right:0;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsRight{
padding:10px 15px 10px 10px;
width:163px;
float:right;
position:relative;
margin:8px 0 0 0;
bottom:0;
right:0;
background-color:#ee1c25;
text-align:left;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsLeftSecondary{
padding:10px;
width:208px;
float:left;
position:relative;
margin:15px 0 0 0;
bottom:0;
right:0;
background-color:#ee1c25;
text-align:left;
}
#wrapper #centreWrap #centre .centreCol .offerBox .logosBox{
padding:10px 10px 0 3px;
width:415px;
float:left;
position:relative;
margin:10px 0 0 0;
bottom:0;
right:0;
border-top:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .logosBox{
padding:10px 10px 0 3px;
width:158px;
float:left;
position:relative;
margin:10px 0 0 0;
bottom:0;
right:0;
border-top:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .centreCol .offerBox .logosBox img{
float:left;
position:relative;
margin:0 10px 0 0;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .logosBox img{
float:left;
position:relative;
margin:0 10px 0 0;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerImg{
width:428px;
height:auto;
float:left;
position:relative;
margin:0;
padding:0 0 10px 0;
text-align:center;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerImgRight{
width:178px;
height:auto;
float:right;
position:relative;
margin:0;
padding:0 0 10px 0;
text-align:center;
}
#wrapper #centreWrap #centre .centreCol .offerBox h3{
/*background:0;*/
margin:0;
padding:10px;
margin:0 0 5px 0;
/*border-bottom:#e4e4e4 1px solid;*/
font-size:120%;
font-weight:200;
background:0;
background-color:#eee;
color:#555;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsRight h2, #wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsLeftSecondary h2{
font-size:70%;
margin:0;
padding:0;
color:#fff;
font-weight:normal;
line-height:190%;
}
#wrapper #centreWrap #centre .centreCol .offerBox ul{
margin:0 0 0 15px;
}
#wrapper #centreWrap #centre .centreCol .offerBox li{
font-size:90%;
margin:0 0 2px 0;
padding:0;
color:#555;
font-weight:normal;
list-style:disc;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsRight h2.only, #wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsLeftSecondary h2.only{
font-size:90%;
font-weight:normal;
margin:0;
padding:0;
}
#wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsRight .price, #wrapper #centreWrap #centre .centreCol .offerBox .offerDetailsLeftSecondary .price{
font-size:280%;
font-weight:lighter;
padding:5px 0 5px 0;
letter-spacing:-3px;
}

#wrapper #centreWrap #centre .terms{
background-color:#e4e4e4;
padding:15px;
margin:0 0 20px 0;
display:block;
width:640px;
float:right;
position:relative;
}
#wrapper #centreWrap #centre .terms p{
margin:0;
padding:0;
line-height:120%;
}

#wrapper #centreWrap #centre .centreColHome .branches{
padding:20px 16px 0 16px;
height:80px;
margin:0;
display:block;
width:348px;
float:left;
position:relative;
background:url(../images/site_elements/homeBranchesBoxBg.jpg) top left no-repeat;
}
#wrapper #centreWrap #centre .centreColHome .branches p{
margin:0 0 0 8px;
padding:0 0 0 8px;
line-height:140%;
}

/*---------------branches-page--------------*/

#wrapper #centreWrap #centre .centreCol .branchBox{
width:448px;
min-height:150px;
border:#e4e4e4 1px solid;
float:left;
position:relative;
padding:0;
margin:0 0 10px 0;
overflow:hidden;
}
#wrapper #centreWrap #centre .centreCol .branchBox .branchdetails{
font-size:76%;
padding:10px;
color:#797979;
width:154px;
float:left;
position:relative;
line-height:140%;
}
#wrapper #centreWrap #centre .centreCol .branchBox .map{
width:250px;
height:250px;
float:right;
position:relative;
margin:0;
padding:0;
}
#wrapper #centreWrap #centre .rightCol .personnelBox{
width:192px;
padding:4px;
background-color:#ededed;
margin:0 0 4px 0;
float:left;
position:relative;
}
#wrapper #centreWrap #centre .rightCol .personnelBox h2{
margin:6px 10px 0 0;
padding:0;
font-size:80%;
float:right;
}
#wrapper #centreWrap #centre .rightCol .personnelBox h3{
margin:0 10px 0 0;
padding:0;
font-size:70%;
float:right;
background:none;
}
#wrapper #centreWrap #centre .rightCol .personnelBox img{
float:left;
margin:0 5px 0 0;
padding:0;
}



/*------------------rightcol-offers---------------------*/
#wrapper #centreWrap #centre .rightColOffers{
width:200px;
height:auto;
float:right;
position:relative;
margin:0;
padding:73px 0 0 0;
overflow:hidden;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox{
width:178px;
float:left;
position:relative;
padding:10px;
margin:0 0 20px 0;
overflow:hidden;
border:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .rightColOffers .offerDetailsTop{
padding:10px;
width:158px;
float:left;
position:relative;
margin:0;
bottom:0;
right:0;
}
#wrapper #centreWrap #centre .rightColOffers .offerDetailsBottom{
padding:4px 10px 4px 10px;
width:158px;
float:right;
position:relative;
margin:8px 0 0 0;
bottom:0;
right:0;
background-color:#ee1c25;
text-align:left;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox h3{
background:0;
padding:8px;
margin:0 0 5px 0;
/*border-bottom:#e4e4e4 1px solid;*/
font-size:105%;
font-weight:200;
background-color:#eee;
color:#555;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .offerImg{
width:178px;
float:left;
position:relative;
margin:0;
padding:0 0 10px 0;
text-align:center;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .offerDetailsBottom h2{
font-size:70%;
margin:0;
padding:0;
color:#fff;
font-weight:normal;
line-height:160%;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox ul{
margin:0 0 0 15px;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox li{
font-size:80%;
margin:0;
padding:0;
color:#555;
font-weight:normal;
list-style:disc;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .offerDetailsBottom h2.only{
font-size:80%;
font-weight:normal;
margin:0;
padding:0;
}
#wrapper #centreWrap #centre .rightColOffers .offerBox .offerDetailsBottom .price{
font-size:200%;
font-weight:bold;
padding:0 0 5px 0;
letter-spacing:-1px;
}

/*-----------contactform-------------*/

#wrapper #centreWrap #centre .centreCol form{
width:448px;
margin:0 0 15px 0;
padding:15px 0 20px 0;
border-bottom:#e4e4e4 1px solid;
}

#wrapper #centreWrap #centre .centreCol form label{
width:170px;
font-size:76%;
color:#555;
margin:0 0 4px 0;
padding:2px;
float:left;
}
#wrapper #centreWrap #centre .centreCol form .formField{
width:250px;
padding:2px;
margin:0 0 4px 0;
font-size:76%;
border:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .centreCol form .textArea{
width:250px;
padding:2px;
margin:0 0 4px 0;
font-size:76%;
border:#e4e4e4 1px solid;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper #centreWrap #centre .centreCol form .button{
background:url(../images/site_elements/btnBg.jpg) left repeat-x #f88542;
color:#fff;
font-size:70%;
width:256px;
border:#f88542 1px solid;
padding:4px;
cursor:pointer;
font-weight:bold;
}
#wrapper #centreWrap #centre .centreCol ul.error{
list-style:none;
margin:0 0 20px 0;
width:430px;
}
#wrapper #centreWrap #centre .centreCol ul.error li{
background-color:#f88542;
color:#fff;
margin:0 0 2px 0;
padding:2px;
font-size:76%;
}
#wrapper #centreWrap #centre .centreCol ul.thankyou{
list-style:none;
margin:0 0 20px 0;
width:430px;
}
#wrapper #centreWrap #centre .centreCol ul.thankyou li{
background-color:#e4e4e4;
color:#555;
margin:0 0 2px 0;
padding:2px;
font-size:76%;
}


/*-----brands-pages--------------*/


#wrapper #centreWrap #centre .centreColFull{
width:650px;
height:auto;
float:left;
position:relative;
margin:0;
padding:30px 20px 20px 40px;
overflow:hidden;
}

#wrapper #centreWrap #centre .centreColFull .brandLeft{
width:650px;
float:left;
position:relative;
margin:0;
padding:0 20px 0 0;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .brandlogo{
float:left;
position:relative;
margin-bottom:25px;
padding:0 0 25px 0;
width:298px;
width:650px;
text-align:center;
background:url(../images/site_elements/logoShadow.jpg) bottom center no-repeat;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .brandImage{
width:297px;
float:right;
position:relative;
margin:0 0 20px 35px;
padding:4px;
overflow:hidden;
}

#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBox{
float:left;
position:relative;
width:628px;
padding:10px;
border:#e4e4e4 1px solid;
margin:0 0 10px 0;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBox p{
margin:0;
padding:0;

}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBox img{
float:left;
margin:0 20px 0 0;
padding:0;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBoxMain{
height:60px;
color:#fff;
font-weight:600;
margin:10px 0 0 0;
padding:20px 15px 0 15px;
width:620px;
float:right;
position:relative;
font-size:120%;
text-align:center;
background:url(../images/site_elements/brandInfoBox.jpg) top center no-repeat;
}

#wrapper #centreWrap #centre .centreColFull .brandLeft .sony {
	width:45%;
	float:left;
	margin-right:10px;
	}
	
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBox h2 {
	color:#aa0000;
	font-weight:bold;
	margin:0;
	}
	
	
#wrapper #centreWrap #centre .centreColFull .brandLeftSmall{
width:300px;
float:left;
position:relative;
margin:0;
padding:4px;
border:#E4E4E4 1px solid;
}

.brandlogoroberts{
float:left;
position:relative;
margin-bottom:20px;
padding-bottom:10px;
width:100%;
text-align:left;
border-bottom:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .centreColFull .brandRight .modelSpecs, #wrapper #centreWrap #centre .centreColFull .brandLeftSmall .modelSpecs{
width:300px;
margin-top:15px;
}
#wrapper #centreWrap #centre .centreColFull .brandRight h2, #wrapper #centreWrap #centre .centreColFull .brandLeftSmall h2{
width:300px;
margin:0;
font-weight:bold;
display:block;
padding:4px;
}
#wrapper #centreWrap #centre .centreColFull .brandRight .modelSpecs ul, #wrapper #centreWrap #centre .centreColFull .brandLeftSmall .modelSpecs ul{
list-style:none;
margin-top:4px;
margin-bottom:4px;
border-top:#e4e4e4 1px solid;
}
#wrapper #centreWrap #centre .centreColFull .brandRight .modelSpecs li, #wrapper #centreWrap #centre .centreColFull .brandLeftSmall .modelSpecs li{
list-style:none;
border-bottom:#e4e4e4 1px solid;
color:#555;
padding:4px;
margin:0;
font-size:70%;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft hr{
width:100%;
background-color:#e4e4e4;
height:1px;
border:0;
margin-bottom:20px;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft ul{
list-style:none;
padding-bottom:10px;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft li{
list-style:none;
color:#555;
padding:4px 4px 4px 0;
margin:0;
font-size:76%;
line-height:160%;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBoxSmall{
width:304px;

border-bottom:#e4e4e4 1px solid;
float:left;
margin-bottom:8px;
position:relative;
padding:8px 8px 8px 0;
/*width:130px;
margin:5px 15px 5px 0;
height:190px;*/
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBoxSmall p{
line-height:130%;
margin:0 0 12px 0;
padding:0;
font-size:76%;
}
#wrapper #centreWrap #centre .centreColFull .brandLeft .infoBoxSmall p span{
font-size:90%;
line-height:120%;
}
.redText{
color:#eb1d21;
}
.orangeTextBold{
color:#f88542;
font-weight:600;
}
.repairVan{
float:right;
margin:0 0 10px 10px;
padding:0;
position:relative;
}
#wrapper #centreWrap #centre .centreCol hr{
width:100%;
background-color:#e4e4e4;
height:1px;
border:0;
margin-bottom:20px;
}
.address p{
line-height:120%;
}
#wrapper #centreWrap #centre .offerHeader{
width:383px;
height:70px;
margin:0 0 10px 0;
padding:15px 50px 10px 20px;
color:#fff;
background:url(../images/site_elements/offerBannerBg.jpg) top left no-repeat;
}
#wrapper #centreWrap #centre .offerHeader h2{
color:#fff;
font-size:130%;
font-weight:600;
margin:0;
padding:0;
}
#wrapper #centreWrap #centre .offerHeader p{
color:#fff;
margin:0;
padding:0;
}
#wrapper #centreWrap #centre .centreColRepairs .repairsInfo{
width:580px;
height:376px;
background:url(../images/site_elements/repairVan2.jpg) top left no-repeat;
padding:220px 0 0 20px;
margin:0;
}
#wrapper #centreWrap #centre .centreColRepairs .repairsInfo li{
color:#555;
font-size:76%;
padding:0 0 0 10px;
display:block;
list-style:none;
background:url(../images/site_elements/repairsArrow.jpg) left no-repeat;
width:400px;
}
#wrapper #centreWrap #centre .centreColRepairs .repairsInfo h2{
color:#555;
font-size:160%;
font-weight:600;
margin:12px 0 12px 0;
padding:0;
}
#wrapper #centreWrap #centre .centreColRepairs .repairsInfo li.shops{
width:94px;
display:block;
float:left;
background:url(../images/site_elements/repairsArrow2.jpg) top left no-repeat;
}

.logixx {
	height:16px;
	width:164px;
	background:url(../images/brands/logixx.gif) no-repeat top left;
	text-indent:-6000px;
}

.clasixx {
	height:16px;
	width:186px;
	background:url(../images/brands/clasixx.gif) no-repeat top left;
	text-indent:-6000px;
}

.exxcel {
	height:16px;
	width:167px;
	background:url(../images/brands/exxcel.gif) no-repeat top left;
	text-indent:-6000px;
}

.twoyear {
	height:79px;
	width:307px;
	text-indent:-6000px;
	background:url(../images/2year.gif) no-repeat top left;
	
}

.fiveyear {
	height:79px;
	width:307px;
	text-indent:-6000px;
	background:url(../images/5year.gif) no-repeat top left;
}