/* HTML tag styles */
BODY, TH, TD, OL, UL, LI, TT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
}

PRE {
	font-family: monospace, courier, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066cc;
	text-decoration: none;
}

A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ef4135;
	text-decoration: none;
}


/* Theme specific styles */
/* Top title box (contains page title & optional navigation button */
.title_box {
	padding: 4px;
	border:1px solid #cccccc;
	background-color: #f0f0f0;
	width: 98%;
}

.title_span {
	display:inline;
	width: 80%;
}

.page_button {
	display:inline;
	text-align: right;
	width: 20%;
}

.topbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* iNet Menu Styles 
Use this to control menu's and custom links generated by iNet

You can use the following placeholders in your template to set where the generated menus will go
{CUSTOM_LINKS} - Custom menu
{MENUBOXES} - sagro standard menus
{STORE_MENUBOX} - Store custom menus (custom)
{FEATURED_MENUBOX} - Featured Products
{CATEGORY_MENUBOX} - Categories / Departments
{LIST_MENUBOX} - Shopping list / store menus

todo - describe id's to control  (either set in template - to contain multiple - or in some cases, set by sagro)

*/

/* Side Menu - Main Box */
#menubox .menu {
	display: block;
	margin: 0 0 10 0;
	border: 1px solid #333333;
	background: #ffffff;
	border-left: 0px;
}

/* Side Menu - Title */
#menubox H1 {
	background: #0071BD;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	padding-left: 15px;
	margin: 0px;
	width: 150;
}

/* Side Menu  - List */
#menubox ul { 
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	background: #ececec;
        	padding: 0px;
}

/* Side Menu - List Items */
#menubox ul li {
	 font-size: 10px;
      	 border-top: 1px solid #cecece;
}

/* Side Menu - Links */
#menubox ul li a {
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 150;
	padding: 3px 3px 3px 10px;
	margin: 0px;
}

/* Side Menu - Link Hover */
#menubox ul li a:hover {
	font-size: 10px;
	color: #0066CC;
	background: #FFFFFF;
}

/* Side Menu - Highlighted Links */
#menubox .menuboxhighlight {
	border-bottom: solid 3px #0066cc;
}

#menubox P {
	text-align:center;
	margin: 0;
}

#menubox .blank {
	border-top: 0px; 
	list-style-image: none;
}

/* Top Menu - Main Box */
#custom_links .menu{
	display:inline;
	clear: right;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Top Menu - Title */
#custom_links H1, #custom_links P {
	display: none;
}

/* Top Menu - List */
#custom_links ul {
	float: right;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

/* Top Menu - List Items */
#custom_links ul li {
	float: left;
	color: #FFFFFF;
	margin: 0 10 0 0;
}

/* Top Menu - Links */
#custom_links ul li a {
	color: #FFFFFF;
}

/* Top Menu - Link Hover */
#custom_links ul li a:hover {
	color: #cccccc;
}

/* Featured products box (within a side menu) */
#feature_box .product {
	text-align: center;
}

/* Featured products box - Price */
#feature_box .product_price {
	padding-top: 10px;
	color:#020286;
	font-size: 19px;
}

/* Featured products box - Product Name */
#feature_box .name {
	font-weight:bold;
	padding-top: 5px;
	padding-bottom:5px;
}

/* Also available are #feature_box .thumbnail and .form */

/* iNet form elements */

.button, .smallbutton, .selectbox, .smallselectbox {
	font-size: 10px;
}

.textbox, .smalltextbox { 
	font-family: monospace;
}

/* Text areas */
.textarea{
	background-color:#e8f2f9;
}

/* Password Entry Text Boxes */
.password {
	background-color:#ffeeee;
	font-family: monospace;
}

/* Date / Live search text boxes */
.formbox{
	font-family: monospace;
}

/* iNet display elements */

/* Price */
.product_price {
	color:#020286;
	font-size: 19px;
}

/* Generic box/container used to group elements within iNet */
.generic_box  {
	background-color:#ffffff; 
	border:1px solid #cccccc;
	width: 98%;
}

/* Tool tips that appear when mouse hovers over an element */
.tooltip {
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 2px;
}

/* Order header information (appears as popup window) */
#order_details .generic_box {
	background-color: #f0f0f0;
	border:1px solid #cccccc;
}

/* Generic Labels */
.celltext {
	font-size: 9px;
	line-height: 14px;
	color: #555555;
	text-decoration: none;
}

/* Generic Data */
.celldata {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
}

/* Highlighted Data */
.cellhighlight {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #174b7f;
	text-decoration: none;
}

/* Results List (Table)*/
.list_container  {
	background-color:#ffffff; 
	border:1px solid #cccccc;
	width: 98%;
}

/* Results List (Even Rows) */
.list {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color:#ffffff;
}

/* Results List (Odd Rows) */
.listodd {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-color:#eeeeee;
}

/* Results List (Highlighted Rows) */
.listhighlight{
	color:#ffffff;
	background-color:#7da7d9;
	font-size: 11px;
}

/* Results Lists - Header Row */
.list_heading, .list_heading A {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #0066cc;
	font-weight:bold;
}

/* Results List Navigation  */
.page_links { }

/* Results List Navigation - Active Page, forward & back buttons */
.page_links_on, .page_links_on:hover {
	font-size: 12px;
	font-weight: bold;
}

/* Page Titles */
.title {
	color:#0f3f99;
	font-size: 15px;
	font-weight: bold;
}

/* Messages */
.message {
	color:#ef4135;
	font-size: 12px;
	font-weight: bold;
}

/* Label for required fields */
.required_field {
	font-weight: bold;
}

/* Product & Category Names (Typically are links to view detail)*/
.category_link, .product_link {
	color:#666666;
	font-size: 12px;
	font-weight: bold;
}

/* Product & Category Link mouseovers */
.category_link:hover, .product_link:hover {
	color:#ef4135;
	font-size: 12px;
	font-weight: bold;
}

/* Horrizontal Rule (line/seperator) */
.hr { 
    border-bottom: solid 1px;
    color: #333333;
    padding: 4px;
}

/* Catalog - List of departments, classes, finelines */
.departmenttable TD {
	background: #eeeeee;
	margin: 3px;
	border: 1px solid #dddddd;
}

.departmenttable TD:hover {
	background: #fFfFfF;
	margin: 3px;
	border: 1px solid #dddddd;
}

/* Catalog - search refining */
#search_refine {
	display: block;
}

/* Catalog - search refining - Button to refine search results */
#search_refine button {
	width:100%;
	border: 1px solid #333333;
	background-color: #cccccc;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/* Catalog - search refining - box containing options */
#search_refine div.refine_box {
	width:96%;
	padding: 4px;
}

/* Catalog - search refining - List of options */
#search_refine UL {
	list-style-type:none;
	margin: 0;
	padding: 5px;
	display:block;
}

/* Catalog - search refining - List Items */
#search_refine LI {
	width: 48%;
	float: left;
}


/* Recently viewed items - main box */
#recently_viewed .recently_viewed{
	text-align: left;
	border-top: 1px dotted #333333;
	width: 98%;
	margin-top: 10px;
	padding: 5px;
}

/* Recently viewed items - Product */
#recently_viewed .recent_product {
	float: left;
	text-align: center;
	width: 24%;
	padding: 0px;
	margin: auto;
	height: 100%;
	padding-top: 10px;
}

/* Recently viewed items - Price */
#recently_viewed .product_price {
	font-size: 11px;
}

/* Revently viewed items - title */
#recently_viewed H1 {
	color:#999999;
	font-size: 15px;
	font-weight: bold;
	display:inline;
	clear:right;
}