/* General Element Styles */
body 
{
    font: normal 12px helvetica,arial,sans-serif;
    margin: 0;
    padding: 0;
}

#wrapper, 
.wrapper 
{
	background: url(/common/images/visitor/general/backSlice2.gif) repeat-x 0 -20px;	
	height: 100%;
	width: 100%;
	position: relative;
}

.horizSpacer 
{
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    width: 100%;
    clear: both;
}

a {
}
h1, h2, h3, h4, h5, h6 {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
p {
}
div {
}
span {
}
ul {
}
li {
}
img 
{
    border: 0;
}
blockquote {
}
cite {
}
strong {
}
em {
}

.noBorder 
{
    border: none;
}
.noBottomMargin
{
    margin-bottom: 0;
}
p.intro, span.intro
{
    font-weight:bold;
}

/* Specific styles */
#mainForm 
{
    margin: 0;
    padding: 0;
}
#innerPageWrapper, .header, .subNav,
#footer
{
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.header 
{
	background: #fff url(/common/images/visitor/layout/headerBg.gif) repeat-x 0 bottom;
	padding-bottom: 40px;
	position: relative;
}
.mainNav form#menuSearchBoxWrapper 
{
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 8px;
}
.header form#menuSearchBoxWrapper input 
{
	height: 13px;
	line-height: 13px;
	font-size: 0.9em;
	color: #333;
}
#footer 
{
	clear: both;
	background: #fefefe;
	padding: 0 20px 10px 20px;
	text-align: right;
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#footer span.company
{
	float: left; 
	display: block; 
	font-size: 90%; 
	padding: 27px 0; 
	color: #777;
}
.subNav 
{
    height:21px;
    line-height:21px;
    background: #000 url(/common/images/visitor/general/subNavSlice.gif);
    width: 1000px;
    margin: 0 auto;
}
#innerPageWrapper
{
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    width: 1000px;
    background: #fefefe none;
}
.pageWrapper,
.formPageWrapper
{
    margin: 0;
    position: relative;    
    width: 100%;    
}
.home .formPageWrapper
{
	position: absolute;
	top: 0;
	left: 0;
}

/* Header Styles */
#headerWrapper 
{
    padding: 0;
    position: relative;
    width: 100%;  
}

/* Login style */
#topForm 
{
    clear: both;
    height: 26px;
    list-style-type: none;    
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}
#search, #username, #passwordBox, #goButton
{
    margin: 0;
    padding: 0;
    text-align: right;    
    float: left;
    width: 100px;
}
#goButton
{
    width:33px;
}
#username 
{
    margin-right:3px;
}
#search 
{
    float: left;
    text-align: left;
    width: 133px;
    margin-right: 415px;
}
#searchBox
{
        margin-right:3px;
}
#searchBoxWrapper input
{
    float: left;
    text-align: left;
}
#searchBox, #login, .passwordBox
{
    color: #333;    
    height:13px;
    line-height:13px;    
    font-size:11px;
    width: 165px;
    float: left;
    margin-right: 12px;
}
#password
{
    color: #3f3f41;
}
#goButton img
{
    float:left;
    margin-left: 3px;
}
#enterLogin 
{
	width: 48px;
	height: 21px;
	display: block;
	position: absolute;
	right: 0;
	top: -1px;	
}
#goButton
{
    width: 205px;
}
#goButton a, #goButton a:visited, #goButton a:link, #goButton a:active, #goButton a:hover
{
    font-size: 0.9em;
    color: #999;
    font-style:italic;
    text-decoration:none;
}
#forgottenPassword 
{
	display: block;
	color: #999;
	font-style: italic;
	font-size: 0.9em;
	position: absolute;
	top: 20px;	
	right: 57px;	
}
.header p.loginDetails a#customerLogin
{
	display: block;
	top: 0px;	
	right: 0px;	
	float: right;	
}

/* Menu styles */
.topMenu, .subMenu
{   
    display: block;
    clear: both;    
    background: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.mainNav, .subNav 
{
	left: 50%;
	margin: 0 auto 0 -500px;
	position: absolute;
	width: 1000px;
}
.mainNav
{
	height: 40px;
	top: 97px;
	z-index: 99;	
}
.subNav
{
	height: 21px;
	line-height: 20px;	
	top: 137px;
	z-index: 89;	
	margin-left: -501px;	
}

.subMenu 
{
    width: 960px;
    margin: 0 auto;
}
.menuItem, .largerMenuItem, .menuItemSelected 
{
    background: transparent;    
    float: left;
    display: block;
    height: 40px;
    line-height:40px;
    margin: 0;    
    padding: 0;
    position: relative;
    text-align: center;    
}
.subMenu .menuItem, .subMenu .largerMenuItem, .subMenu .menuItemSelected 
{
    height: 21px;
    line-height:21px;	
}
.topMenu .menuItem , .topMenu .largerMenuItem 
{
    position: relative;
}
#homeLinkItem 
{
	padding-left: 20px;
}
.subMenu .menuItem, .subMenu .largerMenuItem
{
    line-height: 19px;
    font-size: 1.1em;
}
.largerMenuItem 
{
    
}
a.menuItemLink,
a.menuItemLinkSelected
{
    background: transparent;     
    color: #ffad1f;
    cursor: pointer;
    display: block;
    float: left;
    overflow: hidden;
    text-decoration:none;
}
.largerMenuItem a.menuItemLink,
.largerMenuItem a.menuItemLinkSelected,
.subNav a.menuItemLink,
.subNav a.menuItemLinkSelected
{
    color: #fff;	
}
a.menuItemLink:active,  a.menuItemLink:hover, 
a.menuItemLinkSelected, a.menuItemLinkSelected:active, a.menuItemLinkSelected:hover
{
    cursor: pointer;
    text-decoration: underline;
}
a.dumbMenuItemLink:active,  a.dumbMenuItemLink:hover,
.subNav a.menuItemLinkSelected, .subNav a.menuItemLinkSelected:active, .subNav a.menuItemLinkSelected:hover
{

}
a.dumbMenuItemLink:active,  a.dumbMenuItemLink:hover
{
    text-decoration: none;
}
.largerMenuItem a.menuItemLink, .largerMenuItem a.menuItemLink:link, .largerMenuItem a.menuItemLink:visited, .largerMenuItem a.menuItemLink:active,
.subNav a.menuItemLink
{
	color: #fff;
}
.menuSplitter, .menuSplitterRight
{
    background: transparent;
    color: #fff;
    float: left;
    padding: 0 7px;
    font-weight: normal;
    color: #939393;
}
.menuItem .menuSplitterRight 
{
	color: #ffad1f;
}
.menuGap 
{
}

/* Drop down menus */
.dropMenu
{
    background: transparent;
    clear: both;
    display: none;
    left: -8px;
    line-height: 20px;
    list-style: none;
    margin: 0;
    overflow:hidden;
    padding: 4px;
    position: absolute;
    top: 17px;
    width: 100%;
}
.innerDropMenu
{
    background: transparent;
    clear: both;
    display: none;
    line-height: 20px;
    list-style: none;
    margin: 0;
    overflow:hidden;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 100%;
}
.topMenu .dropMenu 
{
    top: 36px;
}
.topMenu .innerDropMenu
{
    top:0;
}
.topMenu .dropFixIE {
	margin-top: -3px;
}
.dropMenu li,
.innerDropMenu li
{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;  
    width: 100%;         
    overflow: hidden;
}
.dropMenu li.bottomDropMenuItem
{
    border-bottom: 1px solid #fff;
}
.menuItem, .dropMenu, .dropMenuItem, .dropMenuItem a 
{

}
.bottomDropMenuItem, .dropMenuItem 
{
    clear: both;
    background: transparent;
    border-bottom: 1px solid #c9c9c9;
    margin: 0;
    padding: 0;  
}
.bottomDropMenuItem
{
    border-bottom: none;
}
.bottomDropMenuItem a, .bottomDropMenuItem a:visited, .bottomDropMenuItem a:link, .bottomDropMenuItem a:active, 
.dropMenuItem a, .dropMenuItem a:visited, .dropMenuItem a:link, .dropMenuItem a:active
{
    background: #dddddd none repeat-x 0 0;
    color: #353535;
    clear: both;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-indent: 5px;
    width: 100%;
    text-decoration: none;        
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;    
}
a.furtherMenuItem, a.furtherMenuItem:visited, a.furtherMenuItem:link, a.furtherMenuItem:active
{
	background: #ddd url(/common/images/visitor/layout/rightArrow.gif) no-repeat 95% center
}
.bottomDropMenuItem a:hover, .dropMenuItem a:hover
{
    background: #39393b;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0; 
    opacity: 1.0;    
}
a.menuItemLink:hover .dropMenu, .dropMenu:hover, .bottomDropMenuItem:hover, .dropMenuItem:hover 
{
    cursor: pointer;
    display: block;
}

/* Styles below overridden by seperate page stylesheets */

/* Sub header styles */
#subHeader 
{
    width:100%;
}
#subHeader h2, #subHeader h3
{
    margin : 0 auto;
    padding: 0;
    text-align: center;
}
#subHeader h3 span 
{
}
#subHeader h2 span, #subHeader h3 span 
{
    visibility: hidden;
}
#subHeader h2
{
}
#subHeader h3
{ 
}
h1#companyLogo 
{
	overflow: hidden;
	display: block;
	padding: 10px 20px;
	margin: 0;
	z-index: 99;
}
h1#companyLogo a
{
	background: transparent url(/common/images/visitor/front/logo.gif) no-repeat 0 0;
	display: block;
	padding-left: 119px;
	height: 77px;
	width: 0px;
	overflow: hidden;
}
.header p.contactDetails,
.header p.loginDetails 
{
	position: absolute;
	padding: 0;
	margin: 0;	
	width: 500px;
	text-align: right;
}
.header p.loginDetails
{
	width: 410px;
}
.header p.contactDetails
{
	right: 20px;
	bottom: 47px;
	color: #595f6b;
	font-size: 1.7em;
	font-weight: bold;	
	letter-spacing: -1px;
}
.header p.contactDetails img
{
	position: relative;
	padding-left: 10px;
	top: 5px;
}
.header p.contactDetails span 
{
	color: #2a4088;	
}
.header p.loginDetails
{
	right: 20px;
	top: 12px;	
}

/* Presentation */
#presentationArea:after 
{ 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
}
#presentationArea
{
    text-align: center;
    margin: 0 auto;
    height: 100%; 
    position: relative;
    z-index: 2;
}

#headerWrapper 
{
    position: relative;
    z-index: 5;
}
.pageWrapper,
.formpageWrapper
{
    position: relative;
    z-index: 1;
}


/* Main menu */
#mainMenu li a span 
{

}

.subMenu .menuSplitter 
{
    font-weight: bold;
    color:#bcbdbf;
    padding: 0 4px;
}
.subMenu li a span 
{

}

.floatRight
{
    float: right;
}
.inlinePara
{
    margin: 0;
    padding: 0;
}

/* Lightbox content */
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:100;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    margin-top: -60px;
    margin-bottom: -60px;
}
.white_content {
    display: none;
    position: absolute;
    width: 768px;
    height: 539px;
    padding: 25px 25px 0 25px;
    border: none;
    background-color: white;
    z-index:102;
}
#innerRadioVid
{

}
#videoDescriptionWrapper
{
    background:#fff;
    height:20px;
    width:768px;
    text-align:right;
    margin-top:5px;
}
#videoDescription
{
    color:#7a7a7a;
    font:bold 12px helvetica,arial;
    height:20px;
    width:688px;
    float:left;
    text-align:left;
    line-height:20px;
}
#closeImg
{
    height:20px;
    width:70px;
    cursor:pointer;
    float:left;
}

.menuItemRightMargin
{
    margin-right: 105px;
}

.companyName
{
    white-space: nowrap;
}

.fancyBoxFormatTitle 
{
	display: block;
	background: #fff;
	color: #222;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.3em;
}
#fancybox-title 
{
	background: #fff;
}
#fancybox-wrap #fancybox-left, #fancybox-wrap #fancybox-right 
{
	top:0;
	height: 75%;
}


#requestCallBackContainer div.fieldContainer, #requestCallBackContainer div.submitContainer
{
    color: #646466;
    font-size: 12px;
    width: 230px;
    padding-bottom:10px;
}
#requestCallBackContainer div.rbSuccess
{
    color: #646466;
    font-size: 14px;
    line-height: 130%;
}
#requestCallBackContainer div.fieldContainer input.stdTextbox
{
    background: transparent url(/common/images/visitor/ros/inputGen.gif) repeat-x 0 0;
    border:1px solid #a7a67a;    
    float:left;
    width: 100px;
}
#requestCallBackContainer div.fieldContainer label,
#requestCallBackContainer div.submitContainer label
{
    float:left;
    width: 115px;
    margin-left:10px;
    text-align: left;
    font-size: 14px;
}
#requestCallBackContainer div.radioContainer label
{
    float:left;
    width: 150px;
    margin-left:10px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 10px;
    color: #646466;
}
#requestCallBackContainer div.fieldContainer .noBorderInput
{
    border: none;
}

#requestCallBackContainer div.fieldContainer, 
#requestCallBackContainer div.radioContainer
{
	width: 365px;
    text-align: left;
    overflow: hidden;
}
#requestCallBackContainer div.fieldContainer label, 
#requestCallBackContainer div.radioContainer label
{
	width: 175px;
}
#requestCallBackContainer div.fieldContainer input.stdTextbox 
{
	width: 175px;
}
#requestCallBackContainer div.fieldContainer input.rhCheckbox
{
	margin-left: 20px;
}
#requestCallBackContainer .linkItemRHS p, 
#requestCallBackContainer .bottomLinkItemRHS p,
#requestCallBackSuccess .linkItemRHS p, 
#requestCallBackSuccess .bottomLinkItemRHS p
{
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #00529b;
	width: 300px;
}
#requestCallBackContainer .linkItemRHS, 
#requestCallBackContainer .bottomLinkItemRHS,
#requestCallBackSuccess .linkItemRHS, 
#requestCallBackSuccess .bottomLinkItemRHS
{
    background: transparent url(/common/images/visitor/ros/rightArrows.gif) no-repeat right 0;
    border-bottom: 1px dotted #74787d; 
    margin-bottom: 10px;
    margin-left: 12px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-align: left;
	width: 340px;
}
#requestCallBackSuccess p.message
{
	padding-left: 15px;
	font-size: 1.1em;
}

#transButtons 
{
	height: 149px;
	margin-top: 40px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 241px;
	z-index: 2;
}
#transButtons a
{
	background-position: 0 0;
	background-repeat: no-repeat;            	
	display: block;
	height: 42px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -999px;
	width: 241px;
}
#transButtons a#whyChoosePopup
{
	background-image: url(/common/images/visitor/ros/aboutUs/whyChoose.png);
}
#transButtons a#ourPurposePopup
{
	background-image: url(/common/images/visitor/ros/aboutUs/ourPurpose.png);
}
#transButtons a#uTubePlayer
{
	background-image: url(/common/images/visitor/ros/aboutUs/ourProfile.png);
}   
#transButtons a#crmBenefitsPopup
{
	background-image: url(/common/images/visitor/ros/products/microsoft-dynamics/benefits.png);
}
#transButtons a#whyChooseHostedPopup
{
	background-image: url(/common/images/visitor/ros/products/microsoft-dynamics/fullyHosted.png);
}
#transButtons a#crmFindOutMore
{
	background-image: url(/common/images/visitor/ros/products/microsoft-dynamics/findOutMore.png);
} 
#transButtons a.lokateVid
{
	background-image: url(/common/images/visitor/ros/lokate/watchTheVideo.png);
}            
#transButtons a:active,
#transButtons a:hover
{
	background-position: 0 -42px;
}  


.follow 
{
	float: left;
	height: 16px;
	padding-left: 20px;
	padding-right: 2px;
	margin-left: 2px;
}
.follow_twitter
{
	background: url(/common/images/visitor/ros/share/twitter.gif) no-repeat 0 0;
}
.find_facebook
{
	background: url(/common/images/visitor/ros/share/fb.gif) no-repeat 0 0;
}
.follow_rss
{
	background: url(/common/images/visitor/ros/share/rss.gif) no-repeat 0 0;	
}

.map-icon 
{
	background: url(/common/images/visitor/ros/map-icon.gif) no-repeat right 0;	
	display: inline-block;
	height: 22px;
	padding-right: 22px;
}
a.map-icon
{
	text-decoration: none;
}
a.map-icon:active,
a.map-icon:hover
{
	text-decoration: underline;
}
.icon-no-title
{
	position: relative;
	top: -115px;
	left: 130px;
}
.normalDownload 
{
	color: #00529b;
}
.normalDownload:active,
.normalDownload:hover
{
	color: #f57b00;
}