


body
{
	font-family: Verdana;
	font-size: 10pt;
}

img
{
	border-style:none;
}

table
{
	border-collapse:collapse;
}
table td
{
	padding:0px;
	vertical-align:top;
}

form
{
	margin:0px;
	display:inline;
}

input.text, textarea.text
{
	padding:5px;
	
	background-color:#FFFFFF;
	color:#cb5805;
	
	border-style:solid;
	border-color:#555555;
	border-width:1px;
}

select
{
	padding-top:5px;
	padding-bottom:5px;
	
	background-color:#FFFFFF;
	color:#cb5805;
	
	border-style:solid;
	border-color:#555555;
	border-width:1px;
}
select option
{
	padding-left:5px;
	padding-right:5px;
}

input.text:hover,
textarea.text:hover,
select:hover
{
	border-style:dotted;
}
input.text:focus,
textarea.text:focus,
select:focus
{
	border-style: dotted;
	border-color: #7c902f;
}

.shell
{
	width:95%;
	text-align:left;
	padding-top: 10px;
	background: url('../images/layouts/porridge_store/contentBlank_bg.jpg') no-repeat top left;
}

.shell .header table
{
	width:100%;
}
.shell .header table td
{
	vertical-align:bottom;
}

.shell .shaded
{
	width: 933px;
}

.shell .shaded .nav
{
	color:Black;
	background-color:#F5F5F5;
	font-size:8pt;
}

.shell .shaded .nav hr
{
	margin:5px;
	height:1px;
	
	color:white;
	background-color:white;
	
	border-style:none;
}

.shell .shaded .nav hr:hover
{
	background-color:#CCCCCC;
}

.shell .shaded .nav a:link,
.shell .shaded .nav a:hover,
.shell .shaded .nav a:active,
.shell .shaded .nav a:visited
{
	display:block;
	padding:5px;
	
	color:#000;
	white-space:noWrap;
	font-size:8pt;
	text-decoration:none;
}
.shell .shaded .nav a:hover
{
	color:#000000;
	background-color:#aaca2d;
}

.shell .shaded .nav .admin .text
{
	padding:5px;
}

.shell .shaded .nav .admin
{
	min-width: 100px;
}

.shell .shaded .data
{
	margin-left: 10px;
}

.shell .shaded .data .title
{
	text-align:center;
	font-size:12pt;
	background-color:#aaca2d;
}
.shell .shaded .data .body
{
	padding-left:10px;
	padding-right:10px;
}

.shell .shaded .data .body h1
{
	margin:0px;
	margin-bottom:5px;
	
	white-space:noWrap;
	
	color: #545034;
	font-family:Georgia, Verdana, sans-serif;
	font-size:14pt;
	border: 1px none #aaca2d;
	border-bottom-style:solid;
}

.shell .shaded .data .body h2
{
	margin:20px 0px 5px 0px;
	position: static;
	
	color: #545034;
	font-size:12pt;
}

.shell .shaded .data .body a:link,
.shell .shaded .data .body a:hover,
.shell .shaded .data .body a:active,
.shell .shaded .data .body a:visited
{
	color:#cb5805;
	
	font-size:8pt;
	text-decoration:underline;
}
.shell .shaded .data .body a:hover
{
	color:#aaca2d;
	text-decoration:underline;
	background: none;
}

.shell .shaded .data .body b
{
	color:#CB5805;
}

.shell .shaded .data .body td,
.shell .shaded .data .body div,
.shell .shaded .data .body span
{
	font-size:8pt;
}

.shell .footer
{
	text-align:center;
	padding:5px;
	
	background-color:#a5a29f;
	
	font-size:10pt;
}

.bottomLinks
{
	padding:10px;
}
.bottomLinks a:link,
.bottomLinks a:hover,
.bottomLinks a:active,
.bottomLinks a:visited
{
	color:#cb5805;
	
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
}
.bottomLinks a:hover
{
	color:#aaca2d;
	text-decoration:underline;
	background: none;
}

/**************************************
***************************************
	Paging links
***************************************
**************************************/
.pagingLinks
{
	background-color:#EEEEEE;
	border: 1px none #AAAAFF;
	border-top-style:solid;
	border-bottom-style:solid;
}
.pagingLinks table
{
	width:100%;
}
.pagingLinks table td
{
	padding:10px;
}
.pagingLinks .firstPrevNextLast
{
	white-space:noWrap;
}
.pagingLinks .directLinks
{
	width:100%;
}
.pagingLinks .currentRange
{
	white-space:noWrap;
}

/**************************************
***************************************
	Category history
***************************************
**************************************/
.categoryHistory
{
	margin:10px;
	padding:10px;
	border: 2px none #AAAAAA;
	border-top-style:solid;
	border-bottom-style:solid;
}

/**************************************
***************************************
	View Product
***************************************
**************************************/
.viewProduct .largeImage,
.viewProduct .largeImage_visible
{
	display:none;
	position:absolute;
	
	padding:10px;
	
	text-align:center;
	
	border: 5px solid #AAAAAA;
}
.viewProduct .largeImage_visible
{
	display:block;
}
.viewProduct .largeImage img,
.viewProduct .largeImage_visible img
{
	margin:10px;
	border: 3px double #cb5805;
}
.viewProduct .largeImage a:hover,
.viewProduct .largeImage_visible a:hover
{
	color:Black !important;
}

.viewProduct .addToCart
{
	width:98%;
}
.viewProduct .addToCart td
{
	vertical-align:middle;
}
.viewProdut .attributeSet
{
}
.viewProduct .quantity
{
	width:30px;
}

/**************************************
***************************************
	Checkout
***************************************
**************************************/
.checkout .table th
{
	text-align:right;
}

.checkout .alertText
{
	text-align:left;

	color:#cb5805;
	font-size: .9em;
}

.table
{
	width:100%;
}

.tableSmall
{
	width: 300px;
	margin-bottom:10px;
}
.table td
{
	padding:5px;
}
.tableSmall td
{
	padding:8px 10px 8px 10px;
}
.tableSmall td p
{
	margin:0px 0px;
}
.table th, .tableSmall th
{
	padding:5px;
	white-space:noWrap;
	text-align:left;
	
	font-size:8pt;
	
	background-color:#a5a29f;
}
.tableSmall td.left
{
	text-align:right;
	width:80px;
	padding-right: 0px;
}
.table_cycleRow
{
	background-color:#eeeeee;
}
.table_cycleRow th
{
	background-color:#B6B3AF;
}

.thinBorder
{
	border: 1px solid #CCCCCC;
}

.noWrap
{
	white-space:nowrap;
}

.alertText
{
	text-align:center;

	color:#cb5805;
	font-size:.9em;
}
.alertText_good, p.message
{
	font-size:.9em !important;
	color:#aaca2d;
}

.colorButton
{	
	margin:10px;
	
	cursor:pointer;
	border: 1px solid #545034;
}
.colorButton_selected
{	
	margin:10px;
	border: 1px solid #aacc2d;
}


/**************************************
***************************************
	Registration
***************************************
**************************************/
.registrationTable,
.registrationTable_thanks
{
	width:50%;
}
.registrationTable td,
.registrationTable_thanks td
{
	padding:5px;
	white-space:nowrap;
	vertical-align:top;
}
.registrationTable .label,
.registrationTable_thanks .label
{
	font-weight:bold;
}
.registrationTable .input,
.registrationTable_thanks .input
{
	width:100%;
}
.registrationTable .error,
.registrationTable_thanks .error
{
	color:Red;
	font-size:12pt;
}

/**************************************
***************************************
	Admin
***************************************
**************************************/

div.interactiveColorPicker {
	margin-top: 10px;
	margin-bottom: 5px;
}









