/*---------------------------------------------
|  (C) 2006 Companion Computers Limited (CCL)
|       www.companioncomputers.co.uk
|			   info@compan.net
|----------------------------------------------
|     site : www.formax.co.uk
|   author : Andrew Scott (andrew@compan.net)
|     date : 01/04/2007
----------------------------------------------*/

* { font-family:Arial; }
* { -moz-box-sizing:border-box !important; box-sizing:border-box !important; }

img { behavior: url("/png.htc"); }
#map img {behavior: none !important ;} 

html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px; background-color:white; }
body { width:100%; height:100%; overflow:auto; overflow-y:scroll; margin:0px; padding:0px; }

h1, h2, h3, h4, p {padding:0px; margin:0px;}

#container { width:1000px; position:relative; top:0px; left:50%; padding:39px 0px 65px 0px;  margin:8px 0px 8px -500px; overflow:visible; border:solid 0px;}
#header { width:548px; height:31px; background:transparent; position:absolute; top:0px; left:0px;  z-index:900010}

#menu { width:549px; height:62px; position:absolute; top:2px; border:solid 0px; background-image:url(/images/menuBarBG.png);  z-index:900002} 
#menu ul.menu, #menu ul.menu li { position:relative; margin:0px; padding:0px; }
#menu ul.menu li.main { cursor:pointer; display:block; float:left; height:62px; width:78px; overflow:hidden;  } 
#menu ul.menu li.main a { color:white;  text-decoration:none; height:62px; width:78px; overflow:hidden; line-height:38px; font-size:12px; font-weight:bold; display:block; float:left;  text-transform:lowercase; overflow:visible; text-align:center; }  
/*#menu ul.menu li.main a:hover { cursor:pointer; color:#64a9b0; height:62px; background-color:Transparent; background-image:url(/images/menuBG.png); } */

#menu ul.subnav { display:none; position:absolute; top:50px; left:0px; width:450px;  font-size:9px; height:47px; } 
#menu ul.subnav li { float:left; height:47px;  width:80px; overflow:hidden;  } 
#menu ul.subnav li a { cursor:pointer; height:47px;  width:80px; overflow:hidden;  font-size:11px; font-weight:bold;  color:white;  text-decoration:none; padding:0px 0px 0px 0px; text-align:center; text-indent:0px; display:block;}
/*#menu ul.subnav li a:hover { background-image:url(/images/submenubg.png);  background-repeat:no-repeat; background-position: center center; } */
#menu ul.subnav li.amhy , #menu ul.subnav li.amhy a{ width:100px; }
#menu ul.subnav li.eglas , #menu ul.subnav li.eglas a{ width:60px; }

#menu ul.products { left:165px; } 
#menu ul.multiaxial { left:195px; } 

body.products #menu ul.products { display:block }
body.multiaxial #menu ul.multiaxial { display:block } 
body.multiaxials #menu ul.multiaxial { display:block } 

#branding { position:absolute; top:0px; right:0px; width:455px; z-index:900001;	  }
#branding #logo { position:absolute; top:8px; right:8px; z-index:90006; }
#branding #paintbox { background-color:White; width:202px; height:235px; position:absolute; top:0px; right:-1px; z-index:90005; }
#branding #colorBlock {background-color:White; width:259px; height:50px; position:top:0px; left:0px; }

#branding #brand { position:absolute; top:2px; right:-1px;  background-image:url( /images/brand1.png); width:454px; height:496px; z-index:90006; }
#branding #brand { _background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/brand1.png', sizingMethod='image');}

#mainContent { position:relative; width:1000px; padding:20px; overflow:visible; min-height:600px; *height:600px; z-index:80000;}

body #mainContent { padding-top:30px; }
body.products #mainContent { padding-top:50px; }
body.multiaxial #mainContent { padding-top:50px; }
body.multiaxials #mainContent { padding-top:50px; }

#footer { width: 100%; height:80px; position:relative; bottom:0px; text-align:center; font-size:10px; background-color:Transparent;  padding:20px 420px 15px 0px; border-bottom:solid 10px #095763;  color:White; margin-bottom:-70px;}
#footer a {  color:#b2e4e9; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #b2e4e9; } 
#footer a:hover { border-bottom:solid 1px; color:white;  } 
#footer hr{ width:80%;}

div#ProductLayout { height:100%; padding-bottom:0px; margin-bottom:20px; width:960px; }
div#ProductLayout div#LL { position:absolute; top:55px; left:20px; height:100%; width:2px; background-color:#f46618;  }
div#ProductLayout div#RL { position:absolute; top:53px; right:21px; height:100%; width:2px; background-color:#f46618; zindex:500090; }
div#ProductLayout div#ProdFooter { position:absolute; bottom:0px; left:6px; height:58px; width:985px; background-image:url(/images/ProductsFooter.png); zindex:900090; }


/* General Styleing */
#header #paintbox2 {position:absolute; top:0px; left:0px; width:100%; background-color:White; height:39px; }  
#container { background-image:url(/images/ffbg.png); background-repeat:repeat-y; background-position:0 50;}

#mainContent { background-image:url( /images/background.png ); background-repeat:no-repeat; color:white; font-size:13px; z-index:900002}
#mainContent #main { width:535px; float:left;  }
#mainContent #news { width:425px; float:right; padding:145px 100px 20px 40px; }

body.multiaxial #mainContent #news { padding-top:125px; ; }
body.multiaxials #mainContent #news { padding-top:125px; ; }
body.products #mainContent #news { padding-top:125px; }


#mainContent h1 { color:#64a9b0; font-weight:normal; text-transform:uppercase; font-size:30px; margin:0px 0px 8px 0px; } 
#mainContent h2 { color:#cdfec7;font-weight:normal; text-transform:uppercase; font-size:25px; margin:0px 0px 8px 0px;  }

#mainContent h3 { color:#64a9b0; font-size:20px; font-weight:normal; text-transform:uppercase }
#mainContent h3, #mainContent strong { color:#cdfec7; }

#mainContent a { color:#64a9b0; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #64a9b0; } 
#mainContent a:hover { border-bottom:solid 1px; color:white;  } 

/* NON cascading table fixes  */
#mainContent td { color:white; font-size:13px;}

#mainContent td h1 { color:#64a9b0; font-weight:normal; text-transform:uppercase; font-size:30px; margin:0px 0px 8px 0px; } 
#mainContent td h2 { color:#cdfec7;font-weight:normal; text-transform:uppercase; font-size:25px; margin:0px 0px 8px 0px;  }

#mainContent td h3 { color:# 64a9b0; font-size:20px; font-weight:normal; text-transform:uppercase }
#mainContent td h3, #mainContent table strong { color:#cdfec7; }

#mainContent td a { color:#64a9b0; text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #64a9b0; } 
#mainContent td a:hover { border-bottom:solid 1px; color:white;  } 

#mainContent #ContactList td a { border-bottom:solid 0px transparent; text-decoration:none; } 
#mainContent #ContactList td a:hover { border-bottom:solid 0px white; text-decoration:underline; } 

#productsTable { width:521px; border-collapse:collapse; background-image:url(/images/prodbackground.gif); background-repeat-y;  }
#productsTable thead tr th{ border-top:solid 1px white; border-bottom:solid 1px white; font-size:10px; color:White; height:28px;} 
#productsTable tbody tr td{ font-size:10px; color:White; padding:2px 2px 2px 3px; } 
#productsTable tbody tr.foot td { height:250px }


#productsTable tbody tr.group td { font-size:12px; }
#productsTable tbody tr.spacer { height:20px; }
#productsTable tbody tr td { border-left:solid 1px #48a17a;  }
#productsTable tbody tr td.fabrics { border-left:solid 0px #48a17a;  }

#productsTable thead tr th  { background-color:#427f83; text-align:left; vertical-align:top; padding:5px; color:c3f7c7; border-left:solid 1px white; }
#productsTable thead tr th.fabrics { border-left:0px; }


dl#AdminNewsList { }
dl#AdminNewsList dt { border-top:solid 1px white;  padding-left:10px;}
dl#AdminNewsList dt a { margin-left:10px;   }
dl#AdminNewsList dd { margin-bottom : 10px; }

#map { border:solid 5px #89dc89; }

#productsTable tbody tr td.code {      text-align:left;  padding-left:6px; }
#productsTable tbody tr td.widthscm {  text-align:center; padding-right:6px; }
#productsTable tbody tr td.deg00pos {  text-align:center; padding-right:6px;}
#productsTable tbody tr td.deg45neg {  text-align:center; padding-right:6px;}
#productsTable tbody tr td.deg90pos {  text-align:center; padding-right:6px;}
#productsTable tbody tr td.deg45pos {  text-align:center; padding-right:6px;}


/* Conact Table */

#ctl19_Table1 { position:relative; left:-130px; }


dl {}
div#news { padding:0px; }
dl#newsList {  margin:15px 0px 0px 10px; padding:0px; }
dl#newsList dt { color:#89dc89; }
dl#newsList dd { margin:0px; padding:0px;}
dl#newsList dd a { font-weight:bold; color:#cdfec7;margin-bottom:20px; border-bottom:solid 1px Transparent; }
dl#newsList dd a:hover {border-bottom:solid 1px white; }

/* Top Right Corner Designs */

/* Default (Snow Boarder) */
body.a #branding #brand { background-image:url( /images/brand1.png); _background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/brand1.png', sizingMethod='image');}

/* Design 2 (Boing Plane) */
body.b #branding #brand { background-image:url( /images/brand2.png); _background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/brand2.png', sizingMethod='image');}

/* Design 3 (Yatch) */
body.c #branding #brand { background-image:url( /images/brand3.png); _background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/brand3.png', sizingMethod='image');}

/* Design 4 (Yatch  + Man) */
body.d #branding #brand { background-image:url( /images/brand4.png); _background-image:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/brand4.png', sizingMethod='image');}



/* Special CCL Menu */
#CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:183px; margin:0px; border:solid 1px black; background-color:#492d00; text-align:right;  padding:5px 10px 5px 5px; opacity:0.5; filter:alpha(opacity=50); }
#CCLMenu:hover { opacity:1; filter:alpha(opacity=100); }
#CCLMenu h2 { font-size:14px; color:White; margin:0px; padding:0px; } 
#CCLMenu a { margin:0px; padding:0px; color:#4075b7; font-size:12px;  text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; }
#CCLMenu a:hover { color:white; border-bottom:solid 1px white;  }

/* Login */
div#loginPane { width:500px; margin:0px; font-size:12px; padding-top:0px;} 
div#loginPane p { margin:0px; padding:5px; } 
div#loginPane p label { width:150px; text-align:right; color:white; padding-right:5px; } 
div#loginPane p input { width:142px; }
div#loginPane p input.button { width:132px; margin-left:150px;}