/* 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 */

/* 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}
div.Sales {background-image:url(images/SalesCentres-Button.jpg);background-repeat:no-repeat;background-position:center;height:29px;line-height:29px;text-align:center;vertical-align:middle}
.Sales a:link {color:#cc0000;} 
.Sales a:visited {color:#cc0000} 
.Sales a:hover {color:#ff0000} 

#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;}

/* 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 td.SalesCenB {background-image:url(images/SalesCen.jpg); background-repeat:no-repeat}

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

#navigation a.SalesCen {background-image:url(images/SalesCen.jpg); background-repeat:no-repeat;color:#cc0000;font-size:13px;height:26px; line-height:26px; vertical-align:middle;}
#navigation a.SalesCen:visited {background-image:url(images/SalesCen.jpg); background-repeat:no-repeat;color:#cc0000;font-size:13px;height:26px; line-height:26px; vertical-align:middle;}	
#navigation a.SalesCen:hover {background-image:url(images/SalesCen-on.jpg); background-repeat:no-repeat;color:#ff0000;height:26px; line-height:26px; vertical-align:middle;}	
	
#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:16px; line-height:16px; vertical-align:middle;
	background-image:url(images/button_background2.jpg); background-repeat:no-repeat;
	}
	
#navigation a.big:hover {background-image:url(images/button_highlight2.jpg); background-repeat:no-repeat; color:#000033}


/* FONT SIZES */
h1 {font-size:22px}
.subheader {font-size:14px; font-weight:normal; display:inline}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}
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;}

/* Header and Footer Styles */
.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%}

/* Highlighting and borders */
.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}
.highlight3 {background-color:#666666;border:1px solid #333333;color:#ffffff;font-size:14px;font-weight:bold;padding:5px}
div.News {background-color:#eeeeee;border:1px solid #cccccc;padding:0px 10px 10px 10px}
.News img {background-color:#ffffff;border:1px solid #cccccc;padding:5px;}

/* GENERAL STYLES */
.red {color:#cc0000}
.title {font-size:16px;}
.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}
.NotBold {font-weight:normal}
.inline {display:inline}
.Footer {color:#666666}
.PaddingLeft20 {padding-left:20px}


/* 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}
div.HeaderSearch {display:inline;float:right;width:221px;padding:33px 0px 0px 10px;text-align:right}
.HeaderSearchBox {background-color:#d4d4da;border:2px solid #adb3cd;border-radius:7px;-moz-border-radius:7px;color:#cc0000;padding:2px;width:130px;}
.SearchBox {background-color:#d4d4da;border:2px solid #adb3cd;border-radius:7px;-moz-border-radius:7px;color:#cc0000;padding:2px;width:130px;}
#SideNavContainer {float:left; width:204px; padding:0px 0px 0px 0px;}
#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;}

/* Rollover Banner */
#banner {width:204px; height:87px; background-image:url(/images/default.jpg)}


/* 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.SearchTable {}
.SearchTable td {padding:1px 1px 1px 3px}

/* TABLE CELLS */
#catpages {margin-left:auto; margin-right:auto; width:696px; border:0px solid #cccccc}
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; padding:4px 4px 4px 4px}
td.pageextend {width:100%; padding:4px 4px 4px 4px}
.pagebackground {background-color:#666666; color:#FFFFFF; padding:4px 4px 4px 4px; 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}

table.ContactsTable {font-size:11px;margin:auto}
.ContactsTable td {padding:3px 3px 3px 0px;text-align:left;vertical-align:top}
.ContactsTable td.ContactsTableR {padding:3px 3px 3px 5px}
.ContactsTable td.ContactsTableLinks {background-image:url(images/arrow.jpg);background-repeat:no-repeat;font-size:11px;padding:3px 3px 3px 16px}
.ContactsTable td.ContactsTableLinks2 {background-image:url(images/arrow.jpg);background-repeat:no-repeat;font-size:11px;padding:3px 3px 10px 16px}
.ContactsTable td.ContactTableH {font-size:12px;padding:3px 3px 10px 0px;}

table.form {margin:auto; background-color:#e8e8e8; border:1px solid #999999}
.form td {text-align:left; padding:6px 20px 6px 20px}
.form td.formTop {text-align:left; padding:20px 20px 6px 20px}
.form td.formBot {text-align:left; padding:6px 20px 20px 20px}

/*Specs table*/
table.SpecsTable {margin:auto; border-top:1px solid #999999; border-left:1px solid #999999}
table.SpecsTable2 {border-top:1px solid #999999; border-left:1px solid #999999}

/* for larger tables so less padding required*/
td.Specs  {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center}
td.SpecsLeft {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left}
td.SpecsSm {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; font-size:10px; color:#333333}

td.SpecsHead  {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; background-color:#E8E8E8}
td.SpecsHeadSm {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; font-size:10px; color:#333333; background-color:#E0E0E0 }
td.SpecsHeadLeft {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left; background-color:#e8e8e8}

/* for more text table where more padding is required*/
td.Specs2  {padding:4px 20px 4px 20px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center}
td.SpecsLeft2 {padding:4px 20px 4px 20px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left}
td.SpecsLeft2SubHead {padding:4px 20px 4px 20px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left; white-space:nowrap; font-weight: bold; background-color:#f8f8f8}

td.SpecsHead2  {padding:4px 20px 4px 20px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; background-color:#E8E8E8; font-size:13px}
td.SpecsHeadLeft2 {padding:4px 20px 4px 20px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left; background-color:#e8e8e8; font-size:13px}

/* Rolled Products Style table */
table.SpecsTable3 {margin:auto; border-top:1px solid #999999; border-left:1px solid #999999}
.SpecsTable3 td {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center}
.SpecsTable3 td.Specs3Left {padding:4px 10px 4px 10px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left}
.SpecsTable3 td.Specs3Head {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; background-color:#e8e8e8; font-weight:bold}
.SpecsTable3 td.Specs3HeadLeft {padding:4px 10px 4px 10px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left; background-color:#e8e8e8; font-weight:bold}
.SpecsTable3 td.Specs3HeadDark {padding:4px 4px 4px 4px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:center; background-color:#cccccc; font-weight:bold}
.SpecsTable3 td.Specs3HeadDarkLeft {padding:4px 10px 4px 10px; border-right:1px solid #999999; border-bottom:1px solid #999999; text-align:left; background-color:#cccccc; font-weight:bold}


/* 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}
ul.circle {list-style-type:circle}