/* =================== INTERSTAT GLOBAL STYLES =================== */

/* HTML Tags
------------------------------------------------------------------ */

body {
	background: #fff url(../interface/bg.jpg) 0 0 no-repeat;
	margin: 0;
}

body,div,p {font-family:Arial, Helvetica, sans-serif;font-size:13px;}
p {line-height:15px;margin:0 0 8px 0;}

h1 {font-size:19px; font-weight:bold; margin:0 0 10px 0; color:#5c2d91}
h2 {font-size:16px; font-weight:bold; margin:0 0 7px 0; color:#5c2d91}
h3 {font-size:14px; font-weight:bold; margin:0 0 7px 0; color:#5c2d91}

a {text-decoration:none}
a:hover {text-decoration:underline}
a img {border:none}

hr {height:0;
    border-top:1px solid #0163b0;}

form {margin:0}


/* Layout
------------------------------------------------------------------ */

#container {position:absolute;width:686px;left:85px;top:149px;}
#navContainer {height:22px;margin-bottom:4px;background: #0163b0 url(../interface/bg_nav.jpg) 0 0 no-repeat;}
#header {position:absolute;left:62px;top:195px;width:24px}

#contentTop {height:16px;background:#e7eaf6 url(../interface/bg_content_top.gif) left top no-repeat;width:686px;float:left;}
.contentTopPic {height:197px;width:686px;float:left}
	#picAbout {background:#e7eaf6 url(../interface/pic_about.jpg) left top no-repeat;}
	#picProducts {background:#e7eaf6 url(../interface/pic_products.jpg) left top no-repeat;}
	#picNew {background:#e7eaf6 url(../interface/pic_new.jpg) left top no-repeat;}
#contentContainer {background:#e7eaf6;width:686px;float:left;min-height:240px}
	#content {padding:0 10px;color:#005096;}
#contentBottom {height:16px;background:#e7eaf6 url(../interface/bg_content_bottom.gif) left bottom no-repeat;width:686px;float:left;}

#flash {height:191px;}

#introContainer {position:absolute; top:217px; left:0; width:433px;height:166px; background:#0550a3 url(../interface/bg_cnr_intro.gif) left bottom no-repeat;}
#introContainer #introHeader {height:33px;background:#3371b8;line-height:33px;padding:0 3px;}
#introContainer #introHeader h3 {margin:0}
#introContainer #introCopy {padding:10px;}
#newsContainer {position:absolute; top:217px; left:438px; width:249px;height:166px;background:#2b6db6 url(../interface/bg_home_news.gif) 0 0 no-repeat}
#newsHeader {line-height:33px;padding:0 10px;height:33px;}
#newsHeader h2 {margin:0}
#newsMain {padding:10px;float:left;}

#footer {height:20px;line-height:20px;color:#0550a3;float:left;clear:both;;font-size:11px;text-align:right;width:686px;}
#footer a {font-weight:bold;}


/* Navigation
------------------------------------------------------------------ */

#nav {float:left;margin:0 0 0 35px;padding:0;list-style-type:none}
#nav li {float:left;line-height:22px;}
#nav li a {float:left;display:block;padding:0 18px;color:#fff;font-weight:bold;}
#nav li a:hover {text-decoration:none;color:#d3bfef}


/* Supporting Layout
------------------------------------------------------------------ */

#newsItems {float:left;margin:0;padding:0;list-style-type:none;width:400px;}
#newsItems li {margin:0;padding:0;height:1%}
#newsItems li a {margin:0;padding:0 0 10px 0;display:block;font-weight:bold;font-size:12px;}

#brands {margin-left:64px}
#brands div.brandcontainer {display: table; _position: relative; overflow: hidden;width:85px;height:45px;background:#fff;margin:0 10px 10px 0;float:left;}
#brands div.brandcontainer div.brandPosition {_position: absolute; _top: 50%; display:table-cell; vertical-align: middle;width:100%;}
#brands div.brandcontainer div.brand {_position: relative; _top: -50%;width:100%;text-align:center}

 


/* Tabular
------------------------------------------------------------------ */



/* Miscellaneous
------------------------------------------------------------------ */

.hide {display:none}