/* 
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 * /_/_/_/_/ Main Template /_/_/_/
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 */

body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:80%;margin:0px;min-width: 1000px;background-image: url('/pub/images/site/background.jpg');background-repeat: repeat-x;}

/* The page header including the logo which is a link*/
#header {margin:0px auto;width: 1000px;margin-top:17px;text-align:center;}
#header a {border:0px;padding:0px;margin:0px;}
#header a img {border:0px;padding:0px;margin:0px;}

/* The page wrapper which controls the maximum dimensions of the site */
#container {width:1024px;margin:0px auto;}
#container .column {margin-top:30px;position: relative;float: left;}

/* The center block which contains all of the main content  */
#center {width: 1024px;padding:0px;}
/* A class used to contain content inside floating objects */
#center .inside {padding:0px 0px 0px 0px;}

/* The footer displayed on all of the pages */
#footer {padding-top:30px;clear: both;}

/* The brands displayed on the footer of the page */
#brands {margin:0px auto;height:192px;width:1024px;background-repeat:no-repeat;background-image:url('/pub/images/site/brandsbg.jpg');text-align:center;}
#brands img {margin:15px 0px 0px 14px;border:0px;}
#brands a {border:0px;}

/* Content styling on the site */
h1 {margin:0px;padding:0px;font-size:1.3em;}
h2 {margin:0px;padding:0px;font-size:1em;}
h3 {margin:0px;padding:0px;font-size:0.9em;}

/*** IE6 Fix **
* html #left {
  left: 130px;          
}
*/

/* 
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 * /_/_/_/_/_/ Home Page _/_/_/_/_/
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 */

/* The main banner on the home page displaying the categories */
#bannerCategories {margin:0px auto;height:239px;width:1024px;text-align:center;}

/* The text content above the categories banner on the home page */
#homeTitle {margin:10px auto 0px auto;height:86px;width:1024px;overflow:hidden;}
#homeTitle p {margin:0px;padding:0px;color:#ffffff;font-size:0.8em;}
#homeTitle h1, #homeTitle h2, #homeTitle h3 {text-align:center;color:#ffffff;}

/* The text content above the categories banner on the home page */
#homeFooter {margin:10px auto 0px auto;height:100px;width:1024px;overflow:hidden;}
#homeFooter p {margin:0px;padding:0px;color:#000000;font-size:0.8em;}
#homeFooter h1, #homeFooter h2, #homeFooter h3 {text-align:center;color:#000000;}

/* 
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 * /_/_/_/ Categories Pages _/_/_/
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 */

/* The title header used on the categories pages */
#title {width: 1024px;}
#title h1, #title h2, #title h3 {text-align:center;color:#ffffff;}
/* The left hand side of the content on each category page */
#centerLeft {float:left;margin-left:80px;width:440px;padding:0px 10px 0px 10px;}
#centerRight {float:left;margin:0px 10px 0px 10px;width:440px;}
/* The road map displayed on the pinpoint page */
.roadMap {padding:20px;margin:0px;width:440px;height:427px;background-repeat:no-repeat;background-image:url('/pub/images/site/roadmap.jpg');}
.roadMap p {color:#ffffff;font-size:1.1em;}
.roadMap ul li {margin:0px;padding:2px;color:#bb0000;}
.roadMap a {color:#ffffff;font-size:1em;}
.roadMap a:hover {color:#cccccc;}

/* 
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 * /_/_/_/_/ Customer Page  _/_/_/
 * /_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 */

/* The wrapper of the customer page */
#customerCenter {margin:20px auto;width:800px;}

/* Customer images large windows and smaller selection area */
.customerImages {float:left;width:350px;padding:8px 11px 12px 14px;height:320px;background-repeat:no-repeat;background-image:url('/pub/images/site/imagesWindow.gif');}
.customerImages .window {width:340px;height:240px;background-repeat:no-repeat;background-image:url('/pub/images/site/loadingImage.gif');}
.customerImages .window img {margin:5px;width:320px;height:210px;}
.customerImages .chooser {float:left;width:110px;height:80px;background-repeat:no-repeat;background-image:url('/pub/images/loadingSmallImage.gif');background-position: center center;}
.customerImages .chooser a {cursor:pointer;}
.customerImages .chooser a img {margin:5px;width:100px;height:70px;}

/* The customer detail on the customer page, displayed on the right hand side */
.customerDetail {float:left;width:340px;height:310px;padding:10px 0px 20px 20px;background-repeat:no-repeat;background-image:url('/pub/images/site/imagesWindow.gif');}
.customerDetail p {width:320px;}
.customerDetail a {color:#000099;}
.customerDetail a:hover {color:#0000dd;}

/* The left hand side of customer page under the images */
.customerLeft {float:left;width:360px;}

/* The customers chosen logos */
.customerLogos {width:360px;height:220px;padding:0px;background-repeat:no-repeat;background-image:url('/pub/images/site/window2.gif');}
.customerLogos img {margin:12px 0px 0px 16px;}

/* The google maps on the customer page */
.customerMap {width:340px;height:410px;padding:10px 0px 20px 20px;background-repeat:no-repeat;background-image:url('/pub/images/site/mapbackground.gif');}
#googleMap {width:328px;height:405px;}

/* The blurb displayed on the right hand side of the customer page */
.customerBlurb {float:left;width:340px;height:400px;padding:0px 0px 20px 20px;}
.customerBlurb p {width:340px;}