﻿body
{
    position: relative;
    margin: 0;
    background-color: #231F20;
    background-image: url(/img/bg_diamond.png);
    background-position: center center;
    background-repeat: repeat;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 13px;
}

a img
{
    border: none;
}

div.banner
{
    text-align: center;
    padding: 2px;
    margin-bottom: 1px;
}

div#header
{
    position: relative;
    height: 110px;
    width: 960px;
    margin: 0 auto;
    background-color: #231F20;
    border-bottom: solid 1px #231F20;
    text-transform: uppercase;
    color: #FFF;
}

div#header a
{
    color: #FFE197;
}

div#header div#banner
{
    position: absolute;
    height: 90px;
    width: 100%;
    margin: 0 10px;
}

div#header div#subtext
{
    position: absolute;
    top: 60px;
    left: 405px;
    font-size: 9px;
    font-weight: bold;
}

div#header div#phonetext
{
    position: absolute;
    top: 10px;
    left: 770px;
    width: 180px;
    text-align: right;
}

div#header div#controller
{
    position: absolute;
    top: 60px;
    left: 770px;
    width: 180px;
    text-align: right;
    font-size: 9px;
    font-weight: bold;
}

div#header div#dmbTB1ph
{
    position: absolute;
    top: 90px;
    left: 0px;
    height: 20px;
    width: 100%;
    background-image: url(/img/navigation_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

div#header div#search
{
    position: absolute;
    top: 90px;
    left: 770px;
    height: 20px;
    width: 180px;
    text-align: right;
}

div#header div#search input
{
    font-size: 9px;
}

div.pagetitle
{
    font-size: 24px;
    text-transform: uppercase;
    color: #166E55;
}

div.sectiontitle
{
    font-size: 24px;
    text-transform: uppercase;
    color: #166E55;
    margin-top: 20px;
    border-top: solid 1px #166E55;
    padding: 10px 0;
}

div.relateditemstitle
{
    font-size: 24px;
    text-transform: uppercase;
    color: #166E55;
    margin-top: 20px;
    padding: 10px 0;
}

div.aline
{
    border-top: solid 1px #166E55;
    padding-top: 10px;
    margin-top: 10px;
}

div.bline
{
    border-bottom: solid 1px #166E55;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div#content
{
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 30px;
    background-color: #FFF;
}

div#content div#modal
{
    display: none;
}

div#content div.youarehere
{
    font-size: 11px;
    text-transform: uppercase;
    color: #166E55;
}

div#content div.youarehere a
{
    color: #166E55;
}

div#content div.photospread div#left
{
    float: left;
}

div#content div.photospread div#right
{
    float: right;
    height: 400px;
    width: 275px;

    font-size: 30px;
    color: #FFF;
}

div#content div.photospread div#right div.section
{
    width: 245px;
    padding: 15px;
    overflow: hidden;
}

div#content div.photospread div#right div.half
{
    height: 120px;
}

div#content div.photospread div#right div.full
{
    height: 370px;
}

div#content div.photospread div#right div.bottom
{
    height: 70px;
    background-color: #FFE197;

    font-size: 18px;
    color: #F9991C;
}

div#content div.photospread div#right div.bottom input
{
    margin: 2px 0;
}

div#content div.photospread div#right div.orange
{
    background-image: url('/img/photospread_orange_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

div#content div.photospread div#right div.green
{
    background-image: url('/img/photospread_green_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

div#content div.categorytile
{
    position: relative;
    float: left;
    width: 160px;
    height: 194px;
    overflow: display;
    margin: 10px;
}

div#content div.categorytile div.thumb
{
    width: 160px;
    height: 160px;
    overflow: hidden;
}

div#content div.categorytile div.name
{
    font-size: 14px;
    font-weight: bold;
}

div#content div.itemtile
{
    position: relative;
    float: left;
    width: 160px;
    height: 190px;
    margin: 10px 10px 30px;
}

div#content div.itemtile div.thumb
{
    position: relative;
    height: 160px;
    text-align: center;
    margin-bottom: 5px;
}

div#content div.itemtile div.thumb table
{
    border: none;
    width: 160px;
    height: 160px;
    border-collapse: collapse;
}

div#content div.itemtile div.thumb table td
{
    vertical-align: bottom;
}

div#content div.itemtile div.thumb img.thumblabel
{
    position: absolute;
    top: 0px;
    left: 0px;
}

div#content div.itemtile div.rollover
{
    position: absolute;
    top: 22px;
    left: 19px;
    width: 116px;
    height: 109px;
    padding: 5px;
    background-image: url('/img/rollover_bg.png');
    background-repeat: no-repeat;
    font-size: 11px;
    display: none;
}

div#content div.itemtile div.rollover div.text
{
    height: 85px;
    overflow: hidden;
}

div#content div.itemtile div.rollover div.text a
{
    text-decoration: none;
}

div#content div.itemtile div.rollover div.readmore
{
    font-style: italic;
    text-align: right;
    text-transform: uppercase;
}

div#content div.itemtile div.name
{
    font-size: 11px;
    width: 160px;
    overflow: hidden;
}

div#content div.itemtile div.name a
{
    color: #166E55;
}

div#content div.itemtile div.price
{
    font-size: 11px;
    font-weight: bold;
    color: #166E55;
}

div#content div.sidebar
{
    position: relative;
    float: right;
    width: 522px;
    height: 90px;
    overflow: display;
    margin: 10px;
    margin-right: -20px;
    padding: 20px;
    background-color: #28765E;

    font-size: 13px;
    color: #FFF;
}

div#content div.sidebar div#left
{
    float: left;
    width: 320px;

    line-height: 1.5em;
}

div#content div.sidebar div#right
{
    float: right;
    width: 161px;
    height: 50px;
    padding: 20px 0;
    padding-left: 20px;
    border-left: solid 1px #005545;
    margin-left: 20px;

    font-size: 18px;
    color: #67AA9B;
}

div#content div.product
{
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #166E55;
}

div#content div.product div.image
{
    float: left;
    width: 250px;
    overflow: visible;
}

div#content div.product div.text
{
    margin-left: 270px;
    width: 610px;
}

div#content div.product img
{
    border: none;
}

div.login
{
    float: left;
    width: 100%;
}

div.login div.pagetitle
{
    padding-bottom: 10px;
    border-bottom: solid 1px #166E55;
}

div.login div.form
{
    padding-top: 20px;
}

div.login div.form div.field
{
    clear: both;
    padding-bottom: 10px;
}

div.login div.form div.label
{
    display: block;
    float: left;
    padding-top: 4px;
}

div.login div.form label
{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

div.login div.labelsize1 div.label { width: 50px; }
div.login div.labelsize2 div.label { width: 75px; }
div.login div.labelsize3 div.label { width: 100px; }
div.login div.labelsize4 div.label { width: 125px; }
div.login div.labelsize5 div.label { width: 150px; }
div.login div.labelsize6 div.label { width: 175px; }

div.login div.form .orange, div.login div.form .orange a
{
    color: #E6A64F;
    font-weight: normal;
    text-transform: none;
}

div.message
{
    margin-top: 10px;
    border: solid 1px #E6A64F;
    padding: 5px;
    background-color: #FFDFB3;
}

div.error
{
    margin-top: 10px;
    border: solid 1px #E64F4F;
    padding: 5px;
    background-color: #FFC9C9;
}

div.cart
{
    margin-top: 10px;
}

div.cart div.item
{
    clear: both;
    height: 180px;
    padding: 0 20px;
    border-top: solid 1px #166E55;
}

div.cart div.item div
{
    float: left;
    overflow: hidden;
}

div.cart div.item div.image
{
    width: 160px;
    height: 160px;
    padding: 10px;
    text-align: center;
}

div.cart div.item div.description
{
    width: 320px;
    height: 160px;
    padding: 10px 0;
    font-size: 18px;
}

div.cart div.item div.price
{
    width: 70px;
    height: 80px;
    padding: 50px 0;
    background-color: #EAF0ED;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.cart div.item div.qty
{
    width: 70px;
    height: 80px;
    padding: 50px 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.cart div.item div.total
{
    width: 70px;
    height: 80px;
    padding: 50px 0;
    background-color: #EAF0ED;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.cart div.item div.buttons
{
    float: right;
    width: 120px;
    height: 60px;
    padding: 60px 0;
    text-align: center;
}

div.cart div.item div.buttons input
{
    margin: 5px;
}

div.cart div.summary
{
    clear: both;
    padding: 0 20px;
    border-top: solid 1px #166E55;
}

div.cart div.summary div.totals
{
    width: 880px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

div.cart div.summary div.totals .update
{
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

div.cart div.summary div.totals .winewarning
{
    font-size: 11px;
    text-transform: none;
}

div.cart div.summary div.totals .shipping
{
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
}

div.cart div.summary div.buttons
{
    float: right;
    width: 120px;
    padding: 10px 0;
    text-align: center;
}

div.orderdetail
{
    margin-top: 10px;
}

div.orderdetail .ui-tabs
{
    background:none;
}

div.orderdetail .ui-tabs-nav
{
    background:none;
    border:none;
}

div.orderdetail div.instructions
{
    color: #166E55;
    padding: 10px 0;
    border-top: solid 1px #166E55;
    border-bottom: solid 1px #166E55;
    margin-bottom: 10px;
}

div.title
{
    font-size: 18px;
    text-transform: uppercase;
}

div.orderdetail .green
{
    color: #166E55;
}

div.orderdetail div.column1
{
    float: left;
    width: 400px;
    padding-right: 10px;
}

div.orderdetail div.column2
{
    float: left;
    width: 260px;
    padding-right: 10px;
}

div.orderdetail div.column3
{
    float: left;
    width: 200px;
    padding: 10px;
    background-color: #DCE7E3;
}

div.orderdetail div.item
{
    clear: both;
    height: 120px;
    padding: 0 110px;
    border-top: solid 1px #166E55;
}

div.orderdetail div.item div
{
    float: left;
    overflow: hidden;
}

div.orderdetail div.item div.description
{
    width: 320px;
    height: 120px;
    padding: 10px 0;
    font-size: 18px;
	}

div.orderdetail div.item div.price
{
    width: 70px;
    height: 80px;
    padding: 20px 0;
    background-color: #EAF0ED;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.orderdetail div.item div.qty
{
    width: 70px;
    height: 80px;
    padding: 20px 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.orderdetail div.item div.total
{
    width: 70px;
    height: 80px;
    padding: 20px 0;
    background-color: #EAF0ED;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

div.orderdetail div.item div.buttons
{
    float: right;
    width: 120px;
    height: 60px;
    padding: 30px 0;
    text-align: center;
}

div.orderdetail div.item div.buttons input
{
    margin: 5px;
}

div.orderdetail div.summary
{
    text-align: right;
    clear: both;
    padding: 10px 0;
    border-top: solid 1px #166E55;
}

div#footer
{
    position: relative;
    margin: 20px 0;
    padding: 10px;
    width: 880px;
    background-color: #FBEDC9;
    background-image: url('../img/footer_bg.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

div#footer div#text
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 880px;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #166E55;
}

div#footer div.column
{
    position: relative;
    line-height: 1.5em;
    float: left;
    padding-right: 60px;
}

div#footer div.withborder
{
    padding-left: 15px;
    border-left: solid 1px #166E55;
}

div#footer div.column div.title
{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #166E55;
}

div#footer a
{
    display: block;
}

div.spacer
{
    margin-bottom: 20px;
}

div.clear
{
    clear: both;
}

div.errorbox
{
    border: solid 2px red;
    padding: 4px;
    margin-bottom: 12px;
    text-align: center;
}

table.alignment
{
    border: none;
    border-collapse: collapse;
}

table.alignment td
{
    vertical-align: top;
}

.subtitle
{
    font-size: 18px;
    font-weight: bold;
}

.regular
{
    font-size: 13px;
}

.small
{
    font-size: 11px;
}

.uppercase
{
    text-transform: uppercase;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}


div.internal
{
    border: solid 2px #99F;
    padding: 8px;
}

div.internal, table.internal
{
    border: solid 2px #9999FF;
}

a
{
    color: #000;
}

a:link, a:visited
{
    text-decoration: none;
}

a:hover, a:active
{
    text-decoration: underline;
}

