/* Elements */
* {margin:0;padding:0;} 
html
{
	height: 100%;
    background-color: #ffffff;
}
body
{
	height: 100%;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    color:#666666;
    margin: 0px;
    padding: 0px;
}
body a
{
    color:#666666;
}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
table
{
	border-collapse: collapse;
}
td
{
    padding: 0px;
    vertical-align: top;
}
img
{
    border: 0 none;
}
/* Masterpages styles */
.master-wrapper
{
	min-height: 100%;
	width: 100%;
}
.master-retailer-container-outer
{
    overflow:auto;
	padding-bottom: 30px;
}
.master-retailer-header
{
    font-size:12px;
    font-weight:bold;
    background: url(images/std_top_gradient.jpg) 0% 0% repeat-x;
    padding: 20px;
}
.master-retailer-container-inner
{
    width:800px;
    margin: auto;
}
.master-retailer-container-inner-wide
{
    width:820px;
    margin: 0 auto;
}
.master-retailer-footer
{
	position: relative;
	margin-top: -25px; /* negative value of footer height */
	height: 25px;
	text-align: center;
	width: 100%;
	clear:both;	
}
/* General styles */
.retailer-container-inner
{
	width: 800px;
	margin: auto;
}
.retailer-container-center
{
	width: 800px;
	margin: auto;
	text-align: center;
}
.retailer-header-large
{
	font-size: 18pt;
	font-weight: bold;
}
/* Drop-shadow styles */
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 10px;
	width: 100%;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
#shadow-container .shadow1 {
    background: #F9F4F4;
}
#shadow-container .shadow2 {
    background: #F1F0F1;
}
#shadow-container .shadow3 {
    background: #DBDADB;
}
#shadow-container .container {
    background: #ffffff;
	border: 1px solid #848284;
	padding: 5px;
	text-align:left;
}
#shadow-container .container-center {
    background: #ffffff;
	border: 1px solid #848284;
	padding: 5px;
	text-align:center;
}
/* Drop-shadow styles THIN */
#shadow-container-thin {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 82px;
}
#shadow-container-thin .shadow2,
#shadow-container-thin .shadow3,
#shadow-container-thin .container {
	position: relative;
	left: -1px;
	top: -1px;
}
#shadow-container-thin .shadow1 {
    background: #F9F4F4;
}
#shadow-container-thin .shadow2 {
    background: #F1F0F1;
}
#shadow-container-thin .shadow3 {
    background: #DBDADB;
}
#shadow-container-thin .container {
    background: #ffffff;
	border: 1px solid #848284;
	text-align:left;
}
/* Retailer Default Page Styles */
.retailer-default-collectioncontainer
{
	float: left;
	width:262px;
	text-align:center;
	padding: 10px 69px 30px 69px
}
.retailer-default-orders
{
	padding: 10px 69px 30px 69px;
	font-size: 10pt;
}
.retailer-default-ordersgrid
{
	width: 660px;
}
.retailer-default-ordersgrid th
{
	text-align:center;
	font-weight: bold;
	font-size: 10pt;
	background-color: #eee;
	padding:5px;
}
.retailer-default-ordersgrid td
{
	padding:5px;
	text-align:center;
	font-size: 8pt;
}
.retailer-default-collectionheading
{
	font-size: 12pt;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
}
.retailer-default-collectionheading-submajor
{
    margin-top: 5px;
	font-size: 8pt;
	padding: 5px 0px 0px 0px;
}
.retailer-default-collectionheading-subminor
{
	font-size: 8pt;
	padding: 5px 0px 0px 0px;
}
/* Retailer Default Page Styles - Obsolete */
.retailer-default-slideshow
{
	height: 125px;
	width: 125px;
}
.retailer-default-slideshow img
{
	padding: 0px;
	border: 1px solid #ccc;
}
/* Large 'Style' display styles */
.style-large-container
{
    overflow: hidden;
}
.style-large-thumbnail
{
    float:left;
    margin:10px;
    border: 1px solid #848284;
    width: 125px; /*fixme - needs to be modified */
    height: 125px;
}
.style-large-right-container
{
    float:left;
    width:630px;
}
.style-large-nameprice-container
{
    width:340px;
    float:left;
    padding: 10px;
}
.style-large-name
{
    font-size:10pt;
    font-weight:bold;
    color: #333333;
}
.style-large-stylecode
{
    font-size: 7pt;
    padding: 0px 0px 10px 0px;
}
.style-large-pricestable
{
    width:100%;
}
.style-large-price-label
{
    width: 60px;
}
.style-large-price-value
{
    font-weight:bold;
    color: #333333;
}
.style-large-rrp-label
{
    width: 60px;
}
.style-large-rrp-value
{
    color: #333333;
}
.style-large-spacer-labelvalue
{
    width: 200px;
}
.style-large-sizeqty-container
{
    float:right;
    padding:10px;
}
.style-large-sizesheader
{
    text-align:center;
    font-weight:bold;
    color: #333333;
    margin: 0px 0px 5px 0px;
}
.style-large-sizeqty-table
{
    width:100%;
}
.style-large-sizes
{
    text-align:center;
    width:50px;
}
.style-large-qty
{
    text-align:center;
    width:50px;
}
.style-large-description
{
    float:left;
    padding: 10px 10px 10px 0px;
    vertical-align: top;
}
.style-large-colorbox-container
{
    width:35px;
    vertical-align:middle
}
.style-large-colorbox
{
    padding:10px 10px 10px 0px;
    vertical-align:middle;
}
.cart-floating-container
{
	width: 800px;
	margin-bottom: 5px;
}
.cart-floating
{
    float: right;
    font-size:9pt;
}
/* Summary page */
.style-small-container-table
{
    width: 780px;
    border-color: inherit;
}
.style-small-header
{
    font-size: xx-small;
    border-bottom: 1px solid Gray;
    height:23px;
    font-weight:bold;
}
.style-small-header-color
{
    width: 54px;
    text-align: center;
}
.style-small-header-size
{
    width: 54px;
    text-align: center;
}
.style-small-header-qty
{
    width: 76px;
    text-align: center;
}
.style-small-header-totalqty
{
    width: 104px;
    text-align: center;
}
.style-small-header-price
{
    width: 66px;
    text-align: center;
}
.style-small-header-total
{
    width: 75px;
    text-align: center;
}
.style-small-image-column
{
    width: 93px;
}
.style-small-name-container
{
	text-align: left;
}
.style-small-name
{
    font-size: small;
    font-weight:bold;
    color: #333333;
}
.style-small-code
{
    font-size: 7pt;
}
.style-small-totalcost
{
    font-weight:bold;
    text-align: center;
    padding-top: 2px;
}
.style-small-price
{
    text-align: center;
    padding-top: 2px;
}
.style-small-qty
{
    text-align: center;
    padding-top: 2px;
}
.style-small-divider
{
    border-bottom: 1px solid Gray;
}
.style-small-summary-subtotal-label
{
}
.style-small-summary-gst-label
{
}
.style-small-summary-total-label
{
    font-size: 10pt;
}
.style-small-summary-subtotal-value
{
    font-weight:bold;
}
.style-small-summary-gst-value
{
    font-weight:bold;
}
.style-small-summary-total-value
{
    font-weight:bold;
    font-size:small;
}
.style-small-summary-total-divider
{
    border-bottom: 1px solid Gray;
}
/* Finalise page */
.finalise-bottom-container
{
    width:760px;
}
.finalise-details-label
{
    width:49%; /*fixme - refine */
    text-align: right;
    padding: 5px 5px 5px 5px;
    font-size:small;
    vertical-align:middle;
}
.finalise-details-textbox-container
{
    padding: 5px 5px 5px 5px;
}
/* Order Details Page */
.details-header-large
{
	font-size: 14pt;
	font-weight: bold;
}
.details-order-large
{
	font-size: 10pt;
	width: 700px;
	margin: 0 auto;
}
.details-order-large table
{
	width:100%;
	border-collapse:collapse;
	text-align:center;
}
.details-order-large td
{
	width:25%;
}


.finalTotalLabel
{
    font-size: medium;
    text-align:left;
    padding: 5px 5px 5px 5px;
}
.finalTopTotalLabel
{
    font-size: medium;
    text-align:right;
    padding: 5px 5px 5px 5px;
}
.finalTotalValue
{
    font-size: medium;
    text-align:left;
    padding: 5px 5px 5px 5px;
}
.finalTopLabelSub
{
    width:49%;
    font-size: small;
    text-align:right;
    padding: 5px 5px 5px 5px;
}
.finalTopLabelGST
{
    width:49%;
    font-size: x-small;
    text-align:right;
    padding: 5px 5px 5px 5px;
}
.finalTopValueSub
{
    font-size: small;
    text-align:left;
    padding: 5px 5px 5px 5px;
}
.finalTopValueGST
{
    font-size: x-small;
    text-align:left;
    padding: 5px 5px 5px 5px;
}
.sectionDivider
{
    width: 780px;
    border-bottom: 1px solid Gray;
    margin: 0 auto;
}
.sectionDividerSkinny
{
    width: 750px;
    border-bottom: 1px solid #999999;
    margin: 0 auto;
}
.finalTitle
{
    text-align: center;
    font-size: large;
    font-weight: bold;
}
.finalBottom
{
    text-align: center;
}
.footer
{
    display:block; height: 52px;
    font-size:12px;
    font-weight:bold;
    width:800px;
    padding: 0px;
}
.footerLeft
{
    display:block;
    float:left;
    padding: 5px;
}
.footerRight
{
    display:block;
    float:right;
    padding: 5px;
}
#styleDemoTable
{
    width:400px;
}

#styleDemoTable td
{
    text-align:left;
    width:240px;
    border: 1px solid #eeeeee;
}
.userAdminTable
{
    width: 400px;
}
.largeHeading
{
    font-size:18pt; color:#666666;   
}
.mediumHeading
{
    font-size:14pt; color:#666666;   
}
#standardTable
{
    width:100%;
    text-align: center;
    /*border: 1px solid #999999;*/
}
#standardTable th
{
    font-size:8pt; font-weight:bold; color:#666666;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
}
#standardTable td
{
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 5px;
}
.retTopMenuRight
{
    float:right;
    color:#777777;
}
/* Lock Screen-related CSS Classes */
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockOn {
    display: block;
	visibility: visible;
	position: fixed;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	color:black;
	font-size:16px;
	font-weight:bolder;
	text-align: center;
	padding-top: 20%;
	margin:0%;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
#spinner
{
    visibility:hidden;
    display:inline;
    background-position:center;
}
.Preview-Textbox-Qty
{
    font-size: x-small;
    width: 37px;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
}

.styleTopRow
{
    display:block; height: 52px; 
    font-size:12px;
    font-weight:bold;
    width:800px;
}
.styleTopRowLeft
{
    float:left;
}
.styleTopRowRight
{
    float:right;
}

.error-header
{
	font-size:40pt;
}
.error-header-spacer
{
	height:150px;
}
.CheckoutSummary
{
    width:700px;
    border-collapse:collapse;
    text-align:center;
    vertical-align:middle;
    padding:5px;
    font-size: 7pt;
}
.CheckoutSummary th
{
    background-color:#eaeaea;
    border: 1px solid #fff;
    padding:5px;
    font-size: 8pt;
}
.CheckoutSummary td
{
    background-color:#f2f2f2;
    border: 1px solid #fff;
    padding:5px;
    vertical-align: middle;
}
.storeAdminTable
{
    width:100%;
    text-align: center;
    /*border: 1px solid #999999;*/
}
.storeAdminTable th
{
    font-size:8pt; font-weight:bold; color:#666666;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
}
.storeAdminTable td
{
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color:#fafafa;
    padding: 5px;
}