/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
}

fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:hidden;
}

/* links */
a {
    color:#000;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:bold;
	margin:5px;
}

h1 {
    font-size:25px;
    color:#8EA1B9;
}

h2 {
    font-size:20px;
    color:#000;
}

h3 {
    font-size:18px;
    color:#FFF;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#787878;
}

h6 {
    font-size:125%;
    color:#000;
}

/* page setup */
body {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    line-height:120%;
    color:#666;
    font-size:15px;
    background:#FFF url('page_bg.jpg') 50% 0 repeat-x;
}

/* wrapper setup */
div.mainwpr {
    margin:auto;
    width:950px;
    background:url('header-bg.png') 50px 5px no-repeat;
}

div.footerwpr {
    margin:auto;
    width:950px;
}

/* header */
div#header {
    position:relative;
    height:170px;
    margin:0px 0px 0px 0px;
}

/* logo */
span#logo, img#logo {
    position:absolute;
    top:28px;
    left:10px;
    width:461px;
    height:67px;
    border:0;
}

/* main body setup */
div#middle {
    width:auto;
    margin:0px 0px 20px 0px;
    clear:both;
}

div#middle .background {
    min-height:140px;
}

div#middle .layoutleft {
    background:none;
}

div#middle .layoutright {
    background:none;
}

/* left column */
div#left {
    width:180px;
    float:left;
    padding:0px 0px 0px 0px;
    background:url('left-t.png') 0 0 no-repeat;
}

div#left-b {
    background:url('left-b.png') 0 100% no-repeat;
    padding-bottom:13px;
    margin-top:13px;
}

div#left_container {
    background:url('left-m.png') 0 0 repeat-y;
    padding:0 10px;
    color:#FFF;
}

div#left h3 {
    margin:0;
    padding:10px 0 3px 0;
}

div#left a {
    color:#FFF;
}

div#left a:hover {
    color:#FFF;
    text-decoration:underline;
}

/* right column */
div#right {
    width:130px;
    padding:0px 0px 0px 0px;
    float:right;
}

/* content column */
div#main {
    width:auto;
}

div#middle .layoutleft div#main {
    margin:0px 0px 0px 185px;
    padding:0px 0px 0px 0px;
}

div#mainmiddle {
    margin:0px 0px 0px 0px;
}

div#main .withoutright {
    background:transparent;
}

div#content {
    width:auto;
    background:#FFF;
    border:#686868 2px solid;
    margin:0px 137px 0px 0px;
    padding:20px 30px 0px 30px;
}

div#wcontent {
    width:auto;
    background:#FFF;
    border:#686868 2px solid;
    margin:0px 0px 0px 0px;
    padding:20px 20px 20px 20px;
}

/* footer */
div#footer {
    width:auto;
    padding:10px 0px 100px 0px;
    clear:both;
    color:#000;
    background:url('footer-bg.png') 50% 100% no-repeat;
    font-size:10px;
    text-align:center;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:hidden;
}

/* phone */
div#phone {
    position:absolute;
    top:50px;
    right:220px;
    width:250px;
    padding:0;
    font-size:14px;
    color:#000;
    line-height:120%;
    text-align:center;
}

div#phone span.phone-number {
    font-size:26px;
    font-weight:bold;
    display:block;
    margin:0 0 5px 0;
}

div#phone a {
    color:#00C;
    font-size:17px;
}

/* showcart */
div#showcart {
    position:absolute;
    top:7px;
    right:10px;
    width:155px;
    height:85px;
    background:url('showcart-bg.png') 0 0 no-repeat;
    padding:20px;
    font-size:14px;
    color:#000;
    line-height:120%;
}

div#showcart a {
    color:#C00;
    font-weight:bold;
    font-size:13px;
    text-decoration:underline;
}

div#showcart a:hover {
    text-decoration:none;
}

div#showcart h2 {
    margin:0;
    padding:0;
}

/* navmenu */
div#navmenu {
    position:absolute;
    top:118px;
    left:185px;
    height:29px;
}

div#navmenu ul {
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
}

div#navmenu li {
    float:left;
    display:block;
}

div#navmenu a {
    float:left;
    display:block;
    position:relative;
    height:29px;
    padding:0;
    width:117px;
    line-height:29px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    background:url('menu-bg.png') 0 0 no-repeat;
    font-weight:bold;
    text-transform:uppercase;
}

div#navmenu a:hover, div#navmenu a.active {
    color:#000;
    text-decoration:none;
    background:url('menu-bg.png') 100% 0 no-repeat;
}

/* searchbox */
div.searchbox {
    margin:0 0 15px 0;
}

div.searchbox input.default {
    border:0;
    padding:2px 1px;
    width:156px;
    margin:0 0 5px 0;
}

div.searchbox input.button {
    float:right;
    width:66px;
    height:18px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999px;
    background:url('search-button.png') 0 0 no-repeat;
    border:0;
    margin:0 0 2px 5px;
}

div.searchbox a {
    font-size:9px;
}

/* categories */
div.categories {
    margin:0 0 15px 0;
}

div.categories ul {
    list-style:none;
    margin:0 0 0 0;
}

/* adverts */
div.adverts {
    margin:0 0 20px 0;
}

/* best sellers */
div.bestsellers {
    margin:0;
}

div.bestsellers h3 {
    background:url('bestseller-bg.jpg') 0 0 no-repeat;
    height:28px;
    line-height:26px;
    text-align:center;
    font-size:17px;
    margin:8px 0 4px 0;
}

div.bestsellers ol {
    margin:0 0 0 0;
    font-weight:bold;
    color:#000;
	list-style:none;
}

div.bestsellers a {
    color:#000;
	font-size:12px;
}

/* breadcrumb */
div.breadcrumb {
    color:#8DA0B8;
    font-weight:bold;
    margin:0 0 20px 0;
}

div.breadcrumb a {
    color:#8DA0B8;
}

div.breadcrumb a:hover {
    color:#8DA0B8;
    text-decoration:underline;
}

div.breadcrumb a.home {
    color:#FF0000;
}

/* footer breadcrumb */
div.footer-breadcrumb {
    color:#666;
    font-weight:bold;
    margin:0 0 20px 0;
}

div.footer-breadcrumb a {
    color:#666;
}

div.footer-breadcrumb a:hover {
    color:#666;
    text-decoration:underline;
}

div.footer-breadcrumb a.home {
    color:#FF0000;
}

/* products */
div.product-preview {
    padding:10px 0;
}

div.product-description {
    padding:10px 0;
    font-size:16px;
    line-height:120%;
}

/* products addcart */
div.product-addcart {
    border-top:#666666 1px solid;
    border-bottom:#666666 1px solid;
    margin-bottom:20px;
}

div.list-products {
    clear:both;
}

div.product-item:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

div.product-item {
    display:block;
    margin:10px 0;
    border-bottom:#666666 1px solid;
}

div.product-image {
    float:left;
    width:100px;
}

div.product-details {
    float:right;
    width:450px;
}

span.quantity {
    font-size:15px;
    color:#F00;
    font-weight:bold;
}

input.product_quantity {
    border:#F4F4F4 1px solid;
    border-top:#ACACAC 1px solid;
    border-bottom:#E7E7E7 1px solid;
    padding:2px;
    width:50px;
}

div.addcart-button {
    padding:15px 0 20px 0;
}

div.addcart-button input.submit-button {
    width:180px;
    height:26px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999px;
    background:url('addcart-button.jpg') 0 0 no-repeat;
    border:0;
    margin:0;
    float:right;
}

/* footer menu */
div.footermenu {
    clear:both;
    text-align:center;
    margin:0 0 10px 0;
}

div.footermenu a {
    padding:0 2px;
    overflow:hidden;
    color:#000;
    font-size:10px;
    font-weight:bold;
}

div.footermenu a:hover {
    color:#000;
    text-decoration:underline;
}
