/* ------------------------------------- google categories */
div.NameValuePanel
{
	display: block;
	float: left;
	background-color: #fff;
	width: 300px;
	clear: both;
	border-bottom: solid 1px #dddddd;
	padding: 5px 5px 5px 5px;
}

div.DefName
{
	display: inline;
	float: left;
	background-color: #fff;
	width: 100px;
	text-align: left;
	border: solid 0px black;
}

div.ColValue
{
	display: inline;
	float: left;
	background-color: #fff;
	width: 200px;
}


/* ---------------------------------- Page Layout ----------------------------------- */

div#pageFooter
{
	display: inline;
	float:left;
	width: 719px;
	height: 75px;
	text-align: center;
	font-size: 10px;
	padding: 15px 0px 15px 0px;
	color: #3A4F6A;
}

div#adminSignIn
{	
	width : 160px;
	display: inline;
	float: left;		
	text-align: center;	
	margin-top : 15px;
	margin-bottom: 1px;
}



/* ------------------------------------------------- Accessible Image Replaced Logo---------------- */
div#companyLogo,
div#companyLogo h1
{
	position: absolute;
}
div#companyLogo h1 a:link, div#companyLogo h1 a:visited
{
	display:inline;
	float:left;
	position: absolute;
	top: 5px;
	left: 0;	
	width: 215px;
    padding: 55px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important;
    height /**/:55px;
}


/*----------------------------------- Typography ---------------------------- */

.feedback
{
	color: Red;
	font-size: medium;
	font-weight:bold;
}

/* --------------------------- AJAX PROGRESS INDICATOR ------------------------*/
div.updateProgress
{
	display: inline;
	float: right;
	padding: 0px 0px 0px 0px;	
	margin: 0px 10px 0px 0px;
}



/* ----------------------------------- MISC. -------------------------------- */


#categories
{
	margin-left: auto;
	margin-right: auto;
}

div#content ul
{
	list-style-type:none;
}

div#cmsContent ul
{
	margin-left : 20px;		
}

table td.gridTopBorder
{
	border-top: solid 1px #C3CCCE;
}

table td.gridBottomBorder
{
	border-bottom: solid 1px #C3CCCE;
}

table td.gridSelectedRow, .stockList .gridSelectedRow
{
	border: solid 1px #E1E9F7;
	background-color: #E1E9F7;
}

.gridAlternateRow
{
	background-color: #eef0f1;
}

table tr.gridPagerRow
{
	text-align: right;
}

table tr.gridPagerRow td
{
	text-align: right;
	border-top: none;
}

/* -------------------------------------------- CATALOGUE VIEW ------*/

div#catalogueView
{
	display: inline;
	float: left;
	width: 100%;
	padding-bottom:15px;
	/*border-top:  dashed 1px #C3CCCE;	*/
	margin-top : 15px;	
}

div#catalogueBottomDescription
{
    display : block;
    clear : both;
    padding : 10px;
    text-align : center;
}


div#catalogueView div.catalogueItem
{
	display: inline;
	float: left;
	width: 300px;
	height: 290px;
	/*border-bottom: dashed 1px #C3CCCE;*/
	margin: 0 0 0 20px;
	padding: 2px 0;	
}

div#catalogueView div.catalogueItem  a:link, 
div#catalogueView div.catalogueItem  a:visited
{
	display: inline;
	float: left;
	width: 100%;
	text-decoration:none;	
	padding: 0px 0;	
}

div#catalogueView div.catalogueItem a:active,
div#catalogueView div.catalogueItem a:hover
{	
	background-color: #eef0f1;		
}

div#catalogueView div.catalogueItem  a img 
{
	display: inline;
	float: left;
	padding: 2px;
	border: solid 1px #C3CCCE;
	margin: 0 0 0 30px;
	width : 220px;
	height : 220px;
}

div#catalogueView div.catalogueItem a:active span.title,
div#catalogueView div.catalogueItem a:hover span.title
{
	text-decoration: underline;
}

div#catalogueView div.catalogueItem span.Text
{
	display: inline;
	float: left;	
	margin-left : 0px;
	width: 290px;
	text-align : center;	
	padding : 2px;
}

div#catalogueView div.catalogueItem span.title
{
	display: block;
	font-size: medium;
	font-weight: normal;	
	cursor: pointer;
	padding: 0;
	margin: 0;
}


div#catalogueView div.catalogueItem span.description
{
	display: block;
	padding: 0px 0;
}

div#catalogueView div.catalogueItem span.price
{
	display: block;	
	padding: 0 10px 0 0;
	text-align : center;	
}

div#catalogueView div.catalogueItem span.price strong
{
	color: #990000;
}

/* ------------------------------------------------------------------------ STOCK ITEM DETAIL VIEW ------*/

div#price-box
{
	display: inline;
	float: left;
	width: 250px;	
	padding: 0 0 15px 0;
}

div#price-box .price
{
	text-align: left;
}

div#price-box .variantsList
{
	float: left;
}

div#stockItemDetail
{
	display: inline;
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

div#stockItemDetail div.image-list
{	
}

div#stockItemDetail div.image-list img
{
	display: inline;
	float: left;	
	margin : 0 5px 5px 0;
	width: 94px;
	height: 94px;	
	border:1px solid #C3CCCE;
	padding:2px;
}

div#stockItemDetail div.image
{
	display: inline;
	float: left;
	width: 320px;
	height: 310px;
}

div#stockItemDetail div.image img
{
	height: 300px;
	width: 300px;		
}

div#stockItemDetail div.image a
{
	display: inline;
	float: left;
	border: 1px solid #C3CCCE;
	padding: 2px;
}

div#stockItemDetail div.image p
{
	/*
	display: inline;
	float: left;
	width: 320px;
	text-align: center;
	color: #796F85;
	padding: 5px 0;
	font-size: small;
	*/
	display: none;
}

div#stockItemDetail div.ThumbNails
{
	display: inline;
	float: right;
	width: 317px;
	margin-bottom : 20px;
}

div#stockItemDetail div.price
{
	display: inline;
	float: left;
	width : 130px;
	margin: 0 0 0 24px;			
}

div#stockItemDetail div.price table
{
	display: inline;
	float: left;
	margin: 0;
}

div#stockItemDetail div.price table tr td
{
	text-align: left;
	padding: 3px 3px 3px 3px;
}

div#stockItemDetail div.price table tr.ourPrice
{
	font-size: medium;
	font-weight: bold;
}

div#stockItemDetail div.price table td.price
{
	color: #990000;
}

div#stockItemDetail div.details
{
	display: inline;
	float: right;
	border: solid 1px #C3CCCE;
	margin: 0px 20px 10px 30px;
	background-color: Fuchsia;
}

div#stockItemDetail div.details td,
div#stockItemDetail div.details th
{
	padding: 5px;
}

div#stockItemDetail div.details th
{
	background-color: #C3CCCE;
}

div#stockItemDetail div.details td
{
	border-top: dashed 1px #C3CCCE;
}

div#stockItemDetail div.description
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0px 0 20px 0;
	/*border-top: dashed 1px #C3CCCE;	*/
	width: 100%;
}

div#stockItemDetail div.description p
{
	margin: 10px 0px 10px 0px;
	line-height: 1.4;
}

div#stockItemDetail div.description ul
{
    margin-left : 20px;
    list-style : bullet;
}

div.detailViewAddToBasket
{
	display: inline;
	float: right;
	margin: 15px 0 0 0;
	padding: 0;	
	width: 150px;	
	padding: 0 0 15px 0;	
}

div.detailViewAddToBasket input.quantity
{
	width: 50px;
	margin: 0px 0px 8px 0px;
}

div.detailViewAddToBasket span
{
	margin: 2px 5px 0px 18px;
	display: inline;
	float: left;
}

div#policies
{
	width: 920px;
	text-align: center;
}

/* ------------------- ADMIN -------------------- */
div.sideBarBox
{
	display: inline;
	float: left;
	padding: 20px 0px 20px 0px;
	margin-left: 20px;
	width: 235px;	
}

div.adminBorder
{
	display: inline;
	float: left;
	border: dashed 1px #C3CCCE;
	padding: 10px 10px 10px 10px;
	width: 215px;
}

div#sideBarBox span#columnTotal
{
	display: inline;
	float: right;
	border-top: solid 1px #C3CCCE;
}

div#adminLocation
{
	display: inline;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: dashed 1px #C3CCCE;
	margin: 0 0 20px 0;
}

div#adminVersion div#login
{
	display: inline;
	float: right;
	margin: 12px 30px 0px 0px;
}

div#pageSidebar div.sideBarBox di.adminBorder div.content
{
	display: inline;
	float: left;
	margin-top: 5px;
}

div#pageSidebar div.sideBarBox div.adminBorder div.content p
{
	display:inline;
	float:left;
	margin-bottom: 10px;
}

div#pageSidebar div.sideBarBox div.adminBorder h2
{
	margin-bottom: 3px;
}

div#pageSidebar div.sideBarBox div.adminBorder div.content table
{
	display: block;
	float: left;
	padding: 2px;
	clear: left;
}

div#pageContent table#adminOrderDetails
{
	clear: left;
	width: 100%;
	border-top: 1px dashed #C3CCCE;
}

div#pageContent table#adminOrderDetails th
{
	padding-top: 10px;	
	background-color: #eef0f1;
	border-bottom: solid 1px #C3CCCE;
}

/* ----------------------------- BASKET -------------------------- */
div#proceedToCheckout
{
	display: inline;
	float: left;
	width: 100%;
	padding: 15px 0px 5px 0px;
	text-align: right;
}

table#basket
{
	width: 100%;
}

table#basket th
{
	text-align: left;
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table#basket td
{
	border-bottom: dashed 1px #C3CCCE;
	padding: 3px;
}

table#basket td.total b
{
	font-size: medium;
	line-height: 2.5;
	font-weight: bold;
}

table#basket td.total
{
	border-top: 0px;
}

/* ------------------------- REGISTER --------------- */
div#registerTableContainer
{
	display: inline;
	float: left;
	margin: 0px 0 50px 0px;
	width: 100%;
}

/* ------------------------ SIGN IN ------------------- */
div#signInTableContainer
{
	display: inline;
	float: left;
	margin: 20px 50px 50px 60px;
}	
/* ------------------------ SHIPPING ------------------- */
div#shippingTableContainer table
{
	width: 100%;
}	

div#shippingTableContainer table td,
div#shippingTableContainer table th
{
	padding: 5px;
	text-align: left;
	border-bottom: dashed 1px #C3CCCE;
}

/* ------------------ Featured Item List -------------------- */


/* ------------------ Order Summary-------------------- */
div#pageContent table#orderSummary
{
	width: 250px;
	margin-left: 400px;
}

table#orderSummary  td.priceTotal
{
	border-top: solid 1px #C3CCCE;
	border-bottom-style: double;
	border-bottom-color: #C3CCCE;
	border-bottom-width: 1px;
	font-weight: bold;
	text-align: right;
}

table#orderSummary  td.total
{
	border-top: solid 1px #C3CCCE;
	border-bottom-style: double;
	border-bottom-color: #C3CCCE;
	border-bottom-width: 1px;
	font-weight: bold;
	font-size: medium;
}

table#orderSummary td
{
	padding-top:	2px;
	padding-bottom: 2px;
	padding-left:	5px;
	padding-right:	5px;
	width: 50%;
}

table#orderSummary td.firstRow
{
	border-top: solid 1px #C3CCCE;
}

/* ------------------- User Lists ---------------------- */
.userDeleted,
.userDeleted td
{
	color: #C3CCCE;
	text-decoration: line-through;
}
.userDeleted img
{
	display: none;
	visibility: hidden;
}

/* ------------------- TABLES FOR LISTS OF ORDERS/CUSTOMERS/CATEGORIES/STOCK ITEMS ---------------------- */
table.orderHistory
{
	width: 640px;
	clear: left;
}

table.orderHistory th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.orderHistory td
{
	border-top: dashed 1px #C3CCCE;
	padding: 3px;
}



table.customerList
{
	width: 100%;
}

table.customerList th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.customerList td
{
	border-top: dashed 1px #C3CCCE;
	padding: 3px;
}

table.categoryList
{
	width: 100%;
}

table.categoryList th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.categoryList td
{
	border-top: dashed 1px #C3CCCE;
	padding: 3px;
}

table.categoryList tr.categoryParent
{
	color: #222222;
	border-top: solid 1px #C3CCCE;
}

table.categoryList tr.categoryChild
{
	color: #666666;
}


table.stockReport
{
	width: 100%;
	clear: left;
}

table.stockReport th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.stockReport td
{
	border-top: dashed 1px #C3CCCE;
	padding: 3px;
}

table.stockList
{
	width: 100%;
}

table.stockList th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.customerReport
{
	width: 100%;
	clear: left;
}

table.customerReport th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 3px;
}

table.customerReport td
{
	border-top: dashed 1px #C3CCCE;
	padding: 3px;
}

table#customerStats
{
	width: 200px;
}

table#customerStats th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 0px 0px 3px 3px;
	text-align: left;
	margin: 0px;
}

table#customerStats td
{
	padding: 0px 0px 0px 3px;
}



/* ------------------- SEARCH RESULTS ---------------------- */
div#searchheader
{
	margin-bottom: 15px;
}
	
div#searchheader .searchterm
{
	font-weight: bold;
	font-size: medium;	
}


/* ------------------- LIST OPTION CONTROL ---------------------- */

div#listOptions
{
	display: inline;
	float: left;
	padding: 2px 2px 2px 2px;
	width: 100%;
	border: solid 1px #C3CCCE;
	margin-bottom: 10px;
	background-color: #eef0f1;
	clear: right;
}

div#listOptions div.section
{
	border: 0px;
}

/* ------------------- FORMS ---------------------- */

table
{
	width: 100%;
}

div.section
{
	display: block;
	float: left;
	margin: 5px 0px 20px 0px;		
	width: 100%;
}

div.section table
{
	width: 100%;
	clear: left;
}

div.section table th
{
	background-color: #eef0f1;
	border-top: solid 1px #C3CCCE;
	border-bottom: solid 1px #C3CCCE;
	padding: 0px 0px 3px 3px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div.section p
{
	margin-left: 5px;
	margin-bottom: 10px;
	
}

div.section .label
{
	float:							left;
	width:							100px;
	margin-left:					10px;
}

div.section .labellong
{
	float:							left;
	width:							200px;
	margin-left:					10px;
}

div#pageContent .labellong
{
	float:							left;
	width:							250px;
}


div.section .labelmax
{
	float:							left;
	width:							98%;
	margin-left:					10px;
}

div.section .editshort
{
	margin-bottom:					5px;
	width:							80px;
}

div.section .edit
{
	margin-bottom:					5px;
	width:							150px;
}

div.section .editlong
{
	margin-bottom:					5px;
	width:							300px;
}

div.checkBoxListlong
{
    width: 300px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow:-moz-scrollbars-vertical;
    background-color : #fff;
    border : solid 1px #cccccc;   
    padding : 2px;
    margin-bottom : -5px;    
}

div.checkBoxListlong label
{
    margin-left : 2px;
}

div.section .editmax
{
	margin-bottom: 5px;
	width: 300px;
}

div.section .check
{
	width: 100px;
	margin-left: 0px;
	margin-bottom: 8px;
}

div.section .update
{
	float: left;
	margin-left: 110px;
	margin-top: 10px;
}

div.section .updatelong
{
	float: left;
	margin-left: 210px;
	margin-top: 10px;
}

div.section .imgButton
{
	float: right;
}

div.section .cancel
{
	float: right;
	width:  75px;
	margin-left: 5px;
}


div.section .textEditor
{
	display: inline;
	float: left;
	width: 400px;
}


div.section .calendar
{
	width: 150px;
	border: 0px;
}



div#customerDetails
{
	width: 100%;
}



div#globalProperties
{
	width: 100%;
}

/* ------------------- GENERIC ---------------------- */

.price
{
	text-align: right;
}

.number
{
	text-align: center;
}

/* ------------------------- ADMIN STOCK DETAILS ------- */
div.save
{
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background-color: #f4f4f3;
	border-bottom: solid 1px #C3CCCE;
	border-top: solid 1px #C3CCCE;
}

div.aftersave
{
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background-color: #FFDDDD;
	border-bottom: solid 1px #C3CCCE;
	color: #DD0000;
}

.admin-button
{
	width: 100%;
}

/* -- Currencies and Exchange Rates -- */
table#orderSummary  td.priceTotalStoreBase
{
	border-top: solid 1px #C3CCCE;
	border-bottom-style: double;
	border-bottom-color: #C3CCCE;
	border-bottom-width: 1px;
	font-weight: bold;
	text-align: right;
	color: #FF0000;
}

/* div#currencySelector
{
	display: inline;
	float: left;	
	width: 240px;			
	text-align: center;
}
div#currencySelector select
{	
	position: relative;
	top: 1px;
	width : 100px;	
}
*/
/* -- End of Currencies and Exchange Rates -- */

.wizardButtonBar
{	
	margin-top : 20px;	
}

.wizardButtonBar .left
{
	float: left;
}

.wizardButtonBar .right
{
	float : right;
}