@import url(960.css);
@import url(base.css);
@import url(nav.css);

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


#logo {
    float:left;

}
#header {
	position:relative;
}
#header-top {
    height:106px;
    background:url(../images/cssimg/header-bg.png) bottom right no-repeat;
    position:relative;    
}
div#search {
	position:absolute;
	right:10px;
	top:9px;
    display: none;
}
div#val-search {
	width: 120px;
	height: 18px;
	padding: 0px;
	background: url(../images/cssimg/search_bg.png) 0 0 no-repeat;
}

div#val-search input {
	width: 93px;  
	height: 14px;  
	padding: 2px 2px 2px 7px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 75%;
}

div#val-search button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	background: url(../images/cssimg/search_button.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: -999em;
	line-height: 0;
        float:right;
}
div#val-search:hover, div#val-search div.sfhover  {
	background: url(../images/cssimg/search_bg.png) 0 -18px no-repeat;
}

div#val-search:hover input, div#val-search input.sfhover {
	color: #000000;
}

div#val-search input:focus, div#val-search input.sffocus {
	color: #000000;
}
#hero {
	clear:both;
    background:#616161 url(../images/cssimg/header-hero-bg.png) no-repeat bottom;
    color:white;
}
.homepage {
    height:275px;
}
#hero h2 {
    color:#EE8724;
    font-size:18px;
    margin-bottom:25px;
}	
.hero-content {
    padding:15px 0 0 18px;
    line-height:1.4;
}
.hero-content a.hero-btn {
    margin: 8px 0 0 8px; 
}
#hero-flash {
    padding-top:10px;
}
#across-mediums {
    text-align:center;
    border: dotted 1px;
    border-left:none;
    border-right:none;
    background:#F4F5F6;
    padding:5px 0 10px 0;
    margin-top:20px;	
    overflow: hidden;
}
#content {
    margin-top:10px;
    line-height:150%;
    position:relative;
    z-index:1;
}
#across-mediums h2 {
    font-weight:normal;
    font-size:175%;
    color:#EE8724;
}    
.tip {
    background: #FFFEEA url(../images/cssimg/div_tip.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #FFC864;
    border-bottom:1px dotted #FFC864;
    margin:10px 0;
}
.tip p, .info p, .download p {
    line-height:1.4;
    padding-top:5px;
    margin-bottom:0;
}
.info {
    background: #F4F5F6 url(../images/cssimg/div_info.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #AAB4BE;
    border-bottom:1px dotted #AAB4BE;
    margin:10px 0;
}
.download {
    background: #F3FCEB url(../images/cssimg/div_download.png) 5px 5px no-repeat; 
    padding:10px 10px 10px 40px;
    border-top:1px dotted #78BE5A;
    border-bottom:1px dotted #78BE5A;
    margin:10px 0;
}
.download.mainpage {
	padding-right:0;
	margin:0;
	width:430px;
	display:block;
	float:left;
}
img.imgright {
    float:right;
}
#footer {
    background: url(../images/cssimg/footer-bg-top.png) 0 0 no-repeat;
    margin:30px 0 30px;
    padding:4px 0;
}

#footer a:hover {
    color: #FF0000;
    text-decoration: underline;
}

#footer p {
	font-size:13px;
	text-align:center;
}
#large-footer-content {
    background: url(../images/cssimg/footer-bg-bot.png) bottom no-repeat;
    padding: 5px 0 10px 0;
}
#footer h3 {
	font-size:21px;
	margin-left:5px;
	margin-bottom:.7em;
}
#balihoo-news h3 {
    margin-left:15px;
}
#footer #balihoo-news ul {
	margin-left:15px;
}
#footer ul {
    list-style:none;
    margin-left:5px;
}
#footer li {
	font-size:14px;
	margin-bottom:.5em;
}
#creditfooter {
    display:none;
}

#balihoo-tweet h3 {
	margin-bottom: 5px;
}

#twitter_update_list {
    line-height: 1.25;
}
#twitter_update_list li {
	list-style: none;
	margin-left:5px;
        text-indent:27px;
        padding: 5px 10px 0 0;
    background:url(../images/cssimg/quote-l.png) 0 0px no-repeat;
}
#twitter_update_list li a{ 
	display:block;
       position:relative;
        margin-top:0px;
    text-indent:0;
    background:url(../images/cssimg/quote-r.png) top right no-repeat;
    padding-top:5px;
}
#twitter_update_list span a {
    display:inline;
    margin-top:0;
    background:none;
}
#go-top {
    text-align:right;
    margin-bottom:7px;    
    display:block;
}
#sidebar h3 {
    font-size:13px;
    line-height:25px;
    margin:0;
    text-indent:15px;
    height:25px;
    background:url(../images/cssimg/sidenav-top.png) no-repeat 0 0;
}
#sidebar ul {
    background:url(../images/cssimg/sidenav-drop.png) left bottom;
    padding-bottom:10px;
}
#sidebar ul a {
    font-size:13px;
    height:25px;
    line-height:25px;
    display:block;
    border-bottom:#E5E9EB solid 1px;
    margin:0 1px;
    text-indent:15px;   
}
#sidebar ul li.selected a, #sidebar ul li.selected li.selected a {
	color:#EE8724;
} 
#sidebar ul li.selected li a {
	color:black;
}
#sidebar li.arrow a{
    background:url(../images/cssimg/submenu-arrow.png) no-repeat 185px;
}
#sidebar ul a:link, #sidebar ul a:visited {
    color:black;
}
#sidebar ul a:hover, #sidebar ul a:focus {
    color:#EE8724;
    text-decoration:none;
    background: #E5E9EB;
}
#sidebar li#arrowed a img {
	display:none;
}

/****** IMAGES FOR SIDENAV *******/
#sidebar li#arrowed a {
    text-decoration:none;
    background:url(../images/cssimg/submenu-arrow.png) no-repeat 185px;
}
#sidebar li#arrowed li a {
    background:url(../images/cssimg/submenu-square.png) 15px no-repeat;
}
/* END */

#sidebar li#arrowed a:hover, #sidebar li#arrowed a:focus {
	color:#EE8724;
	background-color: #E5E9EB;
}
#sidebar ul ul a {
    text-indent:35px;
}
#sidebar ul, #sidebar ul ul {
    margin:0;
    list-style:none;
}
#sidebar ul ul {
    display:none;
    background:none;
    padding:0;
}

#sidebar #banners td {
	text-align: center;
	padding-top: 25px;
}

#next_steps {
	float: left;
    margin-top: 10px;
	margin-left: 10px;
}

#request_live_demo {
	float: left;
	width: 66%;
}

.promoform {
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

#askmoreform {
    background: url(../images/cssimg/formbg.jpg) 0 0 no-repeat;
    width:250px;
    height:305px;
    overflow:hidden;
    padding: 0 10px;
    position:relative;
    float: left;
}
#askmoreform p {
    font-size:14px;
    position:relative;
    margin:15px 0;
    color:white;
    font-weight:bold;
    text-align:center;
    line-height:1.2;
}
#askmoreform label {
    font-size:12px;
    color:white;
}
#askmoreform input {
    widht:100px;
}
#askmoreform table {
    width:230px;
    margin: 0 auto;
}
#askmoreform td{
    padding:1px;
}

#requestform {
    background: url(../images/cssimg/requestformbg.png) 0 0 no-repeat;
    width:300px;
    height:233px;
    overflow:hidden;
    position:relative;
    float: right;
}
#requestform p {
    font-size:14px;
    position:relative;
    margin:15px 0;
    color:no;    
    text-align:center;
    line-height:1.2;
}
#requestform label {
    font-size:12px;
    color:nm;
}
#requestform input {
    widht:100px;
}
#requestform table {
    width:230px;
    margin: 0 auto;
}
#requestform td{
    padding-top:3px;
}

p.list-header {
    background:#F4F5F6;
    border-top: dotted 1px #AAB4BE;
    border-bottom: dotted 1px #AAB4BE;
    padding: 5px 10px;
}
ul.checkmarks {
    list-style:none;
    margin-left:0;
}
ul.checkmarks li {
    background: url(../images/cssimg/xmark.png) no-repeat 0 3px;
    padding-left:35px;
    margin-bottom:1em;
}
#breadcrumbs, #request {
    padding:15px 15px 28px 15px;
    font-size:13px;
}
#breadcrumbs a, #request a {
    color:white;
}
#breadcrumbs {
    float:left;
    width:440px;
}
#request {
    float:right;
}    
#working-with {
    background:url(../images/proud.png) 0 0 no-repeat;
    height:94px;
    margin:30px 0;
    overflow: hidden;
}
.carousel {
    float:right;
}

#lightbox {
	z-index: 1200 !important;
}

#overlay {
	z-index: 1100 !important;
}