/****************** Basics ******************/

* {
margin: 0px;
padding: 0px;
}

body {
background-color: #FFFFEE;
font-family: arial;
font-size: 9pt;
color: #003300;
text-align: center;
}

hr {
margin: 10px 0;
height: 2px;
background-color: #990000;
border: 1px solid #990000;
}

h1 {
font-size: 14pt;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

h2 {
font-size: 12pt;
font-weight: bold;
margin: 12px 0 5px 0;
text-align: left;
}

h3 {
font-size: 10pt;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}

h4 {
font-size: 9pt;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}

.pageHeaderAndLinks {
float: left;
}

.pageHeaderAndLinks h1 {
display: inline;
margin-right: 10px;
}

.pageHeaderAndLinks .links {
display: inline;
position: relative;
bottom: 2px;
}

.tableHeaderAndLinks h3 {
display: inline;
margin-right: 10px;
}

.tableHeaderAndLinks {
margin: 10px 0 3px 0;
text-align: left;
}

p {
text-align: left;
margin: 5px 0 5px 0;
}

p.center {
text-align: center;
}

p.bold {
font-weight: bold;
}

ol {
margin-bottom: 10px;
text-align: left;
padding-left: 30px;
}

ul {
list-style-type: disc;
margin-bottom: 10px;
text-align: left;
padding-left: 30px;
}

.clearSpace {
height: 20px;
}

table#links td {
padding: 10px;
}

/****************** Overall Shop Layout ******************/

html, body, #shop_wrap {
height: 100%;
}

body > #shop_wrap {
height: auto; min-height: 100%;
}

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* END CLEAR FIX*/

#shop_header {
width: 980px;
margin: 0 auto;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}

#shop_footer {
position: relative;
margin: -100px auto 0 auto;             /* margin-top must be negative value of footer height */
height: 100px;                          /* height must be negative value of footer height */
clear: both;
width: 980px;
}

#shop_footer_left {
float: left;
width: 185px;
}

#shop_footer_center {
float: left;
width: 610px;
}

#shop_footer_right {
float: right;
width: 185px;
}

#shop_main {
width: 980px;
position: relative;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 100px;                  /* padding-bottom must be same height as the footer */
}

#shop_mainA {
position: relative;
margin-right: 797px;
}

#shop_mainB {
float: right;
}

#shop_logo {
display: inline;
float: left;
padding-right: 10px;
background: #FFFFEE;
}

#shop_productSearch {
float: right;
width: 250px;
height: 30px;
}

#shop_productSearch input {
background: #FFFFEE;
border-color: #003300;
}

#shop_bannerPhoto {
float: right;
width: 570px;
}

#shop_mainMenu {
background: #990000;
float: right;
width: 570px;
height: 30px;
vertical-align: middle;
position: relative;
top: 5px;
}

#shop_mainMenu ul {
list-style: none;
line-height: 30px;
margin: 0px;
padding: 0px;
}

#shop_mainMenu li {
float: left;
text-align: center;
width: 13%;
}

#shop_mainMenu li.wide {
float: left;
text-align: center;
width: 22%;
}

#shop_mainMenu li a {
font-weight: bold;
color: #FFFFEE;
}

#shop_mainMenu li a:active {
text-decoration: underline;
}

#shop_mainMenu li a:hover {
text-decoration: underline;
}

#shop_leftMenus {
position: relative;
float: left;
width: 183px;
margin-right: -800px;
}

#shop_content {
width: 604px;
float: left;
padding: 0 10px 0 0;
}

html>body #shop_content {
width:594px;
padding: 0 10px 0 10px;
}

#shop_rightMenus {
width: 183px;
float: left;
}

.titleBar {
background-image: url(images/TitleBar.gif);
height: 29px;
margin: 0 0 10px 0; 
}

.titleBar span {
color: #FFFFEE;
font-size: 11pt;
font-weight: bold;
position: relative;
top: 6px;
}


/****************** Overall Admin Layout ******************/

#admin_header {
width: 1240px;
margin: 5px auto 0 auto;
position: relative;
}

#admin_main {
width: 1240px;
margin: 10px auto 0 auto;
position: relative;
}

#admin_mainA {
position: relative;
margin-right: 1057px;
}

#admin_mainB {
float: right;
}

#admin_leftMenus {
position: relative;
float: left;
width: 183px;
margin-right: -1060px;
}

#admin_content {
width: 1047px;
float: left;
padding: 0 10px 0 0;
}

html>body #admin_content {
width: 1037px;
padding: 0 10px 0 10px;
}

/****************** Menus ******************/

.menu {
background: #F2E8DC;  /*FFF0DB,EFEBD6,E1D4C0,E2D9CC,E5DCD0*/
border: 2px solid #990000;
padding-top: 5px;
margin-bottom: 10px;
text-align: left;
}

.productMenu {
line-height: 22px;
}

.menu a {
margin: 0 auto 5px 10px;
display: block;
}

.menuHeader {
width: 183px;
height: 27px;
background-image: url(images/MenuHeader.gif);
}

.menuHeader span {
font-weight: bold;
font-size: 11pt;
color: #FFFFEE;
position: relative;
top: 6px;
}

#productSearchMenu {
padding-bottom: 5px;
}

#shoppingCartMenu {
padding-bottom: 5px;
}

#sendLinkMenu {
padding-bottom: 5px;
}

#customerMenu {
padding-bottom: 10px;
text-align: center;
}

#customerMenu a {
display: inline;
margin: 0;
}

/****************** Tables ******************/

table {
border-collapse: collapse;
border-style: none;
width: 100%;
font-size: 9pt;
}
 
td {
vertical-align: top;
}

td.total {
font-weight: bold;
}

th {
vertical-align: top;
}

table.hidden td {
padding: 5px 0; 
}

table#homeTable td {
padding: 10px 0;
}

table#multiProductTable td {
padding: 10px 0;
}

table.visible th {
padding: 3px 10px;
border: 1px solid #003300;
background-color: #CCCCAA;
}

table.headingsOnLeft th {
text-align: left;
}

table.visible td {
padding: 3px 10px;
border: 1px solid #003300;
}

table.visible td.noBorder {
border-style: none;
}

#shoppingCartSummaryTable {
width: 170px;
}

#shoppingCartSummaryTable td {
padding-top: 2px;
vertical-align: middle;
text-align: right;
}

#shoppingCartSummaryTable #photoCell {
width: 60px;
}

#shoppingCartSummaryTable #quantityCell {
width: 45px;
}

#shoppingCartSummaryTable #totalCell {
width: 65px;
}

#shoppingCartSummaryTable #subTotalHeadingCell {
text-align: right;
font-weight: bold;
}

#shoppingCartSummaryTable #subTotalCell {
font-weight: bold;
}

/****************** Text Links ******************/

a {
text-decoration: none;
color: #990000;
font-weight: bold;
font-size: 9pt;
}

a:active {
color: #003300;
text-decoration: underline;
}

a:hover {
color: #003300;
text-decoration: underline;
}

a.homeToCategoryHeading {
color: #003300;
font-size: 10pt;
display: block;
}

a.homeToCategoryHeading:active {
color: #990000;
}

a.homeToCategoryHeading:hover {
color: #990000;
}

a.clickHere {
text-decoration: underline;
display: block;
}

a.catogoryToProductHeading {
color: #003300;
display: block;
}

a.catogoryToProductHeading:active {
color: #990000;
}

a.catogoryToProductHeading:hover {
color: #990000;
}

a.catogoryToProductPrice {
color: #003300;
display: block;
}

a.catogoryToProductPrice:active {
color: #990000;
}

a.catogoryToProductPrice:hover {
color: #990000;
}

a.shoppingCartToProduct {
text-decoration:underline;
color:#003300;
font-size:9pt;
}

a.shoppingCartToProduct:active {
color: #990000;
}

a.shoppingCartToProduct:hover {
color: #990000;
}

a.disabled {
color: #CC9966;
position: relative;
cursor: text;
}

a.disabled span {
display: none;
}

a.disabled:hover span {
display: block;
position: absolute;
top: 15px;
left: -20px;
text-align: left;
padding-left: 2px;
font-family: arial;
font-size: 9pt;
color: #003300;
width: 150px;
background: #FFFFCC;
border: 1px solid #003300;
}

/****************** Link Buttons ******************/

.button
{
position: relative;
background: url(images/ButtonRollover.gif) no-repeat;
width: 168px;
height: 24px;
margin: 0 auto;
padding: 0;
text-align:center;
}

.button a
{
color: #FFFFEE;
width: 168px;
height: 24px;
text-decoration: none;
}

.button img
{
width: 168px;
height: 24px;
}

.button a:hover
{
color: #FFFFEE;;
visibility:visible;
}

.button a:hover img
{
visibility:hidden;
}

.button span
{
position: absolute;
left: 35px;
top: 5px;
cursor: pointer;
}

/****************** Form Elements ******************/

form {
text-align: left;
}

input[type="text"] {
margin: 2px 0;
border: 1px solid #003300;
}

input[type="password"] {
margin: 2px 0;
border: 1px solid #003300;
}

input[type="submit"] {
background-color: #990000;
border: 1px solid #990000;
color: FFFFEE;
width: 100px;
}

input[type="submit"].go {
width: 25px;
}

input[type="submit"]:hover {
background-color: #003300;
border-color: #003300;
}

#enquirySubmit {
float: left;
position: relative;
top: 2px;
left: 145px;
border-style: none;
}

#shoppingCartSubmit {
border-style: none;
}

#checkoutSubmit {
border-style: none;
}

#confirmOrderSubmit {
border-style: none;
}

#sendLink_submit {
border-style: none;
margin: 5px 5px 0 5px;
}

#signInSubmit {
margin-top: 5px;
margin-left: 125px;
}

#usernamePasswordSubmit {
margin-top: 5px;
margin-left: 125px;
}

#addToShoppingCart {
border-style: none;
margin-left: 145px;
}

#save {
margin-left: 145px;
}

#usernamePasswordSubmit {
margin-left: 125px;
}

select {
margin: 2px 0;
border: 1px solid #003300;
}

textarea {
margin: 2px 0;
border: 1px solid #003300;
}

#productSearchQuery {
position: relative;
margin-left: 3px;
bottom: 4px;
}

#productSearchSubmit {
border-style: none;
position: relative;
top: 2px;
}

#cancel {
margin-left: 10px;
}

#customerSearchQuery {
margin: 0 0 5px 3px;
}

.searchQueryDefaultValue {
color: #838b83;
}

.searchQueryUserEntry {
color: #003300;
}

/*
#customerSearchSubmit {
border-style: none;
position: relative;
top: 2px;
}
*/

.errorsFound {
font-weight: bold;
color: #003300;
background-color: orange;
margin-top: 10px;
}

.errorMessage {
font-weight: bold;
color: #003300;
margin-left: 5px;
background-color: orange;
}

fieldset {
border: 1px solid #003300;
padding: 10px 10px;
margin: 10px 0;
text-align: left;
}

fieldset.indent {
margin-left: 30px;
margin-right: 30px;
}

legend {
color: #003300;
font-weight: bold;
background: #CCCCAA;
border: 1px solid #003300;
padding: 2px 6px;
} 

label {
width: 125px;
float: left;
text-align: left;
display: block;
position: relative;
top: 6px;
font-weight: bold;
}

html>body label {
top: 3px;
}

.longLabel label {
width: 175px;
}

.formField {
margin-left: 20px;
}

.formField input[type="submit"] {
margin-top: 5px;
margin-left: 125px;
}

.formField input[type="radio"] {
position: relative;
top: 4px;
}

.radio {
margin-left: 125px;
}

.formField input[type="checkbox"] {
position: relative;
margin-bottom: 10px;
top: 3px;
}

.checkboxField {
width: 100%;
float: right;
}

.checkboxField input {
float: left;
margin-left: 30px;
}

.checkboxField label {
position: relative;
top: 3px;
left: 10px;
width: 300px;
}

html>body .checkboxField label {
top: -1px;
}

.radioLabel {
position: relative;
top: 2px;
}

#coloursLink {
display: inline;
margin-left: 20px;
position: relative;
bottom: 5px;
}

html>body #coloursLink {
bottom: 0px;
}

#addedProductsLink {
display: block;
margin-left: 125px;
}

#sendLink input.text {
position: relative;
margin-left: 15px;
}

#sendLink label {
width: 150px;
margin: 0 0 3px 15px;
font-weight: normal;
}

.retailPrice {
text-decoration: line-through;
}

#retailPrice p {
margin-bottom: 0;
}

#wholesalePrice h3 {
margin-top: 0;
}

span.lockedField {
position: relative;
top: 2px;
}

/****************** Images ******************/

img {
border: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

img.tinyPhoto {
height: 37px;
width: 50px;
}

img.smallPhoto {
height: 75px;
width: 100px;
}

img.largePhoto {
height: 180px;
width: 240px;
}

#productDescription img.largePhoto {
float: right;
margin: 0 0 10px 10px;
}

.largePhotoAndCaption {
width: 250px;
padding: 5px;
margin: 5px auto 10px auto;
border-style: solid;
border-width: 2px;
font-weight: bold;
border-color: #990000;
background-color: #FFFFEE;
}

img.colourPhoto {
height: 40px;
width: 100px;
display: inline;
}

.colourPhotoAndCaption {
position:relative;
text-align: left;
vertical-align: middle;
margin: 5px 0 5px 40px;
}

.colourPhotoAndCaption span {
position:relative;
vertical-align: middle;
left: 20px;
bottom: 15px;
}

.colourPhotoNote {
margin: 5px 5px 10px 5px;
}

.number {text-align:right;}

.leftButton {
float: left; 
margin-right: 10px;
margin-top: 10px;
}

.indentButton {
margin-left: 30px;
}

.centerButton {
float: left;
margin-left: 45px;
margin-top: 10px;
}

.rightButton {
float: right;
margin-top: 10px;
}