body {margin:0; padding:0px; background: url(../images/bg.jpg) repeat;
font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:13px}
.bgcolor {background-color:#000000}
#container{margin:0px auto 0 auto; padding:0px; width:860px; min-height:300px;   height:auto}
#wrapper, #wrappershop, #footer, #navbar {width:860px; float:left} 
#wrapper, #wrappershop {background-color:#FFFFFF; margin:0; padding:0px 0 10px 0; background-repeat:repeat-y; min-height:500px;  height:auto !important;  height:300px} 
#headertop { background:url(../images/headernew.jpg) no-repeat; margin:5px 0 0 0;height:111px;padding:0px;width:860px; float:left}
#footer {background:url(../images/footer.jpg) no-repeat; margin:0;height:11px;padding:0px;width:860px}


.divider {margin:3px 0 3px 0; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}
#content .divider {margin:3px 0 3px 0; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:95%}

.divider2 {margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}

.admindivider {float:left; margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%; height:1px}
.admindivider2 { margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF;  width:700px; height:1px}

#shoppage {float:left; width:635px; margin:25px 0 0 30px; padding:0px}
#page {float:left; width:800px; margin:25px 0 0 30px; padding:0px}
/*text styles */

a {font-weight:bold; color:#0C9DD4}
a:hover  {color:#AA0767}

p {line-height:20px}
.white {color:#FFFFFF; font-size:11px}

ul {margin:0 0 0 25px; padding:0px;}
li {line-height:22px; list-style:none}


h1, h2, h3, h4, h5{ padding:0px; background-color: inherit} 

h1 {margin:0px;font-size:24px; padding:0 0 5px 0; font-weight:normal; color:#0152D9} 
h2 {margin:0px;font-size:18px;  font-weight:normal; color:#E83C00} 
h3 {margin-top:26px;font-size:14px; font-weight:normal;color:#3F3F3F} 
h4 {margin:0px;color:#0C9DD4; font-size:18px; font-weight:bold}
h5 {margin:0px; padding:0px; font-size:13px; color:#3F3F3F}
.newsbordertext h2
{line-height:22px; font-size:18px; color:#30F62}


/*Navbar */

#navbar { background:url(../images/navbar.jpg) no-repeat; float:left; margin:0px; height:44px; padding:0px; width:860px}

.bttnmenu, .bttnmenu:link, .bttnlogout, .bttnlogout:link, .bttnlogin, .bttnlogin:link,  .bttnservices, .bttnservices:link, .bttnnews, .bttnnews:link, 
.bttncontact, .bttncontact:link, .bttnabout, .bttnabout:link, .bttnproducts, .bttnproducts:link, .bttnstock, .bttnstock:link
{margin: 0; display:block; text-decoration: none;float:left; -moz-outline-style:none; height:44px; margin: 0}





.bttnabout, .bttnabout:link {background:url(../images/buttons/bttnabout.jpg) no-repeat; width:100px}
.bttnproducts, .bttnproducts:link {background:url(../images/buttons/bttnproducts.jpg) no-repeat; width:104px}
.bttnservices, .bttnservices:link {background:url(../images/buttons/bttnservices.jpg) no-repeat; width:127px}
.bttnnews, .bttnnews:link {background:url(../images/buttons/bttnnews.jpg) no-repeat; width:134px}
.bttnstock, .bttnstock:link {background:url(../images/buttons/bttnstock.jpg) no-repeat; width:134px; background-position: -1px 0px}
.bttncontact, .bttncontact:link {background:url(../images/buttons/bttncontact.jpg) no-repeat; width:117px}

.bttnlogout, .bttnlogout:link {background:url(../images/buttons/bttnlogout.jpg) no-repeat; width:104px}
.bttnmenu, .bttnmenu:link {background:url(../images/buttons/bttnmenu.jpg) no-repeat; width:104px}
.bttnlogin, .bttnlogin:link {background:url(../images/buttons/bttnlogin.jpg) no-repeat; width:143px}


.bttnlogin:hover,  .bttnhome:hover, .bttnmenu:hover,  .bttnlogout:hover, .bttncontact:hover, .bttnabout:hover, .bttnproducts:hover, 
.bttnshop:hover, .bttnnews:hover, .bttnbranches:hover, .bttnservices:hover, .bttngallery:hover {background-position: 0 -44px}

 .bttnstock:hover {background-position: -1px -44px}

/*Sidebar*/

#sidebar {width:185px; float:left; margin: 0 0 0 10px}

ul.sidebarlinks a, .panelContent a  {text-decoration:none; color:#5E5E5E; font-size:13px; font-weight:normal}
ul.sidebarlinks a:hover, .panelContent a:hover {color:#AA0767}
ul.sidebarlinks a {float:left; margin:2px 0 2px 0}

ul.sidebarlinks {margin:0px}
ul.sidebarlinks li {list-style:none; margin:5px 0 0 0}
ul.sidebarlinks li img {display:none}
.panelContent ul {margin:0 0 0 10px}

/*Main Shop Page */
#hellologin {font-size:11px}
.intro {padding: 0 0 15px 0; width:650px; float:left}



/*Basket and Detailed Information Price Layout */
.addtothebasket {float:left; margin: 10px 0 0 500px}
#pricecontainer{float:left;margin:30px 0 0 0; padding: 0 0 10px 0;  width:605px; border:1px solid #DFDFDF}
#priceheader {width:605px;  height:25px; background-color:#2D2D2D; margin:0px; padding:0px}
.pack {float:left; width:250px; margin:4px 0 0 20px}
.price {float:left; width:250px; margin:4px 0 0 0px}

.qty {float:left; width:60px; margin:4px 0 0 0px}
.qtybox {border:1px solid #C1C1C1; width:40px}
span.priceheadings, span.basketheadings  {font-weight:bold;  padding:0px; color:#FFFFFF}



#basketcontainer{font-size:11px; float:left;margin:0px 0 0 0;  width:650px; border:1px solid #DFDFDF}
#basketheader {width:650px;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}
.basketitem, .basketqty, .basketprice, .basketimages, .baskettotaldescription
{margin:4px 0 0 10px; float:left}


.basketitem{width:450px}
.basketqty{width:80px}
.basketprice{width:60px}
.basketimages img {height:50px}
.basketimages{width:50px}
.basketdescription{font-size:11px; margin:4px 0 0 15px; float:left; width:385px}
.basketqty input{border:1px solid #DFDFDF; width:50px}
.baskettotal {float:left}
.baskettotaldescription{width:540px}
.baskettotaldescription b, .basketprice b {font-size:12px; color:#003876}

.updatebttn {float:left; margin:10px 0 0 460px}
.basketbuttons, .currentlydeliver {float:left; width:650px}
.checkoutbttn {float:left; margin: 0 0 0 370px}
.returnshopbttn{float:left}
.basketbuttons, .currentlydeliver {margin:30px 0 0 0}



/*Registration */

.login-box {height:220px; margin:15px 15px 15px 0; width:290px; border:1px solid #DFDFDF; float:left}
.login-boxheader {width:290px; height:30px; background-color:#2D2D2D}
.login-boxheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.login-boxtext {padding:10px}
.login-boxtext input{ margin:5px 0 0 0; border:1px solid #DFDFDF; width:270px}


#registercontainer {padding: 0 0 15px 0; width:600px; margin:10px 15px 15px 0;  border:1px solid #DFDFDF; float:left}
.registerheader {width:600px; height:30px; background-color:#2D2D2D}
.registerheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.registertext {margin:5px 0 0 0; float:left; width:250px}
.registertext input{float:left; margin:5px 0 0 0; border:1px solid #DFDFDF; width:250px}
.registertext p {margin:5px 0 0 15px; line-height:18px; font-weight:bold}



/*Customer Accounts Area */

#content {float:left; width:635px; margin:25px 0 0 30px; padding:0px}

.topBar span {float:left; margin: 0 0 0 10px}
.inputbox {border:1px solid #DFDFDF; width:200px}
.inputboxnews  {border:1px solid #DFDFDF; width:500px}
.dhtmlgoodies_panel li{list-style:none}

tr.bluebar {color:#ffffff; width:100%;  height:25px; background-color:#2D2D2D; width:600px}
td.headingswhite, td.headings {font-weight:bold; font-size:11px; color: #ffffff; height:25px;}
/* admin area */



.adminmenu {text-align:left; margin:0 0 0 360px}
.reportingmenu {text-align:left; margin:0 0 0 230px}
#categoryform {font-size:11px; width:810px; margin: 20px 0 0 20px}


.categoryheader {float:left; color:#FFFFFF; width:100%;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}

.category1 {width:120px; float:left; margin: 4px 0 0 10px}
.category2 {width:60px; float:left; margin: 4px 0 0 20px}
.category3 {width:110px; float:left; margin: 4px  0 0 20px}
.category4 {width:80px; float:left; margin: 4px  0 0 30px}
.category5 {width:160px; float:left; margin: 4px  0 0 30px}
.category6 {width:120px; float:left; margin: 4px  0 0 20px}

.category2 img, .maincatalogueheaderimage img, .maincatalogueheadersummary3 img {width:50px}

a.featured {color:#660099}
a.products {color:#FF6600}


.maincategoryspacer {width:20px;float:left}
.maincategorybttns {width:40px;float:left}
.maincategoryheader {width:145px;float:left; margin: 4px 0 0 20px}
.maincategoryimageheader {font-size:11px;width:120px;float:left}
.maincategorydescheader {width:205px; float:left; margin: 4px 0 0 20px}
.maincategorydescheader2 {width:180px; float:left; margin: 4px 0 0 20px}
.maincategorymodifyheader {width:100px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader {width:110px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader2 {width:50px; float:left; margin: 4px 0 0 20px}

.maincatalogueheaderselect {height:auto; width:40px; float:left; margin: 4px 0 0 20px}
.maincatalogueheaderimage {height:auto; width:80px; float:left; margin: 4px 0 0 10px}
.maincatalogueheaderheading {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadermoddel {width:50px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary3 {width:105px; float:left; margin: 4px 0 0 20px}

#cSearch, .nextcontainer {width:100%; float:left}
.nextcontainer2 {height:50px; width:800px; float:left}
.h4container {height:50px; width:900px}
label.error, .warning { color: red }
/*gallery admin */

#galleryimages {margin:10px 0 0 50px}
.gallerythumbnail{padding:10px; height:100px; width:100px}
.thumbgalleryimg {padding:10px;border:1px solid #cccccc; margin:10px;float:left }





/*News and Events Page */

.newsborder1 {}
.newsborder2 {margin:10px 0 0 0; min-height:200px;height:auto !important; float:left;border:1px solid #DFDFDF; background-color:#EEFCFE; width:100%;}

.newsborder2 img {width:150px}

.newsbordertext  {line-height:22px; padding: 0 0 15px 0; min-height:200px;height:auto !important; float:left; margin: 0 10px 0 10px; width:95%}


.newsimagebordertext2 {float:left; border:1px solid #DFDFDF;margin: 0 10px 0 0px}
.newsimagebordertext {border:5px solid #FFFFFF}

.onlineborder {padding: 0 0 10px 0; margin:2px 0 2px 0px; border-top:1px solid #DFDFDF; width:100%; height:1px}


.newsborder2 h2 {margin: 2px 0 0 0; padding:5px 0 5px 0}

.newsborder2 h3,
.newsborder2 h4,
.newsborder2 strong,
.newsborder2 b
{font-size:14px;
font-weight:bold;
color:#4C584A;

}






/*Other Pages about us, services etc etc */


.floatright {float:right; margin:15px}
.floatleft {height:90px; float:left; margin:5px; padding: 0 10px 0 0}
#page .floatright {padding:3px; background-color:#FFFFFF; border:1px solid #DFDFDF; padding:3px; background-color:#FFFFFF}
.surname {display:none}
.logo {float:left; margin:15px 15px 0 10px; text-align:center; height:80px}
.logo img {border:1px solid #cccccc}

.floatlogo {float:left; margin:0}

.map {float:right; margin:10px}

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

#contactaddress {width:350px;float:left}
#loginbg {background-color:#FFFFFF; width:100%; height:100%}
#loginpadding {padding:15px}

#logocontainer {width:100%; height:auto; float:left; }



/* News / Featured Pages */
.newsbox {margin:10px 0 0 0; padding:10px; border:2px solid #E8DEE8; float:left ; width:750px; font-size:12px; line-height:20px}
.newsbox b, .newsbox a  {font-weight:bold; font-size:11px}
h1.news {font-size:18px; font-weight:bold}
.newsbox h2 {font-size:16px; color:#EE5600; font-weight:bold}
.newsboximgcontainer {width:120px; height: 120px; float:right; margin:0 10px; padding:0px}
.newsboximg {width:100px; float:right}
.newsboximg2 {width:220px; float:right; margin:0 10px; padding:0px}
.newsboximg3 {width:100px; float:right}
.floatpicture {float:right; margin:10px}
/* News / Featured Pages */