/* GENERAL STYLES */
/*
	Title:		BrandView CSS
	Author:		Chris Houston
	Website:	http://www.vizioz.com
	Version:	0.1
	Last Updated:	16/11/09
*/

body
{
    font-family: 'Trebuchet MS' , 'Tahoma' , 'Arial' ,sans-serif;
}
body#standard
{
    background: url(/images/blue_bg_content_page.png) repeat-x #fff;
}
body#home
{
    background: url(/images/homepage/bg_grad_homepage.png) repeat-x #fff;
}

a, a:visited
{
    text-decoration: none;
    color: #64A4D8;
}
a:hover
{
    text-decoration: underline;
}

p
{
    font-size: 13px;
    line-height: 22px;
    color: #8D8D8D;
}

body p
{
    line-height: 18px;
}

h3
{
    color: #0e3b7c;
    font-size: 18px;
    *font-family:'Tahoma','Arial',sans-serif !important;  
}
h3 a, h3 a:visited
{
    color: #64A4D8;
}
#FeaturedPages h3 a, #FeaturedPages h3 a:visited, #BlogFeed h3 a, #BlogFeed h3 a:visited
{
    color: #0e3b7c;
    font-size: 18px;
}
.clear
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#standard div#ContentContainer
{
    margin: 0 auto;
    width: 1000px;
    background: url(/images/main_image2.png) repeat-x;
    min-height: 200px;
}
#home div#ContentContainer
{
    margin: 0 auto;
    width: 1000px;
    background: url(/images/homepage/main_image_homepage.jpg) repeat-x;
    min-height: 425px;
}

div#FooterContainer
{
    width: 100%;
    background: url(/images/footer_bg_content_Page.png) repeat-x;
    min-height: 156px;
    float: left;
    margin-top:20px;
}
div#Footer
{
    height: 156px;
    margin: 0 auto;
    width: 968px;
}
div#FooterContainer #Footer
{
	margin:0 auto;
	padding-top:10px;
	width:968px;
	position: relative;
}

div#FooterContainer .footItem {
	float:left;
	margin-right:30px;
}

div#FooterContainer .footItem .footHeader {
	color:#64A4D8;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
}

div#FooterContainer .footItem .footHeader a {
	color:#64A4D8
}

div#FooterContainer .footItem .footHeader a:visited {
	color:#64A4D8
}

div#FooterContainer .footItem .footHeader a:hover {
	text-decoration: underline;
}

div#FooterContainer .footItem .footLine,div#FooterContainer .footItem .footLine p,div#FooterContainer .footItem .footLine,div#FooterContainer .footItem .footLine p strong, div#FooterContainer .footItem .footLine p strong a, div#FooterContainer .footItem .footLine p strong a:visited {
	color:#6A6A6A;
	font-size:11px;
	line-height:18px;
}

div#FooterContainer .footItem .footLine a, div#FooterContainer .footItem .footLine p
{
	color: #99abb2;
}

div#FooterContainer .footItem .footLine a:visited {
	color: #99abb2;
}

div#FooterContainer .footItem .footLine a:hover {
	text-decoration: underline;
}

div#FooterContainer #Copyright,div#FooterContainer #Copyright a,div#FooterContainer #Copyright a:visited {
	margin:0 auto;
	padding-top:10px;
	width:968px;
	clear: both;
	font-size: 10px;
	color: #99abb2;
}

div#FooterContainer #Copyright .Left {
	float: left;
}

div#FooterContainer #Copyright span.divider {	
	color: #0d3c7b;
}

div#FooterContainer #Copyright .Right {
	float: right;
}

div#FooterContainer #Footer #CompanyLogo {
	position: absolute;
	top: 15px;
	right: 0px;
}

#standard div#TitleContainer
{
    height: 183px;
    width: 968px;
}
#home div#TitleContainer
{
    height: 425px;
    width: 1000px;
    position: relative;
}
#ScreenShot
{
    position: absolute;
    top: 130px;
    left: 523px;
}
#PageTitle
{
    float:left;
    position: relative;
    top: 100px;
    left: 28px;
}
#CoBrandTitle
{
    float: right;
    position: relative;
    top: 74px;
}

#Container
{
    margin: 0 auto;
    width: 968px;
    position: relative;
}
#MenuContainer
{
    background: url(/images/menu_bar.gif) repeat-x;
    width: 100%;
    height: 64px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.Menu
{
    width: 968px;
    margin: 0 auto;
    height: 64px;
    width: 968px;
    position: relative;
}
#SiteMenu
{
    background: url(/images/menu_divider.gif) no-repeat 817px 12px;
}

#Logo
{
    position: relative;
    top: 10px;
    width: 200px;
    height: 37px;
}
#TopMenu
{
    position: absolute;
    height: 60px;
    line-height: 60px;
    top: 0px;
    right: 0px;
    margin-right: 170px;
}

#TopMenu li
{
    float: left;
    list-style-type: none;
    list-style-image: none;
    margin-left: 20px;
}
#TopMenu li a, #TopMenu li a:visited
{
    color: #fff;
}

.SideMenu-Level2 .selected {
	background:none !important;

}

.SideMenu-Level2 li a, .SideMenu-Level2 li a:visited
{
	color: #2D82C1 !important;
	text-shadow: none !important;
}

.SideMenu li a, #SideMenu li a:visited
{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #838383;
    left: 34px;
    position: relative;
    width: 167px;
    *font-family:'Tahoma','Arial',sans-serif !important;  
    *font-size: 13px !important;
}
#SideMenuContainer
{
    background: url(/images/side_menu_bg_grad.png) no-repeat;
    min-height: 365px;
    *height: 365px;
    position: relative;
    width: 225px;
    float: left;
}
#SideMenuContainer div#promoSideImages
{
    float:left;
    margin-top:20px;    
}
#SideMenuContainer div#promoSideImages a
{
    float:left;
    display:block;
    margin-bottom:10px;
}
.SideMenu
{
    padding-top: 22px;
    position: relative;
    width: 200px;
    float:left;
}
.SideMenu li
{
    line-height: 34px;
    height: 34px;
    width: 228px;
    clear:both;

}
.SideMenu li.selected
{
    background: url(/images/side_marker_single_line.gif) no-repeat -3px 0;
}
.SideMenu li.selected a
{
    color: #fff;
    text-shadow: -1px -1px 0 #3293D6;
}
.SideMenu li  a  img
{
	height:24px;
	left:-29px;
	margin-bottom:5px;
	margin-top:5px;
	position:absolute;
	width:24px;
	*margin-top: -5px; 
}

.SideMenu li  ul  li a, #SideMenu  li  ul  li a:visited
{
    font-weight: normal;
    font-size: 13px;
    padding: 0 5px;
    left: 0px;
    width: 190px;
}
.SideMenu  li  ul
{
    float:left;
    margin: 5px 0 2px 0;
}
.SideMenu  li  ul  li
{
    background: url(/images/side_menu_grey_arrow.gif) no-repeat 177px 10px;
    height: 24px;
    line-height: 24px;
}
.SideMenu  li  ul  li.selected
{
}
.SideMenu  li  ul  li.selected  a
{
    background: #ddd;
}

#promoSideText
{
float:left;
margin-top:20px;
text-align:center;
width:195px;  
}

#BreadCrumb
{
    float: left;
    width: 710px;
    height: 30px;
    margin: 20px 0 0 20px;
    border-bottom: solid 1px #d3d3d3;
}
#BreadCrumbList li
{
    list-style-type: none;
    list-style-image: none;
    float: left;
    margin-right: 5px;
    font-size: 14px;
    color: #838383;
}

#PageTitles
{
    float: left;
    margin: 20px 0 30px 0px;
    width: 710px;
    padding-left: 20px;
}

#PageTitles2
{
    float: left;
    margin: 20px 0 30px 0px;
    width: 475px;
    padding-left: 20px;
}

#PageTitles h1, #PageTitles2 h1
{
    font-size: 30px;
    color: #000;
    *font-family:'Tahoma','Arial',sans-serif !important;
    *font-weight: normal !important;
}
#PageTitles h2, #PageTitles2 h2
{
    margin-top: 20px;
    color: #838383;
    font-size: 17px;
    line-height: 28px;
    *font-family:'Tahoma','Arial',sans-serif !important;
    *font-weight: normal !important;
}
#home div#PageTitles
{
    position: relative;
    top: 92px;
    left: 28px;
    width: 395px;
    margin: 0;
}
#home div#PageTitles h1
{
    font-size: 38px;
    color: #fff;
}
#home div#PageTitles h2
{
    color: #fff;
}


#home div#PromoImages
{
    left: 28px;
    position: absolute;
    top: 347px;
}
div#PromoImages a
{
    margin-right: 10px;
}
#FeaturesList
{
    display: block;
    float: left;
    width: 720px;
    margin-left: 20px;
    font-size: 13px;
    line-height: 22px;
}
#FeaturesList ul li
{
    list-style-type: none;
    list-style-image: none;
    float: left;
    width: 720px;
    margin-bottom: 20px;
}
.thumbnail
{
    float: left;
    width: 64px;
    height: 64px;
}
#FeaturesList  ul  li  div
{
    display: block;
    float: right;
    width: 636px;
    margin-left: 20px;
}
#SpotlightContainer
{
    margin-top: 20px;
    float: left;
    width: 196px;
}
#SpotlightTop
{
    background: url(/images/spotlight_top.gif) no-repeat;
    height: 12px;
    width: 196px;
    line-height: 12px;
}
#SpotlightBottom
{
    background: url(/images/spotlight_bottom.gif) no-repeat;
    height: 12px;
    width: 196px;
    line-height: 12px;
    *margin-top: -6px;
}
.spotlight1
{
    background: url(/images/spotlight_1.gif) no-repeat;
    width: 196px;
    height: 39px;
}
.spotlight2
{
    background: url(/images/spotlight_2.gif) no-repeat;
    width: 196px;
    height: 85px;
}
.spotlight3
{
    background: url(/images/spotlight_3.gif) no-repeat;
    width: 196px;
    height: 130px;
}
.spotlight4
{
    background: url(/images/spotlight_4.gif) no-repeat;
    width: 196px;
    height: 178px;
}
#Spotlight
{
    padding-top: 7px;
}
#Spotlight li
{
    margin-bottom: 8px;
    padding-left: 10px;
    width: 180px;
}

.PostSummary p
{
    display: inline;
}
#home div#Content
{
    margin-top: 40px;
}
#FeaturedPages
{
    float: left;
    left: 0px;
    width: 450px;
    height: 360px;
}
#FeaturedPages div
{
    width: 195px;
    height: 160px;
    padding: 0 30px 20px 0;
    float: left;
}

#FeaturedPages p
{
    color: #8d8d8d;
    font-size: 15px;
    line-height: 21px;
}
.featureButtons
{
    width:195px;
    height:75px;
}
#BlogFeed
{
    position: relative;
    float: left;
    width: 310px;
    font-size: 13px;
    color: #8d8d8d;
    padding-right: 30px;
}
.Post
{
    margin-bottom: 10px;
    float: left;
}
.PostDate div, .Post  div
{
    display: block;
}
.PostTitle  a, .PostTitle  a:visited
{
    font-weight: bold;
    color: #0e3b7c;
}
.normal  img
{
    float: right;
    margin: 0 0 20px 20px;
}
.alternative  img
{
    float: left;
    margin: 0 20px 20px 0;
}
#Feature, #Insights
{
    float: left;
    margin-left: 18px;
    width: 720px;
}
#Feature div
{
    margin-bottom: 40px;
}

#Testimonials
{
    position: relative;
    display: block;
    width: 700px;
    float: left;
    padding-left: 20px;
}
#Testimonials div, #Partners div
{
    margin: 0 0 30px 20px;
    overflow: hidden;
}
div#HomeTestimonials
{
    position: relative;
    top: -2px;
}
#Partners div img,#Testimonials div img
{
    float: left;
}
#Partners
{
    display: block;
    float: left;
    width: 720px;
}
#Partners div p, #Partners div h3
{
    position: relative;
    padding-left: 140px;
}
div#HomeTestimonials div
{
    position:relative;
    background-image: url(/images/Homepage/client_highlight_panel.gif);
    float: left;
    width: 169px;
    height: 172px;
    margin-bottom: 20px;
}


div#HomeTestimonials div a
{
    position: relative;
    top: 10px;
    left: 50px;
    height: 64px;
    width: 64px;
    display: block;
    padding-bottom: 10px;
}
div#HomeTestimonials div p.hpQuote
{
    position: relative;
    top: 10px;
    left: 10px;
    width: 150px;
    height: 52px;
    text-align: center;
    font-size: 12px;
    color: #64A4D8;
    line-height: 13px;
}
div#HomeTestimonials div p.hpName
{
    position: relative;
    top: 15px;
    left: 10px;
    width: 150px;
    height: 26px;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
}

.Insight
{
    border: solid 1px #D3D3D3;
    padding: 10px;
    margin: 10px 0 20px 0;
}
.InsightSmall div.InsightText
{
    width: 349px;
    float: left;
}
.InsightSmall
{
    float: left;
    position: relative;
}
.InsightSmall h3, .InsightSmall p
{
    float: left;
    width: 339px;
    margin-right: 10px;
}
.InsightSmall iframe
{
    left: 349px;
    float: right;
}
#brandimages
{
    width: 716px;
    padding-left: 16px;
    float: left;
}
#brandimages div
{
    position: relative;
    float: left;
    background: url(/images/homepage/client_highlight_panel.gif) no-repeat;
    margin: 4px;
    width: 169px;
    height: 172px;
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}
#brandimages div img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#ExtraMenu
{
    height:60px;
    line-height:60px;
    position:absolute;
    right:0;
    top:1px;
    width:150px;
    color:#fff;
    font-size:14px;
}
#ExtraMenu li a,#ExtraMenu li a:hover
{
    float:left;
    color:#fff;    
    white-space: nowrap;
}
#ExtraMenu li
{
    float:left;
    margin-left:10px;
    }
#ExtraMenu li.Highlight a,#ExtraMenu li.Highlight a:hover
{
    color:#fdd001;
    }

.clearBoth {
	clear: both;
	float: none;
}

#contact_us_right {
	float: right;
	margin-top: 5px;
}

#contact_us_left {
	width: 220px;
	float: left;
	margin-left: 20px;
	font-size: 14px;
}

#contact_us_left .header {
	color: #64A4D8;
	font-weight: bold;
	margin-top: 10px;
}

/* FORM */
.brandView-content-L  {
	float:left;
	width:493px;
}

.brandView-form-holder  {
	float:left;
	width:493px;
}

.brandView-content-R {
	float:right;
	height:auto;
	width:211px;
}

.brandView-form-top {
	float:left;
	width:493px;
}

.brandView-form-body {
	background:url("/images/form-brandViewBody-bg.png") repeat-y scroll 0 0 transparent;
	float:left;
	padding:0 20px;
	width:453px;
}

.contourField label {
	color:#4198DD;
	display:block;
	font-weight:bold;
	padding:0 0 2px;
	text-decoration:none;
	font-size:12px;
}

#contour label.contourError
{
    color: #8a1f11;
}

#leftSection
{
    float:left;    
    padding-left: 20px;
}

#contour input.contourError, #contour textarea.contourError, #contour select.contourError
{
    color: #8a1f11;    
    border: 2px solid #FBC2C4;
    background: #FBE3E4;
}

div.contourField input{
	background:none repeat scroll 0 0 #D9EFFD;
	border:1px solid #D4D8DB;
	color:#7C7C7C;
	font-size:12px;
	height:20px !important;
	padding:5px 10px 0 !important;
	width:431px !important;
	margin:0 0 !important;
}

div.contourField select{
	background:none repeat scroll 0 0 #D9EFFD;
	border:1px solid #D4D8DB;
	color:#7C7C7C;
	font-size:12px;
	height:28px !important;
	padding:5px 10px 0 !important;
	width:451px !important;
	margin:0 0 !important;
}


div.contourField textarea{
	background:none repeat scroll 0 0 #D9EFFD;
	border:1px solid #D4D8DB;
	color:#7C7C7C;
	font-size:12px;
	height:100px !important;
	padding:5px 10px 0 !important;
	width:431px !important;
	margin:0 0 !important;
}

div.contourNavigation input {
	background-image:url("/images/form-brandView-button.png");
	width: 102px;
	height: 26px;
	text-indent: 0px;
	font-size:0;
	float: right;
}

#contour .contourValidationSummary {
	font-size: 12px;
	margin-bottom: 10px;
}

p.bb-block-text {
	color:#7C7C7C;
	display:block;
	font-size:12px;
	padding:0 0 20px;
	clear: both;
	width:493px;
}

p.bb-block-text span {
	color:#4198DD;
	font-weight:bold;
	text-decoration:none;
}

.right-pane-bv-top  {
	float:left;
	height:auto;
	width:211px;
}

.right-pane-bv-body-back  {
	background:url("/images/right-pane-bv-body-back.png") repeat-y scroll 0 0 transparent;
	float:left;
	height:auto;
	width:211px;
}

.bv-right-pane-content  {
	display:block;
	float:left;
	margin:0 0 15px;
}

p.bv-title {
	color:#3E97DB;
	font-size:13px;
	font-weight:bold;
	padding:0 0 10px;
}

p.bv-text {
	color:#7C7C7C;
	font-size:12px;
	line-height:15px;
}

.right-pane-bv-body {
	background:url("/images/right-pane-bv-body.png") no-repeat scroll center top transparent;
	float:left;
	height:auto;
	padding:8px 10px;
	width:191px;
}

/* right section */
#RightSection
       	 {
              font-family:'Tahoma','Arial',sans-serif !important;
              width: 215px;                       
              margin-top: 30px;
	     float:right;
        }	
        
        
        #RightSection .bottom
        {
            background:url("/images/right/bottom.gif") no-repeat scroll;
            height: 6px;
        }
        
        #RightSection .header
        {
		color: #3E434A;
		font: bold 13px/18px Arial;
		text-shadow: 1px 1px 0 #FFFFFF;
	        background: #dad9d9 url("/images/right/header.gif") no-repeat scroll;
                height: 28px;
	        padding-left: 15px;            
                line-height: 28px;
        }
        
        #RightSection .content
        {
	    border-left: 1px solid #c8ced7;
            border-right: 1px solid #c8ced7;
        }
        
        #RightSection .content .solution
        {
            background: #fff url("/images/right/separator.gif") no-repeat bottom;
            width: 200px;
            margin-left: 10px;
            margin-right: 10px;
	    *margin-right: 0px !important;
            padding-top: 20px;
            padding-bottom: 20px;
               
        }
        
        #RightSection .content .img
        {        
           float:left; 
           padding-left: 5px;
           padding-right: 5px;
           font-size: 0px;
        }
        
        #RightSection .content .title
        {            
            float:right;
            width: 160px;
            font-size: 13px;                        
        }
        
        #RightSection .content .description, #RightSection .content .description a, #RightSection .content .description:visited
        {
            float:right;
            width: 160px;      
            font-size: 13px;
            color: #4d73ca;      
            text-decoration:none;
            margin-top: 3px;
        }
        
        #RightSection .end
        {
            float: none;
            clear:both;
            font-size: 0px;
        }
        
        #RightSection .solution-end, #RightSection .solution-end a, #RightSection .solution-end:visited
        {
            font-size: 13px;
            color: #4d73ca;      
            text-decoration:none;
            text-align:left;
            padding-top:5px;
            padding-bottom: 5px;
	    margin-left: 7px;
        }

		.promoButton
		{
			margin-top:5px;
			float:left;
		}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ 

p.quoteAuthor
{
	margin-top:5px;
	font-weight:700;
}

#Testimonials div div
{
	width:548px;
	float:left;
	margin:0;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */