/****************************************/
/* sheaffer */
/* copyright (c) the worx group - 2009 */
/* base.css */
/****************************************/
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }


/***************************************
global
***************************************/
body { margin:0; padding:30px 0 50px 0; text-align:center; min-width:760px; font:normal 11px arial; color:#999; background:#646565; }
div.shadow-body { position:absolute; z-index:1; top:21px; left:50%; margin-left:-388px; width:777px; height:617px; background:url(/images/shadow-body.png) 0 0 no-repeat; }
div.wrapper { position:relative; z-index:9; width:760px; margin:0 auto; text-align:left; background:#000; border:1px solid #000; }

div.header { position:relative; z-index:9; width:760px; height:75px; background:#000 url(/images/bg-header.jpg) 0 0 no-repeat; border-bottom:1px solid #999; }
	div.header ul.flags { position:absolute; top:-23px; right:0; }
		div.header ul.flags li { display:inline; margin:0 3px 0 0; }
		div.header ul.flags li img { border:1px solid #333;}
	
	div.header div.shadow-header { position:absolute; bottom:-19px; left:0; width:760px; height:18px; background:url(/images/shadow-header.png) 0 0 no-repeat; }
	div.header img.logo { position:absolute; top:8px; left:32px; }
	div.header table { position:absolute; top:40px; left:160px; width:600px; height:76px; }
		div.header table { width:600px; height:20px; background:url(/images/bg-header-nav.jpg) 0 0 no-repeat; }
			div.header table td { text-align:center; }
			div.header table a { display:block; padding:3px 0; color:#CCC; text-decoration:none; text-transform:uppercase; font-weight:bold; }
			div.header table a:hover { color:#FFF; }
		
div.navigation { position:relative; z-index:8; float:left; width:159px; background:url(/images/bg-navigation.jpg) 0 0 repeat-y; border-right:1px solid #999; }
	div.navigation ul { margin:20px 0 0 0; }
		div.navigation ul li { }
			div.navigation ul a { display:block; padding:3px 2px 3px 11px; color:#CCC; text-transform:uppercase; text-decoration:none; font-weight:bold; }
			div.navigation ul a.red { color:#cc0000; }
			div.navigation ul a:hover { background:url(/images/bg-nav-item.gif) 3px 7px no-repeat; color:#FFF;  }
			
			div.navigation ul.ie6 li { margin:3px 2px 3px 11px; }
			div.navigation ul.ie6 li a { display:inline; padding:0; }
			div.navigation ul.ie6 li a:hover { background:none;  }

div.navigation-admin { padding-top:10px; position:relative; z-index:8; float:left; width:159px; background:url(/images/bg-navigation.jpg) 0 0 repeat-y; border-right:1px solid #999; }
	div.navigation-admin ul { margin:10px 0; text-transform:uppercase; }
		div.navigation-admin ul li { font-weight:bold; }
			div.navigation-admin ul li.red { padding:1px 2px 1px 11px; color:#cc0000; }
			div.navigation-admin ul a { display:block; padding:1px 2px 1px 11px; color:#CCC; text-decoration:none; }
			div.navigation-admin ul a.red {  color:#cc0000; }
			div.navigation-admin ul a:hover { background:url(/images/bg-nav-item.gif) 3px 4px no-repeat; color:#FFF; }

div.footer { background:url(/images/bg-footer.jpg) 0 -1px no-repeat; text-align:center; padding:15px; font-family:arial; border-top:1px solid #999; }
	div.footer a { color:#999; text-decoration:none; }
	div.footer a:hover { color:#CCC; }
	div.footer ul { margin:3px 0; text-transform:uppercase; }
		div.footer ul li { display:inline; margin:0 1px; }
	div.footer p { margin:8px 0; line-height:1.4em; }
		div.footer p a { margin:8px 0; text-decoration:underline; }
		

/***************************************
homepage specific
***************************************/
div.callouts { position:relative; width:760px; height:235px; background:url(/images/bg-callouts.jpg) 0 -1px no-repeat; border-top:1px solid #999; }
	div.callouts div.banner { top:0px; left:30px; width:750px; height:10px; position:absolute; padding:3px 3px 3px 3px; text-align:right; display:none; }
		div.callouts div.banner p { color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; letter-spacing:1.7em; font-size:10px; margin-right:22px; }
		div.callouts div.banner a:hover { color:#999999; }
		div.callouts div.banner span { color:#6c8cc9; }
	div.callouts div#callout-1 { top:20px; left:12px; }
	div.callouts div#callout-2 { top:20px; left:262px; }
	div.callouts div#callout-3 { top:20px; right:12px; }

	div.callouts div.callout { cursor:pointer; position:absolute; width:235px; height:194px; text-align:center; }
	div.callouts div.callout img { border:1px solid #666; }
	div.callouts div.callout h2 { color:#FFF; text-transform:uppercase; margin:8px 10px 3px 10px; font-weight:bold; position:relative; left:3px; }
		div.callouts div.callout h2 img { border:0; position:relative; left:5px; visibility:hidden; }
	div.callouts div.callout p { margin:3px 10px; font-weight:bold; }
	
	div.callouts div.active img { border-color:#FFF; }
		div.callouts div.active h2 img { visibility:visible; }
	div.callouts div.active p { color:#FFF; }
	

/***************************************
main internal page styles
***************************************/

div.columns { background:url(/images/bg-columns.gif) 0 0 repeat-y; }
div.content { position:relative; z-index:8; float:right; width:600px; background:#cdcdcd;  }
div.content div.homepage_content{ position:relative; z-index:8; float:right; width:600px; height:395px;  overflow:hidden; background:#000000;  }
	div.content h1 { background:#333 url(/images/bg-title.gif) 0 20px repeat-x; color:#CCC; font-weight:normal; font-size:20px; letter-spacing:.05em; padding:12px 0; border-bottom:1px solid #999; }
		div.content h1 span { background:#333; padding:0 12px; }
div.content #imgpdf {float:left; width:40px; height:40px; margin:20px 0px 50px 20px; }
div.content #logo {float:right; background: url(/images/sheaffer_logo.jpg) no-repeat; width:209px; height:139px; margin:20px 20px 0px 0px; padding:0px 0px 0px 0;}
div.content .flashpiece {overflow:hidden; width:600px; height:175px; position:relative; margin:195px 0 0 0; background-color:#000000; }
div.content .flashpiece #flashpieceinner{ position:absolute; top:-89px; background-color:#000000; }


div.content_asia { position:relative; z-index:8; float:right; width:600px; height:725px; overflow:hidden; background:#CCC; color:#333; }
		
	ul.breadcrumbs { background:#6b6969; margin:0; padding:6px 6px 8px 6px; text-align:right; color:#333; text-transform:uppercase; font-weight:bold; font-size:10px; }
		ul.breadcrumbs li { display:inline; margin:0 1px; }
		ul.breadcrumbs li a { color:#CCC; text-decoration:underline; }
		ul.breadcrumbs li a:hover { color:#FFF; }

div.page-header { position:relative; width:600px; background-position:0 0; background-repeat:no-repeat; }
div#contact { height:167px; background-image:url(/images/bg-contact.jpg); }
div#tips { height:224px; background-image:url(/images/bg-tips.jpg); }
div#warranty { height:224px; background-image:url(/images/bg-warranty.jpg); }
	div.page-header p { position:absolute; bottom:10px; right:20px; text-transform:uppercase; font-size:10px; }

div.text { padding:10px 20px; text-align:left; /* height:300px; */ color:#404040 ; }
	div.text h2 { margin:10px 0 4px 0; color:#990000; font-size:12px; border:1px solid #666; border-width:1px 0; padding:3px 0; }
	div.text h2.arrow { background:url(/images/bg-h2.png) 3px 6px no-repeat; padding-left:13px; }
	div.text h3 { font-weight:bold; text-transform:uppercase; color:#990000; }
	div.text p { margin:3px 0 10px 0; }
		div.text p strong { font-weight:bold; }
	div.text ul { margin:10px 0; }
		div.text ul li { list-style-image:url(../images/arrow-red.png); line-height:1.4em; margin:5px 0 5px 15px; }
	div.text hr { clear:both; height:11px; background:url(/images/bg-hr.gif) 0 0 repeat-x; border:0; margin:10px 0; }
	div.text a { color:#333; }
	div.text a:hover { color:#000; }
	
	/* div.text div.warranty-data { display:none; } */
	
	div.text div.gallery { padding:10px; border:1px solid #666; float:left; margin:0 15px 10px 0; width:160px; }
		div.text div.gallery p { text-align:center; margin:4px 0; }
	div.text div.gallery-text { float:left; width:360px; }
		div.text div.gallery-text h1, div.text div.gallery-text h2, div.text div.gallery-text h3 { margin-top:0; }
	
	div.text img.features { float:left; margin:0 15px 0 0; }
	div.text div.features { float:left; width:363px; }
		div.text div.features h2 { margin-top:0; }




/***************************************
product lists
***************************************/
div.product-list { width:570px; background:#666; padding:25px 15px 15px 15px; }
	div.product-list div.product { cursor:pointer; float:left; width:273px; text-align:center; margin:0 0 20px 0; padding:0 0 15px 0; background:0; border-bottom:1px solid #999; }
		div.product-list div.product div.image { /* background:url(/images/writing/shadow-thumb.png) bottom no-repeat; padding:0 0 5px 0; */ }
		div.product-list div.product h2 { color:#FFF; margin:8px 10px 3px 10px; font-weight:bold; text-transform:uppercase; position:relative; left:3px; }
			div.product-list div.product h2 img { position:relative; left:5px; visibility:hidden; }
		div.product-list div.product p { margin:3px 20px; color:#000; font-weight:bold; }
		
		div.product-list div.active img { border-color:#FFF; }
			div.product-list div.active h2 img { visibility:visible; }
		div.product-list div.active p { color:#FFF; }
			
/***************************************
single products
***************************************/
div.showcase { background:url(/images/bg-showcase.jpg) top no-repeat; padding:50px 0 40px 0; height:78px; text-align:center; position:relative; top:-10px; }
	div.showcase div { position:absolute; left:0px; bottom:40px; width:560px; padding:0 0 14px 0; }
		div.showcase div img.main { position:relative; z-index:9; width:560px; height:91px;  }
		div.showcase div img.shadow { position:absolute; bottom:0px; left:-10px; z-index:8; }
	div.showcase label { display:block; position:absolute; right:23px; bottom:5px; color:#666; text-transform:uppercase; font-weight:bold; background:url(/images/arrow-gray.gif) 0 4px no-repeat; padding:0 0 0 11px; }

div.left { float:left; width:370px; text-align:justify; }

div.swatches { float:right; width:170px; margin:10px 0 0 0; }
	div.swatches h3 { color:#000; text-transform:uppercase; font-weight:bold; margin:4px 0; }
	div.swatches label { display:block; color:#666; margin:4px 0; }
	div.swatches ul { margin:3px 0; }
		div.swatches ul li { clear:both; list-style-image:none; height:18px; margin:4px 1px 4px 0; border:1px solid #999; border-width:1px 0 0 1px; }
		div.swatches ul li span { cursor:pointer; display:block; float:left; width:83px; text-align:center; font-size:10px; padding:0 0 2px 0; font-weight:bold; text-transform:uppercase; border:1px solid #999; border-width:0 1px 1px 0; }

/***************************************
color swatches
***************************************/
div.swatches ul li span.black { background:#000; color:#FFF; }
div.swatches ul li span.blue { background:#37507d; color:#FFF; }
div.swatches ul li span.brown { background:#d7c6ba; color:#000; }
div.swatches ul li span.burgundy { background:#6c1831; color:#FFF; }
div.swatches ul li span.chrome { background:#eaeaea; color:#000; }
div.swatches ul li span.gold { background:#fad9b4; color:#000; }
div.swatches ul li span.gray { background:#403f41; color:#FFF; }
div.swatches ul li span.green { background:#737d58; color:#000; }
div.swatches ul li span.light-blue { background:#d1e4e8; color:#000; }
div.swatches ul li span.lilac { background:#ab82ff; color:#000; }
div.swatches ul li span.magenta { background:#e18ab4; color:#FFF; }
div.swatches ul li span.palladium { background:#dedbdb; color:#000; }
div.swatches ul li span.pink { background:#da7ba9; color:#FFF; }
div.swatches ul li span.purple { background:#4e5082; color:#000; }
div.swatches ul li span.red { background:#920000; color:#FFF; }
div.swatches ul li span.rose { background:#e2c6b7; color:#000; }
div.swatches ul li span.silver { background:#b6b6b6; color:#FFF; }
		
div.highlights { margin:10px 0; }
	div.highlight { width:175px; padding:10px 0; }
		div.highlight div.image { height:120px; text-align:center; }
		div.highlight img.framed { border:1px solid #999 }
		div.highlight p { margin:0; border-top:1px solid #999; padding:10px 0; }
	
	div#highlight-1 { float:left; margin:0 17px 0 0; }
	div#highlight-2 { float:left;  }
	div#highlight-3 { float:right; }
	
div.text ul.associations { }
	div.text ul.associations li { float:left; width:170px; margin:5px 0 5px 15px; }
div.text ul.retailers { }
	div.text ul.retailers li { float:left; width:170px; margin:2px 0 2px 15px; }
div.text table.retailers { width:100%; }
	div.text table.retailers td { padding-right:20px; }
	
/***************************************
signature stories styles
***************************************/
div.signature { margin:15px 0; }
	div.signature h3 { float:left; margin:3px 0; background:url(/images/arrow-gray.png) 0 4px no-repeat; padding:0 0 0 11px; }
	div.signature img.banner { cursor:pointer; border:1px solid #999; }
	div.signature div.hidden { display:none; margin:3px 0; }
		div.signature div.hidden img.feature { float:left; width:235px; border:1px solid #999; }
		div.signature div.hidden div.flash { float:right; }

	
/***************************************
form fields
***************************************/
form { margin:8px 0; }
	form fieldset { display:inline; }
		form fieldset table {  }
		form fieldset table.retailer { display:none; }
		form fieldset table td { padding:0 0 6px 0; vertical-align:top; }
			form fieldset table td div { position:relative; }
			form fieldset table td label { display:block; margin:3px 10px 0 0; text-align:right; cursor:pointer; }
			form.contact fieldset td label { width:110px; }
			form fieldset table td label.mandatory { font-weight:bold; }

input.text { width:250px; border:1px solid #999; padding:2px; font-family:arial; font-size:11px; background:url(/images/bg_input.gif) 0 0 no-repeat; }
select { width:255px; border:1px solid #999; padding:2px; font-family:arial; font-size:11px; }
textarea { width:250px; height:100px; border:1px solid #999; padding:2px; font-family:arial; font-size:11px; }

span.LV_valid { position:absolute; padding:2px; width:120px; top:-1px; left:265px; z-index:9; border:1px solid #cc0000; background:#CCC; color:#cc0000; display:none; }
span.LV_invalid { position:absolute; padding:2px; width:120px; top:-1px; left:265px; z-index:9; border:1px solid #cc0000; background:#CCC; color:#cc0000 }
input.LV_valid_field { }
input.LV_invalid_field, select.LV_invalid_field { border:1px solid #646565; }

div.submit {  margin:10px 0; }
	div.submit input { cursor:pointer; float:right; background:url(/images/bg-buy-now.gif) 0 0 no-repeat; text-transform:uppercase; font-size:10px; font-weight:bold; color:#FFF; padding:5px 35px 5px 5px; border:0; }
input.buy-now { cursor:pointer; float:right; margin:5px 0 0 0; background:url(/images/bg-buy-now.gif) 0 0 no-repeat; text-transform:uppercase; font-size:10px; font-weight:bold; color:#FFF; padding:5px 30px 5px 5px; border:0; }

/***************************************
retailers tables
***************************************/
table.retailers { width:100%; margin:10px 0; }
	table.retailers td { vertical-align:top; padding:0 10px 20px 0; }

/***************************************
collectors corner
***************************************/
h2 { position:relative }
h2 span.logout { font-size:11px; position:absolute; top:3px; right:3px; }
table.collectors { width:100%; margin:10px 0; }
	table.collectors td { vertical-align:top; padding:0 10px 10px 0; }
	table.collectors th { vertical-align:top; padding:0 10px 10px 0; font-weight:bold; }

/**added by Crucial networking 12/09/2009**/
.nav3 {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #333;
}

a.n3:link {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3:visited {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3:hover {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3:active {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3_espanol:link {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
}

a.n3_espanol:visited {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
}

a.n3_espanol:hover {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

a.n3_espanol:active {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
}

.nav3red {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #cc0000;
}

a.n3red:link {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #cc0000;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3red:visited {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #cc0000;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3red:hover {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

a.n3red:active {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: underline;
	font-weight: bold;
	color: #333;
	background-image: url(/images/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

.intcontentborder {
	background-color: #ccc;
	border: 15px solid #ccc;
}

.cmsselect{
width:60px;
}

/** end added by crucial networking 12/9/2009**/