/* defaults for stuff */ 
body,td,input,div,textarea,select,th,p { 
	font-family: Arial,sans-serif;
	font-size: 12px;

}
#submitbutton {
	display: block;
	font-size: 1px;
	color: #483a33;
	border: none;
	width: 110px;
	text-align: center;
	vertical-align: top;
	height: 50px;
	background: url(../images/add_to_cart.gif) no-repeat 0 0;
}
#submitbutton:hover {
	color: #e20177;
	background: url(../images/add_to_cart_mouse_over.gif) no-repeat 0 0; cursor: pointer;
}
#donate {
	display: block;
	background: url(../images/donate.gif);
	float: left;
	width: 87px;
	height: 36px;
}
#donate:hover {
	background: url(../images/donate_mouse_over.gif);
}

#backToSite {
	display: block;
	background: url(../images/back_to_site.gif);
	position: relative;
	left: 764px;
	top: 22px;
	float: left;
	width: 116px;
	height: 34px;
}
#backToSite:hover {
	background: url(../images/back_to_site_mouse_over.gif);
}
td { text-align: left; }
tr { vertical-align: top; }
p { margin: 0px; margin-bottom: 10px; }
a { color: #483a33; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
form { margin: 0px; padding: 0px; }
div { text-align: left; padding: 0px; margin: 0px; }
div.message {
	color: #483a33;
	font-size: 10pt; 
}
div.componentheading { font-weight: bold; color: #483a33; padding-bottom: 10px; }
table.contentpane td { color: #483a33; padding: 2px; }

/* end defaults for stuff */

img, div { behavior: url(iepngfix.htc) }


/* setup the page */
body { 
	background: #a1b23c;
}
div.container { 
	width: 911px;
	text-align: left;
	background: url(../images/layout_bg.gif);
	margin-top: 70px;
	color: #483a33;
}

/* setup the top menu bits */
div.top div.menu { 
	width: 100%;
	height: 22px;
	background: url(../images/topmenubg.gif) top left repeat-x;
	font-size: 10px;
}
div.top div.menu div.logo { 
	float: left;
}
div.top div.menu div.logo img { display: block; }

div.top div.menu ul { 
	display: block;
	float: left;
	padding: 0px;
	padding-right: 150px;
	margin: 0px;
	height: 100%;
	background: url(../images/topmenuend.gif) top right no-repeat;
}
div.top div.menu ul li { 
	display: block; 
	float: left;
	height: 100%;
}
div.top div.menu ul li.first { 
	background: url(../images/topmenubegin.gif) top left no-repeat;
	padding-left: 66px;
}
div.top div.menu ul li a { 
	display: block;
	font-weight: bold;
	padding: 5px 20px 0px 20px;
}

/* setup the mid menu and masthead bits */
div.mid { 
	clear: both;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

div.header { 
	height: 152px;
	background: url(../images/layout_header.jpg) top right no-repeat;
	padding: 0px;
	margin: 0px;
}

div.footer {
	height: 5px;
	background: url(../images/layout_bottom.gif) bottom right no-repeat;
}
div.mid div.menu { 
	width: 100%;
	height: 19px;
}

div.mid ul { 
	margin: 0px;
	padding: 0px; 
	list-style-type: none;
}
div.mid li { 
	float: left;
	display: block;
	padding-left: 20px;
}
div.mid li img { display: block; }
div.mid li.first { 
	padding-left: 12px;
	margin-left: 0px;
}
div.mid li a { 
	display:  block;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
div.mid li a:hover { 
	text-decoration: underline;
}




/* main body bits */
div.body { 
	background: url(../images/layout_bg.gif);
	padding: 10px;
	clear: both;
	color: black;
}
div.body div.main { 
	margin-right: 200px;
}

div.body div.left { 
	width: 198px;
	float: right;
}

/* right column style elements */
div.left div.moduletable {
	background: #ceced0;
	padding-bottom: 10px;
	margin-bottom: 15px; 
	color: #483a33;
	font-size: 12pt;
	margin-right:26px;
}

div.left div.moduletable ul {
	margin: 10px 10px 10px 10px; 
	padding: 0px 0px 0px 5px; 
}
div.left div.moduletable ul li {
	margin: 0px 0px 0px 10px; 
}
div.left div.moduletable h3 { 
	color: #ee2c74;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 2px 10px; 
}

div.left div.moduletable h3 a { color: #ee2c74; }

div.left div.moduletable a {
	color: #483a33;
}

div.left div.cart { 
	padding-left: 10px; 
}
div.left div.cart hr { display: none; }

div.left div.cart a.viewcart,
div.left div.cart a.checkout {
	display: block;
}

div.main {
	width: 645px;
	margin-left: 28px;
	margin-top: 0px;
	background: url(../images/box_bg.gif);
}
div.maintop {
	width: 645px;
	height: 4px;
	margin-left: 28px;
	background: url(../images/box_top.gif);
}
div.mainbottom {
	width: 645px;
	height: 5px;
	margin-left: 28px;
	background: url(../images/box_bottom.gif);
}


/* shopping component bits */
div.main div.item div.title a { 
	color: #483a33;
	font-size: 10px;
}
	
/*********************************************************************************
 * content item style elements */
div.main table.contentpaneopen td { color: #483a33; }
div.main table.contentpaneopenfaq td { color: #483a33; }
div.main table.contentpaneopenfaq td div.questions { padding: 0px 0px 20px 0px; }
div.main table.contentpaneopenfaq td div.questions div.section { padding-bottom: 10px; }
div.main table.contentpaneopenfaq td div.questions div.heading { font-weight: bold; font-size: 12pt; }
div.main table.contentpaneopenfaq td div.questions a { display: block; padding: 2px 0px 2px 0px; }
div.main table.contentpaneopenfaq td div.answers { padding: 0px 0px 20px 0px; }
div.main table.contentpaneopenfaq td div.answers div.section { padding-bottom: 10px; }
div.main table.contentpaneopenfaq td div.answers div.heading { font-weight: bold; font-size: 12pt; }
div.main table.contentpaneopenfaq td div.answers div.question { padding: 2px 0px 2px 0px; }
div.main table.contentpaneopenfaq td div.answers div.answer { padding: 0px 20px 0px 10px; border-left: 1px solid #999999; margin: 0px 0px 20px 10px; }
div.main table.contentpaneopenfaq td div.answers a.top { text-align: right; display: block; margin-bottom: 15px; }





/*********************************************************************************
 * shopping cart style elements */
div.main div.shop a { 
	color: #483a33; 
	text-decoration: none;
}
div.main div.shop a:hover { text-decoration: underline; }

/* style elements for the banner image */
div.main div.shop div.banner { margin: 0px; padding: 0px; padding-bottom: 0px; }
div.main div.shop div.banner img { border: 1px solid black; display: block; margin: 0px; padding: 0px; }


/* style elements for the item page view */
div.main div.shop#itemView div.category { margin: 0px 0px 0px 0px; padding: 0px; }
div.main div.shop#itemView div.category img { border: 1px solid black; }
div.main div.shop#itemView div.item { 
	color: #483a33;
	width: 645px;
}
div.main div.shop#itemView div.item div.left {
	text-align: center;
	float: left;
}
div.main div.shop#itemView div.item div.right { 
	float: right; 

	width: 322px; 

}

/* stuff in the left shop column */
div.main div.shop#itemView div.item div.mainImage {
	width: 323px;
	text-align: center;
	
}
div.main div.shop#itemView div.item div.mainImage img {
	border: 0px; margin: 10px;
}
div.main div.shop#itemView div.item div.mainImage div.caption { 
	text-align: left; 
	width: 323px;
	margin-top: 10px;


	color: #483a33; 
	font-size: 10px; 
	font-style: italic;
}
div.main div.shop#itemView div.item div.mainImage div.caption div { padding: 5px; }

/* stuff in the right shop column */
div.main div.shop#itemView {
}
div.main div.shop#itemView div.item div.title { text-align: left; font-weight: bold; padding: 8px 0px 5px 0px; color: #e20177; font-size: 20px; }
div.main div.shop#itemView div.item div.image { text-align: left; padding-bottom: 0px; display: none;}
div.main div.shop#itemView div.item div.image img { padding: 5px 0px 5px 0px; }
div.main div.shop#itemView div.item div.descr { padding: 10px;  }
div.main div.shop#itemView div.item div.options { margin-top: 10px; background: url(../images/product_line.gif) 9px 0px no-repeat; padding-top: 20px; }
div.main div.shop#itemView div.item div.options div.option { padding: 5px 0px 5px 0px; }
div.main div.shop#itemView div.item div.shiptime, 
div.main div.shop#itemView div.item div.sizechart { margin: 10px 0px 10px 0px; }
div.main div.shop#itemView div.item div.priceflags, 
div.main div.shop#itemView div.item div.regprice, 
div.main div.shop#itemView div.item div.discprice { height: 20px; color: #e20177; font-size: 13px; font-weight: bold; }
div.main div.shop#itemView div.item div.priceflags span.canada, 
div.main div.shop#itemView div.item div.priceflags span.us, 
div.main div.shop#itemView div.item div.regprice span.canada, 
div.main div.shop#itemView div.item div.discprice span.canada,
div.main div.shop#itemView div.item div.regprice span.us, 
div.main div.shop#itemView div.item div.discprice span.us { float: left; width: 50px; color: #e20177; font-size: 13px; font-weight: bold; text-align: center; }
div.main div.shop#itemView div.item div.discprice { font-weight: bold; }
div.main div.shop#itemView div.item div.quantity { }
div.main div.shop#itemView div.item div.weight { display: none;  }
div.main div.shop#itemView div.item select { margin-right: 10px; }
div.main div.shop#itemView div.item div.submitButton { padding: 10px; }

div.main div.shop#itemView div.item div.shiptime,
div.main div.shop#itemView div.item div.sizechart 
{ padding-left: 10px; }

div.main div.shop#itemView div.item span.label { padding-left: 10px; display: block; float: left; width: 100px; }

div.main div.shop#itemView div.item div.alternates { 
	text-align: center;
	margin-top: 15px; 
}
div.main div.shop#itemView div.item div.alternates div.image { 
	display: inline;
	vertical-align: middle;
	margin: 5px; 
}


/* style elements for the cat view */
div.shop#categoryView {
}

div.main div.shop#categoryView div.category img { float: left; padding-bottom: 10px; }
div.main div.shop#categoryView div.heading { 
	font-size: 16pt;
	font-weight: bold;
	color: #483a33;
}
div.main div.shop#categoryView div.descr img { border: 1px solid black; }


div.main div.shop#categoryView div.item#i0 { margin-left: 0px; }

div.main div.shop#categoryView div.item div.title {
	text-align: center;
	font-weight: bold;
	background: #71a8cf;
	background: url(../images/boxtitle.jpg) top right repeat-y;
	padding: 4px;
	padding-bottom: 0px;
	height: 20px;
}
div.main div.shop#categoryView div.item div.title a { color: #483a33; }

div.main div.shop#categoryView div.item div.image { 
	text-align: center; 
	padding: 5px; 
	height: 110px;
}
div.main div.shop#categoryView div.item div.descr,
div.main div.shop#categoryView div.item div.regprice,
div.main div.shop#categoryView div.item div.discprice { display: none; }

div.main div.shop#categoryView div.item { 
	width: 130px;
	float: left;
	margin: 10px 0px 10px 10px;

}




/* style elements for viewing a shopping cart item */
div.main div.shop#cartView,
div.main div.shop#cartView div,
div.main div.shop#cartView div a { color: #483a33; }
div.main div.shop#cartView div.item { height: 25px; }
div.main div.shop#cartView div.item div.title { width: 150px; font-weight: bold; }
div.main div.shop#cartView div.item div.options { width: 100px; font-style: italic; }
div.main div.shop#cartView div.item div.descr { display: none; }
div.main div.shop#cartView div.item div.image { display: none; }
div.main div.shop#cartView div.item div.price { width: 100px; }
div.main div.shop#cartView div.item div.quantity { padding-left: 10px; }

div.main div.shop#cartView div.item div.title,
div.main div.shop#cartView div.item div.options,
div.main div.shop#cartView div.item div.quantity,
div.main div.shop#cartView div.item div.price { 
	float: left;
	display: block;
	padding: 7px 5px 0px 0px;
	height: 20px; 
	vertical-align: top;
}

div.main div.shop#cartView div.item div.quantity { padding: 0px; }
div.main div.shop#cartView input.checkout { float: right; margin-right: 13px; }
div.main div.shop#cartView input.keepshopping { float: left; }

div.main div.shop#categoryList div.category { 
	height: 200px;
/*	background-image: url(../images/cat1.png);*/
	border: 0px;
	margin-bottom: 10px;
/*	opacity: .4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; // first!
	filter: alpha(opacity=40);					// second!*/
	
}

div.main div.shop#categoryList div.category div.itemGroup { 
	height: 100px;
	width: auto;
}
div.main div.shop#categoryList div.category div.catButton { 
	float: right; 
	margin: 3px 3px 0px 0px;
}
* html div.main div.shop#categoryList div.category div.catButton { margin-right: 50px; }
div.main div.shop#categoryList div.category div.title { 
	text-align: left;
	background-image: url(../images/cat1.png) top right repeat-y;
	padding: 5px;
	font-size: 9pt;
	display: block;
	font-weight: bold;
}
div.main div.shop#categoryList div.category div.title a { color: #483a33; }

div.main div.shop#categoryList div.category div.item { 
	width: 130px;
	float: left;
	margin: 10px 0px 10px 10px;
}
div.main div.shop#categoryList div.category div.item div.image { 
	text-align: center; 
	height: 120px;
}
div.main div.shop#categoryList div.category div.item div.image img { margin-top: 5px; }
div.main div.shop#categoryList div.category div.item div.title { 
	text-align: center;
	padding: 5px 5px 0px 5px;
	height: 30px;
	margin: 0px;
	border: 0px;

}
div.main div.shop#categoryList div.category div.item div.title a { color: #483a33; font-weight: bold; }

/* style elements for the large image view */
div.main div.shop#imageView { text-align: center; }
div.main div.shop#imageView div.item {	
	width: 500px;
	border: 1px solid black;
}
div.main div.shop#imageView div.item div.title { 
	background: #000000; 
	color: #483a33;	
	font-weight: bold;
	padding: 5px; 
	border-bottom: 1px solid black;
}
div.main div.shop#imageView div.item div.image { text-align: center; padding: 10px; }
div.main div.shop#imageView div.item div.closeLink { text-align: right; }
div.main div.shop#imageView div.item div.closeLink a { 
	color: #483a33;
	font-size: 10px;
	padding: 5px;
	display: block;
}


/* style elements for viewing a shopping cart item */
div.main div.shop#checkout,
div.main div.shop#checkout div,
div.main div.shop#checkout div a { color: #483a33; }
div.main div.shop#checkout div.item { height: 25px; }
div.main div.shop#checkout div.item div.title { width: 250px; font-weight: bold; }
div.main div.shop#checkout div.item div.options { width: 150px; font-style: italic; }
div.main div.shop#checkoutdiv.item div.descr { display: none; }
div.main div.shop#checkout div.item div.image { display: none; }
div.main div.shop#checkout div.item div.price { width: 100px; }
div.main div.shop#checkout div.item div.quantity { padding-left: 10px; }

div.main div.shop#checkout div.item div.title,
div.main div.shop#checkout div.item div.options,
div.main div.shop#checkout div.item div.quantity,
div.main div.shop#checkout div.item div.price { 
	float: left;
	display: block;
	padding: 7px 5px 0px 0px;
	height: 20px; 
	vertical-align: top;
}

div.main div.shop#checkout div.item div.quantity { padding: 0px; }
div.main div.shop#checkout input.checkout { float: right; margin-right: 13px; }
div.main div.shop#checkout input.keepshopping { float: left; }


/* style elements for the checkout process */
div.main div.shop#shipping a { color: #483a33; }
div.main div.shop#shipping th { font-weight: bold; padding: 2px 25px 2px 2px; border-bottom: 1px solid white; }
div.main div.shop#shipping td { padding: 2px 25px 2px 2px; }
div.main div.shop#shipping table { margin-bottom: 20px; }
div.main div.shop#shipping div.shipnote { font-weight: bold; font-size: 10pt; }


/* style elements for the checkout process */
div.main div.shop#checkout,
div.main div.shop#checkout2,
div.main div.shop#checkout3,
div.main div.shop#checkout4,
div.main div.shop#shipping,
div.main div.shop#payment { color: #483a33; }



div.main div.shop#checkout td.title a { color: #483a33; font-weight: bold; }
div.main div.shop#checkout td.options { color: #483a33; font-style: italic; }
div.main div.shop#checkout td.price { color: #483a33; }

div.main div.shop#checkout td,
div.main div.shop#checkout div { color: #483a33; }

div.main div.shop#payment div.shippingAddress { padding-top: 20px; }
div.main div.shop#payment div.shippingAddress div { padding-left: 20px; }
div.main div.shop#payment div.shippingAddress div.heading { padding-left: 0px; font-weight: bold; }
div.main div.shop#payment div.billingAddress { padding-top: 20px; }
div.main div.shop#payment div.billingAddress div { padding-left: 20px; }
div.main div.shop#payment div.billingAddress div.heading { padding-left: 0px; font-weight: bold; }
div.main div.shop#payment td { padding: 3px 0px 3px 3px; }

div.main div.shop#failed,
div.main div.shop#failed h2,
div.main div.shop#failed td,
div.main div.shop#failed th,
div.main div.shop#failed div,
div.main div.shop#approved h2,
div.main div.shop#approved td,
div.main div.shop#approved th,
div.main div.shop#approved div { color: #483a33; }
div.main div.shop#approved span.label { font-weight: bold; }

div.main div.shop#approved div.invoice { border-top: 1px solid white; height: 160px; }
div.main div.shop#approved div.invoice div.left { float: left; width: 300px; }
div.main div.shop#approved div.invoice div.right { float: right; width: 300px; }
div.main div.shop#approved span.label { font-weight: bold; }
div.main div.shop#approved div.address { border-top: 1px solid white; height: 160px; }
div.main div.shop#approved div.billing { float: left; width: 300px; }
div.main div.shop#approved div.billing span.label { width: 100px; }
div.main div.shop#approved div.billing div.heading { font-weight: bold; }
div.main div.shop#approved div.shipping { float: right; width: 300px; }
div.main div.shop#approved div.shipping span.label { width: 100px; }
div.main div.shop#approved div.shipping div.heading { font-weight: bold; }
div.main div.shop#approved table.items { width: 90%; }
div.main div.shop#approved table.items tr.subtotal,
div.main div.shop#approved table.items tr.total,
div.main div.shop#approved table.items tr.subtotal td,
div.main div.shop#approved table.items tr.total td { border-top: 1px solid white; }
div.main div.shop#approved table.items th { text-align: left; font-weight: bold; text-decoration: underline; padding: 0px 20px 2px 0px; }
div.main div.shop#approved table.items td { padding: 0px 20px 2px 0px; }
div.main div.shop#approved div.thankyou { 
	border-top: 1px solid white;
	margin-top: 10px;
	padding: 10px; 
	text-align: center;
}

/* style elements for the login panel */
div.main div.shop#login form, 
div.main div.shop#login td, 
div.main div.shop#login th, 
div.main div.shop#login a, 
div.main div.shop#login div { color: #483a33; }
div.main div.shop#login table { margin-top: 10px; }
div.main div.shop#login input { margin-bottom: 10px; }
div.main div.shop#login input.remember { margin-bottom: 0px; }
div.main div.shop#login input.button { margin-top: 10px; }


/* style elements for the sizes chart popup */
div.main div.shop#viewSizes { text-align: center; } 
div.main div.shop#viewSizes div, 
div.main div.shop#viewSizes td, 
div.main div.shop#viewSizes a { color: #483a33; }
div.main div.shop#viewSizes div.chart { width: 400px; text-align: center; }
div.main div.shop#viewSizes div.closeLink { margin-top: 30px; text-align: right; width: 500px; }