body {color: #222;}

#preview{
	position:absolute;
	background:#333;
    padding: 0;
	display:none;
	color:#fff;
    border: 2px solid crimson;
	}

#preview img {padding: 0; margin: 0;}

/* page layout */
#header {}
#header #phone {position: relative; top: 44px; font-size: 140%; color: #777;}
#sub-header{margin-bottom: 1.5em; background: crimson;}
#sub-header p {margin: 0 1.5em 0 0; color: white; font-size: 110%;}
#text-box {margin: 1.5em 0 0 0; color: #fff;}
#text-box h2 {font-size: 250%; margin-bottom: 0; color: #d5d5d5;}
h2.wrap {line-height: 1;}
#sub-header #text-box a {color: white;}
#sub-navigation {}
#content {background: url(../images/red.gif) repeat-y 130px 0;}
.homepage {background: transparent !important;}
#content .home-box {margin-bottom: 10px;} 
#content .home-box h3 {margin-bottom: .25em; font-size: 112%; font-family: arial, helvetica, sans-serif; color: crimson; font-weight: bold;}
#content .home-box p {margin-bottom: 0; font-size: 90%;}

.home-img-link {position: relative;}
.home-img-link a {position: relative; float: right; margin-top: -86px; display: block; width: 120px; height: 86px; text-indent: -5000px;}

#content #left {}
#left h3, #right h3, #left h4, #right h4 {clear: both; margin-bottom: .25em !important;}
#content #right {}
#footer {margin: 1.5em -3px 0 0; padding: 0; border-top: 1.5em solid crimson;}
#footer p {text-align: center; padding: 1em 1.5em; font-size: 80%;}

#navigation {border-top: 1px solid crimson; margin-top: -1px;}
#navigation ul {margin: 0; padding: 0; list-style: none;}
#navigation li {float: left; margin: 0 .5em 0 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: .5em 1.5em; font-size: 96%; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom: none; color: #555;}
#navigation li a.on {color: crimson;}
#navigation li a:hover {background: #fff; color: crimson;}

#sub-navigation {}
#sub-navigation ul {margin: 0; padding: 0; list-style: none;}
#sub-navigation li {padding: 0 0 1.5em 0; margin: 0;}
#sub-navigation li a {display: block; margin: 0; padding: 0; font-size: 96%; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom: none; color: #555; line-height: 1.1;}
#sub-navigation li a.on {color: crimson;}
#sub-navigation li a:hover {background: #fff; color: crimson;}

#sub-navigation ul ul {margin: 0; padding: 0; list-style: none;}
#sub-navigation ul ul li {margin: 0; padding:  0; line-height: 90%;}
#sub-navigation ul ul li a {margin: 0; padding: .5em 0; font-size: 90%; font-weight: normal; font-family: tahoma, arial, sans-serif; text-decoration: none; background: none; display: block;}

a {outline: 0;}
a:link {color: #777;}
a:visited {color: #777;}
a:hover, a:active {color: crimson; text-decoration: none;}

h1 {margin: 0 0 0 .35em;}
h1 a  {margin: 0; display: block; height: 72px; width: 224px; background: url(../images/logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
h1 a:hover {border-bottom: none !important;}
h2 {font-family: times, georgia, serif; color: #d5d5d5;}
#sub-header h2 {font-size: 220%;}
h2.title {margin-top: 68px; margin-left: -10px; text-align: center; font-size: 12px; color: #d5d5d5; font-size: 220% !important;}
h3 {font-family: times, georgia, serif; color: crimson;}
h4 {font-family: arial, helvetica, sans-serif;}
h5 {font-size: 105%; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}

table.products {margin: 0 0 1.2em 0; width: 100%; /*font-size: 88%;*/ border-collapse: collapse;}
table.products caption {padding: .25em; text-align: left; font-weight: bold; color: white; background: black; /*border: 1px solid black;*/}
table.products th {font-size: 110%; color: crimson; padding: .1em; text-align: left; background: #f1f1f1; font-weight: bold !important; /*line-height: 1.5;*/}
table.products td {padding: .1em !important; vertical-align: top;}
table.small td {font-size: 90%; line-height: 1.2;}
table.products tr.black td {background: black; color: white;}

table.golf tr:hover {background: #ffffcc;}

table.table {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/ border-collapse: collapse;}
table.table caption {padding: .25em; text-align: left; font-weight: bold; color: white; background: black; border: 1px solid black;}
table.table th {padding: .25em; text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #777; background: #f1f1f1; font-weight: bold !important; /*line-height: 1.5;*/}
table.table th span {font-weight: normal; color: #666;}
table.table th.sizes {width: 10%;}
table.table tr.grey, table.table td.grey {background: #f1f1f1; font-weight: bold;}
table.table td {padding: .25em !important; border-left: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align: top;}
table.table td.center {text-align: center;}
table.table td.no-padding {padding: 0;}

#content table td {vertical-align: top; padding: 0 1em 0 0;}
#content table.no-padding td {padding: 0 !important;}

.crimson {color: crimson;}
.crimson-bg {background: crimson; color: white;}
.crimson-bg strong {font-size: 120%;}

.padded {padding: 1.5em;}

fieldset {border: 0; padding: 0; font-size: 90%;}
fieldset input.text, fieldset textarea.text {width: 90%;}

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: mistyrose; color: darkred;}
#error ul {list-style: disc; margin: 0; padding: .25em 2em; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#action {margin: 1.2em 0; padding: .25em 0; background: mintcream; color: darkgreen;}
#action ul {list-style: disc; margin: 0; padding: .25em 2em; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#error ul li, #action ul li  {background-image: none; padding: 0;}

/* news scroller */
#scroller_container {
 position: relative;
 height: 30px;
 width: 240px;
 overflow: hidden;
}

#scroller {white-space: nowrap;}
#scroller p {padding: .5em 0; font-size: 90%; font-family: arial, helvetica, sans-serif; font-weight: normal;}

/* Catalog */
.black {margin: 0 0 1.5em 0; padding: 0; background: black; text-align: center;}

.red {color: crimson !important;}