/* Global Styles */

body, td, p, h1, h2, input, select, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #04038a; text-decoration : none;}
a:visited					{color : #04038a; text-decoration : none;}
a:hover						{color : #04038a; text-decoration : underline;}

a.red:link					{color : #8a0403; text-decoration : none;}
a.red:visited				{color : #8a0403; text-decoration : none;}
a.red:hover					{color : #8a0403; text-decoration : underline;}

body
{
background : #eee url(../images/bk-body-bg.png) top center repeat-x;
margin : 0px;
color : #000000;
letter-spacing : normal;
line-height : normal;
}

#bkbackground
{
background : url(../images/bk-background.jpg) top center no-repeat;
margin:0px;
padding:0px;
}

#container 
{
background : #fff url(../images/bg-container.png) top center repeat-x;
border : #fff 0px solid;
margin: 0px auto;
padding: 0px;
width : 960px;
}

.alignleft
{text-align : left;}

.floatleft
{float : left;}

.alignright
{text-align : right;}

.floatright
{float : right;}

.aligncenter
{text-align : center;}

.hide
{display : none;}

.clear
{clear : both;}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : 0px;
border-top : #dadada dotted 1px;
border-bottom : #000000 dotted 0px;
display : block;
margin : 6px;
height : 1px;
}

html>body hr
{margin : 6px;}

/* TOP START *********/

#top 
{
background : url(../images/bk-top-bg.jpg) top center no-repeat;
border : #000 0px solid;
margin: 0 auto;
padding: 0px;
}

#top a.logo
{display:block; width:960px; height:118px;}

#top a.logo span
{display:none;}

/* TOP END */

/* TOP NAVI */

#topnavi
{
float:left;
display:block;
margin:6px;
padding:0px 14px;
}

#topnavi li
{
display:block; 
list-style-type:none;
float:left;
margin:0px;
padding:10px 0px;
}

#topnavi li a
{
display:block;
background : url(../images/bg-bearing.gif) center left no-repeat;
color:#fff;
font-family: Georgia, serif;
font-size:14px;
padding: 12px 12px 12px 32px;
text-decoration:none;
}

#topnavi li a:hover
{color:#ccc;}

#basketblock
{
float:right;
/* width:288px; - optional */
display:block;
margin:6px;
padding:0px;
}

#basketblock #baskettop
{
background:#890000 url(../images/bg-basket.gif) center left no-repeat;
font-size:11px;

height:24px;
padding:6px 6px 6px 36px;

-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;
}

#basketblock #baskettop div.baskettoptext
{
padding:6px; 
color:#f9f9c3;
float:left;
}

#basketblock #baskettop div.baskettoptext strong
{color:#fff;}

#basketblock #baskettop a.pay
{
display:block;
background:#fff;
width:60px;
float:right;
text-align:center;
font-size:10px;
color:#890000;
margin:0px;
padding:6px 0px;
-moz-border-radius:6px; -webkit-border-radius:6px;
text-decoration:none;
}

#basketblock #basketbase
{
background:#620000;
font-size:10px;
font-weight:bold;
color:#890000;
text-align:center;

padding:6px 12px;

-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
}

#basketblock #basketbase a
{color:#f9f9c3; margin:0px 1px;}

#basketblock #basketbase a:hover
{color:#fff; text-decoration:none;}

#promogap
{
padding:6px;
min-height:6px;
}

/* LEFTCOLUMN */

#leftcol
{
width:180px;
float:left;
}

#leftcol #bearingsearch
{
padding:0px;
margin:0px;
}

#leftcol #bearingsearch h2
{
background:#000 url(../images/hd-bearing-search.gif) center left no-repeat;
-moz-border-radius:0px; -webkit-border-radius:0px;
-moz-border-radius-topleft:12px; -webkit-border-top-left-radius:12px;
-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;
margin:0px;
color:#fff;
height:42px;
}


#leftcol h2 strong
{display:none;}

#leftcol #bearingsearch div.searchblock
{
background:#1f1f1f;
-moz-border-radius:0px; -webkit-border-radius:0px;
-moz-border-radius-bottomleft:12px; -webkit-border-bottom-left-radius:12px;
-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;
padding:0px 0px 24px 0px;
}

#leftcol #bearingsearch h3
{
background: url(../images/hd-bearing-search-h3.gif) center left no-repeat;
margin:0px;
padding:4px 12px 4px 24px;
color:#fff;
font-size:11px;
font-weight:normal;
}

#leftcol #bearingsearch p
{
color:#666;
font-size:9px;
padding:2px 12px 2px 24px;
margin:0px;
}

#leftcol #bearingsearch a
{color:#999;}

#leftcol form
{padding:0px 0px 12px 0px; margin:0px;}

#leftcol form label
{
display:block;
float:left;
color:#999;
padding:2px 0px;
margin:2px 0px;
}

#leftcol form input, #leftcol form select
{
font-size:9px;
color:#666; border:0px; padding:2px 4px;
-moz-border-radius:2px; -webkit-border-radius:2px;
margin:2px 0px;
}

#leftcol form select
{padding:1px}

#leftcol form input.button
{
background:#620000;
color:#f9f9c3; border:0px; padding:2px 4px;
-moz-border-radius:4px; -webkit-border-radius:4px;
margin:2px 0px;
}

#leftcol #bearingsearch p span
{
font-size:11px; font-weight:bold; color:#fff; padding:4px 0px 0px 0px; display:block;
}

#leftcol #bearingsearch .hide
{display:none;}

#leftcol div.lefthighlights
{text-align:center; padding:6px 0px;}

#leftcol div.lefthighlights img
{padding:6px 6px 0px 6px; border:0px; vertical-align:top;}

#leftcol div.testimonialhighlight
{
background:#eee url(../images/bg-quote-base.png) bottom right no-repeat;
padding:1px 12px 12px 12px;
margin:0px auto 6px auto;
width:132px;

font-size:11px;
color:#333;

-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
}

#leftcol div.testimonialhighlight small
{
display:block;
font-size:9px;
line-height:normal;
padding:0px 24px 0px 0px;
color:#ccc;
}

#leftcol div.testimonialhighlight small a
{color:#999; text-decoration:none;}

/* MIDDLECOLUMN */

#middlecol
{
width:600px;
float:left;
}

#middlecol #breadcrumb
{
font-size:9px;
padding:6px 6px;
border-bottom:#fff 1px dotted;
margin:0px 6px;
color:#999;
}

#middlecol #breadcrumb strong
{color:#fff;}

#middlecol #breadcrumb span
{color:#620000;}

#middlecol h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:24px;
color:#620000;
padding: 6px 12px;
margin:0px;
clear:both;
}

#middlecol h2
{
font-size:14px;
margin:0px;
padding:12px 12px 6px 12px;
color:#620000;
}

#middlecol p
{
color:#666;
font-size:12px;
line-height:16px;
margin:0px;
padding:6px 12px;
}

#middlecol p.intro
{
font-size:12px;
color:#620000;
padding: 6px 12px;
margin:0px;
}

#middlecol ul
{padding:6px 32px; margin:0px;}

#middlecol li
{
padding:2px 2px;
margin:0px;
color:#666;
font-size:12px;
line-height:16px;
}

#middlecol #translate
{
clear:both;
font-size:9px;
color:#000;
text-align:center;
padding:12px;
}

#middlecol #translate a:hover
{text-decoration:none;}
#middlecol #translate img
{border:0px; margin:0px 6px 2px 0px; vertical-align:middle;}


/* Three Column */
#middlecol div.product3block
{
width:188px;
float:left;
padding:6px;
margin:0px;
vertical-align:top;
}

/* Four Column */
#middlecol div.product4block
{
width:138px;
float:left;
padding:6px ;
margin:0px;
}

#middlecol div.product4block div.product4bg
{
text-align:center;
background:#fff url(../images/bg-product-block.png) bottom center repeat-x;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
padding:12px 6px 6px 6px;
margin:0px;
width:124px;
}

#middlecol div.product4block div.product4bg img
{border:0px;}

#middlecol div.product4block div.product4bg div.product4text
{
font-size:11px;
padding:6px;
text-align:center;
height:24px; /* Change to fit content */
}

#middlecol div.product4block div.product4bg div.product4text a
{color:#001c6f;}

/* Ten Column */
#middlecol div.product10block
{
width:48px;
float:left;
padding:6px ;
margin:0px;
float:left;
}

#middlecol div.product10block img
{border:#eee 1px solid;}

/* Tables */

#middlecol table
{
border:0px;
padding:6px;
margin:0px;
}

#middlecol table th
{
background:#1f1f1f;
color:#fff;
font-size:12px;
text-align:left;
padding:6px;
border:0px;
font-weight:normal;
}

#middlecol table th a
{color:#fff;}

#middlecol table td
{
background:#eee;
color:#333;
font-size:11px;
text-align:left;
padding:6px;
border:0px;
border-bottom:#dadada 1px dotted;
}

#middlecol table td.image
{
text-align:center;
padding:2px;
}

#middlecol table td.price
{text-align:center; background:#f8f8f8; width:80px;}

#middlecol table td.price strong
{font-size:14px; color:#890000;}

#middlecol table td.addtobasket
{text-align:center; background:#f8f8f8; width:80px;}

#middlecol table td.center, #middlecol table th.center
{text-align:center;}
#middlecol table td.right, #middlecol table th.right
{text-align:right;}


#middlecol fieldset
{
background:#fff;
margin:6px;
padding:0px 0px 6px 0px;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
}

#middlecol fieldset h2 a
{color:#620000;}

legend
{
background:#1f1f1f;
border:#1f1f1f 0px solid;

-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px;

padding:4px 12px 6px 12px;
margin:6px 0px 6px 0px;
font-size:12px;
font-weight:bold;
color:#fff;
}

/* RIGHTCOLUMN */

#rightcol
{
width:180px;
float:left;
}

#rightcol div.rightblock
{
background:#fff;
border:#eee 1px solid;
-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-topright:12px; -webkit-border-top-right-radius:12px;
-moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius:12px;
padding:0px;
}

#rightcol div.rightblock a.flag
{
display:block;
float:left;
width:40px;
padding:3px;
margin:2px;
border:#eee 1px solid;
color:#999;
font-size:10px;
font-weight:bold;
text-align:center;
-moz-border-radius:2px; -webkit-border-radius:2px;
}

#rightcol div.rightblock a.flagon, #rightcol div.rightblock a:hover.flag
{

display:block;
float:left;
width:40px;
padding:3px;
margin:2px;
border:#eee 1px solid;
color:#999;
font-size:10px;
font-weight:bold;
text-align:center;
-moz-border-radius:2px; -webkit-border-radius:2px;

background:#f0dfdf;
border:#e2bfbf 1px solid;
color:#890000;
text-decoration:none;
}

#rightcol div.rightblock a.flag img, #rightcol div.rightblock a.flagon img
{border:0px;}

#rightcol div.rightblock div.rightblocktext
{

clear:both;
padding:6px 11px 11px 11px;
margin:0px;
font-size:9px;
color:#666;
}

#rightcol div.rightblock div.rightblocktext span
{
font-size:11px;
color:#620000;
display:block;
padding:0px 0px 2px 0px;
margin:0px;
 }

#rightcol ul
{
display:block;
padding:0px;
margin:0px;
border-bottom:#eee 1px solid;
}

#rightcol ul li
{
display:block;
list-style-type:none;
padding:0px;
margin:0px;
}

#rightcol ul li a
{
display:block;
background:#f8f8f8;
border-top:#eee 1px solid;
color:#1d1d1d;
font-size:11px;
padding:4px 11px;
}

#rightcol ul li a:hover
{
background:#eee;
border-top:#eee 1px solid;
color:#890000;
font-size:11px;
padding:4px 11px;
text-decoration:none;
}

#rightcol div.righthighlights
{text-align:center;}

#rightcol div.righthighlights img
{border:0px;}

#rightcol div.deliveryinfo
{
background:#eee url(../images/bg-delivery.png) top center no-repeat;
padding:130px 12px 12px 12px;
margin:12px auto 6px auto;
width:132px;

font-size:9px;
color:#666;

-moz-border-radius:6px; -webkit-border-radius:6px;
}

#rightcol div.deliveryinfo a
{color:#620000;}

#rightcol div.deliveryinfo strong
{color:#000;}

#rightcol div.quote
{
background:#eee url(../images/bg-markquote.png) bottom center no-repeat;
padding:6px 12px 70px 12px;
margin:0px auto 6px auto;
width:132px;

font-size:11px;
color:#333;

-moz-border-radius:6px; -webkit-border-radius:6px;
-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
}

#base
{
clear : both;
background: #f8f8f8;
margin: 0;
padding: 6px 0px 18px 0px;
width : 960px;
}

#base div.base6block
{
width:160px;
float:left;
}

#base div.base6block div.base6text
{
padding:18px;
color:#999;
font-size:9px;
line-height:14px;
}

#base div.base6block div.base6text span
{font-size:11px; color:#890000;}

#base div.base6block div.base6text a
{color:#001c6f;}

#base p
{
margin:0px;
padding:6px 18px;
font-size:9px;
line-height:normal;
color:#666;
}

#base a:link					{color : #666; text-decoration : none;}
#base a:visited					{color : #666; text-decoration : none;}
#base a:hover					{color : #666; text-decoration : underline;}

/* BASE END */


/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{font-weight : normal;}

label.formleft, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 8px 6px 0px 0px;
padding:0px;
font-size:12px;
color:#890000;
}

label.labelright, label.labelrightproblems
{
display : block;
float : left;
margin : 2px 0px 0px 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 5px;}

label.formleftproblems, label.labelrightproblems
{color: #CC0000;}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
font-size:9px;
}

input.checkbox
{
width : 20px;
margin:6px 0px 0px 153px;
float : left;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{width : 200px;}

textarea
{font-size : 12px;}

input, textarea, select, radio
{margin : 3px 0px 0px 0px;}

/* FORM STYLES - END */