/* css layout for JEL Bearings website  */
/* Author : Steve Pitcher-Cumming  */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#000;
margin:0;
}

html {
font-size:100%;
}

h1 {
 font-size: 1.2em;
color:#004A80; 
 margin:0; 
 padding:0;
 }

h2 {
 font-size: 1.2em;
 line-height:1.3em; 
 margin:0; 
 padding:0;
 font-weight:normal;
 }

h3 {
 font-size: 1.0em; 
 margin:0; 
 padding:0;
 font-weight:normal;
 }

.white {
color:#fff;
}

.clearboth {
clear:both;
border:0;
padding:0;
}

.pagediv {
height:0.01em;
border-top:1px solid #7FA4BF;
margin:0;
}

.pagediv_top {
height:0.03em;
border-top:1px solid #7FA4BF;
margin:1px 0 8px 0;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXX  SKIP LINK  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
#skipLink {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height:10px;
 text-align: center;
 float:left;
 }

#skipLink a {
 display: block; 
 color: #fff;
 font: 10px Verdana,Arial,sans-serif;
 font-weight:bold;
 padding-top: 0;
 padding-bottom: 5px;
 margin: 2px 0 10px 0;
 }
#skipLink a:hover {
 color: #000000;
 }
#skipLink a:focus {
 color: #000000;
 }
 
 /* XXXXXXXXXXXXXXXXXXXXXXXXXX  END SKIP LINK  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 

#jel_bearings_outer {
width:800px;
margin-top:15px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

 /* XXXXXXXXXXXXXXXXXXXXXXXXXX  HEADER  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 
 
#jel_bearings_hdr {
width:800px;
height:103px;
margin-bottom:5px;
float:left;
padding:0;
}

#jel_mast_logo {
width:104px;
height:103px;
margin:0;
padding:0;
float:left;
}

#jel_mast_telephone {
width:416px;
height:103px;
margin:0;
padding:0;
float:left;
}

#jel_mast_jelbearings {
width:280px;
height:103px;
margin:0;
padding:0;
float:right;
}

 /* XXXXXXXXXXXXXXXXXXXXXXXXXX  END HEADER  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#jel_bearings_pagewrap {
width:800px;
float:left;
}

#jel_bearings_leftcol {
width:104px;
float:left;
}

#main_content {
width:696px;
float:right;
text-align:left;
}

#jel_bearings_leftnav {
width:104px;
text-align:left;
margin-top:36px;
float:left;
}

#jel_bearings_mainleftnav {
width:104px;
text-align:left;
float:left;
}

/* START Page title and refer a friend areas*/

#pagetop {
width:696px;
background: url('../images/jel_page_top.gif') 0 0 no-repeat;
float:left;
margin:0;
border:0;
padding:0;
}

.page_header {
width:370px;
height:41px;
float:left;
}

.referafriend a {
width: 160px;
height:49px;
background: url('../images/jel_refer_a_friend_btn3.gif') 0 0 no-repeat;
margin-left:15px;
float:right;
}
.referafriend a:hover { 
background-position: 0 -49px;
}
.referafriend a:active {
background-position: 0 0;
}

/* END Page title and refer a friend areas*/

#pagemain {
width:696px;
background-image:url('../images/jel_page_mainbg.gif');
float:left;
margin:0;
}
#pagebtm {
width:696px;
height:18px;
background-image:url('../images/jel_page_btm.gif');
text-align:center;
float:left;
}

.spacebox20 {
width:20px;
height:20px;
background-image:url('../images/spacebox.gif');
float:left;
}

#page_toppara {
width:588px;
margin:0 10px 10px 20px;
font-size:1.2em;
line-height:normal;
text-align:left;
}

#page_subpara {
width:430px;
margin:0 10px 0 0;
font-size:1.2em;
text-align:left;
float:left;
}

#page_picbox {
width:200px;
height:309px;
margin-right:0;
background-color:#fff;
text-align:left;
float:left;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx START GALLERY PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/

#gallery_page_subpara {
width:199px;
height:400px;
overflow:hidden;
margin:0 10px 0 0;
float:left;
}

#gallery_page_picbox {
width:415px;
height:400px;
margin:0 10px 0 0;
background-color:#fff;
float:left;
}

#gallery_strap {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.6em;
color:#004A80;
font-weight:bold;
float:left;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx END GALLERY PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx START CONTACT US PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/

#contact_page_subpara {
width:260px;
margin:0 10px 12px 0;
font-size:1.2em;
float:left;
}

#contact_page_mapbox {
width:307px;
height:235px;
margin:10px 10px 0 0;
background-color:#fff;
float:left;
}

#contact_page_map {
width:307px;
height:235px;
}

#contact_page_shows {
width:300px;
margin:10px 0 0 10px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx END CONTACT US PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/

.price_page_headings {
font-family:tahoma;
letter-spacing:0.01em;
border:0;
padding:0;
}

#price_page_picbox {
width:205px;
height:350px;
margin:0 10px 0 0;
float:left;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx START LINKS PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/
#clubs_wrap {
width:290px;
height: 390px;
margin:0 0 12px 0;
float:left;
}

#links_page_clubs {
width:290px;
height: 370px;
font-size:1.3em;
background-color:#fff;
overflow:auto;
}

#suppliers_wrap {
width:290px;
height: 370px;
margin:0 32px 12px 25px;
float:left;
}

#links_page_suppliers {
width:290px;
height: 370px;
font-size:1.3em;
background-color:#fff;
overflow:auto;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx END LINKS PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx css*/

/* START Footer style */

#jel_bearings_ftr {
width:800px;
height:22px;
margin-top:10px;
background-image:url('../images/jel_footer_bg.jpg');
text-align: center;
float:left;
}

#jel_bearings_btmnav{
width:800px;
height:25px;
margin:10px 0 25px 0;
text-align: center;
float:left;
}