/*This is used for the generic, view basket and checkout pages  */
html{ padding:0; margin:0;}
body {padding:0; margin:10px 0px 0px 50%; font:100% Verdana, Arial, serif; color:#000;  width:770px; }

p {margin:0; font-size:0.9em; line-height:1.4em; }

a:link, a:visited {color:#7A3D3D;}
a:hover {color:#666;}

h1 {font:1.9em 'Century Gothic', Arial, serif normal; color:#900; margin:-10px 0px 10px 0px;  border-bottom:1px solid #999;}
h2 {font:1.3em 'Century Gothic', Arial, serif normal; margin:0; color:#900;}

.blk {font-size:0.9em; line-height:1.4em; }
.blk1 {font-size:0.8em;}
.blk2 {font-size:1em; color:#000;}

/*this is only for stuff on the old site that needs the boby style ex in the configurators etc, have startet using these on some new pages, even though it is  a bit naughty..*/
.body {font-size:0.8em; }

.red{color:#900; }
.red1{color:#900; font-size:0.8em;}
.red2 {color:#900; font-size:1.2em;}

.grey{color:#666; font-size:0.9em; line-height:1.4em;}
.grey1{color:#666; font-size:0.8em;}

/*This has to be 10pt and bold for the microsoft tagline....the ergo one is for pages that doesn't have to have MS on them.*/
.ms { font-family: Ariel, sans-serif; font-size: 10pt; font-weight:bold; }
.ergo { font-family: Ariel, sans-serif; font-size: 10pt; font-weight:bold; color:#666; }


/*Image rules..................*/
#i1 { float:right;}
#i2{ float:left;}
#ip2 {float:left; margin-right:10px;}
#ip1 {float:right; margin-left:8px;}
.ip2 {float:left; margin-right:10px;}
.ip1 {float:right; margin-left:8px;}
#img_home {float:left; margin-right:15px;}
img {border:none; }

/*General rule for lists.........*/
ul li {font:1.2em 'Century Gothic', Arial, serif; list-style-image:url(/images/global/grey_tri_small.gif); }

/*Main content containers.............*/
#header_contain {width:770px; margin:0px 0px 0px -385px; border:1px solid #000; border-top:none; border-left:1px solid #666;}
#main_contain{width:770px; height:100%; margin:0px 0px 0px -385px; border-right:1px solid #000; border-left:1px solid #666;  }
#footer{width:770px; margin:0px 0px 0px -385px; text-align:center; clear:left; border-top:1px solid #000; font:0.8em 'Century Gothic', Arial, serif; color:#666;}

/*Page layouts.................*/
.main {width:80%; float:left; padding:10px 2px 5px 10px; font-size:0.8em;}
.side {width:18%; height:100%; float:left; border-right:1px solid #E9E9E9; background-color:#f8f8f8; padding-top:70px; font-size:0.9em;}

/*Styling the header...........*/
#header{height:58px; background:  url(/images/logos/ergo_logo_grey.gif) no-repeat left; background-color:#666; padding:5px 5px 0px 0px; margin:0px 0px 1px 0px; text-align:right;}
.title { color:#fff; font:1.2em 'Century Gothic', Arial, serif; font-weight:bold;}
.sub_title{ color:#fff; font-size:0.7em; }

/*Styling the main navigation.......*/
#top_nav { background-color:#999; margin:0; padding:2px 0px 4px 0px; border-top:1px solid #000; }
#top_nav a:link, #top_nav a:visited {font-size:10pt; font-family:Arial, Verdana, sans-serif; font-weight:bold;  color:#fff; padding: 0px 10px 0px 140px; text-decoration:none;}
#top_nav a:hover {color:#ccc;}

/*Styling the breadcrumbs - ther is no postitioning involved here...........*/
.bread {font:1em 'Century Gothic', Arial, serif;}
.bread:link, .bread:visited {background:  url(/images/global/tri2_grey.gif) no-repeat right; padding-right:15px; }
.bread:hover {color:#666;}


/*Styling the side navigation.......*/
#side_nav {width:100%; background-color:#f8f8f8;  margin:2px 0px 0px 0px; padding:0;}
#side_nav a:link, #side_nav a:visited {background:  url(/images/global/grey_tri_small.gif) no-repeat left;  display:block; border-bottom:1px solid #E9E9E9; font:0.9em verdana, sans-serif; color:#5F5F5F; padding: 3px 0px 3px 15px; text-decoration:none;}
#side_nav .print:link, #side_nav .print:visited {background:  url(/images/global/print_global.gif) no-repeat left;  display:block; padding-left:20px; border-bottom:none; background-color:#fff;}
#side_nav .meeting:link, #side_nav .meeting:visited {background:  url(/images/global/grey_tick.gif) no-repeat left;  display:block; padding-left:20px; border-bottom:none; background-color:#666; color:#fff;}
#side_nav a:hover {background-color:#DBDBDB; color:#333; border-bottom:1px solid #666;}
#side_nav .print:hover {color:#900; background-color:#fff; }

#side_sub { background-color:#DBDBDB; width:100%; }
#side_sub a:link, #side_sub a:visited {color:#666; font:0.85em 'Century Gothic', Arial, serif; padding: 4px 0px 4px 25px; display:block; text-decoration:none; border-bottom: 1px solid #F0F0F0; }
#side_sub a:hover { background-color:#ccc; color:#fff; border-bottom:1px solid #000; }

/*Styling the secondary (well third really) navigation........*/
#sec_nav {text-align:right; margin:3px 0px 10px 0px;}
#sec_nav .current {background-color:#DBDBDB; color:#666;  padding: 2px 10px 2px 10px; border:1px solid #333; border-top:2px ridge #ccc; border-bottom:none;}
#sec_nav a:link, #sec_nav a:visited { color:#333; padding: 2px 10px 2px 10px; border:1px solid #333; border-top:2px ridge #ccc; border-bottom:none; text-align:right; text-decoration:none; }
#sec_nav a:hover{color:#999;}

/*Styling the breadcrumbs - ther is no postitioning involved here...........*/
.bread {font:1em 'Century Gothic', Arial, serif;}
.bread:link, .bread:visited {background:  url(/images/global/tri2_grey.gif) no-repeat right; padding-right:15px; }
.bread:hover {color:#666;}

/*Styling the submit buttons........*/
.submit{height:25px; width:50px; border:none; background: transparent url("/images/global/submit.gif") no-repeat;}
.getprice{ height:25px;	width:80px; border:none; background: transparent url("/images/global/getprice.gif") no-repeat;}
.emailquote{ height:25px; width:120px; border:none; background: transparent url("/images/global/emailquote.gif") no-repeat;}
.emailquoteergo{ height:25px; width:159px; border:none; background: transparent url("/images/global/emailquote_ergo.gif") no-repeat;}
.submitquote{ height:25px; width:120px; border:none; background: transparent url("/images/global/submitquote.gif") no-repeat;}
.printquote{ height:25px; width:120px; border:none; background: transparent url("/images/global/printquote.gif") no-repeat;}
.shopmore{ height:30px; width:90px; border:none; background: transparent url("/images/global/shop_more.gif") no-repeat;}
.checkout{ height:30px; width:90px; border:none; background: transparent url("/images/global/basket_checkout.gif") no-repeat;}


/*Styling the dropdown list--------------------------------------------------*/
.ddl { font-family:Verdana, Arial, sans-serif; font-size:7pt; }

table {border:none;}
table.small {border:1px solid #fff;}
th {background-color:#666; color:#fff; padding:6px;}
td.odd {background-color:#ccc;}
td.even {background-color:#fff;}