.boxText {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}
.errorBox {
	font-family : Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	background: #ffb3b5;
	font-weight: bold;
}
.stockWarning {
	font-family : Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	color: #cc0033;
}
.productsNotifications {
	background: #f2fff7;
}
.orderEdit {
	font-family : Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}
BODY {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	text-decoration: none;
}
A {
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
FORM {
	display: inline;
}
TR.header {
	background: #ffffff;
}
TR.headerNavigation {
	background: #bbc3d3;
}
TD.headerNavigation {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	background: #bbc3d3;
	color: #ffffff;
	font-weight : bold;
}
A.headerNavigation {
	color: #FFFFFF;
}
A.headerNavigation:hover {
	color: #ffffff;
}
TR.headerError {
	background: #ff0000;
}
TD.headerError {
	font-family: Tahoma, Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}
TR.headerInfo {
	background: #00ff00;
}
TD.headerInfo {
	font-family: Tahoma, Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
TR.footer {
	background: #bbc3d3;
}
TD.footer {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	background: #bbc3d3;
	color: #ffffff;
	font-weight: bold;
}
.infoBox {
	background: #FFFFFF;/*border: 1px solid #CCCCCC;*/
}
.infoBoxContents {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.infoBoxNotice {
	background: #FF8E90;
}
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}
TD.infoBoxHeading {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(images/infobox/corner_bg.gif) ;
	color: #000000;
}




TD.infoBox, SPAN.infoBox {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background: #f8f8f9;
}
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
}
.productListing-heading {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	background: #b6b7cb;
	color: #FFFFFF;
	font-weight: bold;
}
TD.productListing-data {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}
A.pageResults {
	color: #333333;
	text-decoration: none;
}
A.pageResults:hover {
	color: #333333;
	background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #9a9a9a;
}
TR.subBar {
	background: #f4f7fd;
}
TD.subBar {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
TD.main, P.main {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
TD.accountCategory {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}
TD.fieldKey {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
TD.fieldValue {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}
TD.tableHeading {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.newItemInCart {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
TEXTAREA {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
SPAN.greetUser {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}
TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}
TD.formAreaTitle {
	font-family: Tahoma, Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.markProductOutOfStock {
	font-family: Tahoma, Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}
SPAN.productSpecialPrice {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}
SPAN.productPrice {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}
SPAN.errorText {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	color: #ff0000;
}
.moduleRow {
}
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected {
	background-color: #E9F4FC;
}
.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
}
.checkoutBarCurrent {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* message box */

.messageBox {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #99ff00;
}
/* input requirement */

.inputRequirement {
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
.headerContent {
	margin : 0 auto;
	width : 261px;
	text-align : left;
	display : block;
	position : relative;
	clear : both;
}
#header p {
	padding : 0 0 0 703px;
	height : 50px;
	width : 261px;
	background : url(images/headerLinksBack.gif) top left no-repeat
}
#header a {
	display : block;
	float : left;
	line-height : 150px;
	overflow : hidden;
}
.myAccount {
	height : 30px;
	width : 102px;
	background : url(images/navTopLinks.gif) 0px 0px;
}
.shoppingCart {
	height : 30px;
	width : 159px;
	background : url(images/navTopLinks.gif) 159px 0px;
}
.myAccount:hover {
	height : 30px;
	width : 102px;
	background : url(images/navTopLinks.gif) 0px 50px;
}
.shoppingCart:hover {
	height : 30px;
	width : 159px;
	background : url(images/navTopLinks.gif) 159px 50px;
}
.breadcrumbs ul {
	padding : 20px 20px 10px 20px;
	width : 924px;
}
.breadcrumbs ul li {
	padding : 0 16px 0 0;
	background : url(images/breadcrumb.gif) right no-repeat;
	display : inline;
}
.breadcrumbs ul li.last {
	padding : 0;
	background : none;
}
.breadcrumbs a {
	color : #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.breadcrumbs a:hover {
	color : #c30;
}
.navigation {
	margin : 0;
	padding : 0 0 0 0;
	width : 100%;
	background : url(images/pagingTopBack.gif) bottom left repeat-x #fff;
	display : block;
	*margin:0 -4px 0 -23px;
}
.navigation ul {
	margin : auto;
	padding : 0 0 0 0px;
	width : 664px;
	list-style : none;
	display : block;
}
.navigation li {
	margin : 0;
	padding : 0;
	width : auto;
	display : block;
	float : left;
	position : relative;
	z-index : 1;
}
.navigation a {
	margin : 0;
	padding : .5em 0 .5em 0;
	width : auto;
	color : #333;
	text-align : center;
	display : block;
	clear : both;
}
.navigation a:hover {
	color : #c30;
}
/* These can be used to modify the main links of the navigation 

.mainLink { border-left : 1px #fff solid; }
li.link6 a.mainLink { border-right : 1px #fff solid; }
*/
/* Use this class to create a graphic link style instead of text 
	to hide the text we use a negative text indent to remove the text from view */
.navigation a.graphicLink {
	padding : 0;
	height : 39px;
	text-indent : -5000px;
	overflow : hidden;
}
/* These rules set widths for the main links in the navigation

	For a top navigation I think it is best to force some kind of restraint on the growth of the text.
	Simply applying widths through classes can make a liquid design maintain some sort of order 
	
	If used in addition to ".graphicLink" you would specify the background images in the seperate classes here.
	Here I am using one background image and then specifying the location to display for the different links
*/
	
.navigation li a.link1 {
	width : 58px;
	background : url(images/navLinks.gif) 0px 0px;
}
.navigation li a.link2 {
	width : 58px;
	background : url(images/navLinks.gif) 587px 0px;
}
.navigation li a.link3 {
	width : 64px;
	background : url(images/navLinks.gif) 527px 0px;
}
.navigation li a.link4 {
	width : 105px;
	background : url(images/navLinks.gif) 461px 0px;
}
.navigation li a.link5 {
	width : 142px;
	background : url(images/navLinks.gif) 357px 0px;
}
.navigation li a.link6 {
	width : 55px;
	background : url(images/navLinks.gif) 215px 0px;
}
.navigation li a.link7 {
	width : 55px;
	background : url(images/navLinks.gif) 160px 0px;
}
.navigation li a.link8 {
	width : 105px;
	background : url(images/navLinks.gif) 105px 0px;
}
.navigation li a.link1:hover {
	width : 58px;
	background : url(images/navLinks.gif) 0px 40px;
}
.navigation li a.link2:hover {
	width : 58px;
	background : url(images/navLinks.gif) 587px 40px;
}
.navigation li a.link3:hover {
	width : 64px;
	background : url(images/navLinks.gif) 527px 40px;
}
.navigation li a.link4:hover {
	width : 105px;
	background : url(images/navLinks.gif) 461px 40px;
}
.navigation li a.link5:hover {
	width : 142px;
	background : url(images/navLinks.gif) 357px 40px;
}
.navigation li a.link6:hover {
	width : 55px;
	background : url(images/navLinks.gif) 215px 40px;
}
.navigation li a.link7:hover {
	width : 55px;
	background : url(images/navLinks.gif) 160px 40px;
}
.navigation li a.link8:hover {
	width : 105px;
	background : url(images/navLinks.gif) 105px 40px;
}
.sideNav {
	margin : 0;
	padding : 20px 0 0 0;
	width : 150px;
	background : none;
	display : block;
	float : left;
}
/*
.sideNav ul { padding : 0 0 0 10px; width : 140px; float : left; clear : left; position : static; }
.sideNav li { width : 125px; }
.sideNav li ul { top: 0; left: 0px; }*/
.sideNav a {
	padding : .5em 10px .5em 10px;
	width : 120px;
	text-align : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/*.sideNav li a.selected { font-weight : bold; }*/
.sideNav a:hover {
	background : url(images/productSectionTitleBack.gif) top left repeat-x;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.txtfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.pigura {
	border:1px solid #ccc;
}
/* The h2 are used to create the list titles */

.productList h2 {
	padding : 8px 26px 10px 26px;
	width : 702px;
	text-align : left;
	background : url(images/productSectionTitleBack.gif) top left repeat-x #fff;
	display : block;
	float : left;
}
/* This Rule creates the double gradient bar for the top of the listing pages */

.productList h2.listingTop {
	padding : 20px 26px 10px 26px;
	background : url(images/listingTopBack.gif) bottom left repeat-x #fff;
}
/* The ul are used to create the each row of the list */

.productList ul {
	padding : 0;
	width : 644px;
	display : block;
	float : left;
}
/* The li are used to create each seperate list item */

.productList li {
	padding : 1px 0 10px 0;
	width : 214px;
	text-align : center;
	/*background : url(images/productTop.gif) top left no-repeat;*/
	display : block;
	float : left;
}
.productList li img {
	padding : 10px 26px 10px 26px;
	/*width : 150px;
	/*background : url(images/productBack.gif) bottom left no-repeat;*/
	display : block;
	border-left:2px solid #CCCCCC;
	border-top:2px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.productList a {
	color : #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.productList a:hover {
	color : #c30;
}
/* Rules for creating product listing brand selection form*/

.productList fieldset {
	padding : 0 0 0 194px;
	width : 112px;
	background : url(images/brandSelectText.gif) left no-repeat;
}
.productList select {
	margin : 0;
	padding : 0;
	font-size : 1em;
	border : 1px #b8b8b8 solid;
	display : block;
	float : left;
}
.productList option {
	margin : 0;
	padding : 2px 0 0 0;
	height : inherit;
	font-size : inherit;
	border : none;
	display : block;
}
.productList select.shopBrands {
	width : 110px;
}
/* Product Detail Page

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.productDetail {
	margin : 15px 0 0 0;
	padding : 0;
	width :644px;
	background : url(images/productDetailBack.gif) bottom left repeat-y;
	display : block;
	float : left;
}
.productDetail li {
	padding : 0;
	text-align : left;
	background : none;
	display : block;
	float : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.productDetail li.image {
	padding : 7px 14px 0 8px;
	width : 300px;
	text-align : center;
	background : url(images/productDetailTop.gif) top left no-repeat;
}
.productDetail li.form {
	padding : 20px;
	width : 280px;
	line-height : 2em;
}
.productDetail li.bottomLinks {
	width : 644px;
}
.productDetail li img {
	padding : 0;
	width : 290px;
	height : 290px;
	display : block;
	float : left;
}
/* Rules for creating product detail form*/

.productDetail fieldset {
	padding : 20px 0 0 0;
	width : 280px;
	background : none;
}
.productDetail label {
	padding : 0;
	width : 280px;
	font-weight : bold;
}
.productDetail label a {
	color : #c30;
}
.productDetail label a:hover {
	color : #930;
}
.productDetail select {
	margin : 0;
	padding : 0;
	font-size : 1em;
	border : 1px #b8b8b8 solid;
	display : block;
	float : none;
}
.productDetail option {
	margin : 0;
	padding : 2px 0 0 0;
	height : inherit;
	font-size : inherit;
	border : none;
	display : block;
}
.productDetail select.choose {
	width : 150px;
}
.productDetail select.quantity {
	width : 40px;
}
.productDetail input {
	margin : 0;
	padding : 0;
	font-size : 1em;
	display : block;
	float : left;
}
.productDetail input.viewMoreImages {
	height : 37px;
	width : 322px;
	overflow : hidden;
}
.productDetail input.addToCart {
	height : 37px;
	width : 192px;
	overflow : hidden;
}
.productDetail input.addToWishList {
	height : 37px;
	width : 95px;
	overflow : hidden;
}
.productDetail input.emailFriend {
	height : 37px;
	width : 97px;
	overflow : hidden;
}
.pagingTop, .pagingBottom {
	padding : 12px 6px 12px 6px;
	width : 322px;
	text-align : right;
	display : block;
	float : left;
}
.pagingTop {
	padding : 1px 6px 1px 6px;
	width : 300px;
	float : right;
}
.pagingBottom {
	background : url(images/pagingBottomBack.gif) top left repeat-x #fff;
}
.pagingTop a, .pagingBottom a {
	padding : 4px 6px 4px 6px;
	color : #666;
	text-align : center;
}
.pagingTop a:hover, .pagingBottom a:hover {
	color : #c30;
}
.pagingTop a.selected, .pagingBottom a.selected {
	font-weight : bold;
}
.pagingTop a.viewAll, .pagingBottom a.viewAll {
	margin : 0 0 0 6px;
	padding : 4px 6px 4px 6px;
	text-align : center;
	border : 1px #999 solid;
	background : url(images/buttonPagingViewAll.gif) left repeat;
}
.fontshotcart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.textglobal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.textglobal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

/* Rules for creating footer elements*/

.footerFlash {
	margin : 0 auto 0 auto;
	height : 64px;
	width : 100%;
	min-width : 964px;
	text-align : left;
	background : url("images/footerBack.jpg") center repeat-x;
	display : block;
	clear : both;
}
#footer p { padding : 10px 10px 14px 10px; width : 709px; float : left; }

/* Rules for creating homepage poster flash*/

.posters { padding : 0 0 0 20px; width :100%;margin:0; }
.posters p { padding : 20px 0 0 0; *padding : 20px 0 0 5px; width : 100%;margin:0;  }

/* sets the background of the homepage to black */

#homepage { background-image: url("images/wrapperBackHome.jpg"); height:500px; width:100%; margin:0;padding:0; }