/* Project Information
--------------------------------------------------------------------------------------- 

Project Name: AIT Products Website
Author: Groove Commerce
Author URI: http://www.groovecommerce.com/

Colors:
plain text - #656a6f
blue text - #0f71ad
yellow link text (body) - #d39800
yellow link text (footer) - #e0a201
footer bg - #4c4c4c

*/

@import url("cart.css");

/* Reset
--------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
a {	text-decoration: none; }
a:hover { text-decoration: underline; }
fieldset, img { border: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after {	content: ''; }
abbr, acronym { border: 0; }
small { font-size: 0.75em; }


/* Global Variables
--------------------------------------------------------------------------------------- */
body { background: #fff url('../images/ui/body-bg.gif') repeat-x top left; font: 11px Arial,Helvetica,sans-serif; }

header, section, footer, article, nav {	display: block; }
header, #content, footer { width: 960px; margin: 0 auto; clear: both; }

h1, h2, h3, h4 { color: #0f71ad; font-weight: bold; }
h1 { font-size: 18px; }
h2 { font-size: 14px;  margin-bottom: 5px; }
h3 { color: #e0a100; font-size: 14px; }
h4 { font-size: 11px; }
p { font-size: 11px; margin-bottom: 11px; }
a { color:#d39800; cursor: pointer; }

/* Tables */
td {
    text-align: left;
    font-weight: normal;
}

/* Header
--------------------------------------------------------------------------------------- */
header {
	height: 74px;
}
	#logo { float: left; padding:15px 0 0; width: 470px; }
		#logo h1 { padding-top: 5px; }
		#logo h1 span { font-size: 14px; font-style: italic; font-weight: normal; }
	
	#cta { float:left; padding: 5px 0 0 25px; }
		#cta a { color: #005596; text-decoration: underline; }
		#cta a:hover { color: #023b67; }
			
		#cta h2 { background: url('../images/ui/yellow-phone.gif') no-repeat 0 5px; font-size: 22px; margin-left: 5px; padding: 0 0 8px 20px; }
			#cta h2 span { color: #656a6f; font-size: 11px; text-transform: uppercase; }
		
		#basicNav li { font-size: 11px; }
	
	#account { background: #555 url('../images/ui/acct-bg.gif') no-repeat top left; float: right; width: 242px; height: 53px; }
		#account a { color: #ccc; }
		#account a:hover { color: #fff; }
		
		#comm { clear: both; margin-left: 8px; padding: 6px 0; }
			#comm li { float: left; font-size: 11px; padding: 0 8px 0 25px; }
			#comm li.email { background: #525252 url('../images/ui/acct-mail.gif') no-repeat top left; }
			#comm li.chat { background: #525252 url('../images/ui/acct-chat.gif') no-repeat top left; }
			#comm li.call { background: #525252 url('../images/ui/acct-call.gif') no-repeat top left; padding: 1px 0 0 20px; }
		
		#accountLinks {  }
			#accountLinks li { border-right: 1px solid #888; float: left; font-size: 11px; padding: 0 7px; }
			#accountLinks li.last { border: none; }


/* Content
--------------------------------------------------------------------------------------- */
#content {
	background: #fff url('../images/ui/content-bg.gif') repeat-y top left;
	min-height:500px;
	height:auto !important;
	height:500px;
}
	#content.onecol { background: #fff url('../images/ui/content-onecol-bg.gif') repeat-y top left; }
	#contentCap {
		background: #fff url('../images/ui/content-top.gif') no-repeat top left;
		padding-top: 11px;
	}

	#primary {
		float: right;
		width: 720px;
	}
		#rentals {
			background: #eee;
			border-top: 1px solid #ccc;
			font-size: 11px;
			height: 33px;
			padding: 0;
			margin: 0 10px;
		}
			#rentals h2 {
				background: #0072c9 url('../images/ui/rentals-bg.gif') repeat-x top left;
				color: #fff;
				display: inline-block;
				font-size: 11px;
				line-height: 33px;
				margin-right: 15px;
				padding: 0 15px;
				/* Border Radius */
				-moz-border-radius: 6px 0 0 6px;
				-webkit-border-radius: 6px 0 0 6px;
				border-radius: 6px 0 0 6px;
			}
			
		#demos, #inspections { background: url('../images/ui/grey-gradient.gif') repeat-x top left; min-height:170px; height:auto !important; height: 170px; }
		#callExpert { background: url('../images/ui/call-expert.jpg') no-repeat bottom right; }
			#callExpert span { color: #0f71ad; font-size: 14px; font-weight: bold; }
			#callExpert p { padding-right: 60px; }
		
		/* jQuery Content Slider */
		#slider {
			background: #0072c9 url("../images/layout/slider-bg.jpg") no-repeat;
			height: 227px;
			margin: 10px 0 20px 10px;
			position: relative;
			width: 700px;
		}
			#slider ul {
				background: #ededed;
				border: 1px solid #ccc;
				border-top: none;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 698px;
				-moz-border-radius-bottomright: 6px;
				-moz-border-radius-bottomleft: 6px;
				-webkit-border-radius-bottomright: 6px;
				-webkit-border-radius-bottomleft: 6px;
				border-radius-bottomright: 6px;
				border-radius-bottomleft: 6px;
			}
			#slider li {
				float: left;
				height: 50px;
			}
				#slider li a {
					border-right: 1px solid #ccc;
					color: #444;
					font-size: 12px;
					font-weight: bold;
					display: block;
					height: 40px;
					outline: none;
					padding: 10px 15px 0;
				}
				#slider li a:hover { text-decoration: none; }
				#slider li a.first {  }
				#slider li a.last { border: none; width: 100%; }
					#slider li a span {
						font-size: 11px;
						font-weight: normal;
					}
				#slider li.ui-tabs-selected, #slider li.ui-state-active {
					background: #0072c9 url('../images/ui/slider-tab.gif') repeat-x top left;
				}
					#slider li.ui-tabs-selected a, #slider li.ui-state-active a { color: #fff; }
				#slider li.first.ui-tabs-selected, #slider li.first.ui-state-active { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }		
					
			.ui-tabs-hide {
				display: none;
			}
			div.slide {
				width: 700px;
				height: 176px;	
				position: absolute;
				left: 0;
				top: 0;
			}
				.sliderContent {
					color: #fff;
					padding: 30px 25px 10px;
					width: 400px;
				}
					.sliderContent h1 { color: #fff; font-size: 22px; padding-bottom: 10px; }
					.sliderContent p { font-size: 14px; }
							
			#slider-1 { background: #0072c9 url('../images/content/slider-itool.jpg') no-repeat top left; }
			#slider-2 { background: #0072c9 url('../images/content/slider-pipe.jpg') no-repeat top left; }
			#slider-3 { background: #0072c9 url('../images/content/slider-borescope.jpg') no-repeat top left; }
			#slider-4 { background: #0072c9 url('../images/content/slider-micro.jpg') no-repeat top left; }
			#slider-5 { background: #0072c9 url('../images/content/slider-vuman.jpg') no-repeat top left; }
			
		#featuredProducts {padding: 10px 0 10px 0;}
			#featuredProducts h3 { color:#0f71ad; }
			#featuredProducts ul { background: url('../images/ui/dotted-bg.gif') repeat-y top left; border-bottom: 1px dotted #ccc; }
			#featuredProducts ul.last { border: none; }
				#featuredProducts li {
					float: left;
					padding: 10px 5px 10px 0;
					margin-right: 15px;
					width: 213px;
				}
				#featuredProducts li.last { border:none; }
					#featuredProducts li div { margin-left: 85px; }
					#featuredProducts li img { padding-top: 10px; }
					#featuredProducts li h3 a { color: #0F71AD; }

		#learningCtr p, #support p { color:#656a6f; }
	
	/* Sidebar */		
	#secondary {
		float: left;
		width: 240px;
	}
	
		#miniSearch {
			background: #505050 url('../images/ui/search-bg.gif') no-repeat top left;
			border-top:1px solid #697F8F;
			height: 56px;
		}
			#searchForm { padding: 12px 0 0; }
			fieldset.search {
				border: none;
				width: 223px;
				margin: 0 auto;
			}
			.search input, .search button {
				border: none;
				float: left;
			}
			.search input.inputBox {
				color: #444;
				font-size: 14px;
				width: 157px; /* actually 167px */
				height: 32px;
				padding: 0 5px;
				background: #ececec url(../images/ui/search-sprite.gif) no-repeat;
			}
			.search input.inputBox:focus {
				background: #ececec url(../images/ui/search-sprite.gif) no-repeat left -32px;
				outline: none;
			}
			.search button.searchBtn {
				width: 56px;
				height: 32px;
				cursor: pointer;
				text-indent: -9999px;
				background: #f4c026 url(../images/ui/search-sprite.gif) no-repeat bottom right;
			}
			
			#newsletterForm { padding:5px 0 0 15px; }
				fieldset.newsletter {
				border: none;
				width: 313px;
				margin: 0 auto;
				padding-top: 4px;
			}
			.newsletter input, .newsletter button {
				border: none;
				float: left;
			}
			.newsletter input.inputBox {
				color: #444;
				font-size: 14px;
				width: 247px; /* actually 257px */
				height: 32px;
				padding: 0 5px;
				background: #ececec url(../images/ui/newsletter-sprite.gif) no-repeat;
			}
			.newsletter input.inputBox:focus {
				background: #ececec url(../images/ui/newsletter-sprite.gif) no-repeat left -32px;
				outline: none;
			}
			.newsletter button.addBtn {
				width: 56px;
				height: 32px;
				cursor: pointer;
				text-indent: -9999px;
				background: #f4c026 url(../images/ui/newsletter-sprite.gif) no-repeat bottom right;
			}
			
		
		#widgets {
			
		}
			.widgetTitle {
				background: #005697 url('../images/ui/nav-top-bg.gif') no-repeat top left;
				/*
				-moz-border-radius: 6px 6px 0 0;
				-webkit-border-radius: 6px 6px 0 0;
				*/
				border-radius: 6px 6px 0 0;
				color: #fff;
				font-size: 16px;
				line-height: 31px;
				margin: 10px 10px 0;
				padding: 0 10px;
			}
			#nav, .sidebarItemTitle .block-content {
				border: 1px solid #ccc;
				border-top: none;
				margin: 0 10px 10px;
			}
			.sidebarItemTitle .block-content { padding: 10px; }
				#nav li a {
					color:#656a6f;
					display: block;
				}
				#nav li a:hover { text-decoration: none; }
				#hoverMenu li a, #hoverMenu li a.closed{
					background: #ebebeb url('../images/ui/accordion-tab.gif') repeat-x top left; 
					border-top: 1px solid #f7f7f7; 
					border-bottom: 1px solid #e3e3e3;
					font-weight: normal;
					font-size:14px;
					color: #0f71ad;
					padding: 5px;
					width:208px;
					clear:left;
					height:14px;
				}
				#hoverMenu .parent span{
					float:left;
					width:100%;
					background: url('../images/ui/arrow-down-y.gif') no-repeat right 50%;
				}
				#hoverMenu .parent li span {			
					float:none;
					background:none !important;
				}
				/*#hoverMenu li a.hover{
					background: #bebebe; 
					border-top: 1px solid #c6c6c6; 
					border-bottom: 1px solid #b6b6b6;
					font-weight: normal;
					font-size:14px;
					color: #0f71ad;
					padding: 5px;
				}*/
				#hoverMenu li a.hover{
					background: #005697 url('../images/ui/accordion-tab-active.gif') repeat-x top left;
					border-top: 1px solid #80b9e4;
					border-bottom: 1px solid #005697 q;
					outline: none;
					margin-left:-1px;
					margin-right:-1px;
					color:#FFF;
					width:210px;
				}
				#hoverMenu li ul li a{
					display: block; 
					font-size:11px;
					background:none; 
					border:none;
					color:#666;
					padding: 5px 10px;
					width:198px;
				}
				#hoverMenu li ul li a:hover{
					background:#d9efff;
					border-top:1px solid #c6e6fd;
					border-bottom:1px solid #c6e6fd;
					padding:4px 10px; 
				}	
				
/*				.ui-accordion-header {
					background: #ebebeb url('../images/ui/accordion-tab.gif') repeat-x top left;
					border-top: 1px solid #f7f7f7;
					border-bottom: 1px solid #e3e3e3;
					font-weight: normal;
				}
					.ui-accordion-header a { color: #0f71ad; display: block; }
					.ui-accordion-header.ui-state-active a { color: #fff; }

				#nav ul {}
					#nav li {
						font-size: 11px;
					}
					
						#nav li a:hover {
							background: #d9efff;
							border-top: 1px solid #c6e6fd;
							border-bottom: 1px solid #c6e6fd;
							padding: 2px 5px 2px 20px;
						}		

*/
/* Footer
--------------------------------------------------------------------------------------- */
#footerWrapper { background: #4c4c4c; }

footer {
	background: #4c4c4c url('../images/ui/footer-bg.gif') no-repeat top left;
	padding: 35px 0;
}
footer.onecol { background: url('../images/ui/footer-onecol-bg.gif') no-repeat top left; }
	footer a { color: #e0a201; }
	footer h2 { color: #fff; font-size: 16px; }
	#links1, #links2, #links3 {
		float: left;
		font-size: 11px ;
		padding-right: 20px;
		width: 150px;
	}
	
	#footerMore { float: right; padding-bottom: 15px; width: 400px; }
		#miniNewsletter { background: #666; border: 1px solid #888; margin-bottom: 20px; padding: 10px 15px; }
			#miniNewsletter h3 { color: #fff; }
		#secure {}
		
	#copyright {
		border-top: 1px solid #737373;
		clear: both;
		color: #ccc;
		font-size: 11px;
		padding: 15px 0;
		text-align: right;
	}
		#copyright .links { float: left; }
		.grooveLink {
			background: url('../images/ui/groove-link.gif') no-repeat 0 3px;
			padding: 0 0 0 17px;
		}

/* Sticky Footer
html, body, #container { height: 100%; }
body > #container {	height: auto; min-height: 100%; }
footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 3em;
	margin-top: -3em;
}
#content { padding-bottom: 3em; }
*/

/* Classes
--------------------------------------------------------------------------------------- */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear   { clear:both; }
.clearleft   { clear:left; }
.clearright   { clear:right; }
.left  	 { float:left; }
.right   { float:right; }
.img-left      { float:left; margin:4px 10px 4px 0; }
.img-right     { float:right; margin:4px 0 4px 10px; }
.bullets { margin: 0 0 2em;	padding: 0 0 0 1em;	clear: both; }

.hlist li { float: left; padding: 0 5px; border-right: 1px solid #005596; }
.hlist li.last { border: none; }

.rounded { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.shadow { -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.box { background: #fff; border: 1px solid #ccc; padding: 10px 15px; }
.sidebarItem { margin: 10px; }
.contentPad { padding: 10px; }
.page-head {
	padding-bottom: 10px;
}
.twoCol, .threeCol {
	float: left;
	margin-right: 20px;
	width: 308px;
}
.threeCol {	width: 188px; }
.last { margin-right: 0; }
.group { margin: 20px 10px;}
.recently { margin: 0 10px;}

.btn {
	background-color: #e6b100; /* fallback color */			
	background-image: -moz-linear-gradient(100% 100% 90deg, #ecb207, #ffd24e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd24e), to(#ecb207));
	border: 1px solid #ca9907;
	color: #694f00;
	display: inline-block;
	font: bold 12px/14px Arial,Helvetica,sans-serif;
	line-height: 1;
	margin: 5px 0;
	padding: 6px 15px;
	position: relative;
	cursor: pointer;
	text-decoration: none;	
	/*--- Add Rounded Corners ---*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*--- Add Shadow ---*/
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
	.btn:hover {
		background: #ecb207;
	}
	.btn:active {
		top: 1px;
	}

.arrowList { 
	margin: 0 0 20px;
	clear: both;
}
.arrowList li {
	background: url('../images/ui/yellow-arrow.gif') no-repeat top left;
	padding: 0 0 0 25px;
}

#accessories_tab li {
	display:block;
	height:50px;
	margin: 20px 0;
}
	
#accessories_tab .checkbox-container {
	background: #525252;
	display: block;
	float: left;
	clear: left;
	padding: 20px 2px;
}

#accessories_tab .checkbox-container input {
	background: #F5C128;
}

#accessories_tab img {
	float:left;
	margin-right: 10px;
}

#accessories_tab .product-details a {
	font-weight: bold;
	font-size: 12px;
}
	
p.sku {
	color: #666;
	font-size: 10px;
}
p.skuchange {
	color: #C00;
}

.product-view .product-shop .product-data h1 { margin: 0; }

td.thumbtable {
	padding: 10px 5px;
}