* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

body {
	background: url(../img/bg_body2.jpg) top center;
}

#content {
	padding-top: 30px;
}

#content p {
	margin-bottom: 18px;
	line-height:22px;
}

#content li{
  line-height:22px;
}

#content ul{
  margin:5px 0px 20px 0px;
}

#wrapper {
	background: url(../img/bg_gradient2.jpg) repeat-x top center;
}

#arrows {
	background: url(../img/bg_arrows.png) no-repeat 50% 200px;
}

#mainbanner {
	background: url(../img/banner_06.jpg) no-repeat;
	width: 980px;
	height: 370px;
}

#compInfo {
	background: #373432 url('/img/side-bg.jpg');
	float: right;
	width: 265px;
	padding: 20px 0 0 22px;
	margin: 0px;
	height: 339px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

#compInfo p {
	margin-bottom: 22px;
}

span.tabbed {
	display: inline-block;
	width: 80px;
}

#leftcol {
	float: left;
	width: 635px;
	margin-right:20px;
	padding-left: 35px;
}

#rightcol {
	float: left;
	width: 280px;
}

ul#callouts {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#callouts li {
	float: left;
	width: 280px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	border: 1px solid #b7b3b3;
}

ul#callouts li a {
	display: block;
	padding: 25px 0 6px 8px;
	color: #fff;
}

ul#callouts li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
}

ul#callouts_golf {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#callouts_golf li {
	float: left;
	width: 280px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
	border: 1px solid #b7b3b3;
}

ul#callouts_golf li a {
	display: block;
	padding: 15px 0 85px 8px;
	color: #fff;
}

ul#callouts_golf li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
}


.grey {
	margin-bottom: 10px;
	padding: 15px;
	background: #e8e7e8;
	line-height: 24px;
	border: 1px solid #b8b6b3;
}

.checkout {
	background: #ce0000;
	padding: 5px;
	font-size: 18px;
	color: #fff;
}

.cart {
	width: 100%;
}



.cart td {
	border-bottom: 1px solid #333;
	padding: 5px 2px;
}

.cart td.docs {
	width: 200px;
}

.totals {
	margin: 15px 0 0 0;
}

td.checkoutbtn {
	padding-top: 15px;
}

#subbanners {
	background: url(../img/bg_subbanner.png) repeat-x bottom;
	padding: 15px 0 30px 20px;
}

#subbanners div {
	float: left;
	width: 296px;
	height: 153px;
	color: #fff;
	font-size: 20px;
	padding: 18px 0 0 8px;
	margin-right: 10px;
}


#call_01 {
	background: url(../img/call_01.png) no-repeat;
}

#call_02 {
	background: url(../img/call_02.png) no-repeat;
}

#call_03 {
	background: url(../img/call_03.png) no-repeat;
}

#call_golf {
	background: url(../img/golf.png) no-repeat;
}

#call_golf_home {
	background: url(../img/golf_home.png) no-repeat;
}


#sub_01 {
	background: url(../img/sub_01.png) no-repeat;
}

#sub_02 {
	background: url(../img/sub_02.png) no-repeat;
}

#sub_03 {
	background: url(../img/sub_03.png) no-repeat;
}

#contactForm {
	background: url(../img/contact_bg_02.png) no-repeat bottom right;
}

label {
	display: inline-block;
	font-size: 18px;
	padding-right: 20px;
	float: left;
}

h1 {
	font-weight: 200;
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 10px;
}

input {
	border: 0px solid #FFF;
	font-size: 14px;
	color: #636363;
}

.addall {
	float: right;
}

.dochead {
	font-size: 18px;
}

.rounded {
	background: url(../img/bg_input.png) no-repeat;
	padding: 5px 6px 6px 8px;
	width: 186px;
}

.iamselect {
	display: block;
	width: 500px;
	float: left;
}

.item table {
	width: 100%;
}

.item table td {
	padding: 6px;
	border-bottom: 1px solid #333;
	margin: 0;
}

td.icon {
	width: 20px;
	text-align: center;
}

td.doc {
	width: 390px;
	text-align: left;
}

td.fee {
	text-align: center;
}

td.btn {
	text-align: right;
}

#footWrap {
	width: 100%;
	background: url(../img/bg_footer.png) repeat-x;
}

.footer {
	color: #a9a39c;
	height: 100px;
	padding: 12px 0;
}

.footleft {
	width: 300px;
	float: left;
	text-align: center;
	padding: 12px 0 25px 0;
	background: url(../img/tagDivider_foot.png) no-repeat right;
}

.footmid {
	width: 250px;
	float: left;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	padding: 9px 0;
	background: url(../img/numDivider.png) no-repeat 50% 48px;
}

.footright {
	width: 220px;
	float: left;
	text-align: center;
	padding: 18px 0 15px 0;
	background: url(../img/tagDivider_foot.png) no-repeat left;
	font-size:14px;
}

.footright2 {
	width: 180px;
	float: left;
	text-align: center;
	padding: 18px 0 15px 0;
	background: url(../img/tagDivider_foot.png) no-repeat left;
	font-size:14px;
}

.page {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.logo {
	display: block;
	margin: 45px 0 28px 35px ;
	float: left;
}

.tags {
	width: 660px;
	float: right;
	margin-top: 70px;
}

.tagline {
	display: block;
	float: left;
	font-size: 20px;
	line-height: 28px;
	color: #867979;
	font-weight: 300;
}

.value {
	width: 300px;
	padding-right: 30px;
	background: url(../img/tagDivider.png) no-repeat right center;
}

.servicing {
	width: 280px;
	margin-left: 30px;
}

a:link, a:visited, a:active {
	text-decoration: none;
	border: 0;
	color: #be301e;
}

.footer a, .footinfo  a{
	color: #a9a39c;
}

.footleft a.facebook {
	background: url(../img/icon_facebook.png) no-repeat left center;
	width: 155px;
	padding: 2px 0 1px 35px;
	margin: 10px auto ;
	display: block;
}

.footmid span {
	display: inline-block;
	color: #a93b3b;
	margin: 4px 7px 15px 0 ;
}

.footinfo {
	padding-top: 5px;
	text-align: center;
	color: #a9a39c;
}

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

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -163px; /* negative footer height */
}

#footWrap, .push {
	height: 163px; /* same as footer height */
}


/*--- Navigation ---*/

#nav{
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0;
	background: url(../img/bg_nav.png) no-repeat;
	float:left;
	width:100%;
	position:relative;
	z-index:100;
}

#nav li{
	float:left;
	position:relative;
}

#nav a{
	display:block;
	font-size: 18px;
	text-transform: uppercase;
	color:#fff;
	padding: 12px 18px;
	text-decoration: none;
}

#nav a:hover{
	text-decoration: none;
	background: #be301e;
}

/*--- Dropdown ---*/

#nav ul{
	list-style:none;
	padding: 0;
	position:absolute;
	z-index: 110;
	left:-9999px;
	background: #fff;
}

#nav ul li{
	padding-top:1px;
	float: none;
}

#nav ul a{
	text-transform: none;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}

#nav li:active ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}


#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#be301e;
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}






/*--- Clearfix ---*/

.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.error{
  border:2px solid #dd0000;
}

.form{
  border:1px solid #333333;
  padding:4px;
}

.form_error{
  border:2px solid #dd0000;
  padding:4px;
}

.button{
  border:1px solid #333333;
  padding:4px;
}


.input-container {
    background: url('/img/input.png') no-repeat;
    width:250px;
    height:32px;
    margin:10px auto;

}
.input-container input{
    height:32px;
    line-height:32px;/*results in nice text vertical alignment*/
    border:none;
    background:transparent;
    padding:0 10px;/*don't start input text directly from the edge*/
    width:250px;/*full width - grey on the side - 2*10px padding*/
    font-size:14px;
    color:#666666;
}

.input-container-trans {
    background: url('/img/input-transparent.png') no-repeat;
    width:250px;
    height:32px;
    margin:10px auto;

}
.input-container-trans input{
    height:32px;
    line-height:32px;/*results in nice text vertical alignment*/
    border:none;
    background:transparent;
    padding:0 10px;/*don't start input text directly from the edge*/
    width:250px;/*full width - grey on the side - 2*10px padding*/
    font-size:14px;
    color:#666666;
}

#password-clear {
  display: none;
}

.docIcon{
  background:transparent url('/img/btn_add.png');
  width:124px;
  height:30px;
}

.item_added{
  background:transparent url('/img/itemadded.png');
  width:124px;
  height:30px;
}

#header {
	display: none;
}
#footWrap {
	display: none;
}


#call_01 {
	display: none !important;
}

#rightcol div {
	
}

@media only screen and (max-width:767px) {
	.page { width:100%; }
	#leftcol, #rightcol { float:none; margin:1rem auto; padding:initial; width:95%; }
	#floatMenu { position:initial !important; margin:0 auto !important; width:100% !important; }
	input[type="text"], textarea { width:95%; }
	ul#callouts_golf { clear:both; }
		ul#callouts_golf li { float:none; }
	input[name="disclaimer"] { background-color:#333; color:#fff; }
}