/* Shopscript Styles... The obsolete rules will get overwritten later, the useful ones will work.
   Therefore, these rules are stated first. */
   
/*
p, font
{ font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
td, th 
{ font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 85%;
}

h1
{ color:			black;
  font-size:		180%;
}
h5
{
  font-size:		115%;
}
*/

.header
{ font-size:		125%;
  color:			black;
  font-weight:		bold;
  text-decoration:	underline;
}
.no_underline
{ text-decoration:		none;
}
/*
a
{font-weight:		bold;
 color:			navy;
}
*/

.small
{ font-size:		80%;
}
.faq
{ font-size:		110%;
}
.price_brief
{ font-size:		120%;
}
.big
{ font-size:		150%;
  text-decoration:	none;
}
.cat
{ font-size:		150%;
}
.standard
{ font-weight:		normal;
}
.white
{ color:			white;
}
.pink
{ color:			pink;
}
.menu
{ color:			white;
  font-weight:		bold;
  font-size:		100%;
}
div.topmenu_selected
{
  background:		#203560;
  padding:			7px;
}
div.topmenu_notselected
{
  background:		#4E679F;
  padding:			7px;
}
.footer
{
  font-size:		60%;
  color:			gray;
}
.lightsmall
{ color:			black;
  font-size:		80%;
}
.category_child
{
  font-weight:		normal;
}
.cart
{
  font-size:		90%;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  font-weight:		bold;
  color:			navy;
  background-color:  transparent;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ CSS Document for classiccoinco.com                   ~
   ~ © 2008 Ludwigwam for Brian Hendelson 	              ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   

/* Universal styling */

* { Padding: 0; Margin: 0; Border: 0; }

body { /*  Background:  #ffffff url(/images/background/bgcollage_light.jpg) top center repeat-y; */
  Background:  #ffffff; 
  Color: #111144; 
  Font-Family: Verdana, Arial, Helvetica, sans-serif; 
/*  Font-Family: Georgia, "Times New Roman", Times, serif; */
  Font-Size: 16px; }


a, a:link, a:visited { Text-Decoration: none; 
  Background: transparent;
  Color: #3333cc;
/*  Color: #cc9966; */ }
a:hover { /* Background-Color: #cc9966; */
  Background-Color: #3333cc;
  Color: #fff0cc; }
a:hover > img { Background-Color: #ffffff; }
a.noHighlight:hover { Background: transparent; }
a.homeLink:hover { Border: 0; Background: transparent; }

.floatLeft { float: Left; }
.floatRight { float: Right; }
.clearALL { clear: both; }
.centeredLine { Margin-Left: auto; Margin-Right: auto; Text-Align: center; }
.White { Color: white; Font-Weight: bold; }
.Red { Color: red; }
.discount { Color: brown; Text-Decoration: line-through; }

.makeBold { Font-Weight: bold !important; }
.italicize { Font-Style: italic !important; }
.noBorder { Border-Width: 0px !important; }

/* All page content */


#Administer { Text-Align: center; }
#Administer a { Color: #ff3300; Background-Color: #ffffff; Font-Weight: bold; }
#Administer a:hover { Color: #ffe8a9; Background-Color: #ff3300; }

#main {
	Width: 100%;
	Top: 1px;
	Border: 1px solid #eed099;
	Border-Width: 0 0 3px 0;
	Line-Height: 0 !important;
}
  
#main img { Margin: 0px; Padding: 0px; Border: 0px; }

#main .bordTop { Height: 5px; Top: 0; Position: absolute; }
#main .bordBot { Height: 5px; Bottom: 0; Position: absolute; }
#main .bordLeft { Width: 5px; Top: 5px; Left: 0; Position: absolute; }
#main .bordRight { Width: 5px; Top: 5px; Right: 0; Position: absolute; }



/* #main #masthead { Background: #ffffff url(/coinsandcontent/images/banner/bg.jpg)) repeat-x; } */
/* The full mid-section of the page */


/* The header */

#main #mastHead { /* Background: url(/images/background/banner_strip.jpg) no-repeat; */
  Background: #000000;
  Width: 100%;
  Height: 160px;
  Overflow: hidden;
  Margin: 0 auto;
  Text-Align: center; }
#main #mastHead #bannerHome { Overflow: hidden; }
#main #bannerHome, #main a:hover > #bannerHome { Background: transparent; }


/* Borders and such */

#main .blueBorder { Background: url(/images/blueborder.gif) repeat;
/*
  Border: 2px solid #111144;
  Border-Width: 2px 0 4px; 
*/
  Clear: both;
  Margin: 0; 
  Padding: 0.25em;
  Color: #fff0cc; }
#main h1.blueBorder { Font-Size: 100%;
  Font-Weight: bold;
  Text-Align: center;
  Line-Height: 1.25; }
#main p.blueBorder { Font-Size: 1px;
  Line-Height: 0; 
  Height: 10px; }

#main .botGradient, #main .topGradient { Border: 0;
  Margin: 0; 
  Padding: 0;
  Clear: both;
  Line-Height: 0; 
  Font-Size: 1px;
  Height: 6px; }

#main .botGradient { Background: url(/images/gradient-bot.jpg) repeat;}
#main .topGradient { Background: url(/images/gradient-top.jpg) repeat;}


/*
#main #masthead img { Position: absolute; Top: 0; Left: 0; Z-Index: 8; }
#main #masthead h1 { Position: absolute; Top: 60px; Left: 90px; Z-Index: 10; }
#main #masthead h2 { Font-Style: normal; Font-Size: 110%; Padding-Left: 3em; }
*/

/* Left sidebar */

#leftCol { Float: left;
  Background: url(/images/blueborder.gif) repeat;
  Width: 210px;
  Margin: 0;
  Padding: 10px; 
  Color: #ffdd66; }
#leftCol a, #leftCol a:link, #leftCol a:visited { Color: #ffdd66; }
#leftCol a:hover { Color: #000088; 
  Background-Color: #ffdd66; }
  
.roundLU { Background: url(/images/bluecorner-lu.gif) top left no-repeat; 
  Float: left;
  Width: 40px;
  Height: 40px; }
#leftCol #searchForm { Margin: 0.75em 0; }
#leftCol #searchstring { Padding: 3px; Border: 2px inset #7722ff; }


#leftCol h2, #rightCol h2{ Font-Size: 100%;
  Font-Weight: bold;
  Line-Height: 1.5; 
  Padding: 0.25em 0 0.5em 5px; }

#leftCol h3 { Font-Size: 90%;
  Font-Weight: bold;
  Line-Height: 1.5;
  Padding: 0.25em 0 0.4em 5px; }

#leftCol p { Font-Size: 80%;
  Line-Height: 1.3;
  Padding: 0.2em 0 0.25em; }

#leftCol ul { List-Style-Image: none; 
  Margin-Left: 0; 
  Padding-Bottom: 1em; }
#leftCol ul li { List-Style: none;
  Line-Height: 1.2; 

  Padding-Bottom: 0.6em;
  Font-Size: 100%; }
#leftCol ul li p { Padding: 0 5px 0 10px;
  Margin: 0; 
  Line-Height: 1.2; }

#leftCol #affiliations a:hover > img { Background-Color: transparent; Padding: 2px; Border: 4px solid #ffdd66; }
#leftCol #affiliations a:hover { Background-Color: transparent; Border: 0; }
#leftCol #affiliations p, #leftCol p.centered { Text-Align: center; Margin: 0 auto; Padding: 0; }
#leftCol #affiliations img, #leftCol p.centered img { /* Border: 1px solid #ffcc66; */ Border: 2px solid #222288; Padding: 4px; }

#leftCol img { Margin: 5px auto; }  


/* Right sidebar */

#rightCol { Float: right;
  Background: #155080;
  Width: 190px;
  Margin: 10px;
  Padding: 10px; 
  Border: 1px solid #111144; 
  Color: #eeeeee; }
  



/* The bulk of the page's content */
  
#content { 
/*  Background: transparent; */
  Background: transparent url(/images/leftCol-extend.gif) top left repeat-y; 
  Text-Align: justify;
  Padding-Left: 230px;
  Padding-Bottom: 3em;
  Margin-Top: 40px;
  Line-Height: 1.5;
  Font-Size: 100%; }
#content h1 { Font-Size: 150%;
  Padding: 0 5% 0.25em 5%;
  Margin-Top: 0.75em;
  Background: transparent url(/images/h1-highlight.jpg) no-repeat bottom left;
  Font-Variant: small-caps; }
#content h1.first { Margin-Top: 0; }
#content #callToday { Font-Size: 120%; 
  Text-Align: center; }
#content #first { Padding-Top: 5px;
  Text-Align: center; }
#content h2 { Font-Size: 135%;
  Padding: 0.6em 5% 0.15em 5%;
  Margin-Left: 15px;  }
#content h3 { Font-Size: 115%;
  Padding: 0.5em 5% 0 5%; 
  Margin-Left: 15px; }
#content h4, p { Font-Size: 100%;
  Padding: 0.5em 8% 0.25em 5%; 
  Line-Height: 1.75; 
  Margin-Left: 15px; }
#content h4 { Font-Weight: bold; }
#content a { Text-Decoration: underline; }
#content ul { Padding: 0.5em 10% 0.75em 5%;
  List-Style: none; 
  Margin-Left: 25px; }
#content ul li { Line-Height: 2; 
  Font-Size: 85%; 
  List-Style-Image: none; }
#content ul.news li { Padding-Bottom: 0.5em; }
#content a { Text-Decoration: underline; }

#content ul.bullet { List-Style: circle; }
#content ul.bullet li { List-Style: circle; }

#content .captionPic { Float: Right; 
  Width: 350px; Font-Size: 80%; Padding: 0 20px 0 35px; }
  
#content #cartBox { Float: right; Margin: 0; Margin-Top: -40px; Background-Color: #fff0c8; Border: 2px solid #002288; Border-Width: 0 0 3px 3px; Color: #001144; }
#content .addToCart { Float: right; Margin: 0; Padding: 0; }
#content .addToCart img { Margin: 5px; Padding: 5px; }
#content .addToCart a:hover, #content .addToCart a:hover img { Background-Color: transparent; Color: #ffffff; }
#content .addToCart a:hover img { Border: 3px solid #002288; Padding: 3px; }
#content #cartTable td { Text-Align: center; Vertical-Align: middle; }
#content #cartTable input, #content #customerInfo input { Border: 1px solid #001144; Padding: 3px; Background-Color: #bbccff;
  Font-Family: Verdana, Arial, Helvetica, sans-serif;  Text-Align: right; }
#content #customerInfo input { Text-Align: left; }
#content #customerInfo textarea { Border: 1px solid #001144; Padding: 3px; Background-Color: #bbccff; Font-Family: Verdana, Arial, Helvetica, sans-serif; }

#content input.cartTableButton { Cursor: pointer; Background-Color: #dde0ff; Color: #002288; Padding: 4px 15px; Border: 2px outset #002288; }
#content input.cartTableButton:hover { Cursor: pointer; Background-Color: #bbccff; Color: #001144; Padding: 4px 15px; Border: 2px inset #001144; }
#content input.cartTableButton2 { Cursor: pointer; Background-Color: #dde0ff; Color: #002288; Padding: 4px 15px; Border: 2px outset #002288; Font-Size: 120%; Font-Weight: bold; Margin-Left: 50px; }
#content input.cartTableButton2:hover { Cursor: pointer; Background-Color: #bbccff; Color: #001144; Padding: 4px 15px; Border: 2px inset #001144; }

#content form#customerInfo { Font-Size: 125%; }
#content form#customerInfo td { Text-Align: left; Padding: 3px 5px; Line-Height: 1.5; }

#content hr { Width: 450px;
/*  Text-Align: center; */
  Margin: 0.5em auto;
  Height: 3px;
  Color: #cc9967; 
  Background-Color: #cc9966; }
  
#content .feature1, #content .feature2 { Width: 240px;
  Padding: 0;
  Margin: 10px 0px 0 20px; 
  Display: block;
  Float: left; }
#content img { Margin: 8px 20px; 
  Padding: 2px;
  Border: 1px solid #114411; } 
#content .captionPic img { Margin: 8px 0 8px 20px; }

#content a:hover > img { Background-Color: #000000;
  Border-Color: #fff0bb; }
  
#content p.centerPic { Margin: 0 10%; Padding: 0.5em 0; Text-Align: center; Font-Size: 75%; } 

#content div.book { Width: 99%; Clear: right; Float: right; Margin-Bottom: 1em; }

#content .feature1 .feattext, #content .feature2 .feattext { Font-Size: 80%;
  Padding: 0 15px;
  Margin-Top: -2em; }
#content .feature1 .feattext { Background: #ffffff url(../images/border/feature1-bg.jpg) center repeat-y; }
#content .feature2 .feattext { Background: #ffffff url(../images/border/feature2-bg.jpg) center repeat-y; }
#content .feature1 .feattext p, #content .feature1 .feattext h3,
#content .feature2 .feattext p, #content .feature2 .feattext h3 { Padding: 0.5em 0 0 0; }

#content table { Font-Size: 80%; Margin: 1em auto; Text-Align: center; Width: 90%; }
#content table tr, #content table tr td { Height: 1.75em; }
#content table tr td { Vertical-Align: middle; Text-Align: center; Padding: 0 3px; }
#content table tr td.coin { Text-Align: left; }
#content table tr td.cost { Text-Align: right; }


#content table.invisBlock, #content table.invisBlock tr td { Border: 0; Margin: 0; Padding: 0; Margin-Left: 6%;
  Text-Align: justify; Font-Size: 100%; }
#content table.invisBlock { Width: 85%; }

#content table.invisBlock tr td.image img.featured { Width: 120px; }
#content table.invisBlock tr td.image a:hover { Background-Color: transparent; }
#content table.invisBlock tr td.detail { Font-Size: 92%; }

#content .specialOffer { Vertical-Align: top; Text-Align: center; }
#content td.specialOffer .theImage a:hover { Background-Color: transparent; }
#content .prodPic, #content .catPic { Vertical-Align: top; Width: 1%; }
#content .prodRight, #content .catRight { Text-Align: justify; Width: 99%; Font-Size: 130%;  }
#content .catRightNormalText { Text-Align: justify; Width: 99%; }
#content .prodTable { Width: 95%; Margin: 0 auto; }
#content .prodTable .prodBox { Padding: 6px; Vertical-Align: top; Width: 100%; }
#content .prodTable .prodBox td { Vertical-Align: top; }
#content .productBrief, #content #productDetail { Width: 95%; Margin: 1px; Padding: 2px; }
#content #priceList { Width: 95%; }
#content #priceList td { Margin: 1px; Padding: 3px 5px; Text-Align: left; }
#content #priceList td.price { Text-Align: right; Padding-Right: 10px; Width: 14%; Color: #ffe8a9; Font-Weight: bold; }
#content .fullWidth { Width: 100%; }

#content #productDetailImages { Width: 95%; Margin: 1px; Padding: 2px; }
#content #productDetailImages td { Text-Align: center; Vertical-Align: middle; }
#content #productDetailImages td img { Width: 240px; Border: none; }
#content #productDetailImages td a:hover { Background-Color: transparent; }

/* Page footer */

#footer { Clear: both;
  Background-Color: #000000;
  Color: #ffffff;
  Line-Height: 1.1;
  Font-Size: 80%; }

#footer p { Text-Align: center; }
#footer a, #footer a:link, #footer a:visited { Text-Decoration: underline; 
  Color: #ffdd66; }
#leftCol a:hover { Color: #000088; 
  Background-Color: #ffdd66; }