/*------------------------------------------------------------------------------------
  Project: iPack Framework (Fixed width version)
  File: base.css
  Creator: Cory Perry (New Media - IPS Packaging)
  Created: 04/02/2013
======================================================================================
  This file styles all of the base design framework and style elements. 
  Fonts, Headers, Tables, Forms, Links, Framework and all generic elements are 
  included here.
  
  No cats were harmed during the creation of this file. #truth
======================================================================================
  Last Updated: 08/23/2016  -- CP
  *5/23- initial expansion of overall width.
  *6/9- grid layouts for index and product landings
--------------------------------------------------------------------------------------*/

/* --- TOC

01. GENERAL DEFAULTS 
		1. CSS Reset
		2. General
		3. Links
		4. Typography
		5. Borders & Dividers
		6. Tables
		7. Forms
		8. Images
	
02. GENERAL LAYOUT
		1. General Framework Structure
		2. Columns
		
03. SECTION SPECIFIC LAYOUT
    	1. Header
    	2. Main Content
    	3. Footer
    	
04. UI ELEMENTS
    	1. Boxes/Notifications
    	2. Buttons
    
05. SECONDARY CSS FILES
    1. Navigation - // nav.css
	2. Cart - // cart.css
	3. Account - // account.css
    4. Browser Fixes - // fix.css (I'm looking at you Internet Explorer.)

--- */


/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */


/* 1. CSS Reset 
----------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea {
	font-family: Helvetica, Arial, sans-serif;
	line-height:18px;
	margin:0;padding:0;
	border:0;
	vertical-align:baseline;
}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table {margin: 0 0 10px;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}

/* 2. General
---------------------------------------------------------- */

body {
	margin: 0; padding: 0;
	color:#333333;
	font-size: 0.875em;
	font-family: Helvetica, Arial, sans-serif;
}


/* spacers ------------------------*/
.spacer { width: 100%; height: 50px; clear: both; }
.spacer-sm { width: 100%; height: 10px; clear: both; }
.clearboth { clear:both; display:block; width:100%; }

/* spans --------------------------*/	
span.price {color: #00AF4B;}
span.cart-price { color: #F30; font-size: 13px; }
span.list-head { font-weight: bold; margin: 0 3px 0 0; color: #23619c; }
span.orderEdit {font-size: 12px; font-weight: normal; letter-spacing: normal;}
span.note { font-size: 11px; font-weight: 500; font-style: italic;}

/* images ------------------------*/
/*img { width: 100%; }*/

/* 3. Links
--------------------------------------------------------------------*/

a,a:visited,a:hover,a:active,a:focus{ text-decoration:none; outline:none; -moz-outline-style:none; }
a{color:#376FA8;}
a:hover{color:#666666;}


/* 4. Typography
------------------------------------------------------------------ */

/* paragraphs ---------------*/

p { font-size: 0.95em; line-height: 1.6em; margin: 1% 0 3% 0;}
p.note {font-size: 0.8em !important;}
p.foot-note { font-size: 0.8em !important; color: #a8a8a8; }
p.form-note { font-size: 0.8em !important; color: #666666; margin: -10px 0 10px 0; }
#primary #prime-left p {font-size: 0.750em; font-weight: 500;}

/* top header cart notification box */
p.cart-notify {font-size: 11px; font-weight: bold; text-align: right;
padding: 4px; margin: 0 0 3px 265px ; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc;
background: #f5f5f5; width: auto; overflow: auto; }


/* lists --------------------*/

ul { font-size: 0.95em; margin: 2% 0 2% 0; padding: 0; list-style: none; }
li {margin: 0 0 2% 0;}
ol { list-style:decimal outside; }
ol, dd{ margin-left:24px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom:0; margin-top:0; }
dl, dd, dt { margin: 0; }

ul.tabs a:link,a:visited,a:hover,a:active,a:focus {
	text-decoration:none;
	outline:none;
	-moz-outline-style:none;
}
ul.tabs a:link{color:#23619c;}
ul.tabs a:hover{color:#aaa;}


/* headers ------------------*/

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	letter-spacing: normal;
	color: #23619C;
	line-height:100%;
}

/* set default header font sizes */
h1{font-size: 1.95em;}
h2{font-size: 1.62em;}
h3{font-size: 1.25em;}
h4{font-size: 1.5em; font-weight: 300;}
h5{font-size: 1.4em; font-weight: 300;}
h6{font-size: 0.75em;}

/* set all default page head titles */
h1.page-head { font-size: 38px; display: block; margin-bottom: 5%; }
h2.page-head { font-size: 35px; display: block; margin-bottom: 20px; }
h3.page-head { font-size: 27px; display: block; margin-bottom: 4%; line-height: 1.5em; }
h4.page-head { font-size: 17px; display: block; margin-bottom: 10px; }

h3.related_prod_header {
	border-top: 1px solid #DFDFDF;
	background: #f5f5f5; /* non css-3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#DFDFDF));
    background: -moz-linear-gradient(top,  #f5f5f5, #DFDFDF);
	width: 100%;
	color: #2E5A74;
	padding: 8px 8px;
	margin: 15px 0 10px 0;
	letter-spacing: normal;
	font-weight: 600;
}


/* 5. Borders & Dividers
----------------------------------------------------- */

.divider, hr{ background:url(/images/line.gif) repeat-x scroll center bottom; }
.divider {
	clear:both;
	display:block;
	margin-bottom: 10px;
	padding-top: 6px;
	width:100%;
}	
.top {
	font-size:8px;
	line-height:10px;
	margin-bottom:40px;
	text-align:right;
	position:relative;
}
.top a {
	background:#F9F9F9 none repeat scroll 0 0;
	color:#bbb;
	height:20px;
	position:absolute;
	right:0;
	text-shadow:1px 1px 0 #fff;
	top:12px;
	width:20px;
}
.clearboth {
	clear:both;
	display:block;
	font-size:0px;
	height:0px;
	line-height:0;
	width:100%;
}

/* 6. Tables
------------------------------------------------------ */
table {
	border-collapse:collapse;
	border-spacing:0;
	width: 99%;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
}

table,td,th {
	vertical-align:middle;
	text-align: center;
}

th {
	padding: 5px;
	font-size: 13px;
	font-weight: 900;
	color:#333333;
	background: #DFDFDF;
	border: 1px solid #cccccc;
}
td {
	padding: 5px;
	color:#353434;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 11px;
}
tfoot, tfoot td {border: none; !important; }
tr.even {background-color:#F8F8F8;}
tr:hover {background-color:#f5f5f5;}
th.search {background: none; margin: 0;}
td.label {font-weight: bold; font-size: 14px;}
td.tblprice {font-weight: bold; font-size: 15px; color: #090;}
img.star { vertical-align: text-bottom; margin: 0 4px 0 0; }

td.parts { font-size: 13px; text-align: left; }

tr.erp-matrix { background-color: #A8EB81; } /* #E5FDE8 */


/* 7. Forms
-------------------------------------------------------- */

form.cart_quantity { margin: 0 !important; padding: 0 !important; }

fieldset { padding:20px; border:1px solid #cccccc; }
legend,label { font-size:12px; font-weight: bold; }
label.commerce { font-size:18px; font-weight: bold; }
label.search { font-size:16px; font-weight: 600; }
#keyword label, #size label { color: #FFFFFF; }

input, input[type=text],
input[type=password],
input[type=file] {
	background-color: transparent;
	width: 80%;
	max-width: 300px;
	padding: 3px 3px;
	border-radius:4px;
	-webkit-border-radius:3px;
	margin: 2px 0 12px 0;
	font-size: 0.95em;
}

textarea {
	background-color: transparent;
	width: 90%;
	padding: 5px 5px;
	border-radius:4px;
	-webkit-border-radius:3px;
	margin: 2px 0 12px 0;
	font-size: 1.0em;
}


input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
	background:#f3f3f3;
	border-color:#CCCCCC #EAEAEA #F5f5f5;
	border-style:solid;
	border-width:1px;
	color:#666;
}

/* input.req {border: 8px solid #FFC;} */
input.input-commerce { width: 80px; padding: 6px 6px; font-size: 1.3em; background: #f9f9f9; }
input.input-search {
	background-color: #f3f3f3;
	width: 65%;
	padding: 2%;
	border-radius:4px;
	-webkit-border-radius:3px;
	margin: 0 4px 0 0;
}

input.input-sm {width: 80px;}

select {margin: 0 0 8px 0;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}
input[type="submit"] {
	background: #FF900E; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB562), to(#FF900E));
	background: -moz-linear-gradient(top,  #FCB562,  #FF900E);
	color: #ffffff;
	padding: 5px 5px;
	border: none;
	font-size: 0.80em;
    border-radius:4px;
	-webkit-border-radius:3px;
	width: auto;
}

input[type="button"]::-moz-focus-inner{border : 0px;} 
input[type="button"]:focus{outline:none;}
input[type="button"] {
	background: #FF900E; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB562), to(#FF900E));
	background: -moz-linear-gradient(top,  #FCB562,  #FF900E);
	color: #ffffff;
	padding: 5px 5px;
	border: none;
	font-size: 0.750em;
    border-radius:4px;
	-webkit-border-radius:3px;
	width: auto;
}

input[type="checkbox"] { margin: 5px 5px 0 0; width: 20px; }

form.add-to-cart {margin: 12px 0 12px 0;}
form.add-to-cart label {
	font-size: 0.80em;
	font-weight: bold;
	margin: 0 8px 0 0;
}


/* general contact form 
-------------------------------------*/
form.gen-contact label {margin: 0 4px 0 0;}
form.gen-contact input {}

input.long {width: 260px;}
input.short {width: 150px;}

/* Additional Info Toggle 
-------------------------------------------------------------*/
#expand {display:none;}

.clickme {
	width: 100%;
	background: #f7f4f4;
	padding: 3px 3px;
	margin: 0 0 10px 0;
}
h4.toggle-note { 
	margin: 0 !important;
	padding: 3px 0 0 20px !important;
	background: url(../../../../images/icons/add.png) no-repeat left center;
}
h4.toggle-back { 
	margin: 0 !important;
	padding: 3px 0 0 20px !important;
	background: url(../../../../images/icons/delete.png) no-repeat left center;
}
span.notation {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
}
h4#cart_clickme, h4#quote_clickme, h4#hiddenQuotes_clickme, h4#newCatalog_clickme, h4#hiddenFavorites_clickme {
	width: 100%;
	padding: 8px 3px 8px 22px;
	margin: 0 0 2px 0;
	font-weight: 300;
	font-size: 16px;
	background: #f7f4f4 url(../../../../images/icons/add.png) no-repeat 4px 8px;
}
.clear-line {clear: both;}

/* newsletter selector checkboxes 
------------------------------------------------------------*/
.newsletter-box {
	width: 100%;
	height: auto;
	min-height: 80px;
	margin: 0 0 8px 0;
	position: relative; padding: 15px 0 0 0;
	background: url(../../../../images/newsletter_banner_bg.jpg) no-repeat top center;
}
.newsletter-box h3 {padding: 0 10px 0 50px !important;}
.newsletter-box p {padding: 0 80px 0 50px !important;}

input.checker {
	position: absolute;
	top: 30px;
	left: 12px;
}


/* 8. Images
----------------------------------------------------------- */

.alignright,img.alignright,a img.alignright {
	float:right; 
	margin: 2% 0 2% 4%;
}
.alignleft,img.alignleft,a img.alignleft {
	float:left;
	margin: 2% 4% 2% 0;
}
.aligncenter,img.aligncenter,a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.frame,.small_frame {
	border:1px solid #eaeaea;
	display:inline-block;
}
.frame {
	background:#f5f5f5 none repeat scroll 0 0;
	border:1px solid #cccccc;
	padding:4px;margin:0;
}
.small_frame img {
	background:#f5f5f5 none repeat scroll 0 0;
	border:1px solid #fff;
	padding:2px;
	margin:0;
}

img.grid {
	width: 100%;
	max-width: 100%;
}

/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */

/* 1. General Framework Structure
--------------------------------------------------------------- */

a.switch {
	display: block;
	width: 100%;
	margin: 1% 1% 3% 1%;
	padding: 1%;
	text-align: center;
	font-weight: bold;
	font-size: 0.875em;
	background: #f5f5f5;
}

a.switch-dt {
	display: block;
	width: 100%;
	margin: 1% 1% 3% 1%;
	padding: 3% 0 3% 0;
	text-align: center;
	font-weight: bold;
	font-size: 3.5em;
	background: #f5f5f5;
}

.infobar {
	width: 100%;
	height: auto; overflow: auto;
	background: #666666;
	margin: 0;
	padding: 10px 0 0 0;
}
.infobar h1 {
	text-align: center;
	color: #ffffff;
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: normal;
}

.infobar a:link,a:visited,a:hover,a:active,a:focus{ text-decoration:none; outline:none; -moz-outline-style:none; }
.infobar a{color:#F9F2C7;}
.infobar a:hover{color:#F9F2C7;}

header {
	width: 1260px;
	height: auto;
	min-height: 138px;
	margin: 0 auto;
	position: relative;
}

header #logo { display: block; clear: both; }
header #logo img.logoimg { width: 360px; padding: 30px 0 0 0; }


/* live help box
-------------------------------------------------*/

h2.header-phone {
	margin: 8px 0 0 0;
	text-align: right;
}
h2.header-phone span { font-size: 11px; }
header .live-help { display:none; }
/*header .live-help {
	background: #FF900E;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCB562), to(#FF900E));
	background: -moz-linear-gradient(top,  #FCB562,  #FF900E);
	height: auto;
	overflow: auto;
	width: 100%;
	max-width: 250px;
	padding: 0.5% 1% 0.3% 1%;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
header .live-help #live-left { border-right: 1px dashed #FFFFFF; width: 62.0%; float: left; }
header .live-help #live-left p {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 !important; padding: 0 0 3px 0;
	color: #FFFFFF;
}
header .live-help #live-left h2 {
	font-size: 1.5em;
	margin: 0; padding: 0 0 5px 0;
	color: #FFFFFF;
	font-weight: 500;
	letter-spacing: normal;
}

header .live-help #live-right {float: right;}
header .live-help #live-right p {
	letter-spacing: normal;
	font-size: 0.8em;
	line-height: 13px;
	text-align: center;
	font-weight: bold;
	margin: 0; 
	padding: 10px 0 0 0;
	color: #FFFFFF;
}*/
/* outer content wrapper
----------------------------------------------------------------*/
#primary {
	width: 1260px;
	height: auto;
	overflow: hidden;
	min-height: 350px;
	margin: 0 auto;
	clear:both;
	position: relative;
}

/* Main Column Structure 
---------------------------------------------------------------*/
#primary #prime-left {
	width: 224px; /* 224px */
	float: left;
	border-right: 1px solid #cccccc;
	padding: 0 1% 1% 1%;
	min-height: 350px;
}

#primary #prime-left .sidebar-box {
	background: #FFFFFF; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));
	background: -moz-linear-gradient(top,  #FFFFFF,  #F5F5F5);
}
img.sideblock { margin: 0 0 -2px 0;}
#primary #prime-right {
	width: 1000px; /* 720px */
	float: right;
	margin: 0 !important;
}

#slider-static { margin: 0 0 15px 0; }

/* top banner
----------------------------*/
#index-banner {
	width: 100%;
	height: auto;
	min-height: 60px;
	position: relative;
	padding: 20px 10px 5px 10px;
	background: #F5F5F5; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #F5F5F5,  #FFFFFF);
	margin: 0 0 20px 0;
}

#index-banner h2#slogan {
	font-size: 30px;
	color: #666666;
	line-height: 38px;
	width: 70%;
}
#index-banner img.abs-pos {
	width: 125px;
	position: absolute;
	top: 15px;
	right: 60px;
}

/* Sidebar
-------------------------------------------------------------- */

img.sideimg {float: right; margin: 10px 5px 0 12px;}
h2.side-head {
	font-size: 20px;
	letter-spacing: normal;
	font-weight: bold;
	color: #23619c;
	margin: 0 0 5px 0;
}

#accord-nav h3 {
	font-size: 1.0em !important; 
	font-weight: 600 !important;
	letter-spacing: normal; 
	line-height: 19px;
}

h3.accord-nav-no, .leftnav_symlink {
	font-size: 1.0em !important; 
	font-weight: 600 !important;
	letter-spacing: normal;
	line-height: 19px;
}

div.leftnav_symlink {
	font-size: 1.0em; 
	font-weight: 600;
	letter-spacing: normal;
	color: #FFFFFF; 
	padding: 8px 8px; 
	margin: 0 0 1px 0 !important;
}
div.leftnav_symlink a:link {color: #ffffff;}
div.leftnav_symlink a:visited {color: #ffffff;}
div.leftnav_symlink a:hover {color: #ffffff;}
div.leftnav_symlink a:active {color: #ffffff;}


/* Breadcrumbs
---------------------------------------------------------------- */

#breadcrumbs {
	width: 100%;
	margin: 0 0 4% 0;
	text-align: left;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: normal;
	display: block;
	color: #333333;
}
#breadcrumbs a:link {color: #8c8989; text-decoration: none;}
#breadcrumbs a:visited {color: #8c8989; text-decoration: none;}
#breadcrumbs a:hover {color: #23619c; text-decoration: none;}
#breadcrumbs a:active {color: #23619c; text-decoration: none;}

#breadcrumbs li {display: inline;}

/* Footer
---------------------------------------------------------------*/
footer {
	width: 100%;
	margin: 0 auto; 
	height: auto;
	overflow: auto;
	padding-bottom: 40px;
	background: #F8F3F3; /* non css-3 browsers */
	border-top: 6px solid #2364A0;
}
#footer-inner {
	width: 1260px;
	min-width: 1260px;
	margin: 0 auto;
}


/* 2. Columns
----------------------------------------------------------------- */

/* left/right containers 
----------------------------------------------------------------*/
.row-container {
	height: auto;
	overflow: auto;
	clear:both;
	padding: 15px 10px 10px 10px;
	background: #f5f5f5; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background: -moz-linear-gradient(top,  #f5f5f5,  #ffffff); 
	margin: 0 0 25px 0;
	border-top: 3px solid #225f9A;
}
.contain-bg {
	height: auto;
	overflow: auto;
	clear:both;
	padding: 10px;
	margin: 0 0 25px 0;
	border-radius:6px;
	-webkit-border-radius:5px;
	background: #f5f5f5; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f5f5f5,  #e0e0e0);
}

/* column containers 
----------------------------------------------------------------*/
#prime-right .full-width {
	width: 1000px; /* 720px */
	margin: 0 0 0 10px;
}

/* full width containers 
----------------------------------------------------------------*/
.one-quarter-full {width:275px;} /* 220px */
.one-third-full {width:366px;} /* 300px */
.one-third-full-last {width:366px;} /* 300px */
.two-third-full {width:735px;} /* 675px */
.two-third-full-last {width:735px;} /* 675px */
.three-quarter-full {width:820px;} /* 660px */
.one-half-full {width:540px;} /* 460px */


/* right sidebar containers
-----------------------------------------------------------------*/
.one-half, .one-half-last{width: 485px;} /* 335px */
.one-third {width:305px;} /* 208px */
.two-third {width: 645px} /* 460px */
.one-quarter{width:160px;} /* 160px */
.three-quarter{width:490px;} /* 490px */


.one-half,.one-third, .two-third, .one-quarter, .three-quarter, 
.one-quarter-full, .three-quarter-full, .one-half-full, 
.one-third-full, .two-third-full, .one-third-full-cart, .one-third-full-items {
	margin: 0 2% 2% 0;
	float:left;
}

.one-third-full-cart, .one-third-full-items {
	border-right: 1px solid #ccc;
	padding-right: 3%;
	width: 230px;
}

/* column lasts - clear right margins for alignment 
---------------------------------------------------------------*/
.one-half-last, .one-third-last, .one-quarter-last, .three-quarter-last, 
.three-quarter-full-last, .one-quarter-full-last, .two-third-full-last, 
.one-third-full-last, .last {
	position:relative;
	margin-bottom: 5%;
	float:left;
	margin-right:0 !important;
}

div.account-form {overflow:hidden; float:left; width:45%; text-align:left;}


/* ________________________________________________________________________________________________________________
                                         03. SECTION SPECIFIC LAYOUT
   ________________________________________________________________________________________________________________ */
   
/* 1. Header
---------------------------------------------------------- */

#logo {
	width: 100%;
	min-height: 101px;
	padding: 0;
}
 /* search boxes & forms are in specifc skin folders */  


/* 2. Main Content
--------------------------------------------------------- */

/* search
--------------------------------------------*/
#search-box { 
	height: auto;
	overflow: auto;
	margin: 0 0 2% 0;
	padding: 4% 1% 1% 3%;
}

#search-box a {
	font-weight: bold;
	font-size: 11px;
}

#search-box a:link {color: #ffffff;}
#search-box a:visited {color: #ffffff;}
#search-box a:hover {color: #f5f5f5; text-decoration: underline;}
#search-box a:link {color: #ffffff;}
/* set box color in theme file */


/* live help container styling 
--------------------------------------------*/
.live-help {
	width: 50%; padding: 3% 3%;
    background: #E5E1E1; /* non css-3 browsers */
}

.live-help p.specialist {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin: 0 !important;
	padding-left: 20px;
	background: url(../../../../images/icons/phone_16.png) no-repeat top left;
}
.live-help p.live-chat {
	font-size: 14px;
	height: 20px;
	font-weight: bold;
	color: #FF0000;
	margin: 0 !important;
	padding-left: 20px;
	background: url(../../../../images/icons/chat_16.png) no-repeat top left;
}


/* labels grid layout info
-------------------------------------------------*/
.grid-list-box {
	width: 212px; 
	height: 170px;
	float: left;
	padding: 10px 12px 0 8px;
	margin: 10px 5px 10px 0;
	position: relative;
	/*border-left: 1px solid #cccccc !important;
	border-right: 1px solid #cccccc !important;*/
	border: 1px solid #cccccc !important;
	border-collapse: collapse;
}

/* category section thumbnails,titles,buttons 
------------------------------------------------*/
.grid-list-box img {
	width: 70px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 2px;
	border: 1px solid #cccccc;
}
.grid-list-box a.grid-head {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 17px;
	padding: 0 0 14px 0;
	display: block;
}
.grid-list-box ul.grid-list-ul {
	margin: -4px 0 10px 0 !important;
	padding: 0 !important;
	font-size: 12px;
	
}
.grid-list-box ul.grid-list-ul li {
	margin: 0 0 0 95px !important;
}

.grid-list-box input.btn {
	margin: 0 auto;
	width: 80px;
}
.grid-list-box span.bold {
	font-weight: bold;
	color: #02bf5c;
}

h3.index-headers {clear: both; color: #fe9212; letter-spacing: normal;}
h3.cat-header a { color: #00A950; font-size: 1.3em !important; }
ul.index-list {font-size: 1.0em; font-weight: bold; list-style: none !important;}
ul.index-list li {margin: 0 !important; padding: 4% 0 4% 0; border-bottom: 1px dashed #e0e0e0; list-style: none;}

/*---------------------------------------------------------
  HOME PAGE LAYOUTS
----------------------------------------------------------*/

/* NEW: visual grid layout
-----------------------------*/
#top-container {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

/* index grid columns
----------------------------*/

.grid-row {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
}
.index-grid {
	float: left;
	height: auto;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 10px 12px 0;
}
.index-grid-full { width: 995px;}
.index-grid-one-half, .index-grid-one-half-last{width: 490px;}
.index-grid-one-third {width: 318px;}
.index-grid-two-third {width: 660px}
.index-grid-one-quarter{width:235px;}
.index-grid-three-quarter{width:750px;}

.last {margin-right: 0 !important;}

.index-divider {
	margin: 20px 0 20px 0;
	width: 100%;
	display: block;
}

/* index category grids
----------------------------*/

.index-cat img {
	max-width: 175px;
	max-height: 175px;
	margin: 0 0 0 40px;
}
.index-cat h3 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	color: #2464A0;
	border-top: 2px solid #2464A0;
	padding: 8px 6px 8px 6px;
}

h3.view-all-cats {
	width: 270px;
	text-align: center;
	padding: 15px;
	border: 4px solid #2464A0;}


/* category landing headers
----------------------------*/
.landing-head-container {
	width: 100%;
	background: #D6D7D7;
	height: auto;
	overflow: auto;
	display: block;
	margin: 0 0 12px 0;
}

h1.category-head {
	background: #00CE5F;
	color: #FFFFFF;
	padding: 8px 8px;
	margin: 0 !important;
	width: 140px;
}
p.trending-list {
	font-size: 13px;
	float: right;
	font-weight: bold;
	margin: 0 20px 0 0 !important;
	padding: 12px 15px 0 0;
}

/* original index boxes
----------------------------*/

.product-box {
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 20px 0 20px 0;
	border-top: 1px solid #ccc;
}

/* left side of box */
.product-box .box-left {
	width: 70%;
}
.product-box .box-left h2 {
	font-size: 32px;
	margin: 0 0 15px 0;
}
.product-box .box-left p {
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	color: #666666;
}
.product-box .box-left p a {color: #8F8F8F;}
.product-box .box-left img.prod-img {
	width: 130px;
	float: right;
	margin: 0 5px 0 8px;
}

/* right side of box */
.product-box .box-right {
	width: 30%;
	float: right;
	border-left: 1px solid #ccc;
	padding: 0 0 0 15px;
}
.product-box .box-right ul.prod-list {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
	list-style: none !important;
}
.product-box .box-right ul.prod-list li {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #ccc;
}

/*-----------------------------------------------
  INDUSTRY PAGES
------------------------------------------------*/
h2.industry-intro {
	margin: 20px 5px 20px 0;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 700;
}
p.industry-intro {
	margin: 20px 40px 20px 0;
	font-size: 18px;
	font-weight: 300;
}

h3.industry-list-head {
	color: #FFF;
	font-weight: 300;
	letter-spacing: normal;
	padding: 12px 12px;
	margin: 20px 0 10px 0;
}

img.industry-headers {
	max-width: 100%;
	margin: 20px 0 10px 0;
}
h3.industry-list-head#applications {background: #61BB5F;}
h3.industry-list-head#ebooks {background: #64A8E0;}
h3.industry-list-head#insights {background: #F29E6F;}

ul.industry-list { list-style: none; width: 98%; margin: 8px 0 25px 0; }
ul.industry-list li {
	font-size: 15px;
	color: #4C4A4A;
	font-weight: 400;
	padding: 10px 0 10px 0;
	height: auto;
	overflow: auto;
	border-bottom: 1px dashed #cccccc;
}

ul.industry-list li i {color: #00A950;}

h3.industry-view-all {
	width: 125px;
	text-align: center;
	padding: 10px;
	border: 3px solid #2464A0;}


/*-----------------------------------------------
  CAT/SUB-CAT PAGE LAYOUT (2 Column)
------------------------------------------------*/

/* category/subcategory
--------------------------------------------*/
#primary .cat-row {
	width: 100%;
	height: auto;
	overflow: auto;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 10px 0; 
	margin: 0;
}
#primary .cat-row .cat-box {
	width: 320px; 
	height: auto;
	overflow: auto;
	float: left;
	padding: 0;
	margin: 0 10px 30px 0px;
	position: relative;
	border: none !important;
}

/* category section thumbnails,titles,buttons 
----------------------------------------------*/
.cat-box img {
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
	margin: 0;
	padding: 2px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0 12px 0 0;
}
.cat-box h4.cat-title {
	font-size: 1.0em;
	line-height: 19px;
	font-weight: 600;
	letter-spacing: normal;
	align: left;
	margin: 10px 5px 8px 90px;
}
.cat-box a.btn {
	margin: 0 0 0 90px;
}

/*-----------------------------------------------
  CAT/SUB-CAT PAGE LAYOUT (5 Column Grid)
------------------------------------------------*/

#primary .cat-row-full {
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 8px 8px;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
#primary .cat-row-full .cat-box-full {
	display: table;
	width: 125px; 
	height:90px;
	float: left;
	padding: 0 7px 0 7px;
	margin: 0;
	position: relative;
	margin-top:10px;
	border:none;
}

.cat-box-full img {
	width: 70px;
	height: 70px;
	margin: 0 0 0 27px;
	padding: 2px;
	border: 1px solid #cccccc;
}
.cat-box-full h4.cat-title-full {
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 15px;
	text-align: center;
	margin: 6px 0 6px 0;
}


/* top prod/cat info 
------------------------------------------------------------*/
#primary .one-half #prod-info {height: auto; overflow: auto; clear: right;}
#primary #prod-info p { margin: 0 0 5% 0; }
#primary .one-half #prod-img {
	border: 1px solid #cccccc; 
	width: 100%; 
	max-width: 300px; 
	oveflow: hidden;
	padding: 2%;  
	margin: 0 5px 5% 0;
}
#primary #prod-img-tools {padding: 5px; border: 1px solid #cccccc; width: auto; max-width: 80px; max-height: 80px; oveflow: hidden;}
#primary .one-half #prod-img img {margin: auto; width: 100%; max-width: 300px;}
#primary .one-half #prod-info h2.prod-info {font-size: 2.3em; font-weight: 600; margin: 0 0 5px 0; color: #333;}
#primary .one-half #prod-info h2.prod-info span.sku, #primary .one-half #prod-info h3.prod-info span.sku {color: #23619c; margin-left: 3px;}
#primary .one-half #prod-info h3.prod-info {font-size: 1.4em; color: #333; font-weight: 600; margin: 0 0 15px 0;}

#primary .one-half ul {list-style: none; margin: 10px 0 10px 0;}
#primary .one-half ul li {font-weight: normal; color: #333; margin: 0 0 5px 0; line-height: 17px;}

#primary .one-half #prod-commerce {position: relative; height: auto; overflow: auto; min-height: 140px;
background: #f5f5f5; /* non css-3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#DFDFDF));
background: -moz-linear-gradient(top,  #f5f5f5, #DFDFDF);padding: 8px 20px; margin: 0 0 8px 0;}
#primary .one-half #prod-commerce #commerce-left {position: absolute; left: 10px; top: 25px;}

#primary .one-half ul.commerce {list-style: none;}
#primary .one-half ul.commerce li {font-size: 1.4em; color: #23619c; line-height: 30px; text-align: right; font-weight: bold;}
#primary .one-half ul.commerce li span.numeral {font-size: 1.4em; color: #333;}

/* mobile prod list styling */
.prod-list-mobi {
position: relative; height: auto; overflow: auto; min-height: 100px;
background: #f5f5f5; border-bottom: 1px dashed #cccccc; padding: 3% 1% 3% 1%;
}

.prod-list-mobi h3{ font-size: 1.2em; line-height: 1.3em; width: 100%;}
.prod-list-mobi .mobi-list-left {float: left; width: 60%; height: auto; overflow: auto; padding: 0 1% 0 0;}
.prod-list-mobi .mobi-list-right {float: left; width: 30%; height: auto; overflow: auto; margin: 0 0 0 1%; padding: 2%; border-left: 1px dashed #ccc; text-align: right;}
.prod-list-mobi .mobi-list-btm { padding: 2%; display: block; }

.prod-list-mobi ul.mobi-list {margin: 0; padding: 0;}
.prod-list-mobi ul.mobi-list li {margin: 0 6px 0 0; }
.prod-list-mobi p.mobi-list-sku {font-size: 1.1em; font-weight: 700; color: #00A44D; margin: 0 0 10px 0 !important;}
.prod-list-mobi ul.mobi-list-price {margin: 8px 0 8px 0; padding: 0;}
.prod-list-mobi ul.mobi-list-price li {margin: 0 0 4px 0; font-size: 1.1em; font-weight: 700; text-align: right; }

input.mobi-input { width: 25px; padding: 3px 3px; font-size: 0.85em; background: #ffffff; margin: 2px 0 0 0 !important; }

div.mobi-prod-list {display: none;}


/* bottom product page tabs 
-------------------------------------------------------------*/

#tabs {
	width: 99%;
	margin: 10% 0 10% 0;
}
#tabs ul.tabs {
	margin:0;
	margin-bottom: 6px;
	padding:0px;
}  
#tabs ul.tabs li {
	list-style:none;
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}
#tabs ul.tabs li a {
	background-color:#2464A0;
	color: #FFFFFF;
	padding:8px 14px 9px 14px;
	text-decoration:none;
	font-weight:bold;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#tabs ul.tabs li.active {
	background-color:#f5f5f5;
	color:#282e32;
	border-bottom: none;
	margin-bottom: 6px;
}
#tabs ul.tabs li.active a {
	background-color:#f5f5f5;
	color:#23619c;
	border-bottom: none;
	margin-bottom: 6px;
}  
#tabs ul.tabs li a:hover {
	background-color:#cccccc;
	border-color:#cccccc;
	color: #666666;
}  
.content {
	background-color:#f5f5f5;
	padding:25px 10px;
	border: 1px solid #cccccc;
	overflow: auto;
} 

/* tab content 
--------------------------------------------------*/
#tabs .content {padding: 10px 25px 10px 15px;}
#tabs .content h5 {
	width: 200px;
	font-weight: bold;
	color: #00A950;
	margin: 8px 0 8px 0;
}
#tabs ul.tab-content {
	width: 45%;
	float: left;
	margin: 0 5% 0 0;
	height: auto;
	overflow: auto;
}
#tabs ul.tab-content li {
	margin: 0 0 2% 0;
	padding: 1% 0 1% 8%;
	border-bottom: 1px solid #ccc;
	background: url(../../../../images/icons/bullet_star.png) no-repeat left top;
	font-size: 0.875em;
	font-weight: bold;
}
#tabs ul.tab-content li a:link {color: #23619c; text-decoartion: none;}
#tabs ul.tab-content li a:visited {color: #23619c; text-decoartion: none;}
#tabs ul.tab-content li a:hover {color: #666666; text-decoartion: none;}
#tabs ul.tab-content li a:active {color: #23619c; text-decoartion: none;}

/* list icons for tab content 
-------------------------------------------------*/
#prime-right .full-width #tabs ul.tab-content li.doc {background: url(../../../../images/icons/page.png) no-repeat left center;}	
#prime-right .full-width #tabs ul.tab-content li.video {background: url(../../../../images/icons/television.png) no-repeat left center;}	
#prime-right .full-width #tabs ul.tab-content li.mp4 {background: url(../../../../images/icons/mp4.png) no-repeat left center;}
#prime-right .full-width #tabs ul.tab-content li.flv {background: url(../../../../images/icons/video.png) no-repeat left center;}

/* account page tabs 
-------------------------------------------------------------*/

#accounttabs {
	width: 100%;
	margin: 10% 0 10% 0;
}
#accounttabs ul.tabs {
	margin:0;
	margin-bottom: 6px;
	padding:0px;
}  
#accounttabs ul.tabs li {
	list-style:none;
	display: inline;
	font-size: 18px;
	font-weight: 300;
}
#accounttabs ul.tabs li a {
	background: #DDDDDD url(../../../../images/icons/icon_plus_gray.png) no-repeat 5px 8px;
	color:#9c9c9c;
	padding:7px 14px 8px 24px;
	text-decoration:none;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#accounttabs ul.tabs li.active {
	background: #f5f5f5;
	color:#23619C;
	border-bottom: none !important;
	margin-bottom: 6px;
}
#accounttabs ul.tabs li.active a {
	background: #F5F5F5 url(../../../../images/icons/icon_plus.png) no-repeat 5px 8px;
	color:#23619c;
	border-bottom: none;
	margin-bottom: 6px;
	font-weight: 700;
}  
#accounttabs ul.tabs li a:hover {
	background-color:#cccccc;
	border-color:#cccccc;
	color: #666666;
}  
.content {
	background-color:#f5f5f5;
	padding:25px 10px 25px 10px;
	border: 1px solid #cccccc;
	overflow: auto;
}

/* account tabs content 
--------------------------------------------------*/
#accounttabs .content {padding: 10px 0px 10px 15px;}

span.column {
	float: left;
	margin: 25px 25px 0 0;
}

#accounttabs .content h3 {
	font-size: 17px;
	width: 200px;
	font-weight: bold;
	color: #00A950;
	margin: 8px 0 8px 0;
}

#accounttabs .content h5.account {
	font-size: 20px;
	font-weight: 300;
	color: #555;
	height: 30px;
	margin: 8px 0 10px 0;
	padding: 3px 0 0 30px;
}

#accounttabs .content h5.account#orders       { background: url(../../../../images/icons/function-24/table_24.png) no-repeat top left; }
#accounttabs .content h5.account#maintenance  { background: url(../../../../images/icons/function-24/spanner_24.png) no-repeat top left; }
#accounttabs .content h5.account#gridreports  { background: url(../../../../images/icons/function-24/table_24.png) no-repeat top left; }
#accounttabs .content h5.account#chartreports { background: url(../../../../images/icons/function-24/pie_chart_24.png) no-repeat top left; }


#accounttabs ul.tab-content {
	margin: 0;
	height: auto;
	overflow: auto;
}
#accounttabs ul.tab-content li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 20px;
	border-bottom: 1px dashed #ccc;
	background: url(../../../../images/icons/bullet_star.png) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
}

#accounttabs ul.tab-content li a:link, #accounttabs ul.tab-content-sec li a:link {color: #23619c; text-decoartion: none;}
#accounttabs ul.tab-content li a:visited, #accounttabs ul.tab-content-sec li a:visited {color: #23619c; text-decoartion: none;}
#accounttabs ul.tab-content li a:hover, #accounttabs ul.tab-content-sec li a:hover {color: #666666; text-decoartion: none;}
#accounttabs ul.tab-content li a:active, #accounttabs ul.tab-content-sec li a:active {color: #23619c; text-decoartion: none;}

#accounttabs ul.tab-content-sec {
	margin: 0;
	height: auto;
	overflow: auto;
}
#accounttabs ul.tab-content-sec li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 20px;
	border-bottom: 1px dashed #ccc;
	background: url(../../../../images/icons/bullet_star.png) no-repeat left top;
	font-size: 11px;
	font-weight: bold;
}

#accounttabs ul.tab-content li span.tab-details { font-size: 11px; }

/* account table styling from inline
------------------------------------------------*/
table.order_detail_header{
	border:none;
}
table.order_detail_header td{
	border:none;
	text-align:left;
	background-color:#F7F4F4;
	height:22px;
	line-height:22px;
}
table.order_detail_header td span{
	color:#F00;
}
table.order-line-item tr.even td{
	background-color:#F0F0F0;
}
table.order-line-item tr.heading td{
	background-color:#f5f5f5;
	text-align:left;
	padding-left:20px;
}
table.search{
	border:none;
}
table.search td{
	border:none;
	text-align:left;
	font-weight:normal;
	font-size: 12px;
}
table.search tr:hover{
	background:none;
}
table.search td input[type=text]{
	width:160px;
	margin:0px;
}
#search_accordion h3{
	display:block;
	line-height:25px;
	height:25px;
	cursor:pointer;
	border-bottom:1px solid #E9E9E9;
}
#add_to_cart{
	float:right;
	width:400px;
}
#OH_download_csv_div{
	text-align:center;
}
#OH_download_csv_div a{
	font-size:12px;
}

.summary-total {
	width:320px; text-align:center; border:1px solid #FFAC7C; padding:15px 0; font-weight:bold; font-size: 18px; color:#2464A0;
}

/* equipment page content box lists 
------------------------------------------------*/
.prod-box {
	padding: 4% 2% 4% 2%;
	margin: 0 0 2px 0;
	border: 1px solid #cccccc;
	height: auto;
	overflow: auto;
}
.prod-box .prod-box-desc h2, .prod-box .prod-box-desc h3, 
.prod-box .prod-box-desc h4, .prod-box .prod-box-desc h5 {display:none;}

.prod-box img {
	float: left;
	margin: 0 2% 0 0;
	width: 30%;
	height: 30%;
	max-width: 125px;
	padding: 2px;
	border: 1px solid #ccc;
}
.prod-box h1.prod-box-title {
	font-size: 18px;
	margin: 0 0 5% 0;
}
.prod-box .prod-box-desc {
	float: left;
	width: 45%;
	margin-right: 2%;
}

.prod-box .prod-box-desc ul {list-style: none !important;}
.prod-box .prod-box-info {
	float: left; 
	border-left: 1px solid #888888;
	padding-left: 1%;
}
.prod-box .prod-box-info h3.prod-info {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.prod-box .prod-box-info h3.prod-info span.sku {
	color: #00AF4B;
	margin-left: 6px;
}
.prod-box .prod-box-info h2.prod-price {
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.prod-box .prod-box-info h2.prod-price span.price {
	color: #00AF4B;
	margin-left: 6px;
	letter-spacing: normal;
}
.prod-box .prod-box-info h2.prod-price span.price strike {color: #FF0000;}

/* equip list asset icons 
-------------------------------------------------*/
ul.equip-assets {list-style: none; margin: 6px 0 0 0 !important;}
ul.equip-assets li {list-style: none; display: inline; margin: 0 5px 0 0;}
ul.equip-assets li{width: 20px; height: 20px; text-indent: -9999px; display: block; float: left;}
ul.equip-assets li#doc {background: url(../../../../images/icons/page.png) no-repeat left center;}
ul.equip-assets li#pdf {background: url(../../../../images/icons/page_white_acrobat.png) no-repeat left center;}
ul.equip-assets li#powerpoint {background: url(../../../../images/icons/page_white_powerpoint.png) no-repeat left center;}
ul.equip-assets li#image {background: url(../../../../images/icons/page_white_picture.png) no-repeat left center;}
ul.equip-assets li#video {background: url(../../../../images/icons/page_white_camera.png) no-repeat left center;}


/* bottom equip list accordion "more info" slider 
-------------------------------------------------*/
.spec-box {
	width: 100%;
	margin: 0 0 20px 0;
}
.spec-box h3 {
	font-size: 1.0em;
	color: #FFFFFF;
	padding: 8px 8px;
	margin: 0;
	background: #02bf5c;
}
.spec-box h3.open {color: #f5f5f5;}
.spec-box .spec-content {
	border: 1px solid #cccccc;
	background: #f5f5f5;
	padding: 10px 10px;
}


/* equipment specs anchor list 
--------------------------------------------------*/
.equip-list {
	width: 100%;
	margin: 15px 0 15px 0;
	background: #f5f5f5;
}
.equip-list ul.equip-ul{
	list-style: none;
	padding: 6px 0 6px 6px;
}
.equip-list ul.equip-ul li {
	display: inline;
	padding:1px 0 0 18px !important;
	margin: 0 20px 0 0 !important;
	font-weight: 1.3em;
	font-weight: bold;
	background: url(../../../../images/icons/bullet_go.png) no-repeat left center;
}
.equip-list ul.equip-ul li a:link {color: #2f5983; text-decoration: none;}
.equip-list ul.equip-ul li a:visited {color: #2f5983; text-decoration: none;}
.equip-list ul.equip-ul li a:hover {color: #666666; text-decoration: none;}
.equip-list ul.equip-ul li a:active {color: #666666; text-decoration: none;}
.section {
	font-size: 0.950em;
	margin: 10px 0 10px 0;
	padding: 10px 10px;
	height: auto;
	width:97%;
	background: #f5f5f5;
	border: 1px solid #cccccc;
}


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


/* search page styling 
---------------------------------------------------*/

div.page-navigate {margin: 15px 0 15px 0; padding: 12px 8px 3px 8px; background: #f5f5f5; height: auto; overflow: auto;}
div.page-navigate form {float: left; margin: 0;}
ul.paginate {float: left; text-align: right; margin: 0 0 0 290px;}
ul.paginate li {display: inline; margin: 0 6px 0 6px;}
ul.paginate a {font-weight: bold; color: #e40A11;}
ul.paginate a:link {color: #e40A11;}
ul.paginate a:visited {color: #e40A11;}
ul.paginate a:hover {color: #333333;}
ul.paginate a:active {color: #e40A11;}

/* 404 page 
--------------------------------*/
p#four {
	font-size: 90px;
	color: #c3c3c3;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 0 0;
	border-right: 1px solid #ccc;
	padding: 60px 20px 60px 0;
}

/* ------- 4. Secondary Footer ------- */

#secondary-footer {
	width: 100%;
	height: 260px;
	overflow: hidden;
	background: #2E6598;
	border-top: 3px solid #333333;
}
#secondary-footer #secondary-inner {
	width: 1360px;
	margin: 0 auto;
}
#secondary-footer #secondary-inner img {float: left;}


/* 3. Footer
----------------------------------------------------------- */

#footer-inner h3.column-head {font-size: 1.5em; font-weight: bold; letter-spacing: normal; margin: 0 0 2% 0; color: #23619c;}
#footer-inner .column {width: 30%; float: left; height: auto; overflow: hidden; margin: 2% 1% 0 0; padding: 1%; font-size: 1.0em;}
#footer-inner .column#left {position: relative; border-right: 1px solid #ccc;}
#footer-inner .column#center {position: relative; border-right: 1px solid #ccc;}

#footer-inner .column ul.footer-list {font-size: 0.90em; font-weight: 700; margin: 0 0 5% 0;}
#footer-inner .column ul.footer-list li {margin: 0 0 4px 0; list-style: none;}
#footer-inner .column-left p {font-size: 11px; margin: 0; padding: 0;}
#footer-inner p.contact-info {font-size: 1.5em; line-height: 1.2em; font-weight: bold; margin: 0 0 8% 0;}

/* adjust & style footer images */
#footer-inner img.site-logo { margin: 0; width: 100%; max-width: 220px; }
#footer-inner img.footer-logo { margin: 0 0 0 130px; width: 100%; max-width: 170px; }
#footer-inner img.crest {position: absolute; top: 3px; right: 20px; width: 100%; max-width: 80px;}
#footer-inner img.secure {position: absolute; top: 110px; right: 5px; width: 100%; max-width: 120px; }


table.summary {
	width: 250px;
	margin: 0 0 15px 740px;
}

/* quote process menu */
.process {
	width: 1000px;
	height: 70px;
	margin: 0 0 40px 0;
}
.process li {
	height: 70px;
	width: 1000px;
	text-indent: -9999px;
	margin: 0 !important;
	padding: 0 !important;
}
.process li {background: url(../../../../images/step1_active.png) no-repeat top left;}
.process li.activetwo {background: url(../../../../images/step2_active.png) no-repeat top left;}


/* ________________________________________________________________________________________________________________
                                                04. UI ELEMENTS
   ________________________________________________________________________________________________________________ */
	
/* 1. Boxes/Notifications
-------------------------------------------------------- */

.notify-info, .notify-note, .notify-warn, 
.notify-download, .notify-fancy {
	clear:both;
	padding:20px;
	margin: 20px 0px;
	border-radius:6px;
	-webkit-border-radius:6px;
}
.notify-info, .notify-note, .notify-warn, 
.notify-download, .notify-fancy {
	padding-left:55px;
	background:#eee;
	padding-bottom:25px;
    padding-top:20px;
}
.notify-fancy{
	background:#F9F9F9 url(../../../../images/form-gradient.gif) repeat-x scroll 0 -7px;
	border:1px solid #E0E0E0;
}
.notify-info{
	background:#bfe4f9 url(../../../../images/icons/info.png) no-repeat scroll 10px 14px;
	border:1px solid #68a2cf;color:#2e6093;
}
.notify-warn{
	background:#ffcccc url(../../../../images/icons/stop.png) no-repeat scroll 10px 15px;
	border:1px solid #ff9999;color:#c31b00;
}
.notify-download{
	background:#dee3ab url(../../../../images/icons/down_alt.png) no-repeat scroll 10px 15px;
	border:1px solid #a3c159;color:#5e6f33;
}
.notify-note{
	background:#fdebae url(../../../../images/icons/notebook.png) no-repeat scroll 10px 15px;
	border:1px solid #e6c555;color:#9e660d;
}
	        

/* 2. Buttons
------------------------------------------------------ */

/* generic button */
.btn {
	display: block; 
	background: #23619C;
	overflow: hidden; 
	font-weight: bold; 
    text-align: center; 
	color: #ffffff; 
	margin: 5px 0 10px 0; 
	padding: 5px 5px; 
	border-radius:4px;
	-webkit-border-radius:4px;
}
.btn:hover { background: #444443; color: #FFFFFF; }
/* button colors are set in skin.css file */


.btn#small { width: 90px; font-size: 12px; }
.btn#medium { width: 140px; font-size: 14px; }
.btn#large { width: 190px; font-size: 16px; }
.btn#submit { width: auto; font-size: 18px; }
.btn#grid { width: 70px; font-size: 11px; margin: 0 0 0 25px; }
.btn#gridfloat { width: 70px; font-size: 12px; }
#tbl { width: auto; font-size: 10px; margin: 3px 0 3px 0; }
.btn#table { width: auto; font-size: 10px; margin: 3px 0 3px 0; }
.btn#mobile { width: auto; font-size: 0.8em; margin: 0 0 3px 3px; float: right; }

.btn#gridabs { width: 70px; font-size: 11px; position: absolute; bottom: 2px; left: 26px; }
.btn#account { width: auto; font-size: 11px; margin: 0 0 3px 3px; float: right; }

/* account section feature buttons */
.btn#feature {
	font-size: 22px;
	font-weight: 300;
	width: 90%;
	padding: 12px 9px 12px 9px;
	background: #fe9316;
}
.btn#feature:hover {
	background: #23619c;
}

/* quote request sidebar button */
#request-quote-btn {
	width: 100%;
	height: 61px;
}
#request-quote-btn a.quote {
	display: block;
	width: 100%;
	height: 61px;
	text-indent: -9999px;
}


/* favorite and social share buttons */
#fav-box { margin: 3px 0 3px 0; width: 160px; }
#fav-box img { width: 99px; height: 27px; }
#fav-box p.added { font-size: 11px; font-weight: bold; padding: 5px 0 0 0; min-height: 16px; }
a.fav-label { display: block; float: right; margin: 5px 0 0 0; }

/* ------- 3. iPACK TV ------- */

/* video title/related video styling 
-------------------------------------------------------------*/
.title-info {
	width: auto; height: auto; margin: 5px 0 0 0; padding: 8px 8px;
    background: #e8e5e5; /* non css-3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
    background: -moz-linear-gradient(top,  #f5f5f5,  #e0e0e0);
}
.title-info h2 {margin: 0; font-size: 21px;}
.title-info h3 {margin: 0 0 5px 0; color: #818080;}

/* video list output 
--------------------------------------------------------------*/
.tv-column {float: left; margin: 15px 10px 10px 10px; width: 30%;}
.tv-column h3.tv-cat-header {margin: 25px 0 15px 0; font-size: 1.5em; color: #164775;}

.tv-column a {display: inline-block; padding: 8px 0 6px 20px !important; border-bottom: 1px solid #ccc; width: 80%; font-weight: bold; font-size: 11px;
background: url(../../../../images/icons/television.png) no-repeat left center;}

/* video list link colors 
--------------------------------------------------------------*/
.tv-column a:link {color: #666666; text-decoration: none;}
.tv-column a:visited {color: #666666; text-decoration: none;}
.tv-column a:hover {color: #2f5983; text-decoration: none;}
.tv-column a:active {color: #2f5983; text-decoration: none;}

/* ipacktv tabs 
--------------------------------------------------------------*/

.tv-tabs {margin: 25px 0 0 0;}

span.ipacktv-tabs {
	display:block;
	padding: 8px 8px 12px 8px;
	float:left;
	font-size: 15px;
	font-weight:bold;
	margin-right:5px; 
	background: #f5f5f5; /* non css-3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #f5f5f5,  #e0e0e0);
}
span.ipacktv-tabs a { padding: 0 0 0 20px; color: #999999;}
span.ipacktv-tabs a#flv {background: url(../../../../images/icons/video.png) no-repeat left center;}
span.ipacktv-tabs a#mp4 {background: url(../../../../images/icons/mp4.png) no-repeat left center;}
span.ipacktv-tabs a#custom {background: url(../../../../images/icons/catalog_vid.png) no-repeat left center;}
span.ipacktv-tabs a#shared {background: url(../../../../images/icons/shared_vid.png) no-repeat left center;}

span.ipacktv-tabs.active {
	color:#164775;
	padding: 8px 8px 12px 8px;
	font-size: 15px;
	background: #e0e0e0; /* non css-3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f5f5f5));
    background: -moz-linear-gradient(top,  #e0e0e0,  #f5f5f5);
}
span.ipacktv-tabs.active a{color:#164775;}
div.ipack-tabs-content h3.catalog-title {
	font-size:15px;
	color:#333;
	margin:0 0 15px 7px;
}

.rep-mobile {
	height: auto; overflow: auto;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 6px 6px;
	margin: 8px 0 8px 0;
	display: none;
}

.rep-mobile img.mobile { float: left; margin: 0 10px 0 0; width: 40%; max-width: 200px; }

/* new list styling (insights) */

#insights-list {
	width: 100%;
	padding: 0px 0px 62px 0px;
	height: auto;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	background: #EDEBEB;
}
#insights-list h3.insights {
	font-weight: 700;
	width: 100%;
	height: 70px;
	font-size: 22px;
	color: #F27420;
	text-indent: -9999px;
	background: url(/images/repository/index-grids/callout-insights-banner.jpg) no-repeat top left;
}
#insights-list h4.insights-list {
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px dashed #cccccc;
	padding: 8px 0 10px 32px;
	background: url(/images/article.png) no-repeat top left;
}
#insights-list h4.insights {
	font-size: 16px;
}
#insights-list #insights-left {
	float: left;
	width: 70%;
	margin: 20px 10px 0 10px;
}
#insights-list #insights-right {
	float: left;
	width: 25%;
	margin: 20px 0 0 12px;
}
ul.insights { list-style: none; margin: 0; width: 95%; }
ul.insights li {
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 8px 0;
	height: auto;
	overflow: auto;
	border-bottom: 1px dashed #cccccc;
}

ul.insights a:link {color: #F27420;}
ul.insights a:visited {color: #F27420;}
ul.insights a:hover {color: #666666;}
ul.insights a:active {color: #F27420;}

div.share {
	padding: 4px 0 4px 0;
	margin: 5px 0 20px 0;
	/*background: #f5f5f5;*/
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 70%;
}

div.share p.share-this {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 3px 0 !important;
}

/* new list styling (checkmark) */
ul.callout { list-style: none; margin: 10px 0 10px 0; }
ul.callout li {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 10px 40px;
	height: auto;
	overflow: auto;
	background: transparent url(/images/icon-check.png) no-repeat left center;
	border-bottom: 1px dotted #cccccc;
}

ul.callout a:link {color: #F27420;}
ul.callout a:visited {color: #F27420;}
ul.callout a:hover {color: #666666;}
ul.callout a:active {color: #F27420;}


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