﻿
/* Template Styles */

body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-align: center; background: #e1e1e1; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

#master {width: 1200px; margin: 0 auto; text-align: left; background: url(/i/main_bg_rep.jpg) repeat-y 0 0; }
#masterContainer { display: inline-block; padding: 0 130px; background: url(/i/main_bg.jpg) no-repeat; }

#leftCol { float: left; width: 220px; }
#rightCol { float: left; width: 720px; }

#homepageLink A { display: block; width: 220px; height: 130px; }

#mainNav { margin: 34px 0 0 0; border-top: 1px solid #d0d0d0; }
#mainNav .navItem { height: 29px; font-size: 1.7em; color: #4c4d8c; font-family: Georgia, Times New Roman, Serif; border-bottom: 1px solid #d0d0d0; }
#mainNav .navItem A { display: block; height: 25px; padding: 4px 0 0 20px; color: #4c4d8c; text-decoration: none; }
#mainNav .navItem A:hover, #mainNav .navItem.selected A { color: #242458; background: url(/i/nav_hover.gif); }

#mainNav .secondLevelNav { display: none; padding: 5px 0; background: #ececec; border-bottom: 1px solid #d0d0d0; }
#mainNav .secondLevelNav .secondLevelNavItem { height: 16px; font-size: 1.1em; color: #75759b; background: #ececec; }
#mainNav .secondLevelNav .secondLevelNavItem A { display: block; height: 15px; padding: 1px 0 0 20px; color: #75759b; text-decoration: none; }
#mainNav .secondLevelNav .secondLevelNavItem A:hover, #mainNav .secondLevelNav .secondLevelNavItem.selected A { color: #38397b; background: #fbfbfb; } { color: #38397b; background: #fbfbfb; }

#header {  position: relative; height: 130px; }
#header .headerGroup { position: absolute; top: 0; left: 0; }
#header .headerGroup .strapline { position: absolute; top: 85px; left: 30px; font-size: 2em; color: #ffffff; font-family: Georgia, Times New Roman, Serif; letter-spacing: -1px; width:650px;}

#main { margin: 20px 30px; }

#footer { margin: 20px 0 20px 0; }
#footer P { margin: 0 0 0 20px; font-size: 1.1em; color: #8a8a8a; }
#footer P A { font-weight: bold; color: #8a8a8a; text-decoration: none; }
#footer .hr { width: 220px; display: block; height: 1px;  line-height: 0; overflow: hidden; margin: 5px 0; background: #d0d0d0; }

.bigHR { display: block; height: 5px; line-height: 0; overflow: hidden; margin: 8px 0; background: #e0e0e0; }

/* Common Styles */
#main H1 { margin: 0 0 10px 0; font-size: 2.2em; color: #2e2f72; font-family: Georgia, Times New Roman, Serif; } /*text-transform: lowercase; */
#main H2 { margin: 5px 0 10px 0; font-size: 1.4em; font-weight: bold; color: #2e2f72; font-family: Georgia, Times New Roman, Serif; } /*text-transform: lowercase; */
#main P { margin: 8px 0; font-size: 1.1em; color: #6c6c89; line-height: 1.4em; }
#main A { color: #6c6c89; }
#main A:hover { text-decoration: none; }

#main .TVI-form { margin: 15px 0 0 0; }
#main .field { margin: 8px 0; }
#main .textBox LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #6c6c89; }
#main .textBox INPUT { width: 300px; padding: 3px 10px; font-size: 1.2em; color: #242458; background: #ffffff; border: 1px solid #c8c8c8; }
#main .select LABEL { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #6c6c89; }
#main .select SELECT { width: 320px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #242458; background: #ffffff; border: 1px solid #c8c8c8; }
.browserFirefox #main .select SELECT { padding: 2px 0 1px 8px; }
#main .textArea LABEL { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #6c6c89; }
#main .textArea TEXTAREA { width: 310px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #242458; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff; border: 1px solid #c8c8c8; }
#main .submitButton { position: relative; height: 23px; overflow: hidden; margin: 15px 0 0 0; }
#main .submitButton A:hover { position: relative; top: -23px; }
#main .submitButton IMG { border: none; }
#main .errorMsg {display: none; color: #ff5a21;}



#map { width: 320px; height: 250px; margin: 0 0 20px 0; }

/* Products page (gallery) */
#galleryThumbnails { margin: 20px 0 0 0; }
#galleryThumbnails .thumbnail { float: left; width: 120px; margin: 0 12px 10px 0; height: 125px; }
#galleryThumbnails .thumbnail A { text-decoration: none; }
#galleryThumbnails .thumbnail A .rollover { display: block; height: 7px; line-height: 0; overflow: hidden; background: url(/i/gallery_rollover.gif) 0 0; }
#galleryThumbnails .thumbnail A:hover .rollover, #galleryThumbnails .thumbnail A.over .rollover { background-position: 0 -7px; }
#galleryThumbnails .thumbnail .link { display: block; margin: 5px 0 0 0; }
#galleryThumbnails .thumbnail A .link { font-size: 1.1em; font-weight: bold; color: #6e6f95; }
#galleryThumbnails .thumbnail A:hover .link { color: #2e2f72; }

#galleryMainImg { float: left; margin: 20px 0 0 0; text-align: center; width: 100%;}

/* Products details page */
.productDetails { display: inline-block; margin: 15px 0 0 0; border-top: 1px solid #e0e0e0; }
.productDetails .col1 { float: left; width: 150px; margin: 0 20px 0 0; }
.productDetails .col2 { float: left; width: 380px; margin: 0 20px 0 0; }
.productDetails .col3 { float: left; width: 90px; }

.productDetails H2 { margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold; color: #2e2f72; }
#main .productDetails P { margin: 4px 0; }

.productDetails .moreInfo { position: relative; top: 97px; height: 23px; overflow: hidden; }
.productDetails .moreInfo A:hover { position: relative; top: -23px; }

/* Home Page Styles */
.homepage #largeImage { margin: 30px 0 20px 0; height: 220px; background-color: Black;}
.homepage #largeImage img {display: none; }

.homepage .content { display: inline-block; }
.homepage .leftCol { /*float: left; width: 350px;*/ margin: 0 30px 0 0; }
/* .homepage .rightCol { float: left; width: 280px; }*/

.homepage .rightCol .item {float: left; /*display: inline-block;*/ margin: 10px 0; /*border-top: 1px solid #e0e0e0;*/ }
.homepage .rightCol .item .image {/* float: left; width: 150px; */ margin: 0 10px 0 0; }
.homepage .rightCol .item .image img {width: 150px;}
.homepage .rightCol .item .text { float: left; width: 120px; padding: 5px 0 0 0; font-size: 1.1em; color: #6c6c89; line-height: 1.2em; }
.homepage .rightCol .item .text .title { font-weight: bold; color: #2e2f72; }
