body {
margin:0 0 0 0 ; 
padding:0px; 
background:url(../images/bg.jpg) repeat; 
font-family:Arial, Helvetica, sans-serif;
color:#5E5E5E; 
font-size:13px
    
}

.bgcolor {background-color:#3F3F3F}

    .section {
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
         padding: 10px;
         /*height:30px;*/
         width:100%;
    }
#container{
        margin:0px auto 0 auto;
        padding:0px;
        width:917px;
        min-height:300px;
        height:auto;
        background-color: #fff;
}
#wrapper, #wrappershop, #footer, #navbar {width:917px; float:left; }  
#navbar{position:relative; z-index:10} 
#headercontainer {}
#headertop { background:url(../images/headertop.jpg) no-repeat; margin:0;height:233px;padding:0px;width:917px; }
#accountheader { background:url(../images/headertop.jpg) no-repeat; margin:0;height:233px;padding:0px;width:917px; }
#wrapper, #wrappershop {background-color:#FFFFFF; margin:-1px 0 0 0; padding:0px 0 10px 0; background-repeat:repeat-y; min-height:600px;  height:auto !important;  height:300px;}

.clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both;}.clearfix {display:inline-table}/* for IEMac only */.clearfix {display:block} /* resets to block */

#footer {background-color:#F35925; margin:0;height:6px;padding:0px;width:917px}
.white, .white a {color:#FFFFFF; font-size:10px}

.divider {margin:3px 0 3px 0; float:left;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:800px; height:1px}
.admindivider2 { margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF;  width:800px; height:1px}

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

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

p {line-height:25px}

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:red} 
h2 {margin:0px;font-size:20px;  font-weight:normal; color:#3F3F3F} 
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}

/*header */


.basket2 {float:left; margin:10px 0 0 0px}
.basket {float:left; margin:10px 0 0 30px}
.basketimage{}
.account a, .basket a, .basket2 a {font-size:11px; color:#AA0767; font-weight:bold; text-decoration:none}

.basket a:hover,  .basket2 a:hover, .account a:hover{color:#AA0767}
.account{float:left; margin:10px 0 0 30px}
.accountimage{}

/*Navbar */

#navbar {
    float:left;
    margin-top:70px;
    height:30px;
    padding:0px;
    width:919px;
    background-color:#F35925
    
}

#navbar div {
    margin-top: 8px;
}
.bttnmenu, .bttnmenu:link, .bttnlogout, .bttnlogout:link, .bttnlogin, .bttnlogin:link,  .bttnservices, .bttnservices:link, .bttngallery, .bttngallery:link, .bttnnews, .bttnnews:link, .bttnbranches, .bttnbranches:link, .bttncontact, .bttncontact:link
{margin: 0; display:block; text-decoration: none;float:left; -moz-outline-style:none; height:20px; margin: 7px 0 0 60px}

.bttnabout, .bttnabout:link
{margin: 0; display:block; text-decoration: none;float:left; -moz-outline-style:none; height:20px; margin: 7px 0 0 120px}


.bttnabout, .bttnabout:link {background:url(../images/buttons/bttnabout.png) no-repeat; width:57px}
.bttnnews, .bttnnews:link {background:url(../images/buttons/bttnnews.png) no-repeat; width:52px}
.bttnservices, .bttnservices:link {background:url(../images/buttons/bttnservices.png) no-repeat; width:76px}
.bttngallery, .bttngallery:link {background:url(../images/buttons/bttngallery.png) no-repeat; width:68px}
.bttncontact, .bttncontact:link {background:url(../images/buttons/bttncontact.png) no-repeat; width:71px}

.bttnlogout, .bttnlogout:link {background:url(../images/buttons/bttnlogout.png) no-repeat; width:65px}
.bttnmenu, .bttnmenu:link {background:url(../images/buttons/bttnmenu.png) no-repeat; width:56px}
.bttnlogin, .bttnlogin:link {background:url(../images/buttons/bttnlogin.png) no-repeat; width:68px}
.bttnlogin:hover,  .bttnhome:hover, .bttnmenu:hover,  .bttnlogout:hover, .bttncontact:hover, .bttnabout:hover, .bttnshop:hover, .bttnnews:hover, .bttnbranches:hover, .bttnservices:hover, .bttngallery:hover {background-position: 0 -21px}


/*Search Box */

#searchbar {background:url(../images/searchbg.jpg) no-repeat;  float:left;width:192px; height:32px; margin: 0px 0 0 500px}
.searchbox {padding:0px; width:150px; margin:7px 0 0 10px; height:17px; background-color:#ffffff; color:#333333; border:1px solid #ffffff;  float:left;}
.searchbttn, .searchbttn:link
{display:block; background:url(../images/buttons/searchbttn.jpg) no-repeat; 
text-decoration: none; height:16px; width:18px; float:left; -moz-outline-style:none;text-indent: -3000px; margin:8px 0 0 0px}

.searchbttn:hover {background-position: 0 -16px}

/*Sidebar*/



#sidebar {width:185px; float:left; margin: 0 0 0 20px}
.sidebartop h5 {margin:10px 0 0 0px; float:left; color:#3F3F3F; font-size:17px}
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}


.sidebartop {margin:11px 0 0 0;  height:39px; width:185px; float:left}
.sidebarmiddle {height:auto !important;  height:39px;  width:185px; float:left; padding:10px 0 10px}
.sidebarbottom {}

.sidebarlatestproducts {text-align:center;  margin:0 0 0 0px; width:185px}
.sidebarlatestproducts h4 {font-size:11px}
.sidebarlatestproducts b {font-size:12px; font-weight:bold}
.sidebarlatestproducts a {font-size:12px; font-weight:normal}
.sidebarlatestproducts b.prices {font-size:12px; font-weight:bold}
.sidebarlatestproducts img {border:1px solid #DFDFDF; background-color:#FFFFFF; padding:2px; margin:0px; padding:0px; width:80px; height:80px}
.sidebardivider {width:185px; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; float:left; margin:0 0 0 0px}


.panelContent ul {margin:0 0 0 10px}

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


/*Featured Products */

.featuredproductsbox {margin: 10px 0 0 0; min-height:170px;  height:auto !important;  height:150px; float:left; background-color:#FFFFFF; border:1px solid #DFDFDF; width:650px}
.featuredproductsbox .img {float:left; width:130px; border:1px solid #DFDFDF; margin:10px 0 0 10px; background-color:#FFFFFF}
.featuredtextcontainer {border-right:1px solid #DFDFDF; float:left; width:330px; margin: 10px 0 0 10px}
.featuredtextcontainer h4 {font-size:13px}
.featuredtextcontainer h5 {margin:5px 0 0 0; font-weight:normal; font-size:11px}  
.featuredtextcontainer h5 b{font-weight:bold}
.featuredtextcontainer p {font-size:11px; line-height:15px}
.featuredtextcontainer .packs{font-size:12px; font-weight:bold}
.featuredtextcontainer .prices{font-size:12px}
.featuredtextcontainer .packprices{float:left}
.packprices {float:left; margin: 0px 0 0 8px}
.featuredqty{margin: 5px 0 0 10px; width:100px; float:left}
.featuredqty input{width:50px; border:1px solid #DFDFDF}



/*category display */

.categorycontainer {background-color:#FFFFFF; text-align:center; padding:6px; border:1px solid #DFDFDF; margin:4px; float:left; width:180px}
.categorycontainer img{width:180px}


/*Detailed Information */
.productpreview {border:1px solid #DFDFDF}
.productlogo {margin:0 0 0 0px; float:left; width:150px}
.detailedinformation li {line-height:22px; list-style-image:url(../images/bullet.jpg)}



/*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:650px; margin:10px 15px 15px 0;  border:1px solid #DFDFDF; float:left}
.registerheader {width:650px; 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:300px}
.registertext input{float:left; margin:5px 0 0 0; border:1px solid #DFDFDF; width:300px}
.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:800px; margin: 20px 0 0 60px}


.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; float:left;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;

}

.van{float:left; margin-right:30px}
.paranarrow{float:left; width:400px; margin-right:30px}




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


.floatright {float:right; margin:15px}
#page .floatright {padding:3px; background-color:#FFFFFF; border:1px solid #DFDFDF}
.surname {display:none}
.logo {float:left; margin:15px 15px 0 10px}

.floatlogo {float:left; margin:0}

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

#contactaddress {width:100%;float:left}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:149px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}