/* ------- The browser window ------ */

#pageBack
{
	font-variant: normal;
	text-transform: none;
	background-color: #2F221D;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #424242;
	vertical-align: center;
}

#page
{
	background-color: #ffffff;
	width: 100%;
}

/* ------ Content below toolbar and above page bottom ------ */
#main
{
	color: #424242;
	padding: 0px;
	margin-top: 3px;
	border-top: solid 1px #D8C6BF;
	width: 100%;
}

/* ------ Left hand menu containing catalogue and member menus ------ */
#menu
{
    width: 157px;
	padding-top: 20px;
}


/* ------ Content within main to the right of the category and member menu and to the left of admin and hotitems menu ------ */
#pageBody
{
	text-align: left;
	vertical-align: top;
	font-size: 8pt;
	padding-left: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
}

#bottomSection
{
 	background-color: #D3D3D3;
	border-top: solid 6px #9D0B0B;
}

#bottomSection
{
 	text-align: right;
	padding: 5px;
}

#pageContent
{
 	padding-top: 20px;
}

/* ------ Contains admin menu and hot items ------ */
#rightMenu
{
	text-align: right;
	vertical-align: top;
	width: 243px;
	padding-right: 20px;
	padding-top: 20px;
}

/* ------ PAGE BOTTOM contains copyright info and simple category links ------ */
#pageBottom
{
	background-color: #000000;
	text-align: left;
	font-size: 8pt;
	width: 100%;
	height: 20px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 3px #ffffff;
 	color: #ffffff;
}

#pageBottomLink:visited, #pageBottomLink:link, #pageBottomLink:hover, #pageBottomLink:active
{
 	color: #ffffff;
}

#bodyText
{
}

.bodyText
{
	color: #424242;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.smallText
{
	font-size: 8pt;
	color: #424242;
}

a.helpText
{
	font-size: 9pt;
	color: #0343a5;
	background-image: url(images/admin/helpIssues.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 18px;
	padding-top: 1px;
}

a.helpText:hover
{

	font-size: 9pt;
	color: #7AABF4;
}

.helpText
{
	font-size: 9pt;
	color: #0343a5;
}

.border
{
	width: 1px;
	height: 1px;
	background-color: #969696;
}

.tableBorder
{
	border: 1px #969696 solid;
	margin: 1px;
}

.columnHeader
{
	border: #848484 1px outset;
	background-color: #9cc6ff;
	color: #424242;
	padding: 2px;
	padding-left: 5px;
	font-weight: bold;
}

.shade
{
	background-color: #baddff;
}

.tablePadding
{
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
}



/* ------ All text input fields and text area fields ------ */
#simpleSearch .inputText
{
	border: 1px #000000 solid;
	color: #000000;
}

/* ------  input controls and textarea tags with manditoiry attribute set to true ------ */
input[mandiroty="true"], textarea[manditory="true"]
{
	background-color: #ffffff;
	border: 1px #000000 solid;
}

/* ------  STANDARD HTML TAG STYLES  ------  */
a
{
	text-decoration: none;
	color: #861A27;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #861A27;
	font-weight: bold;
}


.fullImage
{
 	border: #969696 1px solid;
}


/* --  Provides user feedback on the completed action  -- */
.actionFeedBack
{
	color: #330099;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* --  Used For Site Exceptions and other errors  -- */
#notification
{
	color: #861A27;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 25px;
	background-image: url("images/notification.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

/* --  Provides user feedback on screen details  -- */
.indicator
{
	color: #aobe3d;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

/* --  Used to format attribute names for custom attributes Users, Products, Orders  -- */

TD[attributeName="Price"]
{
 	text-align: right;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

TD
{
 	text-align: left;
	font-size: 8pt;
	color: #000000;
}

/* -- Defined classes and HTML Tags used in editor  --  */
P
{
   margin: 0px;
   padding: 0px;
}

h1, .title
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	color: #424242;
	font-weight: normal;
}

h2, .heading
{
	padding-top: 10px;
	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #424242;
}

h3, .subHeading
{
	padding-top: 8px;
	paddin-bottom: 4px;
	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #424242;
}

h4
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #424242;
}

input[type="submit"], input[type="button"], input[type="submit"]:visited, input[type="button"]:visited, input[type="submit"]:link, input[type="button"]:link
{
	border 1px #000000 solid;
	color: #000000;
	background-color: #D8C6BF;
	text-decoration: none;
	text-transform: none;
}

input[type="submit"]:hover, input[type="button"]:hover
{
	border 1px #000000 solid;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	text-transform: none;
}

/* -----  Bottomf of the web site, below page content ----- */
#pageBottomCategories
{
	text-align: right;
	white-space: nowrap;
	color: #ffffff;
	font-weight: normal;
}

#siteCopyright
{
	text-align: right;
	white-space: nowrap;
	color: #ffffff;
	font-weight: normal;
}

#siteCopyright a
{
	text-align: right;
	white-space: nowrap;
	color: #ffffff;
	font-weight: normal;
}

#logon
{

}

#forgotPassword
{

}

#userEdit
{

}

.productDefinition
{
	text-decoration: none;
	font-weight: bold;
	color: #0343a5;
	font-size: 9pt;
}

/* ------  PRODUCT  ------
Start of product specific styles that can be dupliucated into seperate display styles in library/productStyles  */


.product
{
	width: 221px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}

.productCaption
{
	color: #424242;
	font-size: 10pt;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
}

.productBody
{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.productImage
{
	margin: 0px;
	padding: 0px;
	border-bottom: solid 5px #000000;
}

.productActionButtons
{
	color: #861A27;
}

.productActionButton, .productActionButton:visited
{
	color: #861A27;
}

.productActionButton:hover, .productActionButton:active
{
	color: #861A27;
}


/* ------  Section End  ------ */

#categoryMenu
{
	vertical-align: top;
	text-align: left;
	width: 141px;
	margin-left: 9px;
}

#categoryMenu .title
{

}

#categoryMenu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

/* -- Each item in the member menu list -- */
#categoryMenu li
{
	padding: 0px;
	margin: 0px;
	height: 21px;
}

/* -- Applies to the currently selected category menu item -- */
#categoryMenuItemOn a:link, #categoryMenuItemOn a:visited, #categoryMenuItemOn a:hover, #categoryMenuItemOn a
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrowOn.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}


/* -- Each link item in the category menu list rollover state -- */
#categoryMenu a:hover, #categoryMenu a:active
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrowOn.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}

/* -- Each link item in the category menu list default resting state -- */
#categoryMenu a
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrow.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}

/* ------  SECFTION END  ------  */

/*  --  Column of child categories of the current category. This is displayed above page content
        And allows for the navigation to sub categories.
*/

#categoryBranch
{
	margin: 0px;
	padding: 5px;
	width: 100%;
}

#childCategoryMenu
{
	vertical-align: top;
	white-space: nowrap;
}

/* -- The entire column list as an entity -- */
#childCategoryMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* -- Each item in the category child menu list -- */
#childCategoryMenu li
{
	font-size: 8pt;
	margin: 0px;
	padding-bottom: 2px;
}

/* -- Each link item in the category child menu list default resting state -- */
#childCategoryMenu a, #childCategoryMenu a:visited
{
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 3px;
}

/* -- Each link item in the category child menu list rollover state -- */
#childCategoryMenu a:hover, #childCategoryMenu a:active
{
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 3px;
}

/* ------  SECFTION END  ------  */


/* ------  MEMBERS MENU  ------  */
/* This is user specific buttons and links such as longon, logoff edit
profile, view order. */

#userMenu
{
	vertical-align: top;
	text-align: left;
	width: 179px;
	margin-left: 9px;
	padding-top: 40px;
	background-image: url("images/membersTitle.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#userMenu .title
{
}

.menuLogon
{
	margin: 2px;
}

/* -- The entire member menu list as an entity -- */
#userMenu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

/* -- Each item in the member menu list -- */
#userMenu li
{
	padding: 0px;
	margin: 0px;
	height: 21px;
}

/* -- Applies to the currently selected member menu item -- */
#userMenuItemOn a:link, #userMenuItemOn a:visited, #userMenuItemOn a:hover, #userMenuItemOn a
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrow.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}


/* -- Each link item in the member menu list rollover state -- */
#userMenu a:hover, #userMenu a:active
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrowOn.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}

/* -- Each link item in the member menu list default resting state -- */
#userMenu a
{
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("images/menuArrow.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
}

/* ------  SECFTION END  ------  */

#adminMenu
{
	vertical-align: top;
	text-align: left;
	width: 200px;
	border: solid #000000 1px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

#adminMenu a, #adminMenu a:hover
{
 	text-decoration: none;
	color: #003399;
}

#adminTitle
{
 	margin: 2px;
	border: solid 1px #000000;
	align: middle;
	font-size: 10pt;
	font-weight: bold;
	background-color: #99CCFF;
	margin-bottom: 5px;
	padding: 3px;
}

#adminSection
{
 	border-bottom: solid 1px #CCCCCC;
}

#adminSectionOn #title
{
	color: #000000;
	padding-left: 8px;
	padding-left: 8px;
	vertical-align: top;
	display: block;
	height: 22px;
	font-size: 9pt;
	padding-top: 2px;
	border-bottom: dashed 1px #CCCCCC;
}

#adminSection #title
{
	color: #000000;
	padding-left: 8px;
	padding-left: 8px;
	vertical-align: top;
	display: block;
	height: 22px;
	font-size: 9pt;
	padding-top: 2px;
	background-image: url(images/admin/adminArrow.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#adminSectionOn
{
 	background-color: #ffffdd;
	border-top: solid 1px #999999;
}

#adminSection ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
}

#adminSectionOn ul
{
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	border-bottom: solid 1px #666666;
}

#adminMenu li
{
	padding: 0px;
	margin: 0px;
	height: 21px;
}

#adminMenu a.adminOption, #adminMenu a:visited.adminOption
{
 	font-size: 8pt;
}

#adminMenu a:hover.adminOption, #adminMenu a:active.adminOption
{
 	font-size: 8pt;
}

/* ------  Advanced Content Editor  ------ */
.buttonOff
{
	border: #969696 1px outset;
}

.buttonOver
{
	border: #969696 1px outset;
	background-color: #80ABBA;
}

.buttonDown
{
	border: #969696 1px inset;
	background-color: #B7E6EF;
}


/* ------  DISPLAY FOR HOT ITEM CATEGORIES ------  */
#hotItem
{
	color: #424242;
	background-color: #e0e0e0;
	margin-top: 2px;
	vertical-align: top;
	width: 141px;
}

#hotItem .title
{

	color: #ffffff;
	display: block;
	font-size: 8pt;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	border-right: 1px solid #969696;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	background-color: #a0a0a0;
	white-space: nowrap;
	font-weight: bold;
}

#hotItem .bodyText
{
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #E0E0E0;
	font-size: 8pt;
	text-align: left;
	white-space: normal;
}

#hotItem a, #hotItem a:visited
{
	text-align: right;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #E0E0E0;
	font-size: 7pt;
}

#hotItem a:hover, #hotItem a:active
{
	text-align: right;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #E0E0E0;
}


/* ------  RESULT SETS FOR PAGE COUNT in ORDER, PAYMENT, PRODUCT, USER ------ */
#resultSets
{
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: #969696;
	text-align: right;
	height: 22px;
	width: 50%;
	vertical-align: center;
	padding-right: 15px;
}

#resultSetPages
{
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom;
	align: right;
	width: 50%;
}

A.resultSet, A.resultSet:visited
{
	border: #E0E0E0 1px solid;
	text-align: left;
	padding: 2px;
	color: #969696;
	text-decoration: none;
	background-image: url("images/dots.gif");
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 7pt;
	width: 18px;
	height: 22px;
}

A.resultSet:hover, A.resultSet:active
{
	border: #E0E0E0 1px solid;
	text-align: left;
	padding: 2px;
	color: #000000;
	text-decoration: none;
	background-image: url("images/dots.gif");
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 7pt;
	width: 18px;
	height: 22px;
}

A.currentResultSet, A.currentResultSet:hover, A.currentResultSet:active, A.currentResultSet:visited
{
	border: #E0E0E0 1px solid;
	text-align: left;
	padding: 2px;
	color: #000000;
	text-decoration: none;
	background-image: url("images/dots.gif");
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 7pt;
	width: 18px;
	height: 22px;
	background-color: #baddff;
}



/* ------ USER SPECIFIC STYLING ------ */
.userActionButton:link, .userActionButton:visited
{

}

.userActionButton:hover, .userActionButton:active
{

}

/* ------ ORDER SPECIFIC STYLING ------ */
.orderActionButton:link, .orderActionButton:visited
{

}

.orderActionButton:hover, .orderActionButton:active
{

}

.printDocument
{
 	background-image: url("images/logo.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}