* { margin:0; padding:0;}

body { background:url(images/tail-top.gif) left top repeat-x #0f67b5; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#003166; z-index: 5;}



input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}



.fleft { float:left;}
.fleft2 { float:left;
padding:17px 0 0px 122px;
}

.fright { float:right;}

.clear { clear:both;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper { width:100%; overflow:hidden;}

.container { width:100%;}



p { margin:0; padding:0;}



.body-bg {background:url(images/body-bg.jpg) no-repeat center top;}



/*==================forms====================*/

input, select { vertical-align:middle; font-weight:normal;}

img {border:0; vertical-align:top; text-align:left;}



.form { height:26px;}

.form input {width:217px; padding:2px 0 2px 3px; background:#fff; border:1px solid #e3ecf7; color:#0d78b6; font-size:.92em;}

textarea { width:217px; height:125px; overflow:auto; background:#fff; border:1px solid #e3ecf7; color:#0d78b6; font-size:.92em; padding:2px 0 0 3px; margin-bottom:10px;}





/*==================list====================*/

ul { list-style:none;}



.site-nav { width:100%; overflow:hidden;}

.site-nav li { float:left; font-size:1.17em; margin-right:2px;}

.site-nav li a { display:block; text-align:center; text-decoration:none; color:#003166; width:138px; padding:27px 0 0 0; height:24px; background:url(images/nav-bg.gif) no-repeat left 18px;}

.site-nav li a:hover { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}

.site-nav li a.act { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}


.site-nav2 { width:100%; overflow:hidden; margin-left:60px;}

.site-nav2 li { float:left; font-size:1.17em; margin-right:2px;}

.site-nav2 li a { display:block; text-align:center; text-decoration:none; color:#003166; width:138px; padding:27px 0 0 0; height:24px; background:url(images/nav-bg.gif) no-repeat left 18px;}

.site-nav2 li a:hover { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}

.site-nav2 li a.act { background:url(images/nav-act.gif) no-repeat left top; padding-top:19px; height:32px;}




.list { margin-top:-15px;}

.list li { width:100%; overflow:hidden; vertical-align:bottom; font-size:.92em; padding-top:15px;}

.list li img { float:left; margin-right:15px;} 

.list li a { color:#0d78b6;}

.list li b a { color:#da9640; text-transform:uppercase;}



.list1 { margin-top:-7px;}

.list1 li { background:url(images/marker-1.gif) no-repeat left 13px; color:#da9640; font-size:.92em; font-weight:bold; padding:7px 0 0 16px; }

.list1 li a { color:#da9640;}



.list2 { width:100%; overflow:hidden;} 

.list2 li { float:left; margin:0 20px 20px 0;}

.list2 li.alt { margin-right:0;}

.list2 li.buttons { float:right; margin:0;}

.list2 li.buttons a { color:#003166; margin-left:5px;}

.list2 li.buttons a.txt { text-decoration:none;}

.list2 li.buttons a.txt:hover { text-decoration:underline;}





/*==================other====================*/

.img-box1 { width:100%; overflow:hidden;}

.img-box1 img { float:left; margin:0 6px 0 0;}



.p1 { margin-bottom:17px;}



.phone { float:right; margin-right:100px;}





/*==================txt, links, lines, titles====================*/

a {color:#d52d00;}

a:hover{text-decoration:none;}



h1 { color:#000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:28px; line-height:.76em; margin-bottom:20px;}

h2 { color:#000; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:3.42em; line-height:.76em; margin-bottom:20px;}

h2 span { display:block; padding-left:92px; color:#023f8b; font-size:.68em;}

h3 { color:#da9640; font-style:italic; font-weight:normal; font-size:1.42em; margin-bottom:18px;}

h4 { color:#003166; font-family:"Times New Roman", Times, serif; font-size:2.08em; font-weight:normal; line-height:1em; margin-bottom:20px;}

h5 { margin-bottom:8px; margin-top:18px;}



.txt1 { color:#da9640; font-weight:bold; font-size:.92em;}



.link { color:#1bc9ea; font-size:.92em; font-weight:bold;}



.link1 { display:inline-block; background:url(images/link1-bgd.gif) left top repeat-x; color:#050505; text-decoration:none; font-size:1.17em;}

.link1 em { display:inline-block; background:url(images/link1-left.gif) no-repeat left top;}

.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:6px 15px 13px 15px; font-weight:normal; font-style:normal; cursor:pointer;}

.link1:hover { text-decoration:underline;}

.link1:hover em { text-decoration:underline;}





/*==================boxes====================*/

.cont-box { background:#fff; width:100%;}

.cont-box .border-top {background:url(images/border-top.gif) repeat-x top;}

.cont-box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}

.cont-box .border-left {background:url(images/border.gif) repeat-y left;}

.cont-box .border-right {background:url(images/border.gif) repeat-y right;}

.cont-box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}

.cont-box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}

.cont-box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}

.cont-box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }

.cont-box .inner { padding:29px 26px 76px 30px;}

.cont-box dl dt { color:#da9640; font-weight:bold; font-size:.92em; text-transform:uppercase;}



.box { width:100%;}

.box .left-top-corner { background:url(images/left-top-corner1.gif) no-repeat left top; height:15px; padding-left:15px;}

.box .right-top-corner { background:url(images/right-top-corner1.gif) no-repeat right top; height:15px; padding-right:15px;}

.box .border-top { background:url(images/border-top1.gif) left top repeat-x; height:15px; }

.box .left-bot-corner { background:url(images/left-bot-corner1.gif) no-repeat left bottom; height:15px; padding-left:15px}

.box .right-bot-corner { background:url(images/right-bot-corner1.gif) no-repeat right bottom; height:15px; padding-right:15px}

.box .border-bottom { background:url(images/border-bot1.gif) left bottom repeat-x; height:15px; width:100%;}

.box .border-left { background:url(images/border-1.gif) left top repeat-y; padding-left:1px;}

.box .border-right { background:url(images/border-1.gif) right top repeat-y; padding-right:1px;}

.box .xcontent { background:url(images/box-tail.gif) repeat-x top #f2f8fe; text-align:center;}

.box .title {width:261px; display:inline-block; margin:-3px 0 0 0; text-align:center; padding-top:9px; height:113px; background:url(images/title-bg.jpg) no-repeat left top; color:#1bc9ea; font-size:1.33em;}

.box .title img { display:block; margin:0 0 32px 50px;}

.box p { color:#003166; font-size:.92em; padding:0 33px; line-height:1.27em; margin-bottom:18px;}



.box1 { width:100%;}

.box1 .left-top-corner { background:url(images/left-top-corner2.gif) no-repeat left top; height:42px; padding-left:15px;}

.box1 .right-top-corner { background:url(images/right-top-corner2.gif) no-repeat right top; height:42px; padding-right:15px;}

.box1 .border-top { background:url(images/border-top2.gif) left top repeat-x; height:26px; padding:16px 0 0 0; font-size:0; line-height:0;}

.box1 .left-bot-corner { background:url(images/left-bot-corner2.gif) no-repeat left bottom; height:15px; padding-left:15px}

.box1 .right-bot-corner { background:url(images/right-bot-corner2.gif) no-repeat right bottom; height:15px; padding-right:15px}

.box1 .border-bottom { background:url(images/border-1.gif) left bottom repeat-x; height:15px; width:100%;}

.box1 .border-left { background:url(images/border-1.gif) left top repeat-y; padding-left:1px;}

.box1 .border-right { background:url(images/border-1.gif) right top repeat-y; padding-right:1px;}

.box1 .xcontent { background:#fff; padding:24px 23px 0 23px;}

.box1 h3 { color:#003166; font-size:1.67em; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:normal; padding-left:23px; margin-top:-28px;}

.box1 h4 { margin-bottom:7px; font-size:.92em; color:#da9640; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.box1 h4 a { color:#da9640;}

.box1 p { color:#0d78b6; font-size:.92em;}



.box2 { background:url(images/box-tail-1.gif) repeat-x top #f2f8fe; width:100%;}

.box2 .border-top {background:url(images/border-1.gif) repeat-x top;}

.box2 .border-bot {background:url(images/border-1.gif) repeat-x bottom;}

.box2 .border-left {background:url(images/border-1.gif) repeat-y left;}

.box2 .border-right {background:url(images/border-1.gif) repeat-y right;}

.box2 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top;}

.box2 .left-top-corner1 {background:url(images/left-top-corner4.gif) no-repeat left top;}

.box2 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top;}

.box2 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom;}

.box2 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; }

.box2 .inner { padding:29px 10px 28px 10px;}

.box2 p { color:#89a0ba;}

.box2 h3 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:6px;}

.box2 h4 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif}



.box3 { background:url(images/box-tail-1.gif) repeat-x top #f2f8fe; width:100%;}

.box3 .border-top {background:url(images/border-1.gif) repeat-x top;}

.box3 .border-bot {background:url(images/border-1.gif) repeat-x bottom;}

.box3 .border-left {background:url(images/border-1.gif) repeat-y left;}

.box3 .border-right {background:url(images/border-1.gif) repeat-y right;}

.box3 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top;}

.box3 .left-top-corner1 {background:url(images/left-top-corner4.gif) no-repeat left top;}

.box3 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top;}

.box3 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom;}

.box3 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; }

.box3 .inner { padding:5px 5px 5px 10px;}

.box3 p { color:#89a0ba;}

.box3 h3 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:6px;}

.box3 h4 { color:#0d78b6; font-style:normal; font-size:1em; font-weight:bold; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif}



/*header*/

#header .row-1 { width:100%; overflow:hidden; height:243px;}

#header .row-1 .fleft { padding:18px 0 0 58px;}

#header .row-1 .fright { padding:37px 29px 0 0;}

#header .row-2 { padding-left:42px;}

#header .row-3 { padding-left:0px;}



/*content*/

#content .indent { padding-bottom:26px;}



/*footer*/

#footer p { color:#003166; font-size:.92em; padding-left:0px;}

#footer p a { color:#1bc9ea; text-decoration:none;}

#footer p a:hover { text-decoration:underline;}



/*===Below is the Lightbox CSS Content=====*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#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-image: url(data:image/gif;base64,AAAA); /* 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/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/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; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





.hidden {

	display:none;

}



.style13 {

	font-size: large;

}

.style15 {

	text-align: left;

}

.style18 {

	letter-spacing: 2px;

}

.style19 {

	color: #0D78B6;

	font-size: medium;

	text-align: center;

}

.style20 {

	width: 100%;

	overflow: hidden;

	text-align: center;

}

.style22 {

	color: #DA9640;

	font-family: "Bodoni MT";

}

.style27 {

	font-size: small;

}

.style28 {

	color: #023F8B;

}

.style29 {

	color: #0D78B6;

}

.style30 {

	font-size: medium;

}

.style32 {

	width: 100%;

	overflow: hidden;

	color: #FFFFFF;

}

.style33 {

	color: #FFFFFF;

}

.style34 {

	text-align: left;

	font-size: 12px;

}

.style35 {

	color: #D52D00;

	font-size: small;

}

.style38 {

	color: #000000;

}

.style39 {

	text-decoration: none;

}



.style40 {

	text-decoration: none;

	text-align:left;

}

#fb-root{position:relative; right:-5px; top:-0.8em; width:100px; font-size:80%; padding-left:5px; padding-right:5px}



/* ==== START Ad Tab by Schoberg.net ==== */
#adtab{
background: url(ads/banners/jglubricant-ad.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:28%;height:75px;width:212px;margin:0;padding:0;position:fixed;z-index:5000;}
#adtab a{display:block;width:100%;height:100%;}
/* ==== END Ad Tab by Schoberg.net ==== */


/* ==== START Facebook Tab by Schoberg.net ==== */
#fbtab{
background: url(ads/banners/jglubricant-ad.png) no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:28%;height:75px;width:212px;margin:0;padding:0;position:fixed;z-index:5000;}
#fbtab a{display:block;width:100%;height:100%;}
/* ==== END Facebook Tab by Schoberg.net ==== */

#post img { 
position:relative;
right:-5px;
top:-20em;
width:352px;
padding: 6px; 
border-top: 1px solid #ddd; 
border-left: 1px solid #ddd; 
border-bottom: 1px solid #c0c0c0; 
border-right: 1px solid #c0c0c0; 
display:block; 
margin-left:auto; 
margin-right:auto; 
}