﻿slidehead {
	
	
}


a.slidehead:link    {
  /* Applies to unvisited links of class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #GH0000;
  color:            blue;
  line-height:354%;
  } 
a.mainNav:visited {
  /* Applies to visited links of class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #ddd;
  color:            #f0f;
  } 
a.mainNav:hover   {
  /* Applies to links under the pointer of class mainNav */
  text-decoration:  underline;
  font-weight:      bold;
  background-color: blue;
  color:            #fff;
  } 
a.mainNav:active  {
  /* Applies to activated links of class mainNav */
  text-decoration:  underline;
  font-weight:      bold;
  background-color: black;
  color: white;
  } 





ul.next-prev {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 8px 0px;
}
ul.next-prev li {
    float: left; display: inline;
    background-image: none;
    margin: 0;
    padding: 0;
}
ul.next-prev li.next {
     
}
ul.next-prev li.prev {
    border-right: 1px solid #D2E1E6;
}
ul.next-prev li a {
    padding: 5px 15px 5px 25px;
    display: block;
    color: #36627B;
    text-decoration: none;
    outline: none; /* Remove focus dotted border */
    background: url(primary-navigation.png) transparent left -207px no-repeat;
}
ul.next-prev li a:hover {
    text-decoration: underline;
    background-position: left -237px;
}
ul.next-prev li.next a {
    padding-right: 25px;
    padding-left: 15px;
    background-position: right -207px;
}
ul.next-prev li.next a:hover {
    background-position: right -237px;
}


 


ul.links-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
ul.links-list li {
    background: url(bg/bul_links-list.gif) transparent 0 4px no-repeat;
    padding-left: 10px;
    margin-bottom: 3px;
}
ul.links-list li a {
    color: #000;
    text-decoration: none;
}
ul.links-list li a:hover {
    text-decoration: underline;
}

/************************
 *  transfer box
 ************************/
 
.transfer-box {
    border: 1px solid #333;
    position: absolute;
    z-index: 100000;
}






/*
vimal
*/
ul {
    margin: 0.75em 0;
    padding: 0 0 0 0px;
    list-style-type: none;
}
ul ul {
    list-style-type: circle;
}
ul ul ul {
    list-style-type: square;
}
ol {
    margin: 1em 0;
    padding: 0 0 0 25px;
    list-style-type: decimal;
}
ol ol {
    list-style-type: lower-alpha;
}
ol ol ol {
    list-style-type: lower-roman;
}
li {
    padding: 1px 0;
    margin: 0;
}
ul li {
    padding-left: 15px;
    background: url(bg/ico_arrow.gif) 0 0.5em no-repeat;
}
li li,
li li li {
    background: none;
}
/* definition lists */
dl {
    padding: 0;
    margin: 1em 0;
}
dt {
    font-weight: bold;
}
dd {
    padding: 0 0 0 30px;
    margin: 0.5em 0;
}

/************************
 * INLINE TEXT ELEMENTS
 ************************/
i, em {
    letter-spacing: 0.08em;
    margin-right: 1px;
}
b, strong {
    font-weght: bold;
}


/*****************************************************************************************
 *            fixed width box styles
 ****************************************************************************************/
#webinars,
#tours,
#case-studies,
#contact,
.box {
    margin-top: 7px;
    margin-bottom: 7px;
}
#sub .box {
    float: right;
    width: 100%;
    margin-bottom: 14px; /* 7px + margin-bottom above to give real gap between boxes */
}
#webinars h2,
#tours h2,
#case-studies h2,
#contact h2,
.box h2 {
    margin: -7px 0 0 0;
    padding: 11px 16px 0 16px;
    font-size: 1.83em;
    background-image: url(bg/boxes.png);
    position: relative;
    _height: 0; /* This is to stop the IE scroll bug */
}
#sub .box h2 {
    padding: 7px 10px 0 10px;
}
#webinars .content,
#tours .content,
#case-studies .content,
#contact .content,
.box .content {
    background-image: url(bg/boxes.png);
    min-height: 92px;
    _height:92px;
    margin-bottom: -7px;
    padding: 11px 4px;
    _padding: 12px 16px;
    position: relative; /* make IE6 respect the negative margin */
    font-size: 0.92em;
}
#sub .box .content {
    padding: 10px;
}

#page #sub .red-box .content .content-image {
    float: none;
    clear: none;
    padding: 0;
}
#page #sub .page-controls-box .content {
    background-position: -1329px bottom;
    min-height: 35px;
    _height: 35px;
    padding: 0;
}
#page #sub .page-controls-box .content ul {
    background: url(bg/boxes.png) -1329px top no-repeat;
}
body.has-flash-banner #page #sub .page-controls-box .content {
    background-position: -1510px bottom;
}
body.has-flash-banner #page #sub .page-controls-box .content ul {
    background-position: -1510px top;
}
 
/* box images */
#webinars .content {
    background-position: 0 100%;
}
#webinars .content strong {
    font-size: 1.1818em;
}
#webinars .content a.title {
    text-decoration: none;
}
#webinars .content a.title:hover {
    text-decoration: underline;
}
#sub .box .content {
    background-position: -967px 100%;
}
/************************
 * red boxes
 ************************/
 
/* text colors */
#tours,
#tours a,
#tours h2 {
    color: white;
}
#tours h2 a,
#tours h2 a:hover,
#tours h2 a:active {
color: white;
text-decoration:none;
}


#tours focus {
color: white;
text-decoration:none;
cursor: hand;

}
/* box colors */
#tours {
background-image:url(../images/bg.jpg);

}
/* box images */
#tours .content {
    background-position: -322px 100%;
}
#tours h2 {
    background-position: -322px 0;
}
#tours .content strong {
    font-size: 1.1818em;
}
#tours .content a.title {
    text-decoration: none;
}
#tours .content a.title:hover {
    text-decoration: underline;
}

#sub .red-box .content {
    background-position: -1148px 100%;
}

line-height:150%;

.tourhead
{
    color: white;
}


/************************
 * grey boxes
 ************************/
/* box colors */
#case-studies,
#contact {
    background-color: #feffff;
}
/* box images */
#case-studies .content,
#contact .content {
    background-position: -644px 100%;
}



/************************
 * generic box contents
 ************************/
.box .content ol {
    margin: 0 0 0 22px;
    padding: 0;
}


.box .content form a:link {text-decoration:none}

/************************
 * First boxes in sub column
 ************************/
#page #sub .first-box-blue h2 {
    background-position: -1691px top;
}
#page #sub .first-box-blue .content {
    background-position: -1691px bottom;
}
#page #sub .first-box-red h2 {
    background-position: -1872px top;
}
#page #sub .first-box-red .content {
    background-position: -1872px bottom;
}

/* Reset for flash banner pages */
body.has-flash-banner #page #sub .first-box-blue h2 {
    background-position: -967px top;
}
body.has-flash-banner #page #sub .first-box-blue .content {
    background-position: -967px bottom;
}
body.has-flash-banner #page #sub .red-box h2 {
    background-position: -1148px top;
}
body.has-flash-banner #page #sub .content h2 {
    background-position: -1148px bottom;
}


/************************
 * right column boxes
 ************************/
#webinars,
#tours,
#case-studies,
#contact {
    float: left;
    clear: right;
    width: 206px;
    height: 300px;
    margin-bottom: 13px; /* 7px is used by overhanging box bottom */
}
#case-studies,
#contact {
    width: 200px;
}
/* adjust min height's */
#case-studies .content {
    min-height: 200px;
    *min-height: 200px;
     _height: 200px;	
}

#tours .content {
    height: 268px;
    _height: 268px;
	*height: 268px;
    overflow:hidden;
}

#contact .content {
    min-height: 36px;
    _height: 36px;
}



#feature .content {
    padding: 0 300px 15px 16px;
    font-size: 1.42em;
}
 
 
 
 





#news .content {
    padding: 14px 16px;
    font-size: 0.92em;
}
#solutions .content {
    padding: 0 16px 14px 16px;
    font-size: 0.92em;
}



/*****************************************************************************************
 *            right hand box shared styling
 ****************************************************************************************/
#webinars,
#tours,
#case-studies {
    position: relative;
    padding-left:12px;
}
/* position the images correctly to the right of the boxes */
#tours .content-image {
    position: absolute;
    top: 0;
    right: 0;
}
#webinars .content-image,
#case-studies img {
    position: absolute;
    top: 0;
    right: 10px;
}

/************************
 * slideshow content 
 ************************/
#tours .content ul,
#case-studies .content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 250px;
    _height: 110px;
}
/* hide all items in the list of slideshow items by default */
#tours .content ul li,
#case-studies .content ul li {
    position: absolute;
    left: -9999em;
    width: 192px;
    padding: 0;
    padding-right: 151px;
    background-image: none;
}
/* and only show the first one if there's no javascript */
#tours .content ul li.first,
#case-studies .content ul li.first {
    position: relative;
    left: 0;
}

/************************
 * slideshow paging controls 
 ************************/
#tours ul.next-prev,
#case-studies ul.next-prev {
    position: absolute;
    top: 5px;
    right: 15px;
}


/*****************************************************************************************
 *            tours box specific styling
 ****************************************************************************************/
#tours .content {
    padding-bottom: 3px;
}
#tours ul.next-prev li.prev {
    border-right: 2px solid #FFFFFF;
}
#tours ul.next-prev li a {
    background-position: 0 -297px;
}
#tours ul.next-prev li a:hover {
    background-position: 0 -267px;
}
#tours ul.next-prev li.next a {
    background-position: 100% -297px;
}
#tours ul.next-prev li.next a:hover {
    background-position: 100% -267px;
}


