/*
Name: Anthony & Co., Inc.
URI: http://www.anthonyco.com
Description: Anthony & Co., Inc. web site
Version: 2 (PHP)
Author: Obadiah Metivier
Author URI: http://middleEARmedia.com
Tags: Anthony, Anthony & Co., Advertising Specialties, Paint Sundries, Middle Ear Media
*/

/*   Colors
     anthony red: #dd0033
	 near white: #eeeeee
	 table tan: #FFFFDD
	 near black: #0c0c0c
	 dark grey: #222222
	 medium grey: #CCCCCC
	 medium grey: #999999
	 medium dark grey: #666666
	 medium light grey: #DDDDDD
	 light grey: #aaaaaa
*/

/*     Utilities     */
* { margin: 0; padding: 0; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.hide {background-image:none; text-indent:-99999px; }
.left {float:left;}
.right {float:right;}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}
.clear { clear: both; }
.clearfix {
    clear: both;
    display: inline-flex;
    width: 800px;
    justify-content: right;
}
::selection                         { background: #dd0033; color: #fff; /* Safari */ }
::-moz-selection                    { background: #dd0033; color: #fff; /* Firefox */ }

/*     Layout     */
html { background-color:#EEE; background-image:url("images/bg.jpg"); background-repeat:repeat-x; font-size:14px; }
body { font-family:Arial, Helvetica, sans-serif; color:#222; }
#page-wrap { margin:0 auto; width:960px; position:relative;}
#header { background-image:url(""); background-repeat:repeat-x; display:block; height:220px; width:960px; }
#content {line-height:1.4em; margin:50px 0 0; padding:0; width:960px; text-align:left; margin:50px 0 0; position:relative;}
#main { -moz-box-shadow:0 0 8px #999; -khtml-box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; background-color:#FFF; border:1px solid #999; padding:20px 20px 20px 70px; position:relative; min-height:383px; overflow:hidden; }
.main { background-image:url("images/main-img-2017.jpg"); background-repeat:no-repeat; background-position:370px center;}
#main-products { -moz-box-shadow:0 0 8px #999; -khtml-box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999; background-color:#FFF; border:1px solid #999; padding:80px 20px 20px 70px; position:relative; min-height:383px; overflow:hidden; }
#redbar { background-color:#DD0033; overflow:hidden; position:absolute; top:0; left:0; height:100%; width:50px; }

/*     Footer  	  */
#footer { background-image:url("images/bg-footer.png"); background-position:885px 20px; background-repeat:no-repeat; font-size:0.8em; height:120px; padding:19px 85px 10px 0; text-align:right; color:#333; line-height:1.5em; }
#footer a { color:; padding: 1px 0px; }
#footer a:hover { color:; border-bottom:1px solid #999; }
#footer span.tel { color:#777; float:left; font-size:1.7em; letter-spacing:0.1em; margin:-10px 0 0; text-shadow:1px 2px 4px #999; }

/*     IE6 Disclaimer  	  */
#disclaimer { display:none; position:absolute; top:0; left:0; width:100%; background-color:#FFFFDD; padding:5px 0 0 0; text-align:center; font-weight:bold;}

/*     Typography  	  */
a {color:#dd0033; text-decoration:none; }
a:hover	{color:#666; text-decoration:none; }
a:active {color:#ff3333;}

acronym {border-bottom:1px dashed #dd0033;}
acronym:hover {border-bottom:1px dashed #dd0033; cursor:help;}

p { margin: 0 0 .8em; }
.tagline { background-image:url("images/tagline.jpg"); text-indent:-99999px; width:253px; height:128px; position:absolute; top:56px; right:100px;z-index:999;}

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; margin:0 0 10px 0; font-weight:normal; color:#DD0033; }
h1 { background-image:url("images/logo-anthony-line.jpg"); height:144px; left:0; position:absolute; text-indent:-99999px; top:30px; width:388px; z-index:1000; }

h2 { font-size:1.7em; margin:0; padding:0 0 40px; text-shadow:1px 1px 3px #999; text-transform:uppercase; line-height:1em;}
h3 { font-size:1.3em; text-shadow:1px 1px 2px #999; text-transform:uppercase; line-height:1em;}
h4 { margin:-45px 0 10px;}
h5 {}
h6 {}
ol, ul { }

ul { font-family: Arial, Helvetica, sans-serif;	font-size: 1em;	list-style-type:none; list-style-image:none; list-style-position: inside; margin:0 0 15px 0; }	
li {}	

.smalltext { font-size:.8em; margin:0; }	

.main-ul {font-size:1.3em; margin:30px 0 0 25px; }
.main-ul li {padding:0 0 13px;}
.main-ul li a { background-image:url("images/arrow.png"); background-position:0 5px; background-repeat:no-repeat; padding:0 0 0 15px; }
.main-ul li a:hover { background-image:url("images/arrow-h.png"); margin-left:3px;}
	
ul.gallery { list-style:none outside none; margin:0 0 0 35px; padding:0; width:850px; }
ul.gallery li { 
	float: left;
	margin: 0 60px 20px 5px; 
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

img { border:medium none; } /*--Needed to remove border on thumbnails--*/
	
/*	Navigation Styles	*/
#nav { left:0; position:absolute; top:222px; }
#nav li { display:block; float:left;}
#nav li a { color:#2A2A2A; font-family:Arial,Helvetica,sans-serif; font-size:1.3em; padding:5px 25px 5px 0; text-shadow:1px 1px 3px #999; text-transform:lowercase; }
#nav li a:hover { color:#dd0033; border:none;}
#nav li a::before { content:"\BB "; }
#nav li a:hover::before { content:"\BB "; color:#dd0033; }
#home #nav li a.home, 
#products #nav li a.products, 
#product #nav li a.product, 
#about #nav li a.about, 
#contact #nav li a.contact {color:#dd0033; pointer-events: none; cursor: default;}
#print-to-page {position:absolute; bottom:10px; left:60px; clear: both;}
#back-to-top {position:absolute; bottom:10px; right:15px; clear: both;}


#home #header a { pointer-events: none; cursor: default; } 

/*     Breadcrumb Navigation  	  */
#breadcrumb {
-moz-box-shadow:0 0 15px #666; -khtml-box-shadow:0 0 15px #666; -webkit-box-shadow:0 0 15px #666; box-shadow:0 0 15px #666; background-color:#DDD; border:2px solid #FFF; float:left; font-size:0.7em; margin:0; padding:10px 0 0 10px; position:absolute; top:0px; left:0; z-index:500; width: 944px; }
#breadcrumb li { float:left; margin:0 0 10px; }
#breadcrumb li a { -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 5px #AAA; -khtml-box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; box-shadow:0 0 5px #AAA; border:1px solid #AAA; padding:3px 4px; background-color:#fff; color:#666; }
#breadcrumb li a:hover {background-color:#eee; color:#dd0033;}

.breadcrumb-products  { color:#222222 !important; letter-spacing:0.1em; padding:3px 7px !important; text-shadow:0 0 1px #000000; text-transform:uppercase; }
.breadcrumb-products:hover { color:#dd0033!important; text-shadow:0px 0px 1px #000; }

#paintcanopeners #breadcrumb li a.breadcrumb-paintcanopeners,
#paintpaddles #breadcrumb li a.breadcrumb-paintpaddles,
#paintaprons #breadcrumb li a.breadcrumb-paintaprons, 
#rulers #breadcrumb li a.breadcrumb-rulers, 
#fans #breadcrumb li a.breadcrumb-fans, 
#paintcaps #breadcrumb li a.breadcrumb-paintcaps, 
#yardsticks #breadcrumb li a.breadcrumb-yardsticks, 
#wetpaintsigns #breadcrumb li a.breadcrumb-wetpaintsigns, 
#pencils #breadcrumb li a.breadcrumb-pencils, 
#general-info #breadcrumb li a.breadcrumb-general-info {color:#dd0033; pointer-events: none; cursor: default;}

/*     TABLES  	  */
.detail { background-color:#FFFFee80; margin:0px 0 20px; font-weight:bold; }
.detail tr, .detail td {border:2px solid #222; padding:5px; text-align:center;}
.tracking { text-align:right!important; background-color:#fff; border:none!important;}
th { background-color:#FFF; font-size:0.7em; font-style:italic; line-height:1.4em; padding-bottom:5px; text-align:left !important; }

/*     PRODUCT PAGES  	  */
#main-products #redbar { background-color:#DD0033; overflow:hidden; position:absolute; top:40px; left:0; height:100%; width:50px; }
.bg-product { float:right; margin:0 -20px 40px 0; }
.bg-product-wetpaint { float:right; margin:0 30px 40px 0; }
.bg-product-yardsticks1 { float:right; margin:0 -20px 10px 0; }
.bg-product-yardsticks2 { float:right; margin:-180px -20px 10px 0; }
.bg-product-rulers { float:right; margin:0 -20px 10px 0; }
.bg-product-pencils { float:right; margin:-15px -10px 10px 0; }
.bg-product-paintpaddles { float:right; margin:0 -10px 10px 0; }
.bg-product-paintcaps { float:right; margin:0 -20px 50px 0; }
.bg-product-paintcanopeners1 { float:right; margin:0px 10px 10px 0; }
.bg-product-paintcanopeners2 { float:right; margin:10px 0px 10px 0px; }
.bg-product-paintaprons { float:right; margin:0 -20px 10px 0; }
.bg-product-fans { float:right; margin:-40px -10px 10px 0; }

/*     ABOUT PAGE  	  */
.bg-about { background-image:url("images/bg-about.jpg"); background-position:570px -40px; background-repeat:no-repeat; font-size:1.2em; height:190px; letter-spacing:0.05em; line-height:1.3em; padding:0 300px 0 0; }

/*     CONACT PAGE  	  */
.bg-contact { background-image:url("images/bg-contact.jpg"); background-position:-20px -30px; background-repeat:no-repeat; font-size:1.3em; height:185px; letter-spacing:0.05em; line-height:1.5em; padding:15px 0 0 230px; }

/*     GENERAL INFO PAGE  	  */
.artwork { background-color:#FFFFDD;}
.artwork:hover { background-color:#FFEE55;}


.red { color:#DD0033!important;}
.validprices { font-size:1.5em;}