@import url('jquery.fancybox-1.3.4.css');

/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #ca0000; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	background: url('../images/background_main.jpg') repeat-x #ca0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#wrapper {
	width: 770px;
	margin: 6px auto 0 auto;
}

#header {
	width: 770px;
	height: 175px;
	background: url('../images/header.jpg') no-repeat;
}

#header #logo { float: left; width: 340px; height: 134px; margin: 15px 0 0 5px; }

#mainContent { width: 100%; background: url('../images/content_bg.jpg') repeat-y #ffffff; padding: 5px 0 0 0; }
#mainContent #sideBar { float: left; width: 200px; padding: 0 0 5px 0; margin: 5px 0 0 5px; border-right: 1px solid #cccccc; }
#mainContent #sideBar #menu { float: left; width: 100%; padding: 0 0 20px 0; }
#mainContent #sideBar #menu ul { list-style-type: none; font-size: 1.0em; margin: 0; padding: 0; }
#mainContent #sideBar #menu ul li { line-height: 22px; background: url('../images/menu_norm.jpg') no-repeat; text-indent: 25px; }
#mainContent #sideBar #menu ul li.submenu { background: url('../images/menu_drop.jpg') no-repeat; }
#mainContent #sideBar #menu ul li ul li { background: url('../images/menu_indent.jpg') no-repeat; text-indent: 35px;}
#mainContent #sideBar #menu ul li ul li ul li { background: none; background-color: #cccccc; width: 190px; border-left: 10px solid #444444; }
#mainContent #sideBar #menu ul li a { color: #222222; }
#mainContent #sideBar #menu ul li a:hover {}
#mainContent #sideBar #logos { float: left; width: 100%; text-align: center; }
#mainContent #sideBar .latestNews { font-size: 1.2em; color: #ca0000; margin: 0 0 0 10px; font-weight: bold; }
#mainContent #sideBar #marqueecontainer { line-height: 15px; position: relative; float: left; width: 185px; height: 200px; overflow: hidden; text-align: left; padding: 2px 2px 2px 4px; margin: 5px 0 20px 5px; }

#mainContent #sideBar .sidebar_intro { float: left; font-size: 1.2em; color: #ca0000; height: 48px; line-height: 48px; text-indent: 60px; font-weight: bold; background: url('../images/globe.png') no-repeat 10px 0; }
#mainContent #sideBar #google_translate_element { float: left; height: 48px;  width: 100%; text-align: center; margin-bottom: 20px; }
	#mainContent #sideBar #google_translate_element .goog-te-gadget {  }

#mainContent #content { float: left; width: 540px; padding: 5px 0 5px 0; margin: 0 0 0 9px; }
#mainContent #content #picGallery { clear: right; float: right; width: 221px; border: 1px solid #cccccc; background: url('../images/photo_gallery.jpg') no-repeat #eeeeee; padding: 13px 0 0 0; margin: 10px 5px 0 10px; text-align: center; font-size: 1.1em; }
#mainContent #content #picGallery img { padding: 5px 0 5px 0; } 
	#mainContent #content #picGallery ul { text-align: left; margin: 0 0 0 20px; font-weight: bold; font-size: 0.9em; }
#mainContent #content #vidGallery { float: right; width: 221px; border: 1px solid #cccccc; background: url('../images/video_gallery.jpg') no-repeat #eeeeee; padding: 13px 0 0 0; margin: 10px 5px 0 10px; text-align: center; }

#mainContent #content .product_link { background-color: #cccccc; width: 340px; height: 50px; margin: 10px 0 0 50px; padding: 5px; border-left: 3px solid #ca0000; }
#mainContent #content .product_link img { float: left; }
#mainContent #content .product_link h2 { float: left; }
/*#mainContent #content .product_list { float: left; padding: 5px; margin: 5px 5px 10px 5px; width: 155px; height: 180px; border: 1px solid #cccccc; overflow: hidden; }
#mainContent #content .product_list h3, #mainContent #content .product_list h4 { width: 155px; text-align: center; }*/

#mainContent #makeAnOffer { width: 500px; margin: 0 auto; height: 120px; background: url('../images/best-offer-bg.png') no-repeat #fff; }
#mainContent #makeAnOffer input#offer_amount { float: right; width: 135px; margin: 40px 20px 0 0; font-size: 2.0em; padding: 0; border: none; background: none; font-weight: bold; color: #444; }
#mainContent #makeAnOffer input#submit_offer { float: right; clear: both; width: 105px; height: 35px; border: none; padding: 0; margin: 10px 10px 0 0; }

#bestOfferResponse { border: 3px solid #ca0000; background: #f2f2f2; padding: 15px; margin: 10px 10px 40px 10px; -moz-border-radius: 10px; border-radius: 10px; }
#bestOfferResponse p { padding: 0; }
#bestOfferResponse input { width: 250px; padding: 2px 5px; }
#bestOfferResponse textarea {  width: 250px; height: 70px; }
#bestOfferResponse input#submit_bestoffer { width: 105px; height: 35px; border: none; padding: 0; background: #fff; margin-left: 170px; }
#bestOfferResponse label { clear: left; width: 120px; }

#mainContent #content .product_list { float: left; padding: 5px; margin: 5px 5px 10px 20px; width: 475px; border: 1px solid #cccccc; overflow: hidden; }
#mainContent #content .product_list img { float: left; }
#mainContent #content .product_list h3 { width: 300px; text-align: center; float: left; margin: 10px 0 5px 15px; font-size: 1.2em; }
#mainContent #content .product_list h4 { width: 300px; text-align: center; float: left; margin: 10px 0 5px 15px; font-size: 1.2em; }

#mainContent #content .parts_list { float: left; padding: 5px; margin: 5px 5px 10px 20px; width: 475px; border: 1px solid #cccccc; overflow: hidden; }
#mainContent #content .parts_list .partsLeft { float: left; width: 155px; text-align: center; }
#mainContent #content .parts_list .partsRight { float: left; width: 320px; }
#mainContent #content .parts_list img { }
#mainContent #content .parts_list h3 { width: 300px; text-align: center; float: left; margin: 5px 0 5px 15px; font-size: 1.2em; }
#mainContent #content .parts_list p { width: 270px; text-align: center; float: left; margin: 5px 0 5px 15px; font-size: 1.1em; }
#mainContent #content .parts_list h4 { width: 300px; text-align: center; float: left; margin: 10px 0 5px 15px; font-size: 1.2em; }

#mainContent #content .pagination { width: 450px; margin: 0 auto 0 auto; text-align: center; padding: 4px 0 5px 0; }
#mainContent #content .pagination a { padding: 4px; border: 1px solid #ffffff; margin: 0 2px 0 2px; color: #333333; }
#mainContent #content .pagination a.current { background-color: #eeeeee; border: 1px solid #ca0000; }
#mainContent #content .pagination a.first_last { padding: 4px 8px 4px 8px; }
#mainContent #content .pagination a:hover { background-color: #eeeeee; border: 1px solid #ca0000; text-decoration: none; }

#mainContent #content table { margin: 0 auto 0 auto; }

#recaptcha_widget_div { margin-left: 200px; }
#recaptcha_widget_div #recaptcha_response_field { position: relative; left: 0; top: 20px; }

#footer { width: 760px; background-color: #262626; padding: 10px 0 5px 0; margin: 0 0 0 5px; color: #ffffff; font-size: 0.9em; text-align: center; }
#footer a { color: #ffffff; letter-spacing: 1px; }

form#currency_select { float: left; width: 100%; }
	form#currency_select select { width: 120px; margin: 0 0 20px 10px; border: 1px solid #444; padding: 1px 0; }
	form#currency_select input { float: right; width: 50px; margin: 0 10px 20px 0; }
	
form#currency_converter { overflow: auto; background: #f2f2f2; padding: 5px; border: 1px solid #ccc; }
	form#currency_converter label { float: left; margin: 0 5px 0 0; text-align: right; }
	form#currency_converter select { float: left; width: 150px; border: 1px solid #444; padding: 1px 0; }
	form#currency_converter input { float: left; width: 50px; margin: 0 0 0 10px; }

label { float: left; width: 150px; line-height: 20px; margin: 2px 0 2px 50px; font-size: 1.1em; font-weight: bold; }
input, textarea { float: left; width: 200px; padding: 1px 5px 1px 5px; margin: 2px 0 2px 0; border: 1px solid #444444; }

h1 { width: 100%; height: 29px; line-height: 29px; font-weight: normal; background: url('../images/content_section.jpg') repeat-y; font-size: 1.4em; text-indent: 20px; color: #222222; }
h1.price { margin: 20px 0 0 0; line-height: 40px; height: 40px; overflow: auto; }
h1.price img { margin-top: 2px; }
h1 span { font-size: 0.8em; padding-right: 10px; font-style: italic; }
h2 { font-size: 1.3em; font-weight: normal; padding: 15px 0 0 10px; color: #222222; }
h2 a { color: #222222; }
h2 a:hover { color: #444444; }
h3 { font-size: 1.1em; font-weight: bold; padding: 3px 0 3px 0; color: #333333; }
h3 a { color: #333333; }
h3 a:hover { color: #555555; }
h4 { font-size: 1.1em; font-weight: normal; padding: 3px 0 3px 0; color: #ca0000; }

h5#errormsg { border: 3px solid #ca0000; background: #FFE5E5; padding: 10px; margin-bottom: 10px; font-size: 1.4em; color: #ca0000; }

p { padding: 5px 15px 5px 15px; font-size: 1.1em; line-height: 15px; color: #444444; }
ul { font-size: 1.1em; color: #444444; line-height: 15px; margin: 0 0 0 40px; padding: 0 0 10px 0; }
.pageImage { padding: 10px; }
.mouseOverNews { font-size: 1.1em; margin: 0 0 0 15px; }
.textalignleft { text-align: left; padding: 0 5px; line-height: 16px; font-weight: bold; }

small { font-style: italic; font-size: 1.1em; }

/****************** LIGHTBOX ******************/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; } 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/lightbox/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; 	width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }