@charset "utf-8";
/*-----------------------------------------------------------------------------
# sitename:         HARLEYCOINS.COM
# website:          http://www.harleycoins.com/
# purpose:          default style sheet
# last modified:    1.29.2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin | set all browsers */
* { margin: 0; padding: 0; }

/* Set margins */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; padding: 0; }

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img { border: 0; }

/* Float left */
.fltLeft { float: left; }

/* Float right */
.fltRight { float: right; }

/* =Typography
-----------------------------------------------------------------------------*/
body {
    font: 62.5%/1.6 Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
    background: #666;
    padding: 0 0 20px 0;
    margin: 0;
}

p { font-size: 1.4em; }
a:link { color: #d24a07; }
a:visited { color: #ab3101; }
a:hover, a:active { color: #f8a47b; }

/* =Headings
-----------------------------------------------------------------------------*/
h2 {
    font-size: 3.1em;
    font-weight: bold;
    color: #333333;
    line-height: 1.1;
}

/* =Links
-----------------------------------------------------------------------------*/
/* Remove ugly dotted borders on clicked links*/
a:active,a:focus { outline: none; }

/* =Container
-----------------------------------------------------------------------------*/
#outerContainer {
    margin: 0 auto;
    text-align: center;
    width: 766px;
    overflow: visible;
    background: #FFF;
}

/* =Branding
-----------------------------------------------------------------------------*/
#masthead {
    float: left;
    margin-left: -25px;
    padding: 0;
    width: 791px; 
    height: 90px;
    position: relative;
    overflow: visible;
    display: inline;  /*counter ie6 double float margin*/
    background: url(/images/masthead.jpg) no-repeat; 
}

#splash {
    float: left;
    margin: 0;
    padding: 0;
    width: 766px;
    height: 202px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
    float: left;
    margin: 61px 0px 0px 226px;
    padding: 0;
    width: 560px;
    list-style: none;
    text-align: left;
    overflow: visible;
    display: inline;
}

#nav li {
    float: left;
    margin: 0px;                        /*shrink top li back down*/
    padding: 0px 2px 0px 2px;           /*right padding req to avert the disconnect. Right padding to allow bg on child li's*/
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-right: #F60 solid 1px;
}

#nav li a {
    margin: 0 2px 0 2px;
    padding: 0px 2px 0px 2px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #fe6418;
}

/* =Link Colors - Top Level Links
--------------------------------------------------------------------*/
ul#nav li a:active {
    color: #FFF;
}

ul#nav li a:hover {
    color: #f8a47b;
}

/* removes right border from last menu item */
ul#nav li.lastMenuItem {
    border: none;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#mainContent {
    float: left;
    margin: 0;
    padding: 0;
    width: 766px;
    text-align: left;
}

#sideBlurb + #mainContent {
    width: 601px;
}

#sideMenu + #mainContent {
    width: 601px;
}

#miniCart + #mainContent {
    width: 601px;
}

#mainContent.narrow {
    width: 601px;
}

#mainContent h2 {
    padding: 0 0 0 15px;
    font-size: 26px;
    letter-spacing: -1.5px;
}

#mainContent p {
    padding: 0 15px 0 15px;
}

#mainContent #mainImage {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 1em;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#promoContainer {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 766px;
    height: auto;
    z-index: 1000;
}

#promoBg {
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    width: 766px;
    background: url(/images/promo_bg_tile-Y.jpg) repeat-Y;
}

#promoTop {
    float: left;
    margin: 0;
    padding: 0;
    width: 766px;
    height: 20px;
}

#promoBoxes {
    float: left;
    margin: 0 0 0 25px;
    padding-bottom: 5px;
    display: inline;
}

.promoContent {
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    width: 227px;
    max-width: 240px;
    text-align: left;
    display: inline;
}

.promoContent h3 {
    float: left;
    margin: 0;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
    color: #333;
}

.promoContent img {
    float: right;
    margin: 0px 0 0 0;
    padding: 0 0 20px 0;
    width: 108px;
    height: 132px;
}

.promoContent p {
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100px;
    line-height: 1.1;
}

#promoBottom {
    float: left;
    margin: -15px 0 0 0;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
    float: left;
    margin: 0;
    padding: 0;
    width: 766px;
    height: 67px;
    background: url(/images/footer.jpg) no-repeat;
    position: relative
}

#footer p {
    margin:0;
    padding-top: 14px;
    text-align: center;
    font-size: 11px;
    line-height: 1.3em;
    color: #FFF;
}

#olp_logo {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 1;
    border: 2px solid white;
}

#nwtm_logo {
    position: absolute;
    top: 9px;
    right: 14px;
    z-index: 1;
}

/* =Forms
-----------------------------------------------------------------------------*/

form fieldset {
    padding: 10px 0;
    margin: 10px;
    display: block;
    font-size: 1.2em;
}

form legend {
    margin: 0px;
    font-weight: bold;
    margin-left: 0.5em;
    padding: 0 0.5em;
    font-size: 1.2em;
    color: #000;
}

form div {
    clear: left;
    padding: 3px 0px;
}

form fieldset label {
    display:block;
    float: left;
    width:170px;
    text-align:right;
    margin-right: 10px;
    font-size: 1em;
}

form fieldset .nolabel {
    margin-left: 180px;
}

form fieldset label em, .formReq {
    color: #cc0000;
}

ul.formErr {
    color: #cc0000;
    font-weight: bold;
}

/* =Tables
-----------------------------------------------------------------------------*/
table { 
    border-collapse: collapse;
}

td {
    text-align: left;
    font-weight: normal;
}

/* =Sub Nav | Used for internal page side navigation
-----------------------------------------------------------------------------*/
#sideMenu {
    float: left;
    margin: 0;
    padding: 0;
    width: 165px;
    margin-top:30px;
    text-align: left;
}

/* =Main Content
-----------------------------------------------------------------------------*/
.interior_h3 {
    margin: 0 0 -10px 0;
    padding: 0 15px;
    font-size: 14px;
}

#mainContent li {
    list-style: none;
}

#mainContent ul {
    font-size: 12px;
    margin-left: 15px;
}

#mainContent ul li {
    padding-left: 12px;
    background: url(/images/custom_list1.gif) no-repeat;
    background-position: 0 7px;
}

/* =Mini menu navigation 
-----------------------------------------------------------------------------*/

#miniMenu_header h2{
    margin: 0;
    padding: 5px 0 0 0;
    height: 33px;
    text-align: center;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    background: url(/images/sideMenuTop.jpg) top no-repeat;
    width: 154px;
    margin-left: 5px;
}

.miniMenuContent {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 154px;
    margin-left: 5px;
}

/* List styling */
.miniMenuContent ul {
    margin: 0;
    padding: 0;
}

.miniMenuContent ul li {
    list-style: none;
    width: 154px;
    overflow: hidden;
}

.miniMenuContent ul li a {
    padding: 3px 0px 3px 15px;
    display: block;
    text-decoration: none;
    font-family: Arial, "Trebuchet MS", Verdana, Georgia; 
    font-size: 14px;
    color: #333;
    width: 100%;
}

/* Order --:link, :visited, :hover, :focus, :active.*/
.miniMenuContent ul li a:link, .miniMenuContent ul li a:visited {
    color: #333;
}

.miniMenuContent ul li a:hover {
    font-weight: bold;
    color: #000;
    background: url(/images/sideMenu_hoverBg.jpg) no-repeat;
}

/* =Side Blurb
-----------------------------------------------------------------------------*/
#sideBlurb {
    float: left;
    margin: 0;
    padding: 0;
    width: 164px;
    border-right: 1px solid #999;
    text-align: left;
    margin-top: 30px;
}

#sideBlurb div {
    padding: 0 15px;
}

#sideBlurb div h3 {
    margin: 0;
    font-size: 1.2em;
}

#sideBlurb p {
    font-size: 1em;
    line-height:1.2em;
    text-align: justify;
}

.blurbText {
	font-size: 12px;
	width: 155px;
	line-height: 1.2em; 
	padding-bottom: 20px;
}

span.blurbBgImage {
	margin: 0 0 0 -15px;
	width: 164px; 
	height: 10px;
}

/* =Products Display
----------------------------------------------------------------------------*/

.productPair {
    float: left;
    margin: 0 0 15px 0;
    width: 600px; 
    }

.product {
    float: left;
    margin: 0 25px;
    width: 250px;
    display: inline;
    text-align:center;
    position: relative;
}

.product p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #d24a07;
}

.engrave_mark {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    margin: 0;
}
.new_mark {
    position: absolute;
    top: 31px;
    right: 15px;
    z-index: 2;
    margin: 0;
}

.content_image {
	float: right;
	padding: 15px 10px 0 0;
}

h3.description_title {
	margin: 0 0 0 15px;
	font-size: 14px;
}


/* =Licensing Logos
------------------------------------------------------------------------------------------*/
.hdntLogos {
    float: right;
    padding: 0;
    width: auto;
    height: 229px;
}

.hdntLogos img {
    clear: right;
    margin: 0;
}

/* =Mini Cart
-----------------------------------------------------------------------------*/
#miniCart {
    float: left;
    margin: 0;
    padding: 0;
    width: 164px;
    margin-top:30px;
    border-right: 1px solid #999;
}

#shopping_cart {
    margin: 0 10px;
    line-height: 1.2em;
}

#shopping_cart h4 {
    font-size: 1.4em;
    margin-top:0px;
}

#shopping_cart a {
    text-decoration: none;
}

#shopping_cart .heading th, #shopping_cart .line_item td {
    border-bottom: 1px solid black;
}

#shopping_cart td {
    padding: 2px 0;
}

#shopping_cart .cart_eng {
    color: #999;
}

/* =Product Details
-----------------------------------------------------------------------------*/
#mainContent #productImage {
    float: left;
    width: 250px;
    padding: 0px;
    margin: 0 0 15px 15px;
    position: relative;
}

#productImage .enlarge_icon {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

#productDetail {
    border-left: #cccccc solid 1px;
    float:left;
    margin-left: 15px;
}

#productDetailTable {
    margin: 0;
}

#productDetailTable tr {
}

#productDetailTable td {
    padding: 0 0 0 10px;
}

#productDetailTable td input.addToCart {
    margin: 10px 0 0 0;
}

#productDetailTable .noBorder {
    border: none;
}

/* Fraction Styling */
.fracNum, .fracDen { font-size: 10px; } 
.fracNum { vertical-align: 0.2em; } 
.fracDen { vertical-align: -0.2em; }


.accessory_container {
    float: left;
    width: 33%;
    height: auto;
    text-align: center;
    vertical-align:top;
    margin:0px;
    padding: 0px;
}

.accessory_container img {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

.accessory_container h3 {
    font-size: 1.2em;
}

/* Page Navigation | Inline list for product pages
-----------------------------------------------------------------------------*/
#mainContent ul.pagenav {
	float: right;
	padding: 0 30px 0 0;
	width: auto;
	list-style: none;
}

#mainContent .pagenav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/images/products/process_nav_bg.png) repeat-x;
}

.pagenav li a {
	float: left;
	padding: 3px 5px;
	text-decoration: underline;
	height: 28px;
	background: url(/images/products/process_nav_bg.png) repeat-x;
}

.pagenav li a:link, .pagenav li a:visited {
	color: #333;
}

.pagenav li a:hover {
	color: #CCC;
	font-weight: bold;
	background: url(/images/products/process_nav_bg_current.png) repeat-x;	
}

.pagenav li a.current {
	color: #FFF;
	font-weight: bold;
	background: url(/images/products/process_nav_bg_current.png) repeat-x;	
}

.pagenav li.navArrow img {
	padding: 0;
	display: inline;
	float: left;	
	width: 33px;
	height: 28px;
}

.pagenav li#nextarrow a {
	background: url(/images/products/arrow_next.png) repeat-x;	
}

.pagenav li#nextarrow a:hover {
	background: url(/images/products/arrow_next_over.png) repeat-x;	
}

.pagenav li#prevarrow a {
	background: url(/images/products/arrow_previous.png) repeat-x;	
}

.pagenav li#prevarrow a:hover {
	background: url(/images/products/arrow_previous_over.png) repeat-x;	
}

.pagenav li.navArrow a {
	margin: 0;
	padding: 0;
	width: 33px;
	height: 28px;
}

/* =jQuery Tabs
-----------------------------------------------------------------------------*/

#tabs {
    float: left; /* for some reason needed for IE to not jump, but causes margin from somewhere */
    width: 571px;
    margin: 0 15px;
    background: url(/images/tabs_bg.gif) repeat-x bottom;
}

.ui-tabs-hide {
    display:none;
}

#tabs .ui-tabs-nav {
    margin:0;
    padding: 0;
    list-style:none;
}

#tabs .ui-tabs-nav li {
    float:left;
    background:url(/images/tab_backleft.gif) no-repeat left top;
    padding: 0;
    margin:0;
    margin-right: 2px;
    padding-left: 9px;
}

#tabs .ui-tabs-nav a {
    display:block;
    background:url(/images/tab_backright.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#666;
}

#tabs .ui-tabs-nav .ui-tabs-selected {
    background-image:url(/images/tab_frontleft.gif);
}

#tabs .ui-tabs-nav .ui-tabs-selected a {
    background-image:url(/images/tab_frontright.gif);
    color:#333;
    padding-bottom:5px;
}

.ui-tabs-container {
    clear:both;
    margin-top:-1px;
}

.ui-tabs-container div.inner {
    padding: 10px 0;
    background-color: #fff;
    margin: 1px;
}

div#pane-d, div#pane-a {
    margin: 0;
    padding: 0;
}