/* * * * * * * * * * * * * * * * * * * * * * 
 HTML STYLES (See also Form and Link styles)
* * * * * * * * * * * * * * * * * * * * * */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.7em;
	background: #FFFFFF url(../fw/pageBG.jpg) repeat-x top;

}
table {
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
}/* font-size must be reset here or all embedded tables will have increasingly smaller text */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0px;
}/* Setting top margin to 0px to emulate IE default on all browsers */

h1 {
	font-size: 1em;
	padding-top: 10px;
	text-transform: uppercase;
} /* Used for page headings */
h2 {
	font-size: 1.8em;
} /* Used for page sub headings */
h3 {
	font-size: 1em;
	border-bottom: 1px solid #666666;
	padding: 3em 0px 0px 0px;
 } /* Used for section headings */
h4 {
	font-size: 1em;
	padding: 10px 15px;
	background-color: #929294;
	margin: 0px;
	color: #FFFFFF;
	font-weight: normal;
}/* Used for div.leftColumnBox ul.navlist headings (images) */
h5 {
	font-size: 1em;
	padding: 5px 8px;
	background-color: #B3B3B4;
	margin: 0px;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom: 1px solid #929294;
}/* Used for gallery item titles */
h5 a {
	color: #FFFFFF;
	text-decoration: none;
}/* Used for gallery item titles */
h6 {
	display: block;
	clear: both;
	margin: 0px;
	font-size: 1em;
	padding: 5px 8px;
	background-color: #B3B3B4;
	color: #FFFFFF;
	font-weight: normal;
}/* Used for checkout section headings */
img {
	border: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * 
 FORM STYLES
* * * * * * * * * * * * * * * * * * * * * */

form { 
	margin: 0px;
}
input, select, textarea, textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/* * * * * * * * * * * * * * * * * * * * * * 
 LINK STYLES 
* * * * * * * * * * * * * * * * * * * * * */

a {
	color: #666666;
}
a:hover {
	color: #333333;
}
a.redLink {
	color: #990000;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 LAYOUT DIVS
* * * * * * * * * * * * * * * * * * * * * */

div#containerBox {
	width: 700px;
	margin: 0px auto;
	padding: 10px;
	background-color: #FFFFFF;
}
div#logoBox {
	margin: 0px 0px 5px 0px;
	width: 420px;
	float: left;
}
div#searchBox {
	float: right;
	clear: right;
}
div#photoHeaderBox {
	width: 700px;
	margin-bottom: 2px;
}
div#navBarBox {
	clear: both;
	width: 700px;
}
div#navBarBox img {
	display: block;
	float: left;
}
div#leftColumnBox {
	clear: both;
	float: left;
	width: 138px;
	margin: 2px 2px 15px 0px;
	border: 1px solid #929294;
}/* See also leftColumnBox styles below */
div#contentBox {
	float: right;
	width: 550px;
	margin-top: 2px;
	margin-bottom: 20px;
}/* See also contentBox styles below */
div#footerMenuBox {
	clear: both;
	width: 680px;
	padding: 10px;
	border: 1px solid #E7E3DE;
	margin-bottom: 15px;
	text-align: center;
}
div#footerMenuBox,
div#footerMenuBox a {
	color: #999999;
	text-decoration: none;
}
div#footerMenuBox a:hover {
	color: #333333;
}
div#copyrightBox {
	font-size: xx-small;
}
div#copyrightBox,
div#copyrightBox a {
	color: #CCCCCC;
}
div#copyrightBox a:hover {
	color: #999999;
}
div#copyrightBox img.webmark {
	float: left;
	margin-right: 6px;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 leftColumnBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

 ul.navList {
	list-style: none;
	margin: 10px 0px 15px 0px;
	padding: 0px;
}
 ul.navList li {
	margin: 0px;
}
ul.navList li a {
	width: 108px;
	display: block;
	text-decoration: none;
	padding: 2px 15px;
}
 ul.navList li a:hover {
	background-color: #C9C9CA;
	color: #FFFFFF;
}


/* * * * * * * * * * * * * * * * * * * * * * 
contentBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */

div.categoryBox {
	float: left;
	width: 133px;
	padding: 5px 2px 10px 0px;
	text-align: center;
}
div.categoryBox a {
	text-decoration: none;
}
div.categoryThumbBox {
	height: 90px;
	padding: 8px 2px 4px 2px;
}



/* * * * * * * * * * * * * * * * * * * * * * 
linkedList STYLES 
* * * * * * * * * * * * * * * * * * * * * */

ul.linkedList {
	list-style: url(../fw/questionMark.gif);
	margin-bottom: 4em;
}
ul.linkedList a {
	text-decoration: none;
}
ul.linkedList li {
	padding-bottom: 1em;
}
p.backToTopLink {
	text-align: right;
}
div#linkedListExtender {
	height: 50%;
}

/* * * * * * * * * * * * * * * * * * * * * * 
pageNavBox STYLES (GALLERY PAGE)
* * * * * * * * * * * * * * * * * * * * * */

div.pageNavBox {
	padding: 10px 0px 10px 5px;
	clear: both;
}
div.pageNavBox,
div.pageNavBox a {
	color: #999999;
}
div.pageNavBox a:hover {
	color: #333333;
}
div.rightLinks {
	float: right;
}
div.rightLinks a {
	text-decoration: none;
}
/* * * * * * * * * * * * * * * * * * * * * * 
galleryItemBox STYLES (GALLERY PAGE)
* * * * * * * * * * * * * * * * * * * * * */

div.galleryItemBox {
	float: left;
	width: 175px;
	height: 210px;
	padding: 5px 2px 10px 0px;
}
div.galleryItemBox a {
	text-decoration: none;
}
div.itemThumbBox {
	text-align: center;
}
div.galleryItemText {
	padding: 5px;
	line-height: 1.5em;
}

/* * * * * * * * * * * * * * * * * * * * * * 
ITEM DETAIL PAGE STYLES 
* * * * * * * * * * * * * * * * * * * * * */

h1#itemHeader {
	float: left;
}
div.backBox {
	float: right;
	padding-top: 10px;
} /* Top padding should mirror h1 padding */
div.backBox a {
	text-decoration: none;
}
div#itemPhotoBox {
	clear: both;
	margin: 10px 0px;
}
div#itemPhotoBox img {
	border: 1px solid #C9C9CA;
}
div#itemThumbBox img {
	border: 1px solid #C9C9CA;
	margin: 0px 10px 10px 0px;
	display: block;
	float: left;
}
table#itemDetailsTable {
	margin: 25px 0px;
}
table#itemDetailsTable td {
	color: #333333;
}
table#itemDetailsTable th,
table#itemDetailsTable td {
	vertical-align: top;
	padding: 2px;
}
table#itemDetailsTable th {
	color: #929294;
	text-align: right;
	font-weight: normal;
}
table#itemDetailsTable td#priceButtonCell {
	color: #990000;
	padding-top: 20px;
}
table#itemDetailsTable td#priceButtonCell input {
	margin-top: 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * 
SHOPPING CART & CHECKOUT PAGE STYLES 
* * * * * * * * * * * * * * * * * * * * * */

table#cartTable {
	width: 100%;
	padding: 20px 0px;
	border-bottom: 1px solid #C9C9CA;
}
table#cartTable a {
	text-decoration: none;
}
table#cartTable td {
	vertical-align: top;
	padding-bottom:15px;
}
table#cartTable td.itemThumbCell {
	padding-right: 15px;
	text-align: right;
	width: 1%;
}
table#cartTable td.itemThumbCell img {
	border: 1px solid #C9C9CA;
}
table#cartTable td.itemDetailsCell {
	line-height: 1.5em;
}
table#cartTable td.itemDetailsCell input {
	float: right;
}
div#cartSubtotalBox {
	padding: 10px 0px 20px 0px;
	float: right;
	text-align: right;
}
div#cartSubtotalBox input {
	margin: 20px 0px 5px 5px;
}
div#couponCodeBox {
	padding: 0px 0px 20px 0px;
	clear: both;
	text-align: right;
}
div#couponCodeBox input {
	display: block;
	float: right;
	margin-left:5px;
}
div#couponCodeBox input#couponCode { 
	border: 1px solid #990000;
	height: 17px;
	padding: 2px;
	width: 128px;
}
table.checkoutFormTable {
	margin: 10px 0px;
	width: 100%;
}
table.checkoutFormTable td {
	color: #333333;
}
table.checkoutFormTable th,
table.checkoutFormTable td {
	vertical-align: top;
	padding: 3px;
	width: 50%;
}
table.checkoutFormTable th {
	color: #929294;
	text-align: right;
	font-weight: normal;
}
.formField {
	border: 1px solid #929294;
}
p.infoReview {
	padding-left: 10px;
	line-height: 1.5em;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 MISC. STYLES 
* * * * * * * * * * * * * * * * * * * * * */

.borderAll { 
	border: 1px solid #999999;
} /* Used for misc borders */
div.boundaryBox {
	clear: both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
img.photoFloatRt {
	float: right;
	margin: 20px;
}
.redText {
	color: #990000;
}