/* IMAGES */
img.right {float: right; border:0px}
img.rightpad10 {float: right; border:0px; padding-left:10px; padding-bottom:10px}
img.rightpad20 {float: right; border:0px; padding-left:20px; padding-bottom:10px}
img.left {float: left; border:0px}
img {border:0px}


/* LINKS */
a:link{color:#6666cc} a:visited{color:#333399} a:hover{color:#cc0000}
a.grey:link{color:#666666} a.grey:visited{color:#666666} a.grey:hover{color:#cc0000}
a.blue:link{color:#6666cc} a.blue:visited{color:#6666cc} a.blue:hover{color:#cc0000}
a.black:link{color:#333333} a.black:visited{color:#333333} a.black:hover{color:#cc0000}

#home div {width:196px; height:19px;}
#home a {background-image:url(images/home.jpg); background-repeat:no-repeat} 
#home a:hover{background-image:url(images/homeon.jpg); background-repeat:no-repeat}

a { text-decoration:none;}

/* #preloadedImages {
       background-image: url(images/button_highlight.jpg);
       background-image: url(images/button_highlight2.jpg);
	   background-image: url(images/button_background.jpg);
       background-image: url(images/button_background2.jpg);
	   background-position: -1000px -1000px;
} this was a preload images test */


/* Nav Button Rollovers */
#navigation td {background-image:url(images/sidenav_back.jpg); background-repeat:repeat-y;}
#navigation td.blue {background-color:#003366}
#navigation td.back {background-image:url(images/button_background.jpg); background-repeat:repeat-y;}


#navigation a {
	font: normal 11px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#333366;
	text-decoration: none;
	display:block;
	text-align:left;
	white-space:normal; 
	padding:0px 0px 0px 30px;
	height:14px; line-height:14px; vertical-align:middle;
	 background-image:url(images/button_background.jpg); background-repeat:repeat-y;
	}
	
#navigation a.big {
	font: normal 12px Arial Narrow, Arial, Helvetica, sans-serif;
	color:#333366;
	text-decoration: none;
	display:block;
	text-align:left;
	white-space:normal; 
	padding:0px 0px 0px 46px;
	height:14px; line-height:14px; vertical-align:middle;
	background-image:url(images/button_background2.jpg); background-repeat:no-repeat;
	}
	
	
#navigation a:hover {background-image:url(images/button_highlight.jpg); background-repeat:no-repeat; color:#000033}
#navigation a.big:hover {background-image:url(images/button_highlight2.jpg); background-repeat:no-repeat; color:#000033}


/* FONT SIZES */
h1 {font-size:18px}
h2 {font-size:14px}
h3 {font-size:12px}
h4 {font-size:11px}
h5 {font-size:10px}

.small {font-size:10px; color:#666666}
.smallcenter {font-size:10px; text-align: center; color:#666666}

.ten {font-size:10px;}
.tenc {font-size:10px; text-align: center;}

.eleven {font-size:11px;}
.elevenfooter {font-size:11px; color:#666666}
.elevenc {font-size:11px; text-align: center;}

.twelve {font-size:12px;}
.twelvec {font-size:12px; text-align: center;}

.fourteen {font-size:14px;}
.fourteenc {font-size:14px; text-align: center;}

.sixteen {font-size:16px;}
.sixteenc {font-size:16px; text-align: center;}



/* GENERAL STYLES */
.red {color:#cc0000}
.title {font-size:16px;}
.header {font-size:12px; color:#333366; width:100%; background-color:#E1E1E8}
.footer {font-size:10px; color:#666666; white-space:nowrap}
.rightheader {font-size:9px; color:#8585A3; background-color:#003366; width:100%}
.headerback { background-color:#003366}
.headerback2 { background-color:#003366; width:100%}
.pagebackground {background-color:#666666; color:#FFFFFF}
.highlight {background-color:#eeeeee; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:3px}
.highlight2 {background-color:#eeeeee; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:bold; padding:3px}
.linebottom {border-bottom:1px solid #dddddd;}
.linebottom2 {border-bottom:1px solid #dddddd; white-space:nowrap}
.plusone {font-size:14px;; text-align: left}

.bold {font-weight:bold}
.right {text-align:right}
.center {text-align:center}
.FloatRight {float:right}
.FloatLeft {float:left}
.FloatStop {clear:both;}
.FloatStopRight {clear:right}
.NoWrap {white-space:nowrap}
.inline {display:inline}
.Footer {color:#666666}


/* PARAGRAPH TAGS */
p.small {font-size:11px; color:#666666}
p.smallten {font-size:10px;}



/* DIV TAGS */
div.MainWindow {width:100%; margin-left:auto; margin-right:auto; border:0px solid #003366;}
div.SideEffect {background-image: url(images/background.gif); background-repeat: repeat-y; background-color:#FFFFFF;}
div.grey {font-size:12px; color:#666666; text-align: left}
div.small {font-size:11px; color:#666666}
div.PreloadImages {display:inline;}
div.RightBox {float:right; padding:0px 0px 10px 20px; width:200px; text-align:center}
.RightBox img {border:0px; padding-bottom:7px}


/* header */
div.TopHeader {width:100%; height:101px; background-image:url(images/header_background.jpg); background-repeat:repeat-x; background-color:#003366}
div.RedHeader {width:296px; height:28px; padding-top:8px; color: #ffffff; font-size:11px; font-weight:bold; text-align:center; white-space:nowrap; letter-spacing:1px; background-image:url(images/red_box.jpg); background-repeat:no-repeat;}
div.Logo {width:615px; height:46px; background-image:url(images/ullrich_aluminium_longlogo2.jpg); background-repeat:no-repeat}
div.SubHeader {padding: 0px 0px 0px 212px; height:19px; line-height:19px; vertical-align:middle; background-image:url(images/table_of_contents.jpg); background-repeat:no-repeat; white-space:nowrap; font-size:12px; color:#003366; font-family:arial narrow, arial, helvetica, sans-serif}
div.SubHeaderSubpgs {padding: 0px 0px 0px 0px; height:19px; line-height:19px; vertical-align:middle; white-space:nowrap; font-size:11px; color:#003366; font-family:arial narrow, arial, helvetica, sans-serif; margin-left:212px}

#SideNavContainer {float:left; width:204px; padding:0px 0px 0px 0px;}
/*#ContentColumn {padding:0px 80px 0px 0px; margin-left:205px; background-image:url(images/topnav_background.jpg); background-repeat:repeat-x;}*/
#ContentColumn {padding:0px 80px 0px 0px; margin-left:205px; background-repeat:repeat-x;}
div.content {padding:30px 20px 20px 7px}

div.ContactsContainer {background-color:#eeeeee; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:10px 10px 10px 10px;}
div.contacts {margin-left:auto; margin-right:auto; width:580px;}

#CLSide {float:left; width:250px; color:#666666; font-size:10px;}
#LogoSm {float:left; width:60px; padding:0px 10px 0px 10px;}
#CRSide {float:left; width:250px; color:#666666; font-size:10px;}


/* TABLES */
table.border {border: 1px solid #666666}
table.bordercenter {margin-left:auto; margin-right:auto; border:1px solid #999999; padding:10px}
table.center {margin-left:auto; margin-right:auto;}
table.right {float:right}


/* TABLE CELLS */
td {text-align:left}
td.border {border: 1px solid #999999}
td.bordercenter {text-align: center;; border: 1px solid #999999}
td.pages {font-size:12px; text-align: center; border: 1px solid #666666; background-color:#eeeeee; white-space:nowrap}
td.small {font-size:10px;}
td.smallcenter {font-size:10px; text-align: center;}
td.footer {padding-left:10px; white-space:nowrap}
td.footerpad {padding-left:10px; white-space:nowrap; padding-bottom:5px}

/* LISTS */
ul {list-style-type: disc; font-family:arial, helvetica, sans-serif; font-size:12px;}
ul.spaced {list-style-type: disc; font-family:arial, helvetica, sans-serif; font-size:12px;; line-height: 150%}
ol.decimal {list-style-type: decimal;  font-size:12px; text-align: left}



/* MAIN SITE APPEARANCE */
body {background-color:#ffffff; margin:0px; font-family:arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#333333; background-image: url(images/background.gif); background-repeat: repeat-y;}


/* nice background colour = #dbdee7 */