/* Theme name: inet1 */
@import url('../../css/buttons.css');

/* HTML tag styles */
BODY, TH, TD, OL, UL, LI, TT {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}


/* Theme specific styles */

.i1_container {
	height:100%;
	margin: 0;
	background-color: #0e033d;
}

.i1_menu {
	clear: left;
	float:left;
	width: 15%;
	height: 100%;
	color: #ffffff;
	margin-bottom: 0px;
	position: static;
}

.i1_page {
	padding-left: 5px;
	background-color: #ffffff;
	color: #333333;
	text-align: left;
	overflow: auto;
}

.i1_content {
	clear: right;
	float: right;
	width: 85%;
	height: 100%;
	background-color: #ffffff;
	margin-bottom: 0px;
	position: static;
}

.i1_header_space {
	height: 50px;
}

.i1_header {
	width: 100%;
	height: 50px;
	color: #FFFFFF;
	background-color: #0e033d;
	position: absolute;
	top: 0;
}

.i1_footer {
	clear: both;
	width: 100%;
	height: 24px;
	border-top: solid 1px #333333;
	position: absolute;
	bottom: 0px;
}

.i1_site_name {
	width:auto;
	float: left;
	clear: left;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background-color: #0e033d;
	color: #FFFFFF;
	vertical-align: middle;
}


.i1_cart {
	float: right;
	clear: right;
	width: auto;
	padding: 5px;
	vertical-align:  middle;
	
}

.i1_cart_image {
	background: url(images/cart.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
}

.i1_cart A{
	color: #ffffff;
	text-decoration: none;
}

#switch_status {
	display: inline;
}

.i1_toolbar {
	border-bottom: 1px solid #FFFFFF;
	height:1px;
	clear: both;
}

.i1_store_menu {
	width: auto;
	float: left;
	clear: left;
	padding-left: 5px;
	
}

.i1_custom_menu {
	width: auto;
	float: right;
	clear: right;
	padding-right: 5px;
}

.i1_title_span {
	width: 75%;
	float: left;
	text-align:left;
	margin-left: 5px;
}

.i1_page_button {
	width: 25%;
	text-align: right;
	margin-right: 10px;
}

.i1_title_box {
	border-bottom: 1px solid #999999;
	background-color: #ececec;
	text-align: right;
	padding: 4px;
	min-height: 17px;
}

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

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

/* Top Menu - List Items */
#store_links ul li  {
	float: left;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding-left: 5px;
	padding-right: 5px;
}

/* Top Menu - Links */
#store_links ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

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

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

/* Side Menu - Main Box */
#menubox .menu {
	display: block;
	margin: 0;
	margin-bottom: 15px;
	border-left: 0px;
}

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

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

/* Side Menu - List Items */
#menubox ul li {
	font-size: 10px;
	padding: 3px 3px 3px 15px;
	margin: 0px;
	color: #FFFFFF;
}

/* Side Menu - Links */
#menubox ul li a {
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	width: 150px;
	color: #FFFFFF;
}

/* Side Menu - Link Hover */
#menubox ul li a:hover {
	font-size: 10px;
	color: #FF0000;
	background-color: #0e033d;
}

/* Side Menu - Highlighted Links */
#menubox A.menuboxhighlight {
	color: #FFFF94;
}

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

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


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

/* iNet form elements */

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

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

/* 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: #0e033d;
	font-size: 19px;
	text-align:center;
}
/* SKU */
.sku {
	text-align:center;
}

/* Generic box/container used to group elements within iNet */
.generic_box  {
	background-color:#ffffff; 
	border:1px solid #cccccc;
	/* breaks things??? 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: 11px;
	line-height: 15px;
	color: #333333;
	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: #0e033d;
	text-decoration: none;
}

/* Results List (Table)*/
.list_container  {
	background-color:#ffffff;
	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:#333333;
	background-color:#ffffcc;
	font-size: 11px;
	font-weight: bold;
}

/* Results Lists - Header Row */
.list_heading, .list_heading A, .list_heading TD {
	COLOR: #000000;
	FONT-FAMILY: Arial;
	border-bottom:solid 1px #333;
	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:#0e033d;
	font-size: 15px;
	font-weight: bold;
}

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

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

.product_detail {
	border-top:solid 1px #CCC;
	padding-top:10px;
}

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

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

.product_detail .product_link {
	color:#111;
	font-size:20px;
}

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

.category_list {
   border-spacing: 15px;
   border-collapse: expression('separate', cellSpacing = '15px'); /* border-spacing for IE */
}

.category_list .image img {
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
}

/* Catalog - List of departments, classes, finelines */
.category_list_T {
	border-spacing: 3px;
   	border-collapse: expression('separate', cellSpacing = '3px'); /* border-spacing for IE */
}

.category_list_T TD {
	background: #eeeeee;
	border: 1px solid #cccccc;
}

.category_list_T TD:hover {
	background-color: #ffffff;
}

/* Customize of thumbnails in product listings*/
.producttable .product_thumbnail {
	text-align: center;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 5px;
}

/* Product Listings */
.producttable TD, .product_list, .product_list_detailed {
	padding: 5px;
}

/* Product links for product listing pages */
.product_list .product_link, .shipping_name {
	float: left;
	width: 68%;
}

/* Descriptions for product listing pages */
.product_list .product_description {
	width: 68%;
	float: right;
}

/* Purhcase buttons and pricing for product listing pages */
.product_list .product_price, .product_list .product_form, .shipping_price {
	float: right;
	width: 13%;
	text-align: center;
	align: center;
}

/* Thumbnail images on product listing page */
.product_list .product_thumbnail {
	float: left;
	clear: left;
	width: 13%;
	overflow: hidden;
}

/* Images on product listing page (detailed mode) */
.product_list_detailed .product_image {
	float: left;
	width: 39%;
	overflow: hidden;
}

/* Product details on product listing page (detailed mode)*/
.product_list_detailed .product_data {
	float: right;
	background: #ffffff;
	width: 59%;
}

/* Purhcase buttons and pricing for product listing pages (detailed mode) */
.product_list_detailed .product_form, product_list_detailed .product_price {
	float: right;
	width: 25%;
	text-align: center;
}

/* Purchase buttons on product detail page */
.product_detail .product_form {
	float: right;
	width: 125px;
	text-align: center;	
	border: solid 1px #CCCCCC;
	padding:3px 5px;
	margin:0 0 10px 10px;
}

/* Product links on product listing pages (detailed mode) */
.product_list_detailed .product_link {
	width: 75%;
	float: left;
}

/* Labels for inventory options/data when viewing product lists & detail */
.product_list_detailed .label, .product_detail .label {
	width: 40%;
	float: left;
	clear: left;
}

.product_detail .label {
	background:#EEE;
}

/* List of stores/locations when displaying quantity available */
#locationtable ul li {
        list-style-type: none;
        clear: left;
        margin-left: 10px;
        white-space:nowrap;
}

/* List of stores/locations when displaying quantity available - Store names */
#locationtable label {
        width: 40%;
        clear: left;
        float: left;
        padding-right: 10px;
}

/* List of stores/locations when displaying quantity available - Active Store */
#locationtable .active {
        font-weight: bold;
        color: #0e033d;
}

/* Seperator line / spacing between products in a list.*/
.product_list_seperator, .product_multi {
	border-bottom: 1px solid #cccccc;
}

/* iNet 1 style product grid display, and description for multi-item style products. (in multi-item group mode) */
.product_list_detailed .product_grid, .product_multi .description {
	float: left;
	text-align: left;
}

/* Purchase buttons for multi-item style products (in multi-item group mode) */
.product_multi .form {
	float:right;
}

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

/* 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 {
	display:block;
}


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

/* Recently viewed items - Product */
#recently_viewed .recent_product {
	float: left;
	text-align: center;
	width: 24% !important;
	padding: 5px !important;
	margin: 10px 10px 10px 0;
	height: 100%;
	border:solid 1px #CCC;
}

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

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

/***************************/
/*    PRINTER DIRECTIONS    */
/***************************/
@media print {
 	 .i1_header, .i1_menu { display: none; }
}

/***************************/
/*    POPUP DIRECTIONS       */
/***************************/

.popup_body, .email_body {
  padding: 10px;
  background: #ffffff;
  color: #333333;
  height: 100%;
}


/***********************/
/*    HELPER CLASSES   */
/***********************/

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.clear-simple {
  clear: both;
}

.hide {
  display: none;
}