/* base styles */

body {
margin:0;
padding:0;
}

a {
color:#1a6e9d;
text-decoration:none;
}

a:hover {
color:#000;
}

a img {
border:none;
}

p {
margin:0 0 1.2em 0;
padding:0;
}

h1 {
margin:0;
padding:0 0 0.6em 0;
font-size:14px;
color:#1a6e9d;
}

h2 {
margin:0;
padding:0 0 0.3em 0;
font-size:13px;
}

h3 {
margin:0;
padding:0 0 0.3em 0;
font-size:13px;
}

form {
margin:0;
padding:0;
}

input.text,
textarea {
padding:2px 4px 2px 4px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

input.submit {
border:2px solid #88b3cb;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
font-weight:bold;
background:#fff;
cursor:pointer;
}

ul {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:1em;
}

li {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:5px;
}

#content .separator {
border-top:1px solid #d1e8f1;
margin-top:9px;
height:9px;
}

#content .separator hr {
display:none;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

.style1 {
border-collapse:collapse;
border:none;
width: 97%;
}

.style1 th {
border-right:1px solid #7195a9;
padding:3px 10px 3px 10px;
background:#88b3cb;
text-align:left;
color:#fff;
font-size:11px;
}

.style1 td {
border-right:1px solid #d1e8f1;
padding:3px 10px 3px 10px;
border-bottom:1px solid #d1e8f1;
background:#edf5f9;
}

.style1 td.title {
border-bottom:1px solid #edf5f9;
background:#ffffff;
font-size:11px;
}


/* container */

#container {
line-height:1.2em;
}


/* header */

#header {
margin:0 0 0 225px;
padding:60px 0 0 0;
width:100%;
height:100px;
background:url("../img/corner_header.gif") no-repeat top left;
}

#logo {
position:absolute;
top:15px;
left:25px;
}

#search {
position:absolute;
top:25px;
left:535px;
width:350px;
text-align:right;
}

#search input.text {
width:125px;
}

#search img.subheading,
#search input.image {
margin-bottom:-3px;
}

#offices {
position:absolute;
width:300px;
top:25px;
left:245px;
}

#offices img {
float:left;
margin-top:2px;
margin-right:12px;
}

#offices a img {
border-bottom:2px solid #fff;
}

#offices a.on img {
border-bottom:2px solid #000;
}

#mainMenu {
margin:0 0 0 0;
padding:0 0 0 15px;
height:30px;
background:#fff;
}

#mainMenu img {
display:block;
float:left;
}

#mainMenu .separator {
float:left;
width:15px;
height:30px;
background:url("../img/separator_mainmenu.gif") no-repeat top center;
}

#breadCrumbs {
padding:7px 0 7px 0;
width:100%;
background:#88b3cb url("../img/bg_breadcrumbs.gif") repeat-x top;
text-align:right;
font-size:11px;
color:#fff;
}

#breadCrumbs a {
color:#fff;
}

#breadCrumbs p {
margin:0;
padding:0 20px 0 0;
}


/* cols */

#col1 {
float:left;
padding:0 20px 0 25px;
width:180px;
}

#col2 {
float:left;
width:100%;
}


/* col1 elements */

.shadow {
height:5px;
background:url("../img/bg_shadow.gif") repeat-x top;
}

.login {
border:1px solid #d1e5f1;
margin:5px 0 0 0;
padding:9px 9px 19px 9px;
width:160px;
}

.login img.heading {
display:block;
padding-bottom:5px;
}

.login img.subheading {
display:block;
padding-top:5px;
}

.login input.text {
width:115px;
}

.login input.image {
margin-bottom:-2px;
}

.login h2 {
margin:0 0 5px 0;
font-size:12px;
}

.login ul {
margin:0;
padding:0;
}

.login ul a {
color:#000;
}

.login ul a:hover {
color:#88b3cb;
}

.login ul li {
margin:0;
padding:0 0 5px 20px;
list-style:none;
background:url("../img/bullet_1.gif") no-repeat top left
}

.login li.logOut {
margin-top:10px;
}

.login li.logOut a {
color:#ed1c24;
}

.subMenu {
border:1px solid #d1e5f1;
width:178px;
background:#edf5f9;
font-size:11px;
}

.subMenu ul {
margin:0;
padding:0;
}

.subMenu li {
border-bottom:1px solid #d1e8f1;
margin:0;
padding:5px 0 5px 0;
list-style:none;
}

.subMenu li a {
display:block;
padding:0 9px 0 9px;
color:#000;
}

.subMenu li.on {
padding-bottom:0;
}

.subMenu li.on a {
padding-bottom:10px;
background:#edf5f9 url("../img/bg_menu_on.gif") repeat-x bottom;
font-weight:bold;
color:#1a6e9d;
}

.subMenu li a:hover {
color:#1a6e9d;
}

.subMenu li ul {
padding-bottom:22px;
background:#fff url("../img/pointer.gif") no-repeat bottom left;
}

.subMenu li ul li {
padding-bottom:2px;
border-bottom:none;
}

.subMenu li li a,
.subMenu li.on li a {
padding-bottom:0;
padding-left:20px;
background:none;
font-weight:normal;
color:#000;
}

.subMenu li li a:hover,
.subMenu li.on li a:hover {
color:#1a6e9d;
}


/* index */

#intro {
width:100%;
}

#intro img {
display:block;
}

#news {
border-top:15px solid #fff;
border-bottom:15px solid #fff;
width:100%;
background:#fff url("../img/bg_news.gif") repeat-y left;
}

#news .lead {
float:left;
padding:0 10px 0 25px;
width:185px;
background:url("../img/bg_lead.gif") no-repeat top left;
font-size:11px;
}

#news .lead a {
color:#000;
}

#news .lead .readOn a {
color:#ed1c24;
}

#news .lead p {
margin:0 0 5px 0;
}

.shadow2 {
height:5px;
background:url("../img/bg_shadow_2.gif") repeat-x top;
}


/* products */

#categories {
margin:0 -5px 0 0;
padding:0 0 0 20px;
width:100%;
height:auto !important;
height:300px;
min-height:300px;
}

.block {
float:left;
margin:0 2px 2px 0;
padding:0 0 5px 0;
width:290px;
background:#fff url("../img/bg_block.gif") no-repeat bottom left;
}

.block .thumbnail {
float:left;
width:125px;
}

.block .lead {
float:left;
width:190px;
}

.block .lead p {
margin:0;
}

#categories .block .lead {
padding:10px 20px 10px 140px;
width:80px;
}


/* product page */



#back {
position:absolute;
left:0;
top:-24px;
}

#back p {
margin:0;
}

#back p a {
display:block;
padding:0 0 0 26px;
width:162px;
height:24px;
line-height:24px;
background:url("../img/bg_back.gif") no-repeat top left;
font-size:11px;
color:#000;
}

#back p a:hover {
color:#1a6e9d;
}

.infotext {
padding: 0 0 0 0;
margin: 0 0 0 0;
position:left;
float:left;
width:390px;
}

.photo {
position:relative;
float:left;
width:165px;
}

.photo img {
float:right;
}

.photo a.zoom {
position:absolute;
right:10px;
bottom:10px;
width:12px;
height:12px;
}

.photo a.zoom img {
float:none;
}

.references a {
margin:0 20px 0 0;
}

.tabs {
margin:10px -20px 0 -20px;
padding:0;
width:100%;
height:32px;
background: url("../img/bg_tabs.gif") repeat-x bottom;
}

.tabs2 {
margin:10px -20px 0 -20px;
padding:0;
width:100%;
height:32px;
}

.tabs .clearer {
display:none;
}

.tabs ul {
margin:0;
padding:0;
}

.tabs li {
float:left;
margin:0;
padding:0;
list-style:none;
}

.tabs li a {
display:block;
float:left;
padding:8px 10px 8px 10px;
height:16px;
line-height:16px;
color:#000000;
}

.tabs li a:hover {
color:#1a6e9d;
}

.tabs li.on a {
border-top:1px solid #88b8cb;
border-left:1px solid #88b8cb;
border-right:1px solid #88b8cb;
padding:8px 15px 8px 15px;
background:#fff;
color:#1a6e9d;
font-weight:bold;
}


/* article page */

.article {
line-height:1.4em;
}

.article h1 {
margin:0 0 10px 0;
font-size:16px;
}


/* shop page */

#shop {
position:relative;
padding:20px;
width:100%;
height:auto !important;
height:260px;
min-height:260px;
}


/* footer */

#footer {
border-top:1px solid #ffffff;
margin:75px 0 0 0;
padding:0 0 0 240px;
width:100%;
background:url("../img/corner_footer.gif") no-repeat top left;
font-size:11px;
}

#footer p {
float:left;
height:3em;
}

#footer p.firm {
border-right:1px solid #ffffff;
padding:8px 0 0 18px;
width:90px;
}

#footer p.address {
border-right:1px solid #ffffff;
padding:8px 0 0 18px;
width:160px;
}

#footer p.phone {
padding:8px 0 0 18px;
width:110px;
}
