/* Start of CMSMS style sheet 'offerbuttons' */
/* START MOREINFOLINKS STYLES */
#moreinfolinks {
	border-top: solid thin #333;
	border-bottom: solid thin #333;
	overflow: hidden;
	padding: 10px 0;
        margin-right:14px;
        margin-top:15px;
        margin-bottom:15px;
       	width:100%;
}
/* END MOREINFOLINKS STYLES */

/* START OFFER BUTTONS STYLES */
/* Start Styling for OFFER1 button */
h2.offer1 {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:58px;/* This is to match size of button */
	/* text-indent: 10px;This hides the button text from view by moving it left off screen */
	width:245px;/* This is to match size of button */
	/*margin-left: 10px;*/
}
h2.offer1 a {
        font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background-image:url(uploads/images/offer1_rollovers.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #333;
	display:block;
	font-size: 16px;
	height:45px;/* Change this to match size of button */
        letter-spacing:normal;
	line-height: 1em;
	outline:none;
	padding:14px 0 0 14px;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:231px;/* Change this to match size of button */
}
h2.offer1 a:visited {
	text-decoration: none;/* This removes the underline from the link */
}
h2.offer1 a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	text-decoration: none;/* This removes the underline from the link */
	color: #333;
}
h2.offer1 a:active {
	text-decoration: none;/* This removes the underline from the link */
	color: #333;
}
/* End Styling for OFFER1 button */

/* Start Styling for OFFER2 button */
h2.offer2 {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:58px;/* This is to match size of button */
	margin-left:10px;/* This puts space between buttons */
	/* text-indent: 10px;This hides the button text from view by moving it left off screen */
	width:245px;/* This is to match size of button */
}
h2.offer2 a {
        font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background-image:url(uploads/images/offer2_rollovers.jpg);/* This is the path to the button's background image */
	background-position: no-repeat top left;/* This is the position of the button's background image - normal state */
	color: #333;
	display:block;
	font-size: 16px;
	height:45px;/* Change this to match size of button */
	outline:none;
        letter-spacing:normal;
	line-height: 1em;
	padding:14px 0 0 14px;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:231px;/* Change this to match size of button */
}
h2.offer2 a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */
	color: #333;
}
/* End Styling for OFFER2 button */

/* Start Styling for OFFER3 button */
h2.offer3 {
        font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	height:59px;/* This is to match size of button */
	margin:10px 0 0 0;/* This puts space between buttons */
	/* text-indent: 10px; This hides the button text from view by moving it left off screen */
	width:245px;/* This is to match size of button */
}
h2.offer3 a {
	background-image:url(uploads/images/offer3_rollovers.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #333;
	display:block;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	font-size: 15px;
	height:45px;/* Change this to match size of button */
        letter-spacing:normal;
	line-height: 1em;
	outline:none;
	padding:14px 0 0 14px;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:231px;/* Change this to match size of button */
}
h2.offer3 a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #333;
}
/* End Styling for OFFER3 button */

/* Start Styling for OFFER4 button */
h2.offer4 {
	background-color: #333;
	color:#fff;/* This set the font-color for the button */
	display:inline-block;
	float:left;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/* This set the font-family for the button */
	height:59px;/* This is to match size of button */
	margin:10px 0 0 10px;/* This puts space between buttons */
	/* text-indent: 10px; This hides the button text from view by moving it left off screen */
	width:245px;/* This is to match size of button */
}
h2.offer4 a {
        font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background-image:url(uploads/images/offer4_rollovers.jpg);/* This is the path to the button's background image */
	background-position: top left;/* This is the position of the button's background image  - normal state */
	background-repeat: no-repeat;
	color: #333;
	display:block;
	font-size: 15px;
	height:45px;/* Change this to match size of button */
        letter-spacing:normal;
	line-height: 1em;
	outline:none;
	padding:14px 0 0 14px;
	text-decoration: none;/* This removes the underline from the link */
	text-transform: uppercase;
	vertical-align: middle;
	width:231px;/* Change this to match size of button */
}
h2.offer4 a:hover {
	background-position:left bottom;/* This is the position of the button's background image  - hover state */ 
	color: #333;
}
/* End Styling for OFFER4 button */
/* END OFFER BUTTONS STYLES */
/* End of 'offerbuttons' */

