* {
    margin: 0;
    padding: 0
}

a:link, a:visited {
    color: #339
}

a:hover {
    color: #c00
}

body {
    margin-top: 10px;
    text-align: center;
    font-family: Arial, Tahoma, Verdana, sans-serif
}

#bodybox {
    border: 2px solid #495682;
    width: 900px;
    margin: 0 auto 0 auto;
}

#header {
    min-height: 75px;
    background: #fff
}

#title-banner {
    float: left;
    margin-top: 7px
}

#mini-panel {
    float: right;
    padding: 5px;
    font-size: 12px
}

#search-box {
    background-image: url('http://www.bensultd.com/img/search-box-bg.gif');
    margin-top: 10px;
    float: right;
    width: 400px;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: left
}

#search-box-padding {
    padding: 5px 0px 5px 15px
}

#search-box span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px
}

#search-box input {
    padding: 2px;
    height: 16px;
    width: 200px;
    font: bold 12px Arial, Tahoma, Verdana, sans-serif;
    border: 1px solid #999
}

#search-box img {
    vertical-align: middle;
    cursor: pointer    
}

#mini-panel a, #mini-panel a:link, #mini-panel a:visited {
    color: #777;
    display: inline-block;
    padding: 0 7px 0 7px;
}

#mini-panel a:hover {
    color: #495682
}

#main {
    text-align: left
}

#maincontent {
    min-height: 300px;
    background: #fff
}

#categorybar {
    background: #495682;
    padding: 3px 0 3px 0
}

#categorybar a, #categorybar a:link {
    display: inline-block;
    padding: 3px 10px 3px 10px;
    color: #fff;
    font-size: 12px;
    text-decoration: none
}

#categorybar a:hover {
    background: #fff;
    color: #495682
}

#footer {
    font-size: 11px;
    background: #fff;
    padding-bottom: 5px;
    margin-top: 15px
}

.textPadding {
    display: inline-block;
    padding: 0px 5px 0 5px;
    line-height: 20px
}

.textPadding2 {
    padding: 6px
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px
}

h2 {
    text-align: left;
    color: #495682
}

h3 {
    text-align: left;
    color: #495682;
    font-size: 16px;
    margin-bottom: 10px
}

#homeCategories {
    width: 300px;
    float: left
}

.homeCat {
    border-bottom: 1px solid #495682;
    width: 300px;
    padding: 10px 0 10px 0;
    text-align: left;
    margin-left: 5px;
    float: left
}

#homeCategories div img {
    float: left;
    margin-right: 10px
}

#homeCategories div span.catName a:link, #homeCategories div span.catName a:visited {
    color: #c00;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none
}

#homeCategories div span.prodNames a:link, #homeCategories div span.prodNames a:visited {
    color: #c00;
    font-size: 11px;
    color: #000;
    text-decoration: none
}

#homeCategories div span.catName a:hover, #homeCategories div span.prodNames a:hover {
    text-decoration: underline
}

#homeContent {
    float: right;
    width: 550px;
    margin-top: 10px;
    text-align: left
}

#splash img {
    border: 1px solid #000
}

.bigProductBox {
    width: 300px;
    border: 2px solid #495682
}

#selectItemsTb {
    width: 100%;
    text-align: left
}

#selectItemsTb td {
    background: #f6fe99;
}

#selectItemsTb td div.image {
    height: 120px;
    background: #fff;
    float: left;
    margin-right: 10px;
    border-right: 2px solid #c00
}

#selectItemsTb td div.selectItem {
    background: #f6fe99;
    width: 435px;
    height: 120px;
    margin: 2px 2px 2px 2px;
    float: left
}


#selectItemsTb td span.selectItemDesc {
    float: left;
    display: block;
    width: 300px;
}

#selectItemsTb td h2 {
    font: bold 18px Arial, Tahoma, Verdana, sans-serif
}

.itemPrice {
    font: bold 24px Arial, Tahoma, Verdana, sans-serif;
    color: #495682;
}

.normalText {
    font-size: 12px
}

div.input, div.submit {
    padding: 8px 0 8px 0;
    text-align: left
}

div.input input {
    border: 1px solid #ccc;
    padding: 2px;
}

div.input label {
    display: inline-block;
    width: 140px;
    font: bold 12px Arial, Tahoma, Verdana;
    padding: 4px 0 1px 0
}

fieldset {
    width: 600px;
    margin-left: 20px;
    padding: 10px
}

fieldset legend {
    font: bold 14px Arial, sans-serif
}

#homeBoxes {
    background: #f1f1f1;
    width: 500px;
    margin: 10px 0 0 0
}

#homeBoxes div.box {
    margin: 0px 5px 10px 10px
    
}
.contentPadding {
    padding: 20px
}

#categoryPageLinks {
    margin-top: 15px;
}

#categoryPageLinks a, #categoryPageLinks a:link {
    display: inline-block;
    font: bold 13px Arial, Tahoma, Verdana, sans-serif;
    margin: 5px 0 5px 0;
    color: #333;
    width: 200px
}

#categoryPageItems {
    margin-top: 40px
}

#categoryPageItems div.cpContainer a, #categoryPageItems div.cpContainer a:link {
    text-decoration: none
}

#categoryPageItems div.cpContainer a:hover {
    text-decoration: underline
}

#categoryPageItems div.cpContainer {
    width: 420px;
    min-height: 160px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left
}

#categoryPageItems div.cpContainer span.cpItemSpan b {
    font-size: 14px;
    color: #495682;
    display: block;
    margin-bottom: 5px
}

#categoryPageItems div.cpContainer img.cpItemImg {
    display: block;
    margin-right: 20px;
    float: left;
    border: 1px solid #999
}

#categoryPageItems div.cpContainer span.cpItemSpan {
    float: left;
    display: block;
    width: 280px
}

#categoryPageItems div.cpContainer span.cpItemSpan span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.priceSpan {
    font-weight: bold;
    color: #c00
}

.actionSpan {
    margin-top: 10px
}

.error-message {
    font-size: 12px;
    color: #c00;
    font-style: italic
}

#preFooter {
    width: 800px;
    margin: 20px auto 0 auto;
}

#preFooter div.pfBlock {
    float: left;
    line-height: 20px;
    font-size: 11px;
    text-align: left;
    width: 160px
}

#preFooter div.pfBlock b {
    color: #495682
}

#preFooter div.pfBlock a, #preFooter div.pfBlock a:link {
    text-decoration: none;
    color: #777;
    display: block
}

#preFooter div.pfBlock a:hover {
    text-decoration: underline
}

#navhist {
    font-size: 11px;
    margin-bottom: 30px
}

#itemContent img.icImg {
    width: 300px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 10px
}

#itemContent div.icSpan {
    float: left;
    width: 510px
}

#itemContent div.icSpan span {
    display: block;
    margin-bottom: 20px
}

#itemContent div.icSpan span b {
    font-size: 15px;
    color: #495682   
}

#itemContent div.icSpan span {
    line-height: 20px;
    font-size: 12px
}

#regShipAddrFs {
    margin-left: 0px
}

#regShipAddrFs, #regBillAddrFs {
    float: left;
    width: 300px;
    border: 1px solid #ccc;
    margin-top: 5px
}

#regShipAddrFs legend, #regBillAddrFs legend {
    font-size: 12px
}

.tableBorder {
    background: #ccc;
    margin-top: 10px;
    width: 600px
}

#cartContents {
    width: 600px;
    margin-top: 10px
}

#cartContents td {
    font: 14px Arial, Tahoma, Verdana, sans-serif;
    padding: 5px;
    border-bottom: 1px solid #ddd
}

#cartContents th {
    background: #495682;
    font: bold 11px Arial, Tahoma, Verdana, sans-serif;
    padding: 7px;
    color: #fff
}

.centreCol {
    text-align: center
}

.rightCol {
    text-align: right
}

td img.ctcImg {
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-right: 10px
}

table.dataTable {
    width: 100%;
    font-size: 12px
}

table.dataTable td {
    padding: 5px
}

table.dataTable th {
    background: #f1f1f1;
    padding: 7px
}

tr.oddRow {
    background: #f3f3f3
}

tr.evenRow {
    background: #f8f8f8
}

tr.emphasised {
    background: #495682
}

tr.emphasised td {
    color: #fff;
}

div.emphasisBar {
    background: #495682;
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

#hotlines {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px
}

#remarks {
    margin-left: 18px
}

#remarks li {
    margin: 5px 0 5px 0;
    line-height: 20px
}

table { 
    width: 100%
}

textarea {
    width: 500px;
    height: 200px
}

div.paging div {
    width: 200px;
    display: inline-block;
    padding: 10px;
    font-size: 11px
}

div.items table,
div.ads table,
div.banks table,
div.brands table,
div.categories table,
div.colours table,
div.countries table,
div.hotlines table,
div.orders table,
div.products table,
div.spages table,
div.transactions table,
div.users table
 {
    background: #ccc;
    border: 0
}

div.items table th
div.ads table th,
div.banks table th,
div.brands table th,
div.categories table th,
div.colours table th,
div.countries table th,
div.hotlines table th,
div.orders table th,
div.products table th,
div.spages table th,
div.transactions table th,
div.users table th
 {
    background: #f1f1f1;
    padding: 6px
}

div.items table td,
div.ads table td,
div.banks table td,
div.brands table td,
div.categories table td,
div.colours table td,
div.countries table td,
div.hotlines table td,
div.orders table td,
div.products table td,
div.spages table td,
div.transactions table td,
div.users table td {
    padding: 4px;
    background: #fff
}

img.smallTbImg {
    width: 50px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

div.itemImages {
    display: block;
    float: left;
    width: 300px;
    margin-right: 30px
}
