/* Made with Joy by What Cheer */

/********************************************\

SHARED.CSS
This style sheet contains shared content styles used throughout the site.

TABLE OF CONTENTS
	- Global Fonts
	- Headers
	- Abbreviation and Acronym
	- Emphasis
	- Blockquote
	- List
	  - List Items
	- Definition Description
	- Tables
	- Bottom Margin
	- Horizontal Rule
	- Forms
	- Content Classes
	  - Content Images

\********************************************/


/* ////////// Global Fonts ////////// */
body { font:13px arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; }

select, input, textarea { font:99% arial, helvetica, clean, sans-serif; }

pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
	}

body * { line-height:1.22em; }


/* ////////// Global Liks ////////// */
/*a, a:link, a:active, a:visited {
	color: #000000;
	text-decoration: underline;
	}

a:hover, a:visited:hover {
	color: #000000;
	text-decoration: underline;
	}*/

/* ////////// Headers ////////// */
h1 { font-size:138.5%; }

<!--h2 { font-size:123.1%; }-->

h3 { font-size:108%; }

h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

/* ////////// Abbreviation and Acronym ////////// */
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
	}

/* ////////// Emphasis ////////// */
em { font-style:italic; }

/* ////////// Blockquote ////////// */
blockquote { margin: 1em; }

/* ////////// List ////////// */
/*ul, ol, dl {
	margin: 1em 1em 1em 2em;
	}*/

/* List Items */
/*ol li { list-style: decimal outside; }

ul li { list-style: disc outside; }*/

/* ////////// Definition Description ////////// */
dl dd { margin-left:1em; }


/* ////////// Tables ////////// */
th, td {
	border:1px solid #000;
	padding:.5em;
	}

th {
	font-weight:bold;
	}

caption {
	margin-bottom:.5em;
	}

/* ////////// Bottom Margin ////////// */
/*  */
p, fieldset, table, pre { margin-bottom:1em; }

/* ////////// Form Fields ////////// */
input[type=text], input[type=password], textarea { width:100%; *width:100%;}

select { width:100%; *width:100%; }

label { font-size: 93%; }

/* ////////// Horizontal Rule ////////// */
hr {
	color: #666666;
	height: 2px;
	margin: 1em 0em;
	}

/* ////////// Forms ////////// */
.fielddivision { padding: 3px 0px; 	}
.statearea { width: 150px; }
.securitycode {
	width: 130px;
	height: 34px;
	background: url(/images/content/shoppingcart/securitycodes.png) no-repeat top left;
	margin: 5px 0px 0px 0px;
	}
.fielddivision .fdlabel {
	width: 100%;
	display: block;
	}
.fielddivision label {
	display: block;
	color: #333;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	}
.fielddivision p {
	width: 100%;
	font-size: 77%;
	clear: left;
	color: #666666;
	display: block;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	float: left;
	}
.fielddivision .fdfield { width: auto; }
.subfielddivision {
	padding-top: 5px;
	clear: both;
	}
.subfielddivision .fdlabel { font-size: 85%; }

.required {
	color: #CC0000;
	font-weight: bold;
	}

.error { }

.error input { background-color: #FFFFEA; }
.error .fdlabel, .error label {
	font-weight: bold;
	color: #CC0000;
	}

.error-message {
	padding: 10px;
	border: #CCC 1px dotted;
	background-color: #FFFFEA;
	}

.error-message h3 {
	color: #CC0000;
	margin: 0px;
	}

/* ////////// Content Classes ////////// */
.floatleft { float: left; }
.floatright { float: right; }
.gap { margin-bottom:1em; }
.nogap { margin-bottom:1em; }
.textsmall { font-size: 9px; }
.textwhite { color: #FFFFFF; }
.spaceabove { margin: 15px 0px 0px 0px; }
.spacebelow { margin: 0px 0px 15px 0px; }

/* Content Images */
.imageleft, .imageright {
	padding-bottom:1em;
	padding-right:1em;
	}
	.imageleft { float: left; }
	.imageright { float: right; }

/* ////////// Column ////////// */
.column {
	float: left;
	padding-bottom: 5px;
	}
.column2, .column3, .column4, .column5, .column6 { clear: both; }

.column2 .column {
	width: 48%;
	padding-right: 2%;
	}
.column3 .column {
	width: 31%;
	padding-right: 2%;
	}
.column4 .column {
	width: 23%;
	padding-right: 2%;
	}
.column5 .column {
	width: 18%;
	padding-right: 2%;
	}
.column6 .column {
	width: 14%;
	padding-right: 2%;
	}
	.columndivide {
		border-left: 1px dotted #333333;
		padding-left: 1%;
		}
	/* Divide Column */
	.column2 div.columndivide  { width: 46%; }
	.column3 div.columndivide  { width: 29%; }
	.column4 div.columndivide  { width: 21%; }
	.column5 div.columndivide  { width: 16%; }
	.column6 div.columndivide  { width: 13%; }