/* normalize defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ol, ul, li, fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

td { vertical-align: top; }

body {
	font-family: Tahoma, Trebuchet, 'Trebuchet MS', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	background-color: #ffffff;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

html { overflow: -moz-scrollbars-vertical !important; } /* firefox page shift fix */

/* LINK STYLES */

a { text-decoration: none; }
a:link { color: #c40e2f; }
a:visited { color: #c40e2f; }
a:hover { color: #666; text-decoration: underline; }
a:active { color: #333; }


/* GENERAL CONTENT STYLES */

p { margin: 0px; padding-bottom: 11px; }
h1 { margin: 0px 0px 8px -26px; padding: 0px; font-size: 24px; line-height: 28px; color: #a3af1d; }
h2 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 14px; line-height: 17px; font-weight: bold; color: #c40e2f; }
h3 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: bold; color: #333333; }
h4 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: normal; color: #333333; font-style: italic; }
ul, ol { margin: 0px 24px 12px 24px; }

div.horizontalrule { width: 835px; margin: 0 auto; height: 1px; min-height: 1px; font-size: 1px; overflow: hidden; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; }


/* HEADER */
#header { height: 145px; min-height: 145px; margin: 10px 0 0 0; font-size: 11px; line-height: 13px; }
#headerleft { float: left; width: 283px; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; background-position: 0 20px; }

#headerleft a:link { color: #666666; text-decoration: none; }
#headerleft a:hover { color: #c40e2f; text-decoration: underline; }
#headerleft a:visited { color: #666666; }
#headerleft a:active { color: #000000; }

p.forgotpassword { text-align: right; padding: 0; margin: 0; line-height: 24px; }

#headerlogo { float: left; width: 244px; text-align: center; margin-top: 0px; }

#headerright { width: 308px; margin-left: 527px; text-align: right; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; background-position: 0 20px; }

#headerright a:link { color: #0066cc; text-decoration: none; }
#headerright a:hover { color: #c40e2f; text-decoration: underline; }
#headerright a:visited { color: #0066cc; }
#headerright a:active { color: #000000; }

p.call { font-size: 18px; color: #c40e2f; }
p.shoppingcart {  margin: 15px 0; color: #666; line-height: 16px; }
p.shoppingcart img.carticon { float: left; margin-left: 255px; }

#search-bar { float: right; width: 175px; height: 24px; border: 1px solid #C5C5C5; }
#search .searchfield { float: left; margin: 2px 0 0 4px; font-size: 10px; color: #C5C5C5; width: 145px; height: 20px; line-height:18px; padding:0; border:0; }
#search .searchbutton { float:right; margin: 2px 4px 0 0; border: 0; padding: 0; }

form.homeloginform { width: 192px; }
form.homeloginform input.textfield { width: 190px; margin: 4px 0; border: 1px solid #C5C5C5; font-size: 10px; color: #C5C5C5; padding: 2px; }
	
input.submitbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6556f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6556f;
	box-shadow:inset 0px 1px 0px 0px #e6556f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e02d4e), color-stop(1, #ab132f) );
	background:-moz-linear-gradient( center top, #e02d4e 5%, #ab132f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02d4e', endColorstr='#ab132f');
	background-color:#e02d4e;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #e02d4e;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	line-height:18px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #b23e35;
	padding: 0px 4px;
}
.submitbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ab132f), color-stop(1, #e02d4e) );
	background:-moz-linear-gradient( center top, #ab132f 5%, #e02d4e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab132f', endColorstr='#e02d4e');
	background-color:#ab132f;
}
.submitbutton:active {
	position:relative;
	top:1px;
}

/* HOME PHOTOS */
#homephotos { position: relative; margin: 15px 0; }
#homephotos .video { position: absolute; left: 0; top: 0; width: 450px; }
#homephotos .homeimagesmall1 { position: absolute; left: 469px; top: 0; } 		/* top left */
#homephotos .homeimagesmall2 { position: absolute; left: 661px; top: 0; }		/* top right */
#homephotos .homeimagesmall3 { position: absolute; left: 469px; top: 143px; }	/* bottom left */
#homephotos .homeimagesmall4 { position: absolute; left: 661px; top: 143px; }	/* bottom right (doesn't randomize) */

#homephotos .homeimagesmall1:hover,.homeimagesmall2:hover,.homeimagesmall3:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
} 


/* HOME columns content */
#homecolumnscontainer { font-size: 12px; color: #666666; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; padding: 15px 0; height: 170px; min-height: 170px; }

#leftcolumn-buttons { float: left; width: 220px; padding: 0 15px 0 0; }
#leftcolumn-buttons .myaccount { padding: 7px 14px 2px 14px; background-color: #c41230; color: #fff; }
    #leftcolumn-buttons .myaccount h2 { font-size: 18px; line-height: 20px; color: #ff9999; text-transform: uppercase; padding: 0; margin: 0;}
    #leftcolumn-buttons .myaccount h2 a:link { color: #ff9999; text-decoration:none;}
    #leftcolumn-buttons .myaccount h2 a:hover { color: #ffffff; text-decoration:none;}
    #leftcolumn-buttons .myaccount h2 a:visited { color: #ff9999; text-decoration:none;}	
    #leftcolumn-buttons .myaccount h2 a:active { color: #ff9999; text-decoration:none;}	

    #leftcolumn-buttons .myaccount p { font-size: 12px; line-height: 14px; padding: 0 0 7px 0; margin: 0;}
    #leftcolumn-buttons .myaccount a:link { color: #ffffff; text-decoration:none;}
    #leftcolumn-buttons .myaccount a:hover { color: #ff9999; text-decoration:none;}
    #leftcolumn-buttons .myaccount a:visited { color: #ffffff; text-decoration:none;}	
    #leftcolumn-buttons .myaccount a:active { color: #ffffff; text-decoration:none;}	
  
#leftcolumn-buttons .shop { padding: 4px 14px; margin: 4px 0 0 0; background-color: #666666; color: #cccccc; font-weight: bold; text-transform: uppercase; }
#leftcolumn-buttons .request { padding: 4px 14px; margin: 4px 0 0 0; background-color: #999999; color: #cccccc; font-weight: bold; text-transform: uppercase; }
#leftcolumn-buttons .locate { padding: 4px 14px; margin: 4px 0 0 0; background-color: #cccccc; color: #666666; font-weight: bold; text-transform: uppercase; }

/* left column box link colors */
#leftcolumn-buttons .shop a:link, .request a:link { color: #cccccc; text-decoration: none; }
#leftcolumn-buttons .shop a:hover, .request a:hover { color: #ffffff; }
#leftcolumn-buttons .shop a:visited, .request a:visited { color: #cccccc; }
#leftcolumn-buttons .shop a:active, .request a:active { color: #cccccc; }

#leftcolumn-buttons .locate a:link { color: #666666; text-decoration: none; }
#leftcolumn-buttons .locate a:hover { color: #ffffff; }
#leftcolumn-buttons .locate a:visited { color: #666666; }
#leftcolumn-buttons .locate a:active { color: #666666; }

/* left column box shadows */
#leftcolumn-buttons .shop:hover, .request:hover, .locate:hover {
   -moz-box-shadow:    inset 0 0 10px #000;
   -webkit-box-shadow: inset 0 0 10px #000;
   box-shadow:         inset 0 0 10px #000;
}
#leftcolumn-buttons .myaccount:hover {
   -moz-box-shadow:    inset 0 0 10px #420e17;
   -webkit-box-shadow: inset 0 0 10px #420e17;
   box-shadow:         inset 0 0 10px #420e17;
}

#midcolumn-news { float: left; min-height: 170px; width: 205px; padding: 0 15px 0 15px; border-left: 1px solid #cccccc; font-size: 11px; line-height: 15px; }
#midcolumn-news h3 { color: #999; text-transform: uppercase; letterspacing: 1px; font-weight: normal; font-size: 10px; margin: 0 0 12px; padding: 0; }

#rightcolumn-promotion { float: left; min-height: 170px; width: 200px; padding: 0 15px 0 15px; border-left: 1px solid #cccccc; }
img.homepromotion { width: 345px; 
   -webkit-box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
   -moz-box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
   box-shadow: 6px 6px 5px 0px rgba(179,179,179,1);
}

#signup-bar { width: 175px; height: 24px; border: 1px solid #C5C5C5; }
#signup .signupfield { float: left; margin: 2px 0 0 4px; font-size: 10px; color: #C5C5C5; width: 145px; height: 20px; line-height:18px; padding:0; border:0; }
#signup .signupbutton { float:right; margin: 2px 4px 0 0; border: 0; padding: 0; }

img.socialicon { margin-right: 4px; }


/* SERVICES */

#services-maincontent { width: 100%; margin: 24px 0 0 0; }
#services-video { float: left; width: 450px; }
#services-text { width: 320px; margin: 0 0 0 475px; }
#services-text li { margin: 0 0 8px 0; }
#services-buttons { clear: both; padding: 24px 0; }

.video-title { font-size: 14px; text-align: center; text-transform: uppercase; margin: 18px 0; }
.services-title { font-size: 20px; line-height: 26px; text-transform: uppercase; letter-spacing: 1px; }

#services-buttons .request { float: left; width: 185px; padding: 4px 14px; margin: 4px 0 0 0; background-color: #999999; color: #cccccc; font-weight: bold; text-transform: uppercase; }
#services-buttons .locate { width: 185px; padding: 4px 14px; margin: 4px 0 0 220px; background-color: #cccccc; color: #666666; font-weight: bold; text-transform: uppercase; }

/* services buttons/boxes link colors */
#services-buttons .shop a:link, .request a:link { color: #cccccc; text-decoration: none; }
#services-buttons .shop a:hover, .request a:hover { color: #ffffff; }
#services-buttons .shop a:visited, .request a:visited { color: #cccccc; }
#services-buttons .shop a:active, .request a:active { color: #cccccc; }

#services-buttons .locate a:link { color: #666666; text-decoration: none; }
#services-buttons .locate a:hover { color: #ffffff; }
#services-buttons .locate a:visited { color: #666666; }
#services-buttons .locate a:active { color: #666666; }

/* service button shadows */
#services-buttons .shop:hover, .request:hover, .locate:hover {
   -moz-box-shadow:    inset 0 0 10px #000;
   -webkit-box-shadow: inset 0 0 10px #000;
   box-shadow:         inset 0 0 10px #000;
}


/* SITE LAYOUT ELEMENTS - some leftover from original site code */

#container { text-align: left; width: 835px; margin: 0px auto; background-color: #fff; }
#pagemenu { float: left; width: 129px; min-height:140px; height: auto !important; height: 140px; margin-bottome: 25px; }
#sidebar { float: right; width: 160px; min-height:140px; height: auto !important; height: 140px; margin-bottome: 25px; padding-left: 15px; border-left: 1px solid #999; }
#maincontent { margin-left: 169px; width: 450px; padding: 0 30px 30px 0; } /* for pages with full sidebar */
#maincontentwide { margin-left: 169px; width: 660px; padding: 0 0 30px 0; } /* for pages with NO sidebar */
#contentwrapper { margin-top: 27px; }


/* MAIN MENU */

#mainmenu { height: 24px; min-height: 24px; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; padding: 3px 0 2px 0; }
#nav { width: 100%; }


/* PAGE MENU CONTENT - leftover from original site code */

#pagemenu p.sectionhead { font-size: 10px; font-weight: normal; color: #c40e2f; text-transform: uppercase; margin: 0 0 15px 0; }

#pagemenu a { text-decoration: none; font-weight: bold; }
#pagemenu a:link { color: #666; }
#pagemenu a:visited { color: #666; }
#pagemenu a:hover { color: #c40e2f; }
#pagemenu a:active { color: #333; }

#pagemenu a.selected { text-decoration: none; font-weight: bold; text-transform: uppercase; }
#pagemenu a.selected:link { color: #a3af1d; }
#pagemenu a.selected:visited { color: #a3af1d; }
#pagemenu a.selected:hover { color: #c40e2f; }
#pagemenu a.selected:active { color: #333; }

#pagemenu ul { list-style-image: url(../images/bullet.gif); margin: 0px 0px 0px 16px; padding: 0px; }
#pagemenu ul li { margin: 0px 0px 8px 0px; }

/* third-level menu */
#pagemenu ul ul {
	list-style-image: none;
	list-style-type: disc; margin-top: 8px; font-size: 10px; line-height: 13px;
}



/* SIDEBAR CONTENT STYLES  -  leftover from original site code */
#sidebar h2 { font-size: 12px; line-height: 16px; font-weight: normal; }



/* FOOTER */

#footer { clear: both; width: 835px; margin: 8px auto; text-align: left; font-size: 11px; background-color: #efefef; padding: 8px 0; }

#footer a { text-decoration: none; }
#footer a:link { color: #666; }
#footer a:visited { color: #666; text-decoration: underline; }
#footer a:hover { color: #c40e2f; }
#footer a:active { color: #333; }