/* BIZTUBE CSS */

* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
text-align: left;
font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
font-size: 75.01%;
line-height: 1em;
background-image: url('images/bg.gif');
background-repeat: repeat-x;
}


div {
font-size: 1em;
}

img {
border: 0;
}

/*
default link styles
*/

a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #18507C; 
}

a:visited {
text-decoration: underline;
background-color: inherit;
color: #18507C;
}


a:hover {
text-decoration: none;
background-color: #C3D4DF;
color: #385C72;
}

/*****************
basic layout 
*****************/
body {
background-color: #FFFFFF;
color: #333;
margin: 0;
}


div#pagewrapper {
width: 780px;
margin: 0 auto;
max-width: 80em; /* IE wont understand these, so we will use javascript magick */
min-width: 60em;
color: #222222;
}



div#header {
height: 98px;      
}

*html div#header {
height: 98px;      
}

div#header h1 a {
width: 222px;
height: 88px;
margin-top: 8px;
background: #FFFFFF url(images/logo.gif) no-repeat 0 12px; 
display: block;
float: left;
text-indent: -999em;
text-decoration:none;
}

div#header div#action {
height: 65px;
margin: 24px 0 0 0;
padding: 0;
float: right;
text-align: right;
}

*html div#header div#action {
margin: 12px 0 0 0;
}

div#header div#action h2 {
font-size: 22px;
color: #FF6633;
margin-bottom: 7px;
}

*html div#header div#action h2 {
margin-top: 9px;
padding-top: 2px;
margin-bottom: 5px;
}

div#header div#action p {
font-size: 16px;
color: #993300;
margin-bottom: 0;
}

div#search {
float: right;
width: 25em; 
text-align: right;
padding: 0.6em 0 0.2em 0;
margin: 0;
}

*html div#search {
padding: 0.3em 0 0.2em 0;
}

div#search label {
color: #666666;
}

div#search input {
padding: 1px;
border: 2px solid #BEBEBE;
color: #3D3D3D;
background-image: url('images/bgSubmit.gif');
background-repeat: repeat-x;
}

div.breadcrumbs {
padding: 1em 0 1.2em 0; 
font-size: 90%;
margin: 0;              
}

div.breadcrumbs span.lastitem { 
font-weight:bold; 
} 

div#content {
margin: 1.5em auto 2em 0;
}

div#main {
width: 580px;
margin: 0 0 30px 0;
padding-bottom: 30px;
}

*html div#main {
width: 576px;
}

div#sidebar {
float: right; 
width: 180px;    
display: inline; 
margin-left: 0;
margin-bottom: 50px;
}

div#sidebar.hascontent {
padding: 0;
width: 24%; 
}

div#sidebar img {
margin-bottom: 3px;
float: right;
border: none;
}

div#footer {
clear: both;
width: 100%;
height: 100px;
margin: 25px 0 25px 0;
background-color: #FFFFFF;
border-top: 1px dashed #999999;
background-image: url('images/bgFooter.gif');
background-repeat: repeat-x;
}

div#footer p {
font-size: 1em;
padding: 1.5em;
text-align: center;
margin:0;
color: #666666;
}

div#footer ul {
width: 780px;
margin: 20px auto 30px auto;
list-style: none;
}

div#footer li {
display: inline;
float: left;
margin-right: 10px;
line-height: 17px;
color: #732D00;
}

div#footer li.copyright {
float: right;
margin-right: 0;
}

div#footer a {
padding: 1px;
color: #666666;
}

div#footer a:hover {
padding: 1px;
color: #363636;
text-decoration: underline;
background-color: #E4E4E4;
}

/* hid all hr for accessibility... create new hr with extra div element */
div.hr {
height: 1px;
margin: 1em;
border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
float: left;
width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
float: right;
width: 49%;
text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {
margin-top: 30px;
padding: 0;
}

/* HEADINGS */
div#content h1 {
font-size: 2.5em;
line-height: 1em;
margin: 0;
}
div#content h2 {
color: #732D00; 
font-size: 2.5em; 
text-align: left; 
font-weight: normal;
margin: 0 0 0.7em 0;
letter-spacing: -0.025em;
}

*html div#content h2 {
margin: 6px 0 0.7em 0;
}

div#content h3 {
color: #AD4500;
font-size: 1.4em;
font-weight: bold;
line-height: 1.3em;
margin: 0 0 0.5em 0;
}
div#content h4 {
color: #AD4500; 
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
div#content h5 {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0; 
line-height:1.4em;
padding: 0;
}
p.spotlight {
color: #505050;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

pre {
border: 1px solid #000;  
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;   
}

/* END TEXT */

/* TABLES */
table {
margin: 20px 0 20px 0;
}

th {
padding: 5px 12px 6px 0;
color: #AD4500;
font-size: 14px;
}

td {
padding: 5px 15px 5px 0;
font-size: 13px;
border-bottom: 1px dotted #DEDEDE;
color: #777777;
}


/* END TABLES */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height:1.4em;
margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}

div#content dl dt {
font-size: 15px;
font-weight: bold;
margin: 15px 0 3px 0;
}
div#content dl dd {
margin: 0 0 10px 0;
}
/* END LISTS */


/* HOME PAGE CONTENT */

div#content img.left {
border: 1px solid #CCCCCC;
margin-right: 10px;
float: left;
}

div#content img.right {
border: 1px solid #CCCCCC;
margin-left: 10px;
float: right;
}

div.videoPanel {
width: 300px;
height: 260px;
float: left;
}

div#homeImage {
width: 260px;
margin-left: 15px;
float: left;
}

div#homeImage img a {
width: 258px;
height: 269px;
border: none;
}

div#homeImage a:hover {
background-color: #FFFFFF;
}

div#keynotePanel {
width: 580px;
height: 170px;
float: left;
margin-top: 15px;
}

div#keynotePanel .keynote a {
width: 130px;
height: 150px;
float: left;
display: block;
margin: 0px 15px 22px 0;
text-decoration: none;
background-image: url('images/bgKeynote.gif');
background-repeat: no-repeat;
color: #894C10;
font-size: 14px;
text-transform: uppercase;
}

div#keynotePanel .keynote a:hover {
background-color: #FFFFFF;
background-position: 0 -150px;
}

*html div#keynotePanel .keynote a {
margin-right: 13px;
}

div#keynotePanel .keynote p {
margin: 10px 10px -1px 12px;
font-weight: bold;
color: #5B2310;
}

div#keynotePanel .keynote p a:hover {
color: #CC3300;
text-decoration: underline;
background-color: transparent;
}

div#keynotePanel div.keynote ul {
list-style: none;
padding: 0;
margin: 0 0 0 2px;
}

div#keynotePanel div.keynote li {
text-align: left;
margin: 0px 5px -4px 11px;
font-size: 11px;
font-weight: normal;
color: #993300;
text-transform: none;
}


/* END HOME PAGE CONTENT */


/* SUB PAGE CONTENT */

div#keynoteHeader {
width: 580px;
float: left;
}

div#keynoteOverview {
width: 240px;
margin-left: 15px;
float: left;
}

div#keynoteOverview p {
font-size: 16px;
color: #977A61;
}

*html div#keynoteOverview p {
font-weight: bold;
}

div#keynoteOverview ul {
list-style: none;
margin: -10px 0 0 0;
padding: 0;
}

div#keynoteOverview li {
text-align: center;
}

div#keynoteOverview li a {
width: 160px;
height: 22px;
margin: 0px 0 5px -35px;
padding: 6px 0 0 0;
display: block;
border: 1px solid #F2A865;
background-color: #FFE9AF;
color: #CC6600;
text-decoration: none;
}

div#keynoteOverview li a:hover {
text-decoration: underline;
}


div.clear {
clear: left;
}

/* PACKAGES */

div#silver {
width: 520px;
padding: 15px;
margin-bottom: 15px;
border: 1px solid #DBDBDB;
background-color: #edf0f1;
}

div#silver h3 {
margin-bottom: -2px;
font-size: 26px;
letter-spacing: -0.04em;
color: #90a09e;
}

div#silver img {
margin-right: 15px;
float: left;
}

div#silver p {
margin-left: 95px;
}

div#silver ul {
margin-left: 95px;
}

div#silver li {
line-height: 14px;
}

div#gold {
width: 520px;
padding: 15px;
margin-bottom: 10px;
border: 1px solid #CCCC99;
background-color: #faf6eb;
}

div#gold h3 {
margin-bottom: -2px;
font-size: 26px;
letter-spacing: -0.04em;
color: #a69047;
}

div#gold img {
margin-right: 15px;
float: left;
}

div#gold p {
margin-left: 95px;
}

div#gold ul {
margin-left: 95px;
}

div#gold li {
line-height: 14px;
}

div#platinum {
width: 520px;
padding: 15px;
margin-bottom: 15px;
border: 1px solid #e5d8d0;
background-color: #f5eeeb;
}

div#platinum h3 {
margin-bottom: -2px;
font-size: 26px;
letter-spacing: -0.04em;
color: #988071;
}

div#platinum img {
margin-right: 15px;
float: left;
}

div#platinum p {
margin-left: 95px;
}

div#platinum ul {
margin-left: 95px;
}

div#platinum li {
line-height: 14px;
}



/* END SUB PAGE CONTENT */




/********************
 RIGHT NAV
*********************/

div#sidenav {
width: 180px;
float: right; 
margin-bottom: 0px;
}

*html div#sidenav { 
margin-bottom: 1px;
}

div#sidenav ul {
margin: 0;
list-style: none;
}

div#sidenav li {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

div#sidenav li a {
display: block;
width: 163px;
height: 22px;
padding: 8px 3px 0px 14px;
color: #FFFFFF;
text-decoration: none;
background-image: url('images/bgSideNav.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
}

div#sidenav li a:hover {
background-position: 0 -30px;
color: #FFFFFF;
}

div#sidenav li a.requestQuote {
display: block;
width: 163px;
height: 39px;
padding: 11px 5px 0px 12px;
color: #FFFFFF;
text-decoration: none;
background-image: url('images/btnQuote.gif');
background-repeat: repeat-x;
background-position: 0 0;
background-color: #FFFFFF;
}

div#sidenav li a.requestQuote:hover {
background-position: 0 -70px;
color: #FFFFFF;
}

div#sidenav li a.requestQuote b {
display: none;
}

div#newsletter {
width: 178px;
height:100px;
float: right;
margin-top: 3px;
background-color: #F4F4F4;
border: 1px solid #E4E4E4;
}
div#newsletter label {
margin: 15px 0 5px 12px;
font-size: 12px;
font-weight: bold;
display: block;
color: #444444;
}
div#newsletter input {
width: 145px;
height: 16px;
margin: 0 0 5px 12px;
font-size: 12px;
padding: 2px;
border: 1px solid #CCCCCC;
color: #3D3D3D;
}

div#newsletter input.submit {
width: 90px;
height: 25px;
font-size: 13px;
border: 2px solid #CCCCCC;
background-image: url('images/bgSubmit.gif');
background-repeat: repeat-x;
}


div#news {
width: 178px;
padding-bottom: 12px;
margin: 6px 0;
background: #FFE9AF;
float: right; 
border: 1px solid #F4DA97;
}

div#news h2 {
margin: 10px 5px 5px 12px;
font-size: 14px;
font-weight: bold;
letter-spacing: normal;
color: #AD4500;
}

*html div#news h2 {
margin: 10px 5px 5px 11px;
}

div#news div.NewsSummaryPostdate {
margin: -2px 0 0 0;
}
 
div#news div.NewsSummaryLink a {
font-weight: normal;
color: #AD4500;
line-height: 16px;
}

div#news div.NewsSummaryLink a:hover {
background-color: #F6D888;
color: #AD4500;
text-decoration: underline;
}

div#news div.NewsSummaryCategory {
display: none;
}

div#news div.NewsSummaryContent {
display: none;
}

div#news div.NewsSummaryAuthor {
display: none;
}

div#news div.NewsSummarySummary {
display: none;
}

div#news div.NewsSummaryMorelink {
display: none;
}

div#news p {
display: none;
}


.NewsSummary {
    padding: 5px 0;
    margin: 0 5px 0 12px;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;

  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/




/* Horizontal menu for the CMS CSS Menu Module */

#menu_vert {
   margin-left: 0px;
   margin-right: 0px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   width: 780px;
   height: 34px;
   border-left: 1px solid #F38848;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none;
}
#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 0px;
   display: inline;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block;
   margin: 0px;
   height: 19px;
   padding: 10px 10px 5px 10px; 
   text-decoration: none; 
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   border-right: 1px solid #F38848;
   float: left;
   letter-spacing: -0.025em;
}
#primary-nav a:hover { 
background-color: #F57632;
}
#primary-nav li a { 

}
#primary-nav li li a { 

}	
#primary-nav li, #primary-nav li.menuparent { 

}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-image: url('images/bgNavActive.gif');
   background-repeat: repeat-x;
}
#primary-nav li.menuactive a:hover { 
   background-image: url('images/bgNavActive.gif');
   background-repeat: repeat-x;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #FFFFFF; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}