html,body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #AF9350;

	font-family: "Verdana";
	font-size: 10px;
	color: #000000;
}

img { display: block; } /* necessary with strict doctype */

/******************* Headers **********************************/
h1 { font-family: "Arial"; font-size: 17px; color: #454141; margin: 0px 0px 15px 0px; padding: 0px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
h2 { font-family: "Arial"; font-size: 14px; color: #454141; margin: 0px 0px 5px 0px; padding: 0px; font-weight: bold; text-transform: uppercase; }
h3 { font-family: "Arial"; font-size: 12px; color: #454141; margin: 0px; padding: 0px; font-weight: bold; }
h4 { font-size: 10px; margin: 0px; padding: 0px; font-weight: bold; }

/******************* Links **********************************/
a:link{
	color: #A72811;
	text-decoration: none; 
}
a:visited{
	color: #AF9350;		
	text-decoration: none; 
}
a:hover{
	color: #705D0E;
	text-decoration: underline; 
}
a:active{
	color: #705D0E;
	text-decoration: underline; 
}

#featuredProductTitle a:link, #featuredProductTitle a:visited {
	color: #FFFFFF;
	text-decoration: none; 
}
#featuredProductTitle a:hover, #featuredProductTitle a:active {
	color: #FFFFFF;
	text-decoration: underline; 
}



/******************* Misc. **********************************/

p { margin-top: 20px; margin-bottom: 30px; text-align: justify; }

.anchor { position: relative; width: 0px; height: 0px; }
.error { color: #A72811; }

#minWidthSpacer {
	width: 900px;
	height: 1px;
}

#leftColumnMinWidthSpacer { 
	width: 480px;
	height: 1px;
}

/************** Home specific ***************/

#homeBackgroundWrapper {
	position: absolute; z-index: 1;
}

#overallHomeMarginTable { width: 100%; }
#overallHomeMarginLeftCell { background: #AF9350 url(../images/home/left_bg.jpg) top right no-repeat;  }
#overallHomeMarginMiddleCell {
	width: 904px; height: 662px; 
	background-color: #AF9350;
}
#overallHomeMarginRightCell { background: #AF9350 url(../images/home/right_bg.jpg) top left no-repeat;  }

#homeNavBar {
	position: absolute;
	z-index: 2;
	top: 67px; left: 106px; 
}

#homeTextInfo {	
	position: absolute;	
	top: 355px; left: 609px;
	font-size: 10px;
	width: 205px;
	font-weight: bold;
	text-align: justify;
}

/************** Rotating Image ***************/
#image1Wrapper {
    position: absolute;
    z-index: 1;
    display: block;
	width: 175px; height: 135px; overflow: hidden;
}

#image2Wrapper {
    display: none;
    position: absolute;
    z-index: 2;
	width: 175px; height: 135px; overflow: hidden;
}

/************** Featured Products Balloon ***************/
#featuredProductBalloon { position: absolute; z-index: 4; top: 80px; left: 590px; }
#featuredProductBalloon div.balloon_topLeft {
	background: url(../images/balloon/fp_balloon_tl.gif) top left no-repeat;
	font-size: 0px;
	width: 22px; height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon div.balloon_topRight {
	background: url(../images/balloon/fp_balloon_tr.gif) top left no-repeat;
	font-size: 0px;
	width: 22px; height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon div.balloon_bottomLeft {
	background: url(../images/balloon/fp_balloon_bl.gif) top left no-repeat;
	font-size: 0px;
	width: 22px; height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon div.balloon_bottomRight {
	background: url(../images/balloon/fp_balloon_br.gif) top left no-repeat;
	font-size: 0px;
	width: 22px; height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon td.balloon_top {
	background-color: #9A8043;
	font-size: 0px;
	height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon td.balloon_bottom {
	background-color: #9A8043;
	font-size: 0px;
	height: 23px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon td.balloon_left {
	background-color: #9A8043;
	font-size: 0px;
	width: 22px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon td.balloon_right {
	background-color: #9A8043;
	font-size: 0px;
	width: 22px;
	padding-left: 0px; padding-right: 0px;
}
#featuredProductBalloon div.balloon_middle {
	background-color: #AF9350; width: 175px; height: 135px; 
}

#featuredProductTitle {
	margin-top: 0px;
	height: 10px; 
	font-size: 10px; line-height: 10px; 
	color: #FFFFFF;	
}

/************** Content Pages ***************/
#homeHeaderLink {
	position: absolute;
	z-index: 2; top: -70px; left: 516px;
	width: 250px; height: 70px;
	background: url(../images/blank.gif) top left repeat;
	cursor: pointer;
}
#overallMarginTable { width: 100%; }

#overallMarginLeftCell { background: #AF9350 url(../images/content/left_bg.jpg) top right no-repeat;  }
#overallMarginMiddleCell {
	width: 903px; height: 662px; 
	background-color: #AF9350;
}
#overallMarginRightCell { background: #AF9350 url(../images/content/right_bg.jpg) top left no-repeat;  }

#contentRepeater {
	background: #AF9350 url(../images/content/content_repeater.jpg) top left repeat-y;
	width: 903px; /*height: 100%;*/
}
#contentBottomBackdrop { 
	background: url(../images/content/archer_bg.jpg) bottom left no-repeat; 
	width: 903px; /*height: 100%;*/
}
#contentTopBackdrop { 
	background: url(../images/content/content_top.jpg) top left no-repeat; 
	width: 903px; /*height: 100%;*/
}

#contentWrapper {
	margin: 0px 120px 0px 125px; 
	padding: 40px 0px;	
}

#contentNavBar {
	position: absolute; z-index: 2;
	top: 5px; left: 100px;
}

.inputGroup { margin-bottom: 10px; }

/***************** Sidebar **********************/
#sidebar { padding-left: 15px; padding-top: 10px; width: 120px;}
#sidebarCell { border-left: 1px solid #F6F3E2; }
.sidebarImageWrapperOff { 
	width: 114px; height: 133px; overflow: hidden;
	padding: 2px;
}
.sidebarImageWrapperOn { 	
	width: 114px; height: 133px; overflow: hidden;
	border: 2px solid #A5290D;
}
#sidebar p { text-align: left; }

/***************** Product Table **********************/
#productTableWrapper {
	width: 720px; 
	background-color: #F3EDDF; 
	border: 1px solid #A59B56; 
	margin-left: -35px; 
	margin-bottom: 50px;
}
.productThumbCell {
	border-right: 1px solid #FFFFFF;
	padding: 20px;
}
.productDataCell {
	padding: 20px;
}
.productButtonCell {
	padding: 10px; 
	border-top: 1px solid #A59B56;
}

.productImageWrapperOff { 
	width: 110px; height: 80px; overflow: hidden;
	padding: 2px;
}
.productImageWrapperOn { 	
	width: 110px; height: 80px; overflow: hidden;
	border: 2px solid #A5290D;
}

/***************** Order Info ******************/
#orderTableWrapper {
	width: 720px; 
	background-color: #F3EDDF; 
	border: 1px solid #A59B56; 
	margin-left: -35px; 
	margin-bottom: 50px;
}
.orderTableCell {
	background-color: #E9DEC8;
	padding: 10px;
}
.orderButtonCell {
	padding: 10px; 
	border-top: 1px solid #A59B56;
}
#orderProductList { margin: 0px -10px; }
.orderProductCell { padding: 5px 10px; }

.orderTotal { font-family: "Arial"; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.orderSubtotal { font-family: "Arial"; font-size: 12px; font-weight: bold; }

/***************** Receipt ******************/
#receiptTableWrapper {
	width: 640px; 
	background-color: #FFFFFF; 
	border: 1px solid #A59B56; 
	margin-left: -35px; 
	margin-bottom: 50px;
	padding: 40px 40px 0px 40px;
}

.receiptTableCell { padding: 10px 10px; }

#receiptTableWrapper label { font-weight: bold; }

#receiptProductList { margin: 0px -10px; }
.receiptProductCell { padding: 5px 10px; }

.receiptButtonCell {
	padding: 10px; 
	border-top: 1px solid #A59B56;
	background-color: #F3EDDF;
}

/***************** media slip **********************/
.mediaSlip {
	padding: 10px;
	background-color: #AF9350;
}
#mediaSlipText { 
	background-color: #AF9350;
	padding-bottom: 5px;
	border: 1px solid #AF9350;	/* this is lame - but without it, IE 6 is adding some sort of padding below this element and it's messing up the drop shadow */
}
.mediaSlipContainer {
	display: none;
	position: absolute;
	z-index: 15;
}
.mediaSlipShadow {
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow_bottom.png',sizingMethod='scale');
}
.mediaCloseOff {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	height: 22px;
	background-image: url(../images/buttons/close_off.gif);
	background-color: #AF9350;
	z-index: 16;
}
.mediaCloseOn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/buttons/close_on.gif);
	background-color: #AF9350;
	z-index: 16;
}

/***************** Trophies **********************/
#trophyImageMask {
	width: 640px; height: 480px; overflow: hidden;	
	border: 3px solid white;
	position: relative; z-index: 3;
}
#trophyTextMask {
	width: 100%; height: 40px;
	position: relative; z-index: 3;	
}
#trophyImageMask #image1, #trophyTextMask #text1 { position: absolute; z-index: 2; top: 0px; left: 0px; }
#trophyImageMask #image2, #trophyTextMask #text2 { position: absolute; z-index: 1; top: 0px; left: 0px; }
.smallTrophyImageWrapperOff { 
	width: 110px; height: 83px; overflow: hidden;
	padding: 2px;
}
.smallTrophyImageWrapperOn { 	
	width: 110px; height: 83px; overflow: hidden;
	border: 2px solid #A5290D;
}


/***************** Footer **********************/
#jtechFooter {
	margin: 20px 80px 0px 100px;	
	text-align: left; 	
	color: #705D0E;
}
#jtechFooter a:link, #jtechFooter a:visited { color: #AA280E; text-decoration: none; }
#jtechFooter a:hover, #jtechFooter a:active { color: #AA280E; text-decoration: underline; }