/* CSS for Jet Technologies */

/****** General ******/
html {
	height: 100%;
}
body {
	background: #d9d9d9 url(../images/interface/bg_tile.gif) repeat;
	text-align: center;
	color: #000;
	font: 85% arial, sans serif;
	margin: 0;
	padding: 16px 0 0 0;
}
p {
	color: #4C4C4C;
	font-size: 0.9em;
	line-height: 1.5;
}
img {
	border: none;
}


/****** Container *****/
#container {
	width: 990px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}


/****** Header ******/
#header h1 {
	padding: 0;
	margin: 0;
	height: 174px;
	width: 252px;
	position: relative;
	left: 0;
	top: 0;
	background: url(../images/interface/jet_logo.gif) no-repeat;
}
#header h1 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#header h1 a {
	display: block;
	height: 174px;
	width: 252px; 	
}
#header ul {
	margin: 0;
	padding: 27px 0 0 13px;
	position: absolute;
	left: 253px;
	top: 0;
	width: 737px;
	height: 147px;
	background: url(../images/interface/bg_header_menu.gif) no-repeat;
	list-style-type: none;
	font-weight: bold;
	font-size: 11px;
}
#header li {
	float: left;
	margin-right: 21px;	
}
#header li a {
	display: block;
	padding-left: 9px;
	background: url(../images/interface/bullet.gif) no-repeat 0 3px;
	text-decoration: none;
}
#header a:link {
	color: #fff;
}
#header a:visited {
	color: #fff;
}
#header a:hover {
	color: #fff;
	text-decoration: underline;
}
#header a:active {
	color: #fff;
}
#header li#shoppingCart {
	margin: 0 0 0 102px;
}
#header li#shoppingCart a {
	padding-left: 21px;
	background: url(../images/interface/shopping_icon.gif) no-repeat 0 1px;
	padding-bottom: 3px
}


/****** three big search options ******/
#header h2 {
	padding: 0;
	margin: 0;
	height: 101px;
	width: 241px;
	position: absolute;
	top: 69px;
}
#header h2 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#header h2 a {
	display: block;
	padding: 3px;
	height: 101px;
	width: 241px;
	font-size: 2px;
}
#catagorySearch h2 {
	left: 258px;
}
#brandSearch h2 {
	left: 500px;
}
#header #catagorySearch a {
	background: url(../images/interface/button_catagory.gif) no-repeat;
	color: #003466;
}
#header #brandSearch a {
	background: url(../images/interface/button_brand.gif) no-repeat;
	color: #01518C;
}
#keywordSearch {
	position: absolute;
	left: 742px;
	top: 69px;
	height: 101px;
	width: 241px;
	background: url(../images/interface/bg_search.gif) no-repeat;	
}
#keywordSearch form {
	position: relative;
	left: 20px;
	top: 64px;	
}
#keywordSearch #searchField {
	width: 146px;
	height: 23px;
	background: url(../images/interface/search_field.gif) no-repeat;
	border: none;
	padding: 3px 0 0 4px;
}
#keywordSearch #searchImage {
	position: absolute;
	left: 152px;
	top: -2px;	
}


/****** Content ******/
#content {
	margin-top: 1px;
	position: relative;
}


/***** Home ******/
#colOne {
	position: relative;
	left: 0;
	top: 0;
	width: 206px;
	height: 305px;
	padding: 53px 22px 0 24px;
	background: url(../images/home/bg_welcome.gif) no-repeat;
}
#colOne h2 {
	padding: 0;
	margin: 0;
	height: 23px;
	width: 123px;
	position: absolute;
	left: 22px;
	top: 24px;
	background: url(../images/home/welcome_title.gif) no-repeat;
}
#colOne h2 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#colOne h3 {
	font-size: 0.9em;
	color: #007DC7;
	line-height: 1.5;
}
#latestNews {
	position: absolute;
	top: 204px;
	left: 253px;
	width: 488px;
	height: 154px;
	background: url(../images/home/bg_latest_news.gif) no-repeat;
}
#latestNews h2 {
	padding: 0;
	margin: 0;
	height: 18px;
	width: 113px;
	position: absolute;
	left: 24px;
	top: 24px;
	background: url(../images/home/title_latest_news.gif) no-repeat;
}
#latestNews h2 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#marqueecontainer {
	position: relative;
	top: 50px;
	left: 24px;
	width: 440px;
	height: 95px;
	overflow: hidden;
}
#vmarquee {
	width: 98%;
	position: relative;
}
#vmarquee p {
	margin-bottom: 15px;
	padding: 0;
	display: block;
	padding-left: 14px;
	background: url(../images/home/news_bullet.gif) no-repeat 0 7px;
}
#vmarquee p a {
	color: #4C4C4C;
	text-decoration: none;
}
#vmarquee p a:hover {
	text-decoration: underline;
}
#partners {
	position: absolute;
	top: 204px;
	left: 742px;
	width: 248px;
	height: 154px;
	background: url(../images/home/bg_partners.gif) no-repeat;
}
#partners img {
	margin-top: 35px;	
}


/****** Partners *****/
#partnerlogos img {
	padding: 5px;
}


/****** Footer ******/
#footer {
	width: 990px;
	text-align: right;
	margin-top: 21px;
	color: #939393;
}
#footer p {
	color: #939393;	
	line-height: 1;
	font-size: 0.7em;
	margin: 0 2px 1px 0;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}
#footer li {
	display: inline;
	margin: 0;	
}
#footer li a {
	margin-right: 2px;
	text-decoration: none;
	background: url(../images/interface/footer_line.gif) no-repeat 0 2px;
	padding-left: 5px;
}
#footer li a.end {
	background: none;	
}
#footer a:link {
	color: #939393;
}
#footer a:visited {
	color: #939393;
}
#footer a:hover {
	color: #939393;
	text-decoration: underline;
}
#footer a:active {
	color: #939393;
}


/****** menu ******/
.tierOne {
	background: url(../images/interface/menu_category_top.gif) no-repeat;
	width: 241px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
}
.tierOne ul {
	padding: 0 0 14px 19px;
	margin: 28px 0 0 0;
	list-style-type: none;
}
.tierOne ul li {
	border-top: 1px solid #4CA4D7;
	margin: 0;
}
.tierOne ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 2px 14px;
	height: 16px;
}
.tierOne ul li a:hover {
	background: #4CA4D7;
}
.tierOne ul li a.group {
	background: url(../images/interface/menu_arrow.gif) no-repeat 200px 6px;
}
.tierOne ul li a.group:hover {
	background: #4CA4D7 url(../images/interface/menu_arrow_dark.gif) no-repeat 200px 6px;
}
.tierTwo {
	width: 172px;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
}
.tierTwo ul {
	padding: 5px 0 14px 19px;
	margin: 0;
	list-style-type: none;
	background: url(../images/interface/menu_tier2_bg.gif) no-repeat left bottom;
}
.tierTwo ul li {
	border-top: 1px solid #70B6DF;
	margin: 0;
}
.tierTwo ul li.top {
	border-top: none;
}
.tierTwo ul li a {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
display: block;
margin: 0;
padding: 3px 14px; /* ie6 & ie7.css */
/* height: 16px; */ /* ie6 & ie7.css */
}
.tierTwo ul li a:hover {
	background: #70B6DF;
}
#menu1Content.tierOne ul, #menu2Content.tierOne ul {
	background: url(../images/interface/menu_tier1_bg.gif) no-repeat left bottom;
}
iframe {
	display: none;	
}


/******** Main highlight *********/
#myGallery {
	width: 737px;
	height: 203px;
	z-index:5;
	display: none;
	color: #fff;
}
#highlightHome {
	position: absolute;
	left: 253px;
	top: 0;
	width: 737px;
	height: 203px;
	background: url(../images/home/bg_highlight_text.gif) no-repeat right;
}
#highlightHome #nextButton {
	position: absolute;
	right: 17px;
	bottom: 11px;	
}
.jdGallery {
	overflow: hidden;
	position: relative;
}
.jdGallery img {
	border: 0;
	margin: 0;
}
.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('images/interface/loading-bar-black.gif') no-repeat center center;
}
.jdGallery .slideInfoZone {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	margin: 0px;
	right: 0;
	bottom: 0;
	width: 248px;
	height: 203px; 
	background: url(../images/home/button_next.gif) no-repeat 170px 160px;
}
#highlightHome h2, #highlightHome h3 {
	padding: 0;
	margin: 25px 0 0 26px;
	height: 19px;
	width: 214px;
}	
#highlightHome p {
	margin: 16px 26px 0 25px;
	color: #fff;
}
.jdGallery .carousel {
	display: none;
}
.jdGallery a {
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.jdGallery a.right {
	position: absolute;
	width: 248px;
	height: 203px; 
	cursor: pointer;
	z-index:30;
}
.jdGallery a.left {
	display: none;
}
.jdGallery a.right {
	right: 0;
	top: 0;
	background: url('#') no-repeat center right;
}
* html .jdGallery a.right { background: url('#') no-repeat center right; }


/****** Breadcrumb ******/
#breadcrumb {
	width: 990px;
	height: 35px;
	background: url(../images/interface/breadcrumb_bg.gif) no-repeat;
}
#breadcrumb ul {
	padding: 10px 0 0 0;
	margin: 0 0 0 15px;
	list-style-type: none;
}
#breadcrumb li {
	float: left;
	margin-right: 10px;
}
#breadcrumb a {
	display: block;
	color: #fff!important;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 0 8px;
	background: url(../images/interface/breadcrumb_arrow.gif) no-repeat left center;
}
#breadcrumb a:hover {
	text-decoration: underline;
}


/****** Product List ******/
.productHeader {
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	color: #007dc6;
	width: 940px;
	padding: 10px 25px 10px 25px;
}
.productHeading {
	font-size: 14px;
	color: #007dc6;
	font-weight: bold;
}

.productText {
	font-size: 11px;
	color: #003366;
	font-weight: normal;
}

.productText p {
	font-size: 11px;
	color: #003366;
	font-weight: normal;
}

.productItem {
	width: 990px;
	height: 130px;
	margin-top: 1px;
	position: relative;
	vertical-align: middle;
}
.productItem a {
	display: block;
	width: 313px;
	height: 130px; /* ie6.css */
	text-align: center;
	background: #005F9F url(../images/product_list/img_bg.gif) no-repeat;
	line-height: 125px; /* ie6.css */
	vertical-align: middle;
}
.productItem a:hover {
	background-color: #fff;
}
.productItem img {
	margin-right: 61px;
	vertical-align: middle;
}
.picker {
	position: absolute;
	top: 0;
	left: 314px;
	width: 563px;
	height: 130px;
	background: url(../images/product_list/form_bg.gif) no-repeat;
	z-index: 2;
	padding: 6px 0 0 18px;
}
.picker label {
	color: #007DC7;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	margin: 14px 0 4px 0;
}
.pickerName select {
	width: 545px;
	border: 1px solid #017DC7;
}
.pickerQty select {
	width: 100px;
	border: 1px solid #017DC7;
}
.productItem input {
	position: absolute;
	top: 0;
	left: 896px;
	width: 94px;
	height: 130px;
	background: url(../images/product_list/add_button_bg.gif) no-repeat 0 -131px;
}
.productItem input:hover {
	background: url(../images/product_list/add_button_bg.gif) no-repeat 0 0;
}

/* New styles - Added by Tomy */
.normalText {
	font-size: 12px;
	font-weight: normal;
}
.contentBody {
	font-size: 12px;
	font-weight: normal;
	background-color:white;
/*	min-height:200px;*/
	width: 970px;
	padding:10px;
	margin:0px;
	overflow:hidden;
}
.contentBody p {
	font-size: 12px;
	font-weight: normal;
}

div #roundTop {
	background: url(../images/interface/round_top.gif) no-repeat 0 0;
	width: 990px;
	line-height:4px;
	height:4px;
	padding:0px;
	margin:0px;
	margin-top: 1px;	
}
div #roundBottom {
	background: url(../images/interface/round_bottom.gif) no-repeat 0 0;
	width: 990px;
	line-height:4px;
	height:4px;
	padding:0px;
	margin:0px;
}
/***** Input Styles */
.contact input {
	color: #2B428F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width=310px;
}
.contact select {
	color: #2B428F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width=310px;
}
.contact textarea {
	color: #2B428F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width=310px;
}
.contact_error input {
	color: #2B292A;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #007dc6;
	background-color: #ebf4ff;
	font-size: 11px;
}
.contact_error select {
	color: #2B292A;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #007dc6;
	background-color: #ebf4ff;
	font-size: 11px;
}
.contact_error textarea {
	color: #2B292A;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #007dc6;
	background-color: #ebf4ff;
	font-size: 11px;
}

/***** News Page Styles */

#news p {
	margin-bottom: 15px;
	padding: 0;
	display: block;
	padding-left: 14px;
	background: url(../images/home/news_bullet.gif) no-repeat 0 7px;
}
#news p a {
	color: #4C4C4C;
	text-decoration: none;
}
#news p a:hover {
	text-decoration: underline;
}

/***** Other Misc Styles */
.bg_right {
	background-position: right;
}

.bg_right_y {
	background-position: right;
	background-repeat: repeat-y
}

.bg_y {
	background-repeat: repeat-y
}

.bg_x {
	background-repeat: repeat-x
}

.bg_right_norep {
	background-position: right;
	background-repeat: no-repeat;
}

.bg_norep {
	background-repeat: no-repeat;
}

.bg_bot_norep {
	background-position: bottom;
	background-repeat: no-repeat
}
h2{
	margin:0 0 1em 0;
}
h2,h3, #content a{
	color:#0077bc;
	text-decoration:none;
}
.content ul{
	padding:0;
	margin:0;
}
.content li a{
	border-bottom:1px dotted #0077bc;
	display:inline;
}
.content li{
	background:url(../images/product_list/listIcon.gif) left 3px no-repeat;
	padding-left:17px;
	color:#4C4C4C;
	list-style:none;
}
.download{
	background:url(../images/product_list/dloadIcon.gif) left center no-repeat!important;
	padding-left:17px;
}
body h3.the_title{
	color:#0077bc;
	font-size:14px;
	margin-bottom:1em;
}
.pickerName p{
	font-size:12px;
}
.content, .contentGallery{
	padding-top:25px;
	padding-bottom:25px;
	float:left;
}	

.content{
	width:625px;
	padding-left:25px;
	padding-right:25px;
}
.contentGallery{
	width:270px;
	padding-right:25px;
}
.galleryBox{
	width:250px;
	border:1px solid #ccc;
	padding:9px;
	height:250px;
	overflow:hidden;
	text-align:center;
}
.contentGallery ul{
	margin:0;
	padding:0;
		position:relative;
}
.contentGallery li{
	margin:0;
	padding:0;
	list-style:none;
	display:block;

	
}
.contentGallery .prev{
	padding:12px 0px 12px 35px;
	background:url(../images/product_list/icon_prev.jpg) left center no-repeat;
	position:absolute;
	left:0;
	top:0;
}

.contentGallery .next{
	padding:12px 35px 12px 0px;
	background:url(../images/product_list/icon_next.jpg) right center no-repeat;
	position:absolute;
	right:0;
	top:0;
}

.contentGallery li a:hover{
	top:-1px;
	right:-1px;
}