/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
.content p,
.content dl.fileObject,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content .image-box,
.content ol,
.content ul,
.content .flashContent,
.content .mediaPlayer,
.content .user-table,
.content .bordered-user-table,
.content .outlined-user-table,
.content .outlined-horizontal-user-table,
.content .horizontal-user-table,
.content .outlined-vertical-user-table,
.content .vertical-user-table,
.content .user-box,
.content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #9d1c0d;
}
.content .article-content a {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Arial, Tahoma, Verdana, Helvetica, sans-serif;
  background-color: #fff;
}

h1, h2, h3, h4, h5 {
  color:#9d1c0d;
  font-size: 100%;
  font-weight: normal;
}
.article-content h1,
.article-content  h2,
.article-content  h3,
.article-content  h4,
.article-content  h5 {
  color:#000;
}
h1 a, h2 a, h3 a, h4 a, h5 a{
  color:#9d1c0d;
  text-decoration:none;
}
h2.articleHeader, 
h1.articleheader,
h2.articleHeader a, 
h1.articleheader a{ 
  color:#9d1c0d;
  text-decoration:none;
}
h1 { 
  font-size: 180%; 
}
h2 { 
  font-size: 167%; 
}
h3 { 
  font-size: 150%; 
}
h4 { 
  font-size: 116%; 
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
}
.pngOverlay {
  background:transparent url(../GFX/overlay_2.png) top center no-repeat; /* png_bg_overlay.png */
  padding-bottom:20px;
}
#header,
#navWrapper,
#main {
  width: 920px;
  margin:0 auto;
}
#headerWrapper {
  width:100%;
  height:75px;
  background:transparent url(../GFX/footer_bg_png.png) top left repeat-x;
}
#navWrapper {
  position:relative;
}
#footer {
  margin-top:25px;
  padding:4px;
  height:30px;
  text-align:center;
  color:#fff;
  width: 100%;
  background:transparent url(../GFX/footer_bg_png.png) top left repeat-x;
}
#header {
  height: 125px;
  position: relative;
}
#header a {
  height: 125px;
}
#header img {
  display: inline;
}
#header .article {
  height: 125px;
  width: 550px;
  position: absolute;
  top: 0px;
  right: 0px;
}

#searchForm {
  background:transparent url(../GFX/searchBox_shadow.png) no-repeat scroll left top;
  height:30px;
  padding:5px;
  position:absolute;
  right:0;
  top:0;
  width:330px;
  color:#333333;
}

.jsloaded #searchForm label {
  position: absolute;
  top: 15px;
  left: 15px;
}

#searchForm .query {
  width: 243px;
  height: 16px;
  padding:10px 0 0 10px;
  background:transparent;
  border:0px;
  margin-right:2px;
  float:left;
}
#searchForm .button {
  width: 73px;
  line-height: 31px;
  height: 31px;
  background:transparent;
  border:0px;
  float:left;
  font-weight:bold;
}

#main {}

#mainColumn {
  float: left;
  width: 585px;
}
#rightColumn{
  float: right;
  padding: 0 15px 0 15px;
  background:transparent url(../GFX/content_png.png) top left repeat;
  border:1px solid #f1f0ee;
  width: 285px;
  min-height: 200px;
  margin-bottom:10px;
}
#content {
  background:transparent url(../GFX/content_png.png) top left repeat;
  padding: 0 10px 0 15px;
  border:1px solid #f1f0ee;
  min-height: 200px;
  margin-bottom:10px;
}

/* TODO: add styles for customer footer */

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}
.response {
  padding:5px 0px;
  color:red;
}
#content #newsletterForm fieldset{
  border:0px solid #CCCCCC;
  padding:0px
}
#content #newsletterForm .text {
  padding:2px;
  margin:0px 5px;
}
/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
.content .summary,
.content .article {
  width:100%;
}

.content .summary,
.content .article {
  padding: 20px 0;
}

.content .summary h1,
.content .summary h2 {
  color:#9d1c0d;
  font-size: 150%;
}

.content .article .text {
  font-size: 125%;
}
.content .summary img {
  float:left;
  margin-right:15px;
}


/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  margin: 10px auto;
  width: 175px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}
/*************
## FRONTPAGE ##
*************/
#frontpageBoxes {
  margin-top:35px;
  float:left;
  width:100%;
}
.frontpageProduct {
  float:left;
  width:169px;
  padding:7px;
  height: 97px;
  background:transparent url(../GFX/frontpage_product_box.png) top left no-repeat;
  position:relative;
  font-size:11px;
  font-weight:bold;
}
img.productIcon {
  position:absolute;
  right:10px;
  top:-22px;
}
.frontpageProduct h2 {
  font-size:11px;
  margin-bottom:12px;
}
.frontpageProduct h2 a{
  color:#ffffff;
  font-weight:bold;
  display:block;
}
.frontpageProduct h2 a span{
  font-weight:normal;
  display:block;
}
.frontpageProduct h2 a:hover span{
  text-decoration:underline;
}
.frontpageProduct .article-content {
  color:#333333;
}
#news {
  float:left;
  width:100%;
  margin-top:30px;
}
#news div.article, #news div.summary {
  background:transparent url(../GFX/frontpage_news_box.png) top left no-repeat;
  width:284px;
  height:115px;
  float:left;
  position:relative;
  margin-right:1px;
  padding:10px;
}
#news h2 {
  color:#9D1C0D;
  position:absolute;
  top: -30px;
}


/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */


/* common style for <ul> elements */
#navWrapper ul {
  width:585px;
}
.nav,
.nav ul {
  list-style-type: none;
  padding: 0;
}

/* Top menu style */
#navMain {
  height:22px;
}
#navMain li {
  float: left;
}
#navMain li .current {
  text-decoration:underline;
}
#navMain ul .current {
  font-weight: bold; 
}
#navMain li a {
  color:#FFFFFF;
  display:block;
  font-size:93%;
  font-weight:bold;
  line-height:22px;
  padding:0 8px;
}

#navMain li a:hover {
  color: #000;
}

#navMain li ul {
  height: 23px;
  position: absolute;
  top: 23px;
  left: 0px;
}

#navMain li ul li a {
  line-height:23px;
  color: #000;
  display: block;
  padding:0px 8px;
  font-weight: normal;
}
/* #navMain li ul li ul li a {
  padding:0 5px;
  margin:3px 0 0 5px;
  background-color:white;
} */

/* OTHER */
span.regex {
  display:none;
}
.pages {
  float:right;
}
.pages .active {
  padding:7px;
}
.pages span a,.paginator span a {
background:#9D1C0D none repeat scroll 0 0;
color:#FFFFFF;
padding:5px;
margin-right:2px;
}
.paginator .next {
background:#9D1C0D none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
margin-right:2px;
padding:5px;
}
.paginator .prev {
background:#9D1C0D none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
margin-right:4px;
padding:5px;
}
/* OVERLAY */
/* the overlayed element */ 
div.overlay {
  display:none;
}
/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(../GFX/transparent.png); 
    color:#efefef; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}
blockquote {
   padding-left: 20px;
}