/*
 * Globals
 * --------------------------------------------------------------------------
 */
* {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	color: #6D6B72;
	font-size: 8pt;
	font-family: Tahoma, Geneva, sans-serif;
}
a {
	text-decoration: none;
}
p, td, th {
	line-height: 1.3em;
	margin-bottom: 15px;
}
td, th {
	vertical-align: top;
	margin: 0;
	text-align: left;
	font-weight: normal;
}
input, textarea {
	padding: 2px 0 2px 3px;
}
.right {
	text-align: right;
}
.hidden {
	display: none;
}
.backWhite {
	background-color: white;
}

/*
 * Body
 * --------------------------------------------------------------------------
 */
body {
	background: black url('../img/background.gif') top left repeat-x;
}
body#tinymce {
	background-color: white;
	background-image: none;
}
body.admin {
	background-image: none;
	background-color: white;
}
#body600 {
	width: 600px;
	margin: 25px auto 0 auto;
	background-color: white;
}
/*
 * Heading Layouts
 * --------------------------------------------------------------------------
 */
#header {
	height: 110px;
	background: transparent url('../img/logo_background.gif') top left repeat-x;
}
#headerUnderline {
	height: 14px;
	background: transparent url('../img/header_underline.gif') top left repeat-x;
}
#logo {
	height: 110px;
	width: 116px;
}
#award {
	width: 200px;
	height: 110px;
	margin: -110px 0 0 337px;
}

/*
 * Heading Text
 * --------------------------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
	/* color: red; */
	font-family: Georgia, Georgia, serif;
	font-weight: normal;
}

h1 {
	font-size: 16pt;
	margin: 15px 0 10px 258px;
}
h2,
h2 span.subHeading {
	font-size: 14pt;
	margin: 19px 0 15px 0;
	letter-spacing: -0.03em;
}
h2.mainHeading {
	color: #36333E;
	text-transform: lowercase;
}
h2.mainHeading span.subHeading {
	text-transform: lowercase;
}
h2.mainHeading.padHeight {
	line-height: 1em;
}
h2.hasSubheading {
	margin-bottom: 0;
	/* color: red; */
}
h2.subheading {
	margin-top: 8px;
	color: #595861;
}
h2.subheading.hasSecond {
	margin-top: 8px;
	margin-bottom: 0;
	color: #595861;
}
h2.subheading.second {
	color: #82913E;
}
h2.group {
	margin-top: -6px;
	color: #6D6B72;
	font-size: 13pt;
}
h3.quotation {
	font-size: 9pt;
	font-weight: bold;
	margin: 32px 0 5px 0;
	line-height: 12pt;
	letter-spacing: -0.03em;
}
h3.quotation.belowThumbnailGrid {
		margin-top: 40px;
}

/*
 * Navigation
 * --------------------------------------------------------------------------
 */
#navigation {
}
#navigation ul {
	list-style: none;
	width: 321px;
	height: 30px;
	padding-left: 27px;
	background-color: #8D8C8B;
}
#navigation ul li {
	display: block;
	float: left;
	white-space: nowrap;
}
#navigation ul li.active a {
	color: white;
}
#navigation ul:hover li.active a {
	color: #36333E;
}
#navigation ul li:hover a,
#navigation ul li.active:hover a,
#navigation ul:hover li.active:hover a {
	color: white;
}
#navigation ul li,
#navigation ul li a {
	height: 22px;
}
#navigation ul li.franchises  {
	display: none;
}
#navigation ul li a {
	/*font-family: Georgia, Georgia, serif;*/
	/*font-size: 7.5pt;*/
	background-color: #8D8C8B;
	display: block;
	padding: 8px 5px 0 5px;
	color: #36333E;
}

#navigation ul ul {
	display: none;
	position: absolute;
	margin-top: -1px;
	margin-left: -27px;
	padding-top: 6px;
	background: none;
}
#navigation ul li:hover ul {
	display: block;
}
#navigation ul ul li {
	float: none;
	background-color: #36333E;
}
#navigation ul ul li,
#navigation ul ul li a {
	height: 17px;
	padding-top: 1px;
	width: 100px;
	/*font-size: 7.5pt;*/
}
#navigation ul ul li a {
	background: none;
}
#navigation ul ul.navwide1 li,
#navigation ul ul.navwide1 li a {
		width: 130px;
}
#navigation ul ul.franchisethin1 li,
#navigation ul ul.franchisethin1 li a {
		width: 95px;
}
/* --------------------------------------- */
#navigationImage {
	position: absolute;
	/* background-color: red; */
	height: 30px;
	width: 263px;
	margin: -30px 0 0 337px;
	background-image: url('../img/top/home.jpg');
}
#navigationUnderline {
	/* background-color: red; */
	width: 600px;
	height: 5px;
	font-size: 1pt;
}
#navigationUnderlineShort {
	/* background-color: red; */
	width: 200px;
	height: 5px;
	margin-left: 337px;
}

/* --------------------------------------- */

#adminNavigation ul {
	list-style: none;
	height: 30px;
	padding-left: 5px;
	background-color: black;
}
#adminNavigation ul li {
	display: block;
	float: left;
}
#adminNavigation ul li.active a {
	color: #82913E;
}
#adminNavigation ul:hover li.active a {
	color: white;
}
#adminNavigation ul li:hover a,
#adminNavigation ul li.active:hover a,
#adminNavigation ul:hover li.active:hover a {
	color: #82913E;
}
#adminNavigation ul li,
#adminNavigation ul li a {
	height: 23px;
}
#adminNavigation ul li ul li,
#adminNavigation ul li ul li a {
	height: 17px;
}
#adminNavigation ul li a {
	font-size: 8pt;
	display: block;
	padding: 7px 5px 0 5px;
	color: white;
}
#adminNavigation ul li ul {
	background-color: transparent;
	height: auto;
	padding-left: 0;
	display: none;
}
#adminNavigation ul li:hover ul {
	display: block;
	position: absolute;
}
#adminNavigation ul li ul li {
	background-color: #333;
	float: none;
}
#adminNavigation ul li ul li.first {
	margin-top: 5px;
}
#adminNavigation ul li ul li a {
	padding: 2px 10px 0 5px;
	width: 85px;
}

#adminNavigation ul li ul li a,
#adminNavigation ul li.active:hover ul li a,
#adminNavigation ul li:hover ul li a,
#adminNavigation ul:hover li.active:hover ul li a {
	color: white;
}
#adminNavigation ul li.active:hover ul:hover li.active a {
	background-color: transparent;
	color: white;
}
#adminNavigation ul li:hover ul li:hover a,
#adminNavigation ul li:hover ul li.active a,
#adminNavigation ul li.active:hover ul li:hover a,
#adminNavigation ul li.active:hover ul li.active a,
#adminNavigation ul li.active:hover ul:hover li.active:hover a {
	background-color: #82913E;
	color: white;
}
#adminNavigationUnderline {
	background-color: #8D8C8B;
	width: 600px;
	height: 5px;
	font-size: 1pt;
}





/*
 * Bottom Navigation
 * --------------------------------------------------------------------------
 */
#pageBottomDecoration {
	height: 36px;
	/* background-color: red; */
	background: transparent url('../img/pageBottomDecoration.gif') top right repeat-y;
}

/*
 * Content
 * --------------------------------------------------------------------------
 */
.homeContent {
	margin-left: 337px;
	width: 200px;
}
.homeContent p {
	margin-top: -32px;
}


/*
 * Franchise Selector
 * --------------------------------------------------------------------------
 */
.franchiseSelector,
.franchiseSelector ul,
.franchiseSelectorSmall,
.franchiseSelectorSmall ul {
	list-style: none;
	width: 198px;
}
.franchiseSelector,
.franchiseSelectorSmall {
	border: solid #36333E 1px;
	background: transparent url('../img/franchiseSelector.gif') top right no-repeat;
	height: 18px;
}
.franchiseSelectorSmall {
	border: solid #d5d5d7 1px;
}
.franchiseSelector:hover {
	background-position: 178px -18px;
}
.franchiseSelector li,
.franchiseSelectorSmall li {
	color: #36333E;
	padding: 3px 0 0 8px;
}
.franchiseSelector li a,
.franchiseSelectorSmall li a {
	display: block;
	padding: 3px 0 3px 8px;
	color: white;
	border: solid #36333E 1px;
	border-bottom: none;
}
.franchiseSelector ul,
.franchiseSelectorSmall ul {
	display: none;
	position: absolute;
	width: 200px;
}
.franchiseSelector:hover ul,
.franchiseSelectorSmall:hover ul {
	display: block;
	margin-left: -9px;
}
.franchiseSelector ul li,
.franchiseSelectorSmall ul li {
	background-color: #595861;
	padding: 0;
}
.franchiseSelector ul li:hover,
.franchiseSelectorSmall ul li:hover {
	color: #36333E;
	background-color: #C5C4C2;
}
.franchiseSelector ul li:hover a,
.franchiseSelector ul li a:hover,
.franchiseSelectorSmall ul li:hover a,
.franchiseSelectorSmall ul li a:hover {
	color: #36333E;
	border: solid #8D8C8B 1px;
	border-bottom: none;
}

/* Small Version */
.franchiseSelectorSmall,
.franchiseSelectorSmall ul {
	width: 128px;
}
.franchiseSelectorSmall {
	background: transparent url('../img/franchiseSelectorSmall.gif') top right no-repeat;
	height: 13px;
}
.franchiseSelectorSmall:hover {
	background-position: 115px -13px;
}
.franchiseSelectorSmall li {
	padding: 0 0 1px 4px;
}
.franchiseSelectorSmall li a {
	padding: 0 0 0 4px;
}
.franchiseSelectorSmall ul {
	width: 130px;
}
.franchiseSelectorSmall:hover ul {
	margin-left: -5px;
}
.franchiseSelectorSmall li,
.franchiseSelectorSmall li a {
	font-size: 7pt;
	height: 14px;
}

/*
 * Page Content and Page Bottom
 * --------------------------------------------------------------------------
 */
#pageContent,
#pageBottom {
	width: 272px;
	padding-left: 32px;
	padding-right: 33px;
}
#pageContent {
	padding-bottom: 15px;
}
#pageContent ul {
	margin-left: 0px;
	margin-bottom: 13px;
	/* list-style-image: url('../img/bulletpoint.gif'); */
}
#pageContent ul li {
	padding-top: 2px;
	padding-left: 14px;
	list-style: none;
	background: transparent url('../img/bulletpoint.gif') 1px 7px no-repeat;
}
#pageContent ol {
	margin-left: 18px;
}
#pageBottom,
#pageBottom td {
	font-size: 8pt;
}
#pageBottom td {
	padding-right: 6px;
}
/*
 * Right Panel
 * --------------------------------------------------------------------------
 */
#rightPanel {
	background: white url('../img/bubbles/red.gif') 0 0 no-repeat;
	width: 217px;
	vertical-align: bottom;
}

#rightPanel.enquiry {
	vertical-align: top;
	padding-top: 15px;
}
#rightPanel.secondLevel {
	background: none;
	padding-top: 15px;
}
#rightPanel.secondLevel p {
	position: absolute;
	top: 235px;
	text-align: right;
	width: 200px;
	font-size: 7.5pt;
}
#rightPanel.secondLevel p.large {
	font-weight: bold;
	font-size: 9pt;
}
#rightPanel.secondLevel p.below {
	top: 455px;
}
#rightPanel.enquiry p {
	margin-top: 13px;
	text-align: right;
	margin-right: 15px;
}
#rightPanel.enquiry table {
	margin: 205px 0 25px 1px;
}
#rightPanel.enquiry table th {
	font-weight: bold;
	color: #36333E;
}

#rightPanel table {
	height: 100%;
	min-height: 100%;
}
#rightPanel ul {
	margin-left: 96px;
	margin-bottom: 15px;
	list-style: none;
	font-size: 8pt;
	padding-top: 300px;
	/* TODO: Check that this was supposed to be 200px
	         it was changed from 300px due to height issues. */
}
#rightPanel ul li a {
	/* color: red; */
}
#rightPanel.secondLevel ul {
	padding-top: 290px;
}
#rightPanelImage {
	position: absolute;
	top: 184px;
}
#rightPanelImageSecond {
	position: absolute;
	top: 254px;
	width: 200px;
	height: 200px;
	background-color: black;
}
#mapImage {
	border: solid #e2e2e2 1px;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 231px;
}


/*
 * Franchise Interest
 * --------------------------------------------------------------------------
 */
#franchiseInterest,
#homeBottomDecoration {
	margin-top: 10px;
}

/*
 * Slogan
 * --------------------------------------------------------------------------
 */
div#slogan {
	position: relative;
	left: -306px;
	bottom: -145px;
}
div#slogan2 {
	position: relative;
	left: -306px;
	bottom: -40px;
}	

/*
 * Article List
 * --------------------------------------------------------------------------
 */
table.articleList {
	width: 100%;
}
table.articleList th {
	font-weight: bold;
	height: 10px;
}
table.articleList th.nobold {
	font-weight: normal;
}
td.separator {
	height: 14px;
	background: transparent url('../img/separatorHorizontal.gif') 0 7px repeat-x;
}
table.articleList td.separatorSolid {
	/* background: transparent url('../img/separatorHorizontalSolid.gif') 0 7px repeat-x; */
	border-bottom: solid #cdcccf 1px;
}
table.articleList td.separatorBlank {
	height: 10px;
}
table.articleList .thumb {
	padding-right: 10px;
	width: 67px;
	height: 50px;
}

.articleTitle {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 10pt;
}

/*
 * Forms
 * --------------------------------------------------------------------------
 */
div.form table {
	width: 270px;
}
div.form th {
	white-space: nowrap;
	padding: 0 10px 0 0;
}
div.form th.error {
	color: #618E9C;
}
div.form td {
	padding-bottom: 2px;
}
div.form label {
	display: none;
}
div.form .text input,
div.form textarea,
div.form select {
	border: solid #e2e2e2 1px;
	width: 155px;
}
div.form .date input {
	border: solid #e2e2e2 1px;
	width: 132px;
	margin-right: 3px;
	height: 17px;
}
div.form .date img {
	vertical-align: middle;
}
div.form .text input,
div.form select {
	height: 17px;
}
div.form .text input {
	height: 16px;
}
div.form .text input,
div.form textarea {
	padding-top: 2px;
	padding-left: 4px;
}
div.form select {
	width: 162px;
}

div.form div.error-message {
	display: none;
}
div.form div.error {
	background: transparent url('../img/error.gif') top right no-repeat;
	padding-right: 18px;
}
div.form .submit {
	margin-top: 5px;
	padding-right: 21px;
	text-align: right;
}
div.form.enquiries th {
	width: 80px;
}
div.form.enquiries .subscribeChecks {
	width: 70px;
}
div.form.enquiries .subscribeChecks td {
	width: 10px;
	padding-right: 10px;
}
.buttonPadRight {
	margin-right: 8px;
}
/*
 * --------------------------------------------------------------------------
 * --------------------------------------------------------------------------
 * Franchise Home Variations
 * --------------------------------------------------------------------------
 * --------------------------------------------------------------------------
 */
.homeContent.franchise p {
	margin-top: 75px;
	margin-bottom: -18px;
}
.homeContent.franchise h1 {
	margin-bottom: 28px;
	margin-left: -79px;
	position: absolute;
}
.homeContent.franchise h1.franchise_name {
	margin-top: 40px;
	margin-left: 0;
	font-size: 13pt;
	color: #6f6866;
}

/*
 * Form Table
 * --------------------------------------------------------------------------
 */
.formTable label {
	display: none;
}
.formTable th {
	padding-right: 20px;
	white-space: no-wrap;
}
.formTable th,
.formTable td {
	padding-bottom: 1px;
}
.formTable th.error {
	color: #82913E;
}
.formTable .input,
.formTable .submit {
	margin-bottom: 2px;
	padding-right: 21px;
}
.formTable .secondaryButton {
	margin-top: 7px;
	margin-right: 4px;
	margin-bottom: 2px;
}
.formTable .text input,
.formTable .textarea textarea {
	background-color: #DAD3CC;
	width: 240px;
	height: 14px;
	padding-top: 3px;
}
.formTable select {
	background-color: #DAD3CC;
	height: 17px;
}
.formTable .date input {
	background-color: #DAD3CC;
	width: 216px;
	margin-right: 3px;
	height: 16px;
	padding-top: 3px;
	margin-bottom: 2px;
}
.formTable .date img {
	vertical-align: middle;
}
.formTable .error input,
.formTable .error textarea {
	background-color: #C6CCA6;
}
.formTable .submit {
	margin-top: 5px;
	text-align: right;
}
.formTable .error-message {
	display: none;
}
.formTable div.error {
	background: transparent url('../img/errorRed.gif') top right no-repeat;
	padding-right: 21px;
}
.formTable td.buttons {
	text-align: right;
	padding-right: 21px;
}

.formTable div.colorPicker {
	padding-right: 0;
	padding-top: 0;
}
.formTable input.colorPickerField {
	margin-right: 3px;
	width: 196px;
	display: inline;
}
.formTable .colorSwatch {
	width: 19px;
	height: 19px;
	background-color: #efefef;
	margin-right: 3px;
}
.formTable .colorPickerButton {
}

/*
 * Group and Color Selector
 * --------------------------------------------------------------------------
 */
#groupColorSelector,
#groupColorSelector_color {
	height: 13px;
	width: 200px;
	position: relative;
	top: 268px;
	padding: 0;
	margin-bottom: 14px;
}
#rightPanel.secondLevel #groupColorSelector p,
#rightPanel.secondLevel #groupColorSelector_color p {
	top: 0;
	left: 0;
	text-align: left;
	width: 40px; 
	height: 13px;
}
#rightPanel.secondLevel #groupColorSelector ul,
#rightPanel.secondLevel #groupColorSelector_color ul {
	padding: 0;
	margin-left: 40px;
	width: 160px;
	display: block;
	
}
#rightPanel.secondLevel #groupColorSelector ul li,
#rightPanel.secondLevel #groupColorSelector_color ul li {
	font-size: 7pt;
	background: transparent url('../img/franchiseSelectorSmall.gif') top right no-repeat;
	height: 13px;
	padding-left: 5px;
	cursor: hand;
	cursor: pointer;
	border: solid #8D8C8B 1px;
}
#rightPanel.secondLevel #groupColorSelector ul li ul,
#rightPanel.secondLevel #groupColorSelector_color ul li ul {
	
	display: none;
	margin-left: -6px;
	border: 0;
	width: 160px;
}
#rightPanel.secondLevel #groupColorSelector ul li:hover,
#rightPanel.secondLevel #groupColorSelector_color ul li:hover {
	background-position: 145px -13px;
}
#rightPanel.secondLevel #groupColorSelector ul li:hover ul,
#rightPanel.secondLevel #groupColorSelector_color ul li:hover ul {
	display: block;
}
#rightPanel.secondLevel #groupColorSelector ul li ul li,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li {
	padding: 0;
	background-image: none;
	background-color: #595861;
	color: white;
	border: solid #36333E 1px;
	border-top: none;
	white-space: nowrap;
}
#rightPanel.secondLevel #groupColorSelector ul li ul li a,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li a {
	display: block;
	width: 143px;
	font-size: 7pt;
	color: white;
	padding-left: 5px;
	padding-right: 10px;
	/* border-bottom: solid #36333E 1px; */
}
#rightPanel.secondLevel #groupColorSelector ul li ul li:hover,
#rightPanel.secondLevel #groupColorSelector ul li ul li:hover a,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li:hover,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li:hover a {
	color: #36333E;
	background-color: #C5C4C2;
	height: 13px;
}


#rightPanel.secondLevel #groupColorSelector ul li ul li.color a,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li.color a {
	padding-left: 15px;
}
#rightPanel.secondLevel #groupColorSelector ul li ul li.color a,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li.color a {
	width: 133px;
}
#rightPanel.secondLevel #groupColorSelector ul li ul li.color .colorSwatch,
#rightPanel.secondLevel #groupColorSelector_color ul li ul li.color .colorSwatch {
	width: 11px;
	height: 13px;
	float: left;
	position: absolute;
	background-color: black;
}

#rightPanel.secondLevel #groupColorSelector {
	z-index: 2;
}

#rightPanel.secondLevel #groupColorSelector_color {
	z-index: 1;
}

/**
 * Database Based Colour picker
 * --------------------------------------------------------------------------
 */
.dbColorPicker {
	margin-bottom: 6px;
}
#dbColorPickerLabel {
	height: 13px;
}
.dbColorPicker, .dbColorPicker li {
	height: 13px;
	width: 233px;
}

#dbColourPickerMenuHeader  {
	background: #DAD3CC url('/img/admin/buttons/arrow-down.png') top right no-repeat;
}

.dbColorPicker li {
	list-style: none;
	padding: 3px 5px;
	background-color: #DAD3CC;
}
.dbColorPicker #dbColorPickerSubmenu {
	margin-top: 15px;
}
.dbColorPicker ul {
	display: none;
}
.dbColorPicker.hover ul {
	display: block;
	position: absolute;
	margin-left: -5px;
	margin-top: -12px;
}
.dbColorPicker ul li {
	border-top: solid white 1px;
	cursor: pointer;
}
.dbColorPicker ul li:hover {
	background-color: #f7f6f5;
}
.dbColorPicker ul li p {
	padding-left: 19px;
}
.dbColorPicker .colorSwatch {
	width: 13px;
	height: 13px;
	float: left;
}
.dbColorPicker li p {
	margin-top: -1px;
}

/*
 * Login Box
 * --------------------------------------------------------------------------
 */
div#login {
	margin: 160px auto 0 auto;
	width: 310px;
	height: 280px;
	background: transparent url('../img/loginBackground.gif') 0 0 no-repeat;
}
#loginForm label {
	display: none;
}
#loginForm #UserUsername {
	margin-top: 139px;
}
#loginForm #UserPassword {
	margin-top: 22px;
}
#loginForm .password input,
#loginForm .text input {
	margin-left: 26px;
	height: 15px;
	width: 200px;
}
#loginForm .submit input {
	margin-left: 23px;
	margin-top: 12px;
}
#loginForm input {
	color: #666666;
}

/*
 * Admin Layout
 * --------------------------------------------------------------------------
 */
#adminPadding {
	padding: 15px 30px 50px 30px;
}
.adminTopButton {
	width: 40px;
}
.adminTopMessage {
	vertical-align: bottom;
	padding-bottom: 13px;
	padding-right: 10px;
	color: #82913E;
}
#adminPadding ul.help li {
	margin-left: 15px;
}
#adminPadding div#help {
	width: 400px;
}

/*
 * Admin Heading
 * --------------------------------------------------------------------------
 */
table.adminHeading {
	width: 100%;
}
table.adminHeading td.productCategoryHeading {
	width: 80px;
}
table.adminHeading td.productCategoryName {
	width: 200px;
}

/*
 * Admin Table
 * --------------------------------------------------------------------------
 */
.adminTable {
	width: 100%;
}
.adminTable tr {
	width: 100%;
}
.adminTable th,
.adminTable td {
	border-bottom: solid white 1px;
	border-right: solid white 1px;
	padding-left: 10px;
	padding-top: 3px;
	font-weight: normal;
}
.adminTable tr.deleted td {
	color: red;
}
.adminTable tr.deleted .webmail,
.adminTable tr.deleted .edit,
.adminTable tr.deleted .delete {
	display: none;
}
.adminTable th {
	background-color: black;
	color: white;
	padding-bottom: 3px;
}
.adminTable .colorSwatch {
	width: 12px;
}
.adminTable th a {
	color: white;
}
.adminTable td {
	background-color: #DAD3CC;
	color: #36333E;
	padding-bottom: 2px;
}
.adminTable tr:hover td {
	background-color: #EBE7E2;
}
.adminTable .action {
	padding: 0;
	whitespace: nowrap;
}
.adminTable th.action {
	padding-left: 10px;
	padding-top: 3px;
	width: 90px;
}
.adminTable td.action {
		width: 38px;
}
.adminTable .productCount {
	width: 100px;
}
.adminTable td.action a {
	display: block;
	float: left;
	height: 17px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	background-color: #82913E;
	color: white;
}
.adminTable .action a:hover {
	background-color: #8D8C8B;
}

.adminEditThumb {
	width: 67px;
	height: 50px;
	margin-bottom: 2px;
}
td.thumbnail,
th.thumbnail {
	width: 57px;
}
.adminTable .productName {
	width: 370px;
}
.adminTable .productNameColor {
	width: 254px;
}
.adminTable td.color {
	width: 115px;
}
.adminTable th.color {
	width: 105px; 
}
.adminTable td.color,
td.thumbnail {
	padding: 0;
}

td.productCategoryName table {
	width: 180px;
}
td.productSubcategory {
	padding-right: 10px;
	white-space: nowrap;
}
td.productSubcategory.separator {
	height: 9px;
	background-position: 0 4px;
}

/* This is getting ridiculous.. */
.adminTable th.groupsActions {
	width: 143px;
}
.adminTable td.action.products {
	width: 62px;
}
.adminTable td.action.webmail {
	width: 50px;
}
.adminTable td.action.edit {
	width: 38px;
}
.adminTable td.action.delete {
	width: 51px;
}
/* Color Swatch Section */
.adminTable td.color table {
	height: 50px;
	width: 100%;
}
.adminTable td.color table td {
	border: 0;
}
.adminTable td.color table td.text {
	padding-right: 5px; 
}
.adminTable td.color table td.color {
	width: 20px;
}

td.profileEnabled,
td.publicEnabled,
td.loginEnabled,
td.webmailEnabled,
td.profileDisabled,
td.publicDisabled,
td.loginDisabled,
td.webmailDisabled {
	width: 22px;
	height: 20px;
	padding: 0;
}

td.profileEnabled, tr:hover td.profileEnabled {
	background-color: #82913E;
}
td.publicEnabled, tr:hover td.publicEnabled {
	background-color: #FBB471;
}
td.loginEnabled, tr:hover td.loginEnabled {
	background-color: #81A3AE;
}
td.webmailEnabled, tr:hover td.webmailEnabled {
	background-color: #6B537F;
}

.adminTable td.profileDisabled, .adminTable tr:hover td.profileDisabled,
.adminTable td.publicDisabled, .adminTable tr:hover td.publicDisabled,
.adminTable td.loginDisabled, .adminTable tr:hover td.loginDisabled,
.adminTable td.webmailDisabled, .adminTable tr:hover td.webmailDisabled {
	background-color: #DAD3CC;
}
.keyTable .publicEnabled,
.keyTable .loginEnabled,
.keyTable .webmailEnabled {
	border-bottom: solid #fff 1px;
}
.keyLabel {
	padding-left: 7px;
	padding-top: 2px;
}

.adminTable.groupTable td {
	padding: 0;
}
.adminTable.groupTable a {
	display: block;
	padding: 3px 0 2px 10px;
	line-height: 1.3em;
}

/*
 * Pagination / Paging
 * --------------------------------------------------------------------------
 */
.paging {
	padding-top: 8px;
	float: right;
	border-right: solid white 1px;
}
.paging.noPad {
	padding-top: 0;
}
.paging div {
	display: inline;
}
.paging div img {
	position: relative;
	top: 2px;
}
.paging .prev {
	margin-right: 2px;
}
.paging .next {
	margin-left: 1px;
}
.paging span {
	margin: 0 2px 2px 2px;
}
.paging div span {
	margin: 0;
}

table.paginationTable {
	width: 100%;
	margin-top: 8px;
}

/*
 * Thumbnail Grid
 * --------------------------------------------------------------------------
 */
.thumbnailGrid {
	background: black url('../img/thumbnailGridBackground.jpg') top left no-repeat;
}
.thumbnailGridBlank {
	background: none;
	background-color: black;
}
.thumbnailGrid td {
	border-bottom: solid white 1px;
	border-right: solid white 1px;
	padding: 0;
	margin: 0; 
}
.thumbnailGrid td,
.thumbnailGrid img,
.thumbnailGridBlank td,
.thumbnailGridBlank img {
	width: 67px;
	height: 50px;
}

#thumbnailPreviewImageAdmin {
	width: 200px;
	height: 200px;
	margin-left: 40px;
	margin-top: 70px;
	position: fixed;
}
#thumbnailPreviewImageAdminCaption {
	position: fixed;
	margin-top: 262px;
	display: block;
	text-align: right;
	width: 200px;
	margin-left: 40px;
}
#thumbnailPreviewImageAdminButton {
	position: fixed;
	margin-top: 255px;
	/* display: block; */
	/* text-align: right; */
	/* width: 200px; */
	margin-left: 40px;
}

.functionCentreDetail th {
	padding-right: 15px;
	font-weight: bold;
}
.functionCentreDetail td,
.functionCentreDetail th {
	padding-bottom: 5px;
}

/*
 * Footer
 * --------------------------------------------------------------------------
 */
#footer {
	width: 600px;
	margin: 10px auto 48px auto;
	text-align: right;
}
#footer span {
	display: block;
	float: right;
	width: 263px;
	text-align: left;
}
#footer a:hover {
	color: white;
}
#footer, #footer span, #footer a {
	font-size: 7.5pt;
	font-family: Arial, Helvetica, sans-serif;
}

.productSubcategoryEdit,
.productSubcategoryDelete {
	padding-left: 6px;
	padding-right: 3px;
}
.productSubcategoryDelete {
	padding-right: 0;
}

/**
 * Sortable Lists
 * --------------------------------------------------------------------------
 */
.sortableList {
	list-style: none;
}

/**
 * Admin Charts
 * --------------------------------------------------------------------------
 */
.adminChart {
	border: solid #ccc 1px;
	width: 264px;
	margin-bottom: 10px;
}
.adminChart.noBorder {
	border: none;
}
.adminChart h1 {
	margin-top: 2px;
	font-weight: bold;
}
.adminChart.left {
	margin-right: 10px;
}
.adminChart.wide {
	width: 540px;
}
.adminChart .legend {
	width: 250px;
	margin: 0 auto 5px; auto;
}
.adminChart .legend th {
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
}
.adminChart .legend .swatch {
	width: 0px;
	height: 18px;
	border-bottom: solid white 1px;
}
.adminChart .legend td {
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

ul.dashboardTabs {
	height: 20px;
}
ul.dashboardTabs li {
	list-style-type: none;
	float: left;
	display: block;
	margin-right: 5px;
}
ul.dashboardTabs li a {
	display: block;
	height: 17px; 
	border: solid #ccc 1px;
	width: 40px;
	padding: 0 8px 0 8px;
}
ul.dashboardTabs li a.active {
	background-color: #82913E;
	color: white;
	border: solid #82913E 1px;
}

.chartTable {
	width: 100%;
}
.chartTable th,
.chartTable td {
	border-bottom: solid  #ccc 1px;
	border-right: solid  #ccc 1px;
	padding: 1px 8px 2px 5px;
}
.chartTable td {
	text-align: right;
}
.chartTable td.left {
	text-align: left;
}
.chartTable th {
	background-color: #ccc;
	border-bottom: solid white 1px;
	border-right: solid white 1px;
}
.chartTable .heading th {
	background-color: #6D6B72;
	color: white;
}

.tabPanel {
	border: solid #ccc 1px;
	margin-top: -2px;
	height: 246px;
	width: 262px;
	overflow: scroll;
	position: absolute;
	text-align: left;
	
}
#summary7Pie,
#summaryFilterPie {
	
}

div.thumbGridDescription {
	padding-top: 40px;
}

/*
===========================
Newsletter additions
===========================
*/
h2.newsletter {
	font-size: 12pt;
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.formTable.newsletter .submit {
	padding-right: 0;
}
.formTable.newsletter select {
	width: 240px;
}
#NewsletterAddForm textarea {
	height: 150px;
}

.newsletterForm {
	width: 100%;
}
.formTable.newsletter th,
.newsletterForm th {
	width: 70px;
}
.newsletterBorder {
	border-bottom: solid #83913D 1px;
}
.newsletterBorderTop {
	border-top: solid #83913D 1px;
}
.articleAddFormBox {
	padding: 10px 0;
}
.pad21 {
	padding-right: 21px;
}

/*
 * Product Association
 * --------------------------------------------------------------------------
 */
.productNotStocked {
	border-right: solid white 1px;
	border-bottom: solid white 1px;
}
.productHover,
.productStocked {
	border-right: solid gray 1px;
	border-bottom: solid gray 1px;
}
.productNotStocked {
	background-color: black;
	opacity: 0.30;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
}
.productStocked {
	opacity: 0.45;
	filter: alpha(opacity=45);
	-moz-opacity: 0.45;
}
.productHover {
	background-color: white;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.faq-question {
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
}