/* CSS Document */

/* Home Page Slider*/
.slider {
	height:275px;
	width:751px;
	display:block;
	position:relative;
}
.slider-background {
	background:transparent url(images/slider-body.png) no-repeat scroll 0 0;
	margin:50px 0 30px;
}
/* disabled navigational button */
.slider a.disabled {
	visibility:hidden !important;
}
.slider #prev-button {
	position:absolute;
	z-index:11;
	top:120px;
	clear:left;
	left:-40px;
}
.slider #next-button {
	position:absolute;
	z-index:12;
	top:120px;
	clear:left;
	left:707px;
}
.slider a.browse {
	display:block;
	height:40px;
	width:39px;
	cursor:pointer;
}
.slider a.prev {
	background:transparent url('../img/buttons.png') no-repeat 0 -40px;
}
.slider a.prev:hover {
	background-position:-80px -40px;
}
.slider a.prev:active {
	background-position:-40px -40px;
}
.slider a.next {
	left:751px;
	background:transparent url('../img/buttons.png') no-repeat 0 0;
}
.slider a.next:hover {
	background-position:-80px 0;
}
.slider.pos a.next:active {
	background-position:-40px 0;
}
/*root element for the scrollable.
when scrolling occurs this element stays still.*/



.scrollable {
	position:absolute;
	z-index:2;
	overflow:hidden;
	width:751px;
	height:301px;
	float:left;
	margin:10px 10px 10px 24px;
	top:-36px;
	left:-45px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:751px;
}

/* single scrollable item 
.scrollable img {
	float:left;
	margin:0;
	
}
 active item */
.scrollable .active {
	position:relative;
	cursor:default;
}


.max_content{
	width:681px !important;
	height:301px;
	background:transparent url(../img/blue.jpg) no-repeat;
	margin:0;
	padding:20px 30px 0 38px;	
}

.max_content p{
	margin-top: 12px;
	width:400px;
	font-size:150%;
	font-weight:normal;
	float:left;
	z-index:10000;
	}

.max_logo{
	float:left;
}

.max_right{
	 height:220px ;
	 width:280px;
	 float:right;
	 margin-top:55px;
	 position:relative;
	 display:block;
}

.max_box{
	position:absolute;
	right:0px;
	
}

.max_mobile{
	position:absolute;
	z-index:31;
	left:-30px;
	top:95px;
}


#web_button {
    display: block;
    width: 232px;
    height: 30px;
    background:url(../img/lg_button.png) no-repeat 0 0;
    text-indent: -9999px;
    outline: none;
	float:left;
	margin-right:50px;
}
a:hover#web_button, a:focus#web_button {
	  background: url(../img/lg_button.png) no-repeat 0 -30px;
}




.sage_content h1{
	font-size:34px;
	line-height:34px;
	font-weight:bold;
	float:left;
	margin: 120px 0px 4px 20px;
	color:#003f22;
	}



.sage_content h2{
	width:310px;
	font-size:150%;
	font-weight:400;
	float:left;
	margin: 0 0px 8px 20px;
	color:#abbf2a;
	}

.sage_content{
	width:751px;
	height:301px;
	background:transparent  url(../img/green.png) no-repeat;

}


.sage_box{
	width:179px;
	height:221px;
	
	float:left;
	margin:80px 0 0 180px;	
}

.sage_content img.logo{
	float:left;
	margin: 0 0px 0 18px;
}


#sage_web_button {
	float:left;
	margin: 0 0px 0 20px;
    display: block;
    width: 146px;
    height: 30px;
    background:url(../img/sm_button.png) no-repeat 0 0;
    text-indent: -9999px;
    outline: none;
}
a:hover#sage_web_button, a:focus#sage_web_button {
 	background: url(../img/sm_button.png) no-repeat 0 -30px;
}



.max-page-image{
	height:194px;
	width:751px;
	background:transparent url(../img/max-header.jpg) no-repeat;
}

.max-page-slide {
	height:170px;
	width:751px;
	display:block;
	position:relative;
}


.max-page-scrollable {
	position:absolute;
	z-index:2;
	overflow:hidden;
	width:751px;
	height:194px;
	float:left;
	margin:10px 10px 10px 24px;
	top:-36px;
	left:-45px;
}




/* General Rules
----------------------------------------------- */

body {
	background: #cdcfd5 url(../img/template/bkg_body.gif) left top repeat-x;
	color: #626262;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Verdana,Arial,Sans-serif;
	margin: 0;
	text-align: center;
	}

img {}

p { margin: 10px 0; line-height: 150%; }





h1 {
	color: #840017;
	font-size: 260%;
	margin: 0 0 15px 0;
	}
h2 {
	color: #840017;
	font-size: 150%;
	line-height: 110%;
	margin: 32px 0 12px 0;
	}
h3 {
	color: #353535;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 0 0 0;
	}
#sidebar h3 {
	color: #840017;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 0 0 0;
	}
h4 {}




blockquote { border-left: 1px solid #bc828c; font-size: 120%; margin: 0 30px; padding: 10px 20px; }

strong { color: #353535; font-weight: bold; }
em { font-style: italic; } 

ul { margin: 8px 0 8px 30px; }
ul li { list-style: disc; margin: 4px 0 0 0; padding: 0; }

ol { margin: 8px 0 8px 25px; }
ol li { list-style: armenian; margin: 4px 0; padding: 0 0 0 0px; }

hr {}

a, a:visited { color: #840017; padding: 0 1px; text-decoration: underline; }
a:hover { color: #840017; text-decoration: none;}
a.nounderline{text-decoration: none !important;} 

#sidebar h3 a, #sidebar h3 a:visited { background: none; color: #840017; padding: 0; text-decoration: nonoe; }
#sidebar h3 a:hover { background: none; color: #840017; text-decoration: underline; }



/* Misc Rules
----------------------------------------------- */

.clearBoth { clear: both; }

.floatRight { float: right; }
.floatLeft { float: left; }

.imgRight { float: right; margin: 0 0 10px 10px; clear: both; }
.imgLeft { float: left; margin: 0 10px 10px 0; }

.alignRight { text-align: right; }
.alignLeft { text-align: left; }

.small { font-size: 77%; }

.noMargin { margin: 0; }
.noTopMargin { margin-top: 0; }
.noBottomMargin { margin-bottom: 0; }

.noBorder { border: none; }

.fade { color: #939393; }
.highlight { color: #353535; margin-bottom: 20px; }



/* Page
----------------------------------------------- */

#pageWrap {
	background: url(../img/template/bkg_page.png) top left repeat-y;
	font-size: 85%;
	margin: 0 auto;
	padding: 0 33px 10px 33px;
	text-align: left;
	width: 708px;
	}



/* Header
----------------------------------------------- */


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



#header {
	height:152px;
	margin:0 auto ;
	width: 774px;
	background: transparent url(../img/corners.png) no-repeat center bottom;
	}
	
	
#head {
	margin: 0 0;
	width: 510px;
	}	
	
#button_box {
	margin:0 0 0 0;
	height: 137px;
	width: 263px;
	background:transparent url(../img/button_bg.jpg) no-repeat;
	float:left;
	}		


div#button_box a {
	margin:40px 0 0 88px;
	display:block;
    width: 142px;
    height:42px;
	text-indent:-9999px;
	background:transparent url('../img/Web-UI-Button.jpg') no-repeat 0 0px;
}
/* :hover and :focus have the same style property */
div#button_box a:hover{
	background:transparent url('../img/Web-UI-Button.jpg') no-repeat 0 -42px;
}

ul.top-menu {
list-style:none inside;
position:relative;
height:40px;
overflow:hidden;
border-bottom:1px solid #DEDEDE;
font-size:62.5%;
margin:20px 0 0 20px;
font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Verdana,Arial,Sans-serif;
border-bottom:none;
float:left;
clear:left;
width:550px;
}

ul.top-menu  li {
float:left;
padding:0px;
position:relative;
height:40px;
top:10px;
list-style-type:none !important;
list-style-position:  inside !important; 

}

.top-menu a {
margin-left:6px !important;
background:#e6e6e6;
padding:10px 15px 18px 15px;
font-size:110%;
line-height:110%;
text-transform: uppercase;
text-decoration:none;
color:#999;
display:block;
text-align:center;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;


width:60px;
text-align:center;
}

.top-menu a:hover{
color:#333;

}


.top-menu a.active{
background:#fff;
}





#headPrint { display: none; }



/* Navigation
----------------------------------------------- */

#navWrap {}



/* Content
----------------------------------------------- */

#contentWrap {
	float: left;
	width: 470px;
	}

#content { margin-top:30px; margin-bottom:30px;}

#formerror { background: url(../img/template/alert.gif) 0 3px no-repeat; color: #840017; font-size: 10px; margin-left: 70px; padding: 3px 0 3px 14px; }

.submitForm div { margin-bottom: 10px; }
.submitForm div label { float: left; padding-right: 0px; text-align: left; width: 60px;margin-bottom:0px; }
.submitForm .submitFormButtons { padding-left: 5px; }
				



/* Sidebar
----------------------------------------------- */

#sidebar {
	margin-top:14px;
	float: right;
	width: 215px;
	height:315px;
	}

#sidebar ul { margin: 0; padding: 0; }
#sidebar li { border-bottom: 1px solid #e6ccd1; list-style: none; padding: 4px 0 8px 0; }

#sidebar ul.defaultStyle { margin: 0 0 0 28px; padding: 0; }
#sidebar ul.defaultStyle li { border-bottom: none; list-style: outside; padding: 2px 0; }

.icon {
	background: url(../img/template/icn_magGlass.gif) top left no-repeat;
	min-height: 35px;
	*height: 35px;
	padding: 4px 0 10px 50px;
	}
.max { background-image: url(../img/template/icn_maximizer.gif); }
.sage { background-image: url(../img/template/icn_sage.gif); }
.pencil { background-image: url(../img/template/icn_pencil.gif); }
.pie { background-image: url(../img/template/icn_pie.gif); }
.globe { background-image: url(../img/template/icn_globe.gif); }
.question { background-image: url(../img/template/icn_question.gif); }
.news { background-image: url(../img/template/icn_news.gif); }
.mail { background-image: url(../img/template/mail_icon.png); }

.sageLogo{
	margin:13px 0 12px 5px;
	clear:both;
	float:right;
}


h3#sageFeature { margin-top: 30px; }

#sidebar .requestQuote a, #sidebar .requestQuote a:visited {
	background: url(../img/template/btn_requestQuote.gif) 0 0 no-repeat;
	display: block;
	height: 42px;
	margin-bottom: 30px;
	overflow: hidden;
	text-indent: -9999px;
	width: 214px;
	}
#sidebar .requestQuote a:hover {
	background: url(../img/template/btn_requestQuote.gif) 0 -42px no-repeat;
	}





/* Footer
----------------------------------------------- */

#foot {
	background: url(../img/template/bkg_foot.gif) top left no-repeat;
	font-size: 77%;
	margin: 0 auto;
	padding: 28px 33px 5px 33px;
	text-align: right;
	width: 708px;
	}

#foot a, #foot a:visited { background: none; color: #626262; text-decoration: none; }
#foot a:hover { text-decoration: underline; }













/* START CSS to add
----------------------------------------------- */

.h1_sage{width:710px; margin-top:12px}
.green{ color:#00927B !important;}
.green a{ color:#00927B !important;}

.three_col_secondary_section{
width:200px; float:left;margin-top:0px; margin-right:46px;
}

.last{
margin-right:0px;
}

h3#sageFeature { margin-top: 30px; }

#sidebar_home .requestQuote_home a, #sidebar_home .requestQuote_home a:visited {
	background: url(../img/template/btn_requestQuote.gif) 0 0 no-repeat;
	display: block;
	height: 42px;
	margin-top:41px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 214px;
	}
#sidebar_home .requestQuote a:hover {
	background: url(../img/template/btn_requestQuote.gif) 0 -42px no-repeat;
	}


.max_12_home{
margin-bottom:0px !important;
}

/*----------------Css3 Button CSS----------*/


a.button {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, Sans-serif;
font-size: 12px;
line-height: 20px;
padding: 2px 28px 2px 50px;
text-decoration:none;
border: 1px solid #ccc;
color:#ececec;
height:30px;
/*    text-shadow: 1px 1px 0px #4f0c18;    */
/*	For borders just around the inner part. Small borders only for extra pop
border-radius: 15px;*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position:relative;
display:block;
background: rgb(179,0,54); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzMDAzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2IzMDAzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODAwMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(179,0,54,1) 0%, rgba(179,0,54,1) 40%, rgba(152,0,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,0,54,1)), color-stop(40%,rgba(179,0,54,1)), color-stop(100%,rgba(152,0,46,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(179,0,54,1) 0%,rgba(179,0,54,1) 40%,rgba(152,0,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(179,0,54,1) 0%,rgba(179,0,54,1) 40%,rgba(152,0,46,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(179,0,54,1) 0%,rgba(179,0,54,1) 40%,rgba(152,0,46,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(179,0,54,1) 0%,rgba(179,0,54,1) 40%,rgba(152,0,46,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30036', endColorstr='#98002e',GradientType=0 );  IE6-8 */
}


a.button:hover {
background: rgb(229,0,68); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1MDA0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2U1MDA0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODAwMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(229,0,68,1) 0%, rgba(229,0,68,1) 40%, rgba(152,0,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,0,68,1)), color-stop(40%,rgba(229,0,68,1)), color-stop(100%,rgba(152,0,46,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,0,68,1) 0%,rgba(229,0,68,1) 40%,rgba(152,0,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,0,68,1) 0%,rgba(229,0,68,1) 40%,rgba(152,0,46,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,0,68,1) 0%,rgba(229,0,68,1) 40%,rgba(152,0,46,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(229,0,68,1) 0%,rgba(229,0,68,1) 40%,rgba(152,0,46,1) 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50044', endColorstr='#98002e',GradientType=0 ); IE6-8 */
text-decoration: none;
}

#header a.button{
float:right;
height:30px;
width:100px;
line-height:30px;
margin-top:78px;
margin-right:5px;
}

.max_content a.button{
height:20px;
width:75px;
float:left;
}

.sage_content a.button{
float:left;
margin-left:20px;
height:20px;
width:75px;
}

.button-icon-mail:before {
content:url(../img/mail.png);
position: absolute;
top: 3px;
left:10px;
}

.button-icon-support:before {
content: url(../img/gear.png);
position: absolute;
top: 3px;
left:10px;
}

.button-icon-bubble:before {
content:url(../img/bubble.png);
position: absolute;
top: 3px;
left:26px;
}

.ie9 a.button {
border:none;
 /* notice the * before the property - shows in IE7 and below */
*padding: 2px 38px;
*text-align:center;
}

.ie9 a:hover.button, .ie9 a:focus.button {
border:none;
}


.ie9 .sage_content a.button, .ie9 .max_content a.button {
border:none;
background: transparent url(../img/slide_button.png) no-repeat;
}

.ie9 .sage_content a:hover.button, .ie9 .sage_content a:focus.button, 
.ie9 .max_content a:hover.button, .ie9 .max_content a:focus.button
{
border:none;
background: transparent url(../img/slide_button.png) no-repeat 0 -24px;
}


.ie9 #header a.button{
border:none;
background: transparent url(../img/button_support.png) no-repeat;

}


.ie9 #header a:hover.button, .ie9 #header a:focus.button{
border:none;
background: transparent url(../img/button_support.png) no-repeat 0 -34px;
}

.ie9 ul.top-menu a {
background:transparent url(../img/tab.png) no-repeat;
}

.ie9 ul.top-menu a.active{
background:transparent url(../img/tab-active.png) no-repeat;
}