/* CSS Document */

/* HTML Elements */
body {
font-family: Verdana, Trebuchet MS, Arial;
font-size: 90%;
color: #000;
background: url(../images/bg.gif) #658eaf;
text-align:center;
padding: 10px 0 10px 0;
margin: 0;
}

a {color: #096aa7;text-decoration: none;font-weight: bold;}
a:hover {color: #036; text-decoration: underline;}

h2 {color: #263354; font-weight: bold; font-size: 200%;}
h3 {color: #263354; font-weight: bold; font-size: 150%;}

#hidden, .hidden {display: none;}

#container
{
margin: 0 auto;
width: 970px;
border: 10px solid #fff;
text-align: left;
background: url("/assets/images/content_bg.gif") #fff 0 200px repeat-x;
}

#header 
{
background: url("/assets/images/header.jpg") no-repeat;
height: 200px;
}

#navigation
{
height: 40px;
padding: 0;
font-size: 110%;
}

#navigation ul {margin: 0; padding: 173px 0 0 40px; list-style: none}
#navigation li {float: left; margin-right: 1px;}
#navigation a {padding-top: 5px;font-size: 80%; text-align: center; display: block; height: 27px; width: 127px; color: #fff;text-decoration: none; background: url("/assets/images/button_off.gif") no-repeat;}
#navigation a:hover {color: #fff; background: url("/assets/images/button_on.gif") no-repeat;}


#main_content{padding: 10px 20px 10px 20px;margin: 0 20px; }
#main_content h2 {padding: 5px 0 5px 0; margin: 0;color: #263354; font-weight: bold; font-size: 200%;}

#product_catagories {text-align: center; clear: both}
#product_catagories p {display: inline;}
#product_catagories img {margin: 0 10px; padding: 0px; border: 3px double #658eaf}

#products {margin: 10px auto;}
.product {text-align: center; float: left; width: 280px;margin: 0 10px 10px 0;}
.product a:hover{text-decoration: none;}

.prod {border: 1px solid #999; margin: 10px 0; background: url(/assets/images/prod_bg.gif) repeat-y left top;}
.prod h3 {background: #ededed; padding: 5px 10px; clear: both; margin: 0 0 20px 0;border-bottom: 1px dashed #999;}
.prod_info {width:190px; float: left; text-align: center; padding-bottom: 20px;}
.prod_info img {border: 1px solid #999;}
.prod_text {margin-left: 200px; padding-bottom: 10px;}
.displayer {padding-bottom: 10px;text-align: center;float: left; width: 420px; border: 1px solid #999;margin: 0 20px 20px 0;}
.displayer h3 {background: #ededed; padding: 5px 10px; margin: 0 0 20px 0;border-bottom: 1px dashed #999;}
.displayer img {border: 1px solid #999; }
.displayer ul {text-align: left;}
.displayer h4 {font-size: 120%;}

.btt {clear: both; text-align:right; padding-top: 20px;}
#b2t{background:url("http://www.fileandstore.com/assets/images/top_icon.gif") no-repeat;margin:0;padding:2px 0 10px 30px}

/* THUMBNAIL ROLLOVER */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ededed;
padding: 5px;
left: -1000px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -138px;
left: 180px; /*position where enlarged image should offset horizontally */

}

#footer{
border-top: 3px double #cddbe7;
clear: both;
margin: 10px 0;padding: 15px 0 5px 20px;color: #000;font-size: 70%;}

#footer p{padding: 0; margin: 2px 20px;}
#footer img {float: left;margin-top: 4px;margin-right: 10px;}
#footer a {color: #000;text-decoration: underline}
#footer a:hover {color: #000;text-decoration: none}

fieldset {border: 1px solid #999;padding: 10px;}
legend {color: #000; padding: 5px; font-size: 120%; font-weight: bold;}
form p { font-size: 90%; }

.contactuk {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/uk.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contactusa {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/usa.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contactger {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/ger.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contactbellux {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/bel_lux.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contacthol {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/hol.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contactesppor {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/esp_por.gif") no-repeat right #c6d5ed; border: 1px solid #999;}
.contactswi {height: 175px; font-size: 90%; float: left; width: 420px; margin: 0 10px 10px 0; background:url("/assets/images/contacts/swi.gif") no-repeat right #c6d5ed; border: 1px solid #999;}

.contactuk h3, .contactusa h3, .contactger h3, .contactbellux h3, .contacthol h3, .contactesppor h3, .contactswi h3{font-size: 120%;}
.contactuk p, .contactusa p, .contactger p, .contactbellux p, .contacthol p, .contactesppor p, .contactswi p{font-size: 90%; padding-left: 20px; }
.center {text-align:center;}
.clear {clear: both}
.img_right {float:right}
.img_left {float:left}