/*
'
'  Copyright (C) 2007 Fry Multimedia, All Rights Reserved.
'
'  Purpose:
'  The default style sheet is the base style sheet and used by all pages on the site
'  Overides to these styles should come from site specific style sheets
'
'	TOC:
'	+STANDARDIZE DEFAULTS
'	+ANCHORS
'	+Headlines
'	+Form formatting
'	+Default Image Sizes
'	+Floats
'	+Font Styles
'	+Lists / Navigation
'	+Thumbnails
*/

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+STANDARDIZE DEFAULTS
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

html, body, form, fieldset, ul, ol, li, dl, dt, dd, img, table { /* clear-padded-elements */
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align: center;
	color: #606060;
}

form label { /*	accessibility friendly */
	cursor: pointer;
}

br	{
	font-size: 0; /*for IE*/
}

table, thead, tbody, tfoot, tr, td {
	/*font-size: 11px;*/
	margin: 0;
	padding: 0;
	border: 0 solid; /* quirky because of Opera */
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

img {
	border: none;
}

strong {
	font-weight: bold;
}

ul {
	list-style: none;
}

ul.bullet {
	list-style: disc;
	margin-left: 1.2em;
}

ul.bullet li {
	margin-bottom: .4em;
}

ul.horiz li	{
	display:inline;
}

input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif; /* needed for textarea */
	font-size: 11px;
	color: #606060;
}

input.alignWithImage {
	margin-bottom: 4px; /* this helps align the search box with the graphics on the left and right of it */
}

hr {
    height: 1px;
    width: 100%;
    border: 0;
    color: #e1e1e1;
    background-color: #e1e1e1;
    padding: 0;
    margin: 0;
    clear: both;
}

hr.spaced {
	margin: 10px 0;
}

.error {
	color: red;
}

.hilite {
	color: #bc492a;
}

.sale {
	color: red;
}

.regPrice {
	text-decoration: line-through;
}

.result {
    color: navy;
    font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+ANCHORS
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

a {
	background-color: transparent;
	cursor: pointer;
	font-weight: bold;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration:none;
}

a img {
	border: none;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Headlines for graduated semantic markup
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

h1 { font-size: 155%; }
h2 { font-size: 155%; }
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; font-weight:bold; }

p {
	margin-bottom: 5px;
}

p.intro {
	margin-bottom:10px;
}

small {
	font-size: 85%;
}

big {
	font-size: 110%;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Form formatting classes
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

button {
	margin: 0;
	padding: 0;
}

dl.formInputs {
	margin: 0 0 20px 0;
}

dl.formInputs dt {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	float: left;
	color: #000;
	width: 115px;
	padding-top: 2px;
}

dl.formInputs dd {
	display: block;
	clear: right;
	margin-left: 120px;  /*5px more than the label width */
	margin-bottom: 5px;
}

dl.formInputs dd.textOnly { /* sets the top padding to match the dt if the dd contains only text and not a form element */
	padding-top: 2px;
}

dl.formInputs dd.buttonRow {
	padding-top:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Default Image Sizes
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

img#prodDetailImg {
	width: 250px;
	height: 250px;
	cursor: pointer;
}

img.zoomThumbnail {
	width: 53px;
	height: 53px;
	cursor: pointer;
}

img.zoomPopThumbnail {
	width: 53px;
	height: 53px;
	cursor: pointer;
}

img.thumbnailImg {
	width: 176px;
	height: 176px;
}

img.giftWrapThumb {
	width: 50px;
	height: 50px;
}

img.giftWrapSwatch {
	width: 88px;
	height: 88px;
}

a.thumbLink { /* used as a link around thumbnail images, setting the width on the anchor prevents the alt tag from breaking the layout in mozilla if the image were not to load */
	width: 88px;
	position: relative;
}

table.checkout_table a.thumbLink {
	float: left;
	margin-right: 10px;
}

img.exclusiveThumb {
	display: none;
	position: absolute;
	bottom: 0;
	margin: 4px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Floats
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Font Styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.suggest {
    color: #f00;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Lists / Navigation
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#topnav, #footerlinks {
    margin: 5px auto;
    text-align: center;
    width: 100%;
}

#topnav li, #footerlinks li {
    display: inline;
    margin: 0 4px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Thumbnails
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div.product {
    float:left;
    margin-left:5px;
    /*margin-top:20px;*/
    text-align:center;
}

div.first_product {
    margin-left:0;
}