/* ------------- layout ---------------- */
body {
        margin: 0;
        padding: 0;
        font-family: Georgia, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-size: 12px;
        line-height:22px;
        color: #000;
        background: #0E4F79 url(imgs/bg.gif) repeat-x;
        text-align: center;
        }
        
#logo {
        position: absolute;
        top: 0;
        left: 13%;
        width: 235px;
        height: 129px;
        z-index: 3;
        border: none;
}

#logo img {
        border: none
}


#wrapper {
        margin: 0 auto;
        padding: 5px;
        width: 950px;
        height: auto;
        background: #F3F1E5;
        overflow: hidden;
}

#top {
        float: left;
        width: 950px;
        height: 22px;
        padding: 0;
        margin: 0;
}

#banner {
        float: left;
        width: 950px;
        height: 210px;
        background: url(imgs/banner.jpg) no-repeat top left;
}


#content {
        float: left;
        margin: 5px;
        padding: 5px;
        width: 930px;
        height: auto;
}

#leftCol {
        width: 690px;
        float: left
}

#leftCol h3 {
        float: left;
        text-align: left;
        width: 620px;
        padding: 10px 20px;
        margin: 0 0 10px 0;
        background: #fff;
        border: 1px solid #C0BA99
}

#leftCol p.white {
        float: left;
        text-align: left;
        width: 620px;
        padding: 10px 20px;
        margin: 0 0 10px 0;
        background: #fff;
        border: 1px solid #E9E6D6
}

#rightCol {
        width: 230px;
        float: right;
}
#categories {
        background: #F3F1E5 url(imgs/categories.jpg) no-repeat top left;
        width: 230px;
        float: left;
        text-align: left;
        padding: 47px 0 0 0;
        margin: 0;
}

#leftCol ul {
        text-align: left;
}
ul.LSM_0 {
        text-align: left;
        padding-left: 20px;
        font-size: 17px;
        color: #5F5545;
}
ul.LSM_1 {
        text-align: left;
        padding-left: 40px;
        font-size: 15px;
        color: #6B604E;
}

ul.LSM_2 {
        text-align: left;
        padding-left: 60px;
        font-size: 14px;
        color: #6B604E;
}

ul.LSM_3 {
        text-align: left;
        padding-left: 80px;
}
ul.LSM_3 li a{
        color: #DE7800;
}
ul.LSM_3 li a:hover{
        color: #6B604E;
}
html>body #categories {
        padding: 30px 0 0 0;
}

#categories h3 a {
        background: url(imgs/blueTick.gif) no-repeat 12px 9px;
        padding: 5px 0 5px 39px;
        font: 15px normal "Trebuchet MS", Georgia, serif;
        color: #0071BC;
}
#categories h3 a:hover {
        color: #E26B04;
}


#homeLeft {
        width: 490px;
        float: left;
}

#homeRight {
        width: 430px;
        float: right;
}

#lady {
        width: 484px;
        height: 246px;
        background: url(imgs/lady.jpg) no-repeat top left;
        float: left;
}

.featured {
        float: left;
        width: 484px;
        height: 238px;
        background: url(imgs/featuredBusiness.jpg) no-repeat top left;

}

#info {
        width: 430px;
        min-height: 246px;
        height: auto;
        float: left;
        margin-bottom: 0px;
}

.laptop {
        width: 430px;
        height: 238px;
        background: url(imgs/laptop.jpg) no-repeat top left;
        float: left;
        margin-top:0px;
}

#footer {
        width: 950px;
        height: 71px;
        background: url(imgs/footer.gif) no-repeat top left;
        float: left;
        clear: both;
        font-size: 11px;
        color: #015282;
}
/* ------------- style ---------------- */
a { 
        text-decoration: none; 
        color: #E68711; 
}

a:hover {
        color: #E68711;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
}


img {
        border: none;
}

p {
        text-align: left;
        font-size: 12px;
        color: #69675A;
}

.featured p {
        margin: 20px 20px 0 0;
        float: right;
        width: 250px;
        color: #434133;
}

.laptop p {
        margin: 20px 20px 0 0;
        float: right;
        width: 230px;
        color: #fff;
}

img.photo {
        margin: 50px 0 0 20px;
        float: left;
        
}

h1 {
        padding: 9px 0 9px 19px;
        margin: 20px 0;
        height: 29px;
        width: 470px;
        font: 24px normal "Trebuchet MS", Georgia;
        color: #0071BC;
        background: url(imgs/cart.gif) no-repeat top right;
}

h2 {
        background: url(imgs/title.gif) no-repeat 0 3px;
        padding-left: 29px;
        font: 18px normal "Trebuchet MS", Georgia;
        color: #E26B04;
        text-align: left;
}

#lady h2 {
        margin-top: 25px;
        float: right;
        width: 270px;
}
span.blue {
        color: #0071BC;
}
div.cleaner {
        clear: both;
}

.floatLeft {
        float: left;
}

.floatRight {
        float: right;
        padding: 17px 10px;
}

.center {
        margin: 0 auto;
}

.more {
        width: 200px;
        height: 25px;
        float:left;
        margin: 140px 0 0 5px;
}

.more2 {
        width: 100px;
        height: 25px;
        float:left;
        margin: 20px 0 0 5px;
}

.more2 {
        width: 100%;
        height: 25px;
        float:right;
        margin-top: 10px;
}

/* ----------- menu --------------- */

 #menu {
      float:left;
                 width: 950px;
                height: 60px;
      font-size:102%;
      line-height:normal;
                background: url(imgs/menuBg.gif);
}


#menu ul {
      margin:0;
      padding:0 10px 0 30px;
      list-style:none;
}
#menu li {
      display:inline;
      margin:0;
      padding:0;
 }
#menu a {
      float:left;
      background:url("imgs/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
 }
#menu a span {
      float:left;
      display:block;
      background:url("imgs/tabrightF.gif") no-repeat right top;
      padding:20px 25px 24px 22px;
      color:#014878;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
    /* End IE5-Mac hack */
#menu a:hover span {
      color:#FFF;
}
#menu a:hover {
      background-position:0% -60px;
}
#menu a:hover span {
      background-position:100% -60px;
}
#menu #current a {
      background-position:0% -60px;
}
#menu #current a span {
      background-position:100% -60px;
}

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

#footer ul {
           margin:0;
      padding:0 10px 0 30px;
      list-style:none;
}

#footer li {
        display: inline;
        
}

#footer a {
      float:left;
      margin:0;
      padding:17px 27px 17px 27px;
      text-decoration:none;
                color: #015282;
 }
 
#footer a:hover {
        color: #F7931E;
}

/* ----------- lady --------------- */

#lady ul {
           margin:0;
      list-style:none;
                float: right;
                width: 270px;
                padding-top: 20px;
                color: #07638A
}
html>body #lady ul {
        padding-top: 10px;
}

#lady li {
        display: block;
        background: url(imgs/tick.gif) no-repeat top left;
        text-align: left;
        padding:3px 10px 0 30px;
}

#lady a {
      margin:0;
                padding: 0;
                display: inline;
      text-decoration:none;
                color: #015282;
 }
 
#lady a:hover {
        color: #F7931E;
}

.pdf {
        background: url(imgs/pdf.gif) no-repeat 100px 3px;
        height: 55px
}

.border {
background: url(imgs/border.gif) no-repeat top left;
width: 670px;
height: 20px;
}

ul.order {
        width: 670px;
        background: url(imgs/ordernow.gif) no-repeat top right;
}

ul.order li {
        list-style: square;
        padding: 10px 0;
        margin-left: 40px;
        color: #5F5545
}

.price {
        padding: 5px;
        font-size: 21px;
        font-style: oblique;
        color: #E26B04;
}

ul.expolinks {
	margin: 30px 0px 0px 240px;
	text-align: left;
}
ul.expolinks li {
	margin-top: 3px;
}
ul.expolinks li a {
	color: #fff;
}

ul.expolinks li a:hover {
	color: #fff;
	text-decoration: underline;
}

.featured a {
	color: #fff !important;
}