@charset "utf-8";
/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:#FCFCFE; font-family:Arial, Helvetica, sans-serif}

a:link, a:visited {color:#594F4A; text-decoration: none}
a:hover {color:#594F4A; text-decoration:underline}

p { font-size:14px; color:#594F4A}
h1 { font-size:19px; color:#2D2B1F}
h2 { font-size:18px; color:#2D2B1F}
h6 { font-size:12px; color:#503A28}


/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/


#wrapper { width:100%; float:left}

/*
---------------------------------------------
03. header 
---------------------------------------------
old color #F6CE8F
*/


#bgheader { width:100%; height:77px; float:left; background:#774C14}
#header { width:795px; margin:0 auto; padding:0 40px}

#header .logo { width:359px; height:75px; float:left; background:url(../images/logo.jpg) no-repeat}
#header .logo .logo-link { width:359px; height:75px; float:left; position:absolute}

.nodisplay { display:none}

#header .number { float:right; padding-top:15px; padding-right:7px} 


/*
---------------------------------------------
04. navbar
---------------------------------------------
*/


#bgnavbar { width:100%; height:38px; float:left; background:#EA681D}
#navbar { width:885px; margin:0 auto}

#navbar ul li { height:38px; float:left; font-size:17px; color:#FFFFFF; font-weight:bold; text-decoration:none}
#navbar ul li a { height:24px; float:left; color:#FFFFFF; text-decoration:none; padding:7px 16px}
#navbar ul li a:hover { background:#EDA567 url(../images/bg_nav_hover.gif) no-repeat top right; color:#FFFFFF; text-decoration:none}
#navbar ul li a.selected { background:#EDA567 url(../images/bg_nav_hover.gif) no-repeat top right; color:#FFFFFF; text-decoration:none}


/*
---------------------------------------------
05. content
---------------------------------------------
*/


#content { width:875px; margin:0 auto}

#content .mainbody {font-size:14px; color:#594F4A}

#content a:link, a:visited {color:#0033CC; text-decoration: underline}

#content ul {list-style-type: disc; font-size:14px; color:#747474}

.style3 {color: #2D2B1F; font-weight: bold; }
/*
---------------------------------------------
05.1 content - top left and right content
---------------------------------------------
*/


#content .leadinguk { width:200px; float:left; padding-left:25px; padding-top:18px; position:relative}
#content .leadinguk h1 { text-align:center}

#content .calltoday { width:214px; float:right; padding-top:10px}
#content .calltoday .callbox_bordertop { width:214px; height:12px; float:left; background:url(../images/bg_callbox_bordertop.gif) no-repeat top left; overflow:hidden} 
#content .calltoday .callbox_bordermiddle { width:206px; float:left; background:url(../images/bg_callbox_bordermiddle.gif) repeat-y; padding-right:5px; padding-left:3px}
#content .calltoday .callbox_borderbottom { width:214px; height:15px; float:left; background:url(../images/bg_callbox_borderbottom.gif) repeat-y}

#content .calltoday h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#0B7185; text-align:center}


/*
---------------------------------------------
05.2 content - eggs
---------------------------------------------
*/


#eggs { width:875px; float:left; background:url(../images/bg_egg_large.jpg) no-repeat bottom right; padding-top:40px; position:relative}

#eggs .set { width:875px; float:left; position:relative}

#eggs a { width:145px; height:178px; float:left}

#eggs .egg1 { width:145px; height:178px; float:left; margin-top:-140px; padding-left:236px; position:relative}
#eggs .egg1 a { background:url(../images/photo_egg1.gif) no-repeat}
#eggs .egg1 a:hover { background:url(../images/photo_egg_hover1.png) no-repeat}

#eggs .egg2 { width:145px; height:178px; float:right; margin-top:-140px; padding-right:230px; position:relative}
#eggs .egg2 a { background:url(../images/photo_egg2.gif) no-repeat}
#eggs .egg2 a:hover { background:url(../images/photo_egg_hover2.png) no-repeat}

#eggs .egg3 { width:145px; height:178px; float:left; margin-top:-14px; padding-left:90px; position:relative}
#eggs .egg3 a { background:url(../images/photo_egg3.gif) no-repeat}
#eggs .egg3 a:hover { background:url(../images/photo_egg_hover3.png) no-repeat}

#eggs .egg4 { width:145px; height:178px; float:right; margin-top:-21px; padding-right:85px; position:relative}
#eggs .egg4 a { background:url(../images/photo_egg4.gif) no-repeat}
#eggs .egg4 a:hover { background:url(../images/photo_egg_hover4.png) no-repeat}

#eggs .egg5 { width:145px; height:178px; float:left; padding-left:52px; padding-top:24px; position:relative}
#eggs .egg5 a { background:url(../images/photo_egg5.gif) no-repeat}
#eggs .egg5 a:hover { background:url(../images/photo_egg_hover5.png) no-repeat}

#eggs .egg6 { width:145px; height:178px; float:right; padding-right:38px; padding-top:27px; position:relative}
#eggs .egg6 a { background:url(../images/photo_egg6.gif) no-repeat}
#eggs .egg6 a:hover { background:url(../images/photo_egg_hover6.png) no-repeat}

#eggs .egg7 { width:145px; height:178px; float:left; padding-left:90px; padding-top:27px; position:relative}
#eggs .egg7 a { background:url(../images/photo_egg7.gif) no-repeat}
#eggs .egg7 a:hover { background:url(../images/photo_egg_hover7.png) no-repeat}

#eggs .egg8 { width:145px; height:178px; float:right; padding-right:69px; padding-top:19px; position:relative}
#eggs .egg8 a { background:url(../images/photo_egg8.gif) no-repeat}
#eggs .egg8 a:hover { background:url(../images/photo_egg_hover8.png) no-repeat}

#eggs .egg9 { width:145px; height:178px; float:left; padding-left:251px; position:relative}
#eggs .egg9 a { background:url(../images/photo_egg9.gif) no-repeat}
#eggs .egg9 a:hover { background:url(../images/photo_egg_hover9.gif) no-repeat}

#eggs .egg10 { width:145px; height:178px; float:right; padding-right:217px; position:relative}
#eggs .egg10 a { background:url(../images/photo_egg10.gif) no-repeat}
#eggs .egg10 a:hover { background:url(../images/photo_egg_hover10.png) no-repeat}


#eggs .fullrange { width:306px; height:325px; float:left; padding-left:286px; margin-top:-650px;}


/*
---------------------------------------------
05.3 content - bottom left and right content
---------------------------------------------
*/


#content .rieds_aftersale { width:165px; float:left; padding-left:40px; margin-top:-135px; position:relative}
#content .rieds_aftersale h2 { font-style:italic; text-align:center; line-height:1.5em}

#content .reliable_supplier { width:200px; float:right; padding-right:10px; margin-top:-130px; position:relative} 
#content .reliable_supplier h2 { font-style:italic; text-align:center; line-height:1.5em}


/*
---------------------------------------------
06. footer styles
---------------------------------------------
*/


#bgfooter { width:100%; height:77px; float:left; background:url(../images/bg_footer.gif) repeat-x bottom left; margin-bottom:16px}
#bgfooter_shadow { width:100%; height:77px; float:left; background:url(../images/bg_footer_shadow.jpg) no-repeat top right}

#footer { width:875px; margin:0 auto}
#footer h6 { font-weight:bold; text-align:center; padding-top:18px; padding-bottom:3px}
#footer h6 a { color:#503A28; text-decoration:none; padding-right:28px}
#footer h6 a:hover { color:#503A28; text-decoration:underline}

#footer p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center} 
p.first{ color: grey; font-size:12px }