.surname {

visibility: hidden; margin:0px; padding:0px

}

body {background:url(../images/bg.gif) repeat; margin:0px;}
a{-moz-outline-style:none; text-decoration:none}

h1.contactus, h1.about, h1.products, h1.emailus, h1.special, h1.manufacturers, h1.electracentre, h1.h1login,h1.adminpanel,
h1.addspecial, h1.modifyoffers, h1.modifydeloffers, h1.newsevents, h1.addnews, h1.moddelnews, h1.modnews, h1.preview, h2.electracentre  
 {text-indent:-30000px;width:900px; height:45px;padding:0px; float:left; margin:10px 0 0 0px}

h1.about {background:url(../images/h1about.gif) no-repeat}
h1.contactus {background:url(../images/h1contactus.jpg) no-repeat}
h1.products {background:url(../images/h1products.jpg) no-repeat}
h1.emailus {background:url(../images/h1emailus.jpg) no-repeat}
h1.special {background:url(../images/h1special.jpg) no-repeat}
h1.manufacturers {background:url(../images/h1manufacturers.jpg) no-repeat}
h1.electracentre {background:url(../images/h1electracentre.jpg) no-repeat}
h1.h1login {background:url(../images/h1adminlogin.gif) no-repeat}
h1.adminpanel {background:url(../images/h1adminpanel.gif) no-repeat}
h1.addspecial {background:url(../images/h1addspecial.gif) no-repeat}
h1.modifyoffers {background:url(../images/h1modifyoffers.gif) no-repeat}
h1.modifydeloffers {background:url(../images/h1modelspecial.gif) no-repeat}
h1.newsevents {background:url(../images/h1news.gif) no-repeat}
h1.addnews {background:url(../images/h1addnews.gif) no-repeat}
h1.moddelnews {background:url(../images/h1moddelnews.gif) no-repeat}
h1.modnews {background:url(../images/h1modnews.gif) no-repeat}
h1.preview {background:url(../images/h1preview.gif) no-repeat}
h2.electracentre {background:url(../images/h2electracentre.gif) no-repeat}

h2.branchaddress, h2.phonefax, h2.openingtimes, h2.messagesubject, h2.fullname, 
h2.emailaddress, h2.message, h2.emailus  
{text-indent:-3000px; height:32px; margin:20px 0 0 0; padding:0px}

h2.branchaddress {background:url(../images/h2branchaddress.jpg) no-repeat;}
h2.phonefax {background:url(../images/h2phonefax.jpg) no-repeat}





h2.openingtimes {background:url(../images/h2openingtimes.jpg) no-repeat}
h2.messagesubject {background:url(../images/h2messagesubject.gif) no-repeat}
h2.fullname {background:url(../images/h2fullname.gif) no-repeat}
h2.emailaddress {background:url(../images/h2email.gif) no-repeat}
h2.message {background:url(../images/h2message.gif) no-repeat}
h2.emailus {background:url(../images/h2emailus.gif) no-repeat}

h2.contactaddress {background:url(../images/h2contactaddress.gif) no-repeat;text-indent:-3000px; height:32px; margin:10px 0 0 0; padding:0px}
h2.openaccount {background:url(../images/openaccount.gif) no-repeat;text-indent:-3000px; height:32px; margin:10px 0 0 0; padding:0px}

h2.products2 {width:400px; background:url(../images/h2products.jpg) no-repeat;text-indent:-3000px; height:32px; 
margin:0px 0 0 30px; padding:0px; float:left}

#tools {float:left; width:250px}
#specialoffersbox {background:url(../images/specialoffers.jpg) no-repeat; float:left; height:248px; width:297px; margin:11px 0 0 0}
#menu {float:left; margin:20px 0 0 50px}

.link,
.link:link,
.link:visited,
.link:active {color:#CC3300; font-size:13px;  font-weight:bold; font-family:Arial, Helvetica, sans-serif;margin:0}


.link2,
.link2:link,
.link2:visited,
.link2:active {color:#CC3300; font-size:16px;  font-weight:bold; font-family:Arial, Helvetica, sans-serif;margin:0}


.submit,
.submit:link,
.submit:visited,
.submit:active {text-indent: -3000px;text-decoration: none;margin:8px 0 0 0; 
background:url(../images/submit.gif) no-repeat; width:63px; height:27px; float:left}

.submit2,
.submit2:link,
.submit2:visited,
.submit2:active {text-indent: -3000px;text-decoration: none;margin:8px 0 0 0; 
background:url(../images/submit2.gif) no-repeat; width:68px; height:30px; float:left}

ul.menu {float:left ; margin:20px 0 0 20px; }
li.menu {width:400px;}

.link:hover, .link2:hover {color:#000000}

h2.contactno {background:url(../images/h2contactno.gif) no-repeat;text-indent:-3000px; height:32px; margin:20px 0 0 0; padding:0px}

#form {width:450px; float:left}

h3 {font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; color:#2C2C2C; margin:0px; padding:0px}

h3.emailbox {margin:15px 0 0 0; padding:0px}
.inputbox {border:2px solid #FFB837;}
.inputbox2 {border:2px solid #FFB837; width:400px}
#loginbg {background:url(../images/loginbg.gif) no-repeat; width:453px; height:240px; margin:40px 0 0 0}
#container2 {width:769px; margin: 30px auto 10px auto}
#container {width:900px; margin: 0 auto 10px auto}
#header {margin: 15px 0 0 0; width:900px; height:83px;background:url(../images/header.gif) no-repeat }
#electra {z-index:0; margin:0px 0 0 0px; padding:0px; position:absolute;background:url(../images/electracentre.gif) no-repeat; width: 768px; height:266px}
#logo {float:left; margin:0px 0 0 8px}
#wrapper {margin: 0px; padding:0px;width:900px;background:url(../images/wrapper.gif) repeat-y}

#wrapper {min-height:550px;
  height:auto !important;
  height:550px;}


#footer {float:left;margin: 0px; padding:0px;width:900px;height:265px; background:url(../images/footer.jpg) no-repeat}
#footer2 {float:left;margin: 0px; padding:0px;width:900px;height:10px; background:url(../images/footer2.jpg) no-repeat}


*html .textcontainer {padding:0px; float:left; width:550px; margin:10px 20px 20px 25px}
.textcontainer {padding:0px; float:left; width:550px; margin:10px 20px 20px 48px}
*html .textcontainer2 {padding:0px; float:left; width:810px; margin:10px 20px 20px 25px}
.textcontainer2 {padding:0px; float:left; width:810px; margin:10px 20px 20px 48px}
*html .textcontainer3{padding:0px; float:left; width:810px; margin:10px 20px 20px 25px}
.textcontainer3{padding:0px; float:left; width:810px; margin:10px 20px 20px 48px}
p
{font: 13px "Arial",sans-serif; color:#2C2C2C;line-height:1.6em}

p.contact
{margin:0px; padding:px; font: 13px "Arial",sans-serif; color:#2C2C2C;line-height:1.6em}

.floatleft
{padding:0px; margin:30px 0 0 0;float:left}

.floatleft2
{padding:0px; margin:0px 0 0 0;float:left; }

.floatleft3
{margin:0px; padding:0 10px 0 0px; float:left; }

.border {border:2px solid #FFC027;}

.floatright
{padding:0px; margin:30px 0 0 0;float:left}

.floatright2
{padding:0px; margin:30px 0 0 0;float:right}
.clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both;}
.clearfix {display:inline-table}
/* for IEMac only */
.clearfix {display:block} /* resets to block */

li {
	margin:5px 0 0 0; padding:0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2C2C2C;
	list-style-type: none; width:200px;
}
ul.products1 {float:left; margin:0px 0 0 50px; padding:0px}
ul.products2 {float:left; margin:0px 0 0 50px; padding:0px}

.floatmnf{float:left; margin:8px; text-indent:-3000px}


#manufacturerscontainer{margin:5px 0 0 50px; float:left; width:800px; height:400px}
*html #manufacturerscontainer{margin:5px 0 0 20px; float:left; width:800px; height:400px}
.textindent {text-indent:-3000px}

.login, 
.login:link, 
.login:active, 
.login:visited             {display:block; text-indent: -3000px;float:left; background:url(../images/login.gif) no-repeat; width:79px; height:28px;  margin:11px 0 0 150px }

.login:hover            {background-position: 0 -28px;}

.logout, 
.logout:link, 
.logout:active, 
.logout:visited             {display:block; text-indent: -3000px;float:left; background:url(../images/logout.gif) no-repeat; width:85px; height:28px;  margin:11px 0 0 524px }

.logout:hover            {background-position: 0 -28px;}




*html .login, 
*html .login:link, 
*html .login:active, 
*html .login:visited             { margin:11px 0 0 340px }





.email, 
.email:link, 
.email:active, 
.email:visited             {display:block; text-indent: -3000px;float:left; background:url(../images/email.gif) no-repeat; width:87px; height:28px;  margin:11px 0 0 13px }

.email:hover            {background-position: 0 -28px;}

#openingdates {float:left; margin:0px; width:100px}
#openingtimes {float:left; margin:0 0 0 30px}


.offercontain{padding:0 0 10px 0; width: 800px; float:left; margin:10px 0 0 0}
.offer {width:500px; float:left}
.offerpic {float:left; margin:0px 0 0 110px; border:3px solid #FFC027}
.offerpicborder {text-align:center}

.spTitle 
{font: 16px "Arial",sans-serif; color:#CC3300; font-weight:bold; margin:0px; padding:0px}
.spDesc 
{font: 13px "Arial",sans-serif; color:#2C2C2C;line-height:1.6em}

.spPrice{font: 14px "Arial",sans-serif; color:#2C2C2C; font-weight:bold; margin:0px; padding:0px}
*html #specbox {float:left; margin:90px 0 0 20px; width:250px}
#specbox {float:left; margin:90px 0 0 50px; width:250px}
.specprice {color:#EA7706; font-size:25px; font-weight:bold}
#specprices {float:left; width:150px; text-align:center; margin:0px}
.specboxtext {height:12px;font: 25px "Arial",sans-serif;color:#EA7706;  font-weight:bold; float:left; margin:0 0 0 10px; width:120px; text-align:center;padding:0px}
.floatleftspecpic{ float:left;border:1px solid #FFC027; margin:0px 0 0 0; padding:0px}
#specialslink {margin:115px 0 0 0; padding:0px}

.modifydelete {height:180px; float:left}

p.agathostxt {font-size:11px; color:white}

.agathoslink, 
a.agathoslink:link, 
a.agathoslink:active, 
a.agathoslink:visited             {margin:0px; font-size:11px; font-weight:bold; color:white; text-decoration:underline}

a.agathoslink:hover {color:white}