/* CSS Document */
BODY, body{background-color:#FFFFFF; margin:0px; padding:0px;}
BODY, body, div, DIV, TD, td, SPAN, span{scrollbar-base-color: #70BC00; scrollbar-arrow-color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
P, p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000}

H1, h1{font-size:14pt; color:#70BC00; font-weight:bold;}
H2, h2{font-size:14pt; color:#CE001C; font-weight:normal;}
H3, h3{font-size:12pt; color:#E58800; font-weight:bold;}
H4, h4{font-size:10pt; color:#E58800; font-weight:normal;}
H5, h5{font-size:10pt; color:#70BC00; font-weight:bold;}
H6, h6{}

/* Layout */
.clWhiteText{color:#FFFFFF}

/* Index */
#idCenter{width:98%; text-align:center; background-color:#FFFFFF}
	#idPage{margin:auto; width:1000px; height:610px; background-color:#FFFFFF}
		#idHeader{width:100%; height:160px; background:url(/images/header-back.jpg) repeat-y}
			#idLogo{ width:480px; height:170px; float:left; background:url(/images/logo.png) left top no-repeat}
			#idStrapline{width:490px; height:110px; float:right; padding-top:10px; padding-right:30px; text-align:right}
			#idLinks{width:510px; height:50px; float:right;}
		#idStripe{width:100%; height:11px; background:url(/images/orange-line.png) top right no-repeat; position:relative; top:-5px;}
		#idMain{width:100%; height:425px; background:url(/images/bauble-back.jpg) 100px no-repeat;}
			#idleft{width:170px; height:425px; float:left; text-align:left}
				#idTopLinks{width:170px; position:relative; left:20px; top:20px; text-align:left}
					#idTopLinksTop{width:170px; height:21px; background:url(/images/links-box-top.png) top left no-repeat}
					#idTopLinksMid{width:170px; height:159px; background:url(/images/links-box-mid.png) top left no-repeat}
					#idTopLinksBot{width:170px; height:25px; background:url(/images/links-box-bot.png) top left no-repeat}
				#idBotLinks{width:170px; position:relative; left:20px; top:20px; text-align:left}
					#idBotLinksTop{width:170px; height:21px; background:url(/images/links-box-top.png) top left no-repeat}
					#idBotLinksMid{width:170px; height:159px; background:url(/images/links-box-mid.png) top left no-repeat}
					#idBotLinksBot{width:170px; height:25px; background:url(/images/links-box-bot.png) top left no-repeat}
			#idCenterMain{width:400px; height:425px; float:left; background:url(/images/content-box.png) top left no-repeat;}
				#idContentBox{width:370px; height:380px; text-align:left; overflow:auto; margin-top:20px; position:relative; left:20px;}
					#idContent{width:350px; text-align:left}
			#idRight{width:420px; height:425px; float:right;}
		#idFooter{width:90%; height:30px; text-align:right; padding-top:42px}
		
/* Content Pages */
		#idContentHeader{width:100%; height:85px; background:url(/images/header-back.jpg) repeat-y}
			#idContentLogo{ width:480px; height:85px; float:left; background:url(/images/logo_small.png) left top no-repeat}
			#idContentStrapline{ width:510px; height:45px; float:right;}
		#idContentMain{width:100%; height:480px; background:url(/images/bauble-back.jpg) 100px no-repeat;}
			#idContentleft{width:170px; height:480px; float:left;}
			#idContentCenterMain{width:820px; height:480px; float:left;}
				#idContentContentBox{width:820px; height:520px; overflow:auto}
					#idContentContent{width:800px; height:460px; text-align:left}
					
/* Card Design Page */
		#idContentInstructions{width:780px; height:70px; text-align:left; position:relative; top:40px}
		#idCardDesignsLeft{float:left; width:490px; height:410px;}
		#idCardDesignsRight{float:left; width:295px; height:410px; background:url(../images/card-design-box.gif) no-repeat}
		#idTitleOnLink{height:40px; padding-top:30px; padding-left:28px; text-align:left}
		.clDesignBoxPort{width:25%; text-align:right; float:left; padding-left:16px; padding-right:16px; padding-bottom:10px;}
		.clDesignBoxLand{width:40%; text-align:right; float:left; padding-left:16px; padding-right:16px; padding-bottom:10px;}
		
		#idDesignsNext{ padding-left:20px; position:relative; top:-40px}
		
/* Card Options Page */
		#idInsideDesignInstructions{width:100%; height:50px}
		#idCardInstructions{background:#C2DD94; color:#FFFFFF; font-size:10pt; padding:2px;}
		#idInsideDesignLeft{float:left; width:400px; height:380px;}
		#idAllVolume{text-align:left; width:50%; float:left; height:280px}
		#idAllTotals{text-align:left; width:50%; float:left; height:230px; vertical-align:bottom;}
		#idBuyBtn{text-align:center; width:100%}
		#idInsideDesignMid{float:left; width:250px; height:380px;}	
		#idInsideDesignRight{float:left; width:150px; height:380px; text-align:center}
		#idInsideDesignBot{width:100%; text-align:center}
		
		/*no-repeat was used incorrectly*/
		.clVolumeOfCards{background:url(/images/orange-x-large-box.jpg); background-repeat:no-repeat; height:27px; width:180px; color:#FFFFFF; margin-left:0px;}
		.clVolumeOfCardsInput{border:0; background-color:transparent;}
		
		.clSubs{font-size:10pt; color:#E58800; font-weight:bold;}
		.clTots{font-size:10pt; color:#CE001C; font-weight:normal;}
		
/* Prices Page */
		.clGreenLargeBox{background:url(/images/green-large-box.jpg) no-repeat; padding-left:5px; padding-right:5px; width:144px; height:25px; color:#FFFFFF}
		.clGreenSmallBox{background:url(/images/green-small-box.jpg) no-repeat; padding-left:5px; padding-right:5px; width:110px; height:25px; color:#FFFFFF; font-weight:bold}
		.clOrangeLargeBox{background:url(/images/orange-large-box.jpg) no-repeat; padding-left:5px; padding-right:5px; width:144px; height:25px; color:#FFFFFF}
		.clOrangeSmallBox{background:url(/images/orange-small-box.jpg) no-repeat; padding-left:5px; padding-right:5px; width:110px; height:25px; color:#FFFFFF; font-weight:bold}
		
/* Forms */
		.clFormFeildLabel{float:left; width:80px; text-align:right; color:#70BC00; padding-right:5px}
		.clFormFeildInput{float:left;}
		.clFormSpacer{height:5px; display:block}
		.clFormFeildSubmit{text-align:right; float:left; width:289px}
		.clFormFeildLetter{text-align:right; float:left; width:289px; color:#70BC00}
		INPUT{border:solid 1px #008282; background-color:#FFFFFF; color:#008282; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#E58800)}
	
/* Links */
		.clFooterLinks{font-size:9px; text-decoration:none}
		a.clFooterLinks:link{color:#70BC00;}
		a.clFooterLinks:visited{color:#70BC00;}
		a.clFooterLinks:hover{color:#E58800;}
		a.clFooterLinks:active{color:#E58800;}
		
		.clHeaderLinks{font-size:12pt; text-decoration:none; display:block; width:78px; height:39px; text-align:center; float:left; padding-top:5px; padding-right:4px}
		a.clHeaderLinks:link{background:url(/images/green-top-link.gif) top left no-repeat; color:#FFFFFF;}
		a.clHeaderLinks:visited{background:url(/images/green-top-link.gif) top left no-repeat; color:#FFFFFF;}
		a.clHeaderLinks:hover{background:url(/images/orange-top-link.gif) top left no-repeat; color:#FFFFFF;}
		a.clHeaderLinks:active{background:url(/images/orange-top-link.gif) top left no-repeat; color:#FFFFFF;}
		
		.clLeftLinks{width:80px; height:28px; display:block; text-align:left; text-decoration:none; padding-left:32px; padding-top:6px; font-size:8pt; position:relative; left:16px}
		a.clLeftLinks:link{background:url(/images/bauble-link.png) center left no-repeat; color:#E58800;}
		a.clLeftLinks:visited{background:url(/images/bauble-link.png) center left no-repeat; color:#E58800;}
		a.clLeftLinks:hover{background:url(/images/bauble-link-over.png) center left no-repeat; color:#70BC00;}
		a.clLeftLinks:active{background:url(/images/bauble-link-over.png) center left no-repeat; color:#70BC00;}
		
		.clBotLeftLinks{width:80px; height:28px; display:block; text-align:left; text-decoration:none; padding-left:32px; padding-top:6px; font-size:8pt; position:relative; left:16px}
		a.clBotLeftLinks:link{background:url(/images/bauble-link-bot.png) center left no-repeat; color:#70BC00;}
		a.clBotLeftLinks:visited{background:url(/images/bauble-link-bot.png) center left no-repeat; color:#70BC00;}
		a.clBotLeftLinks:hover{background:url(/images/bauble-link-bot-over.png) center left no-repeat; color:#E58800;}
		a.clBotLeftLinks:active{background:url(/images/bauble-link-bot-over.png) center left no-repeat; color:#E58800;}
		
		a:link{color:#70BC00;text-decoration:none;}
		a:visited{color:#70BC00;text-decoration:none;}
		a:hover{color:#E58800;text-decoration:none;}
		a:active{color:#E58800;text-decoration:none;}

		.clStraplineLink{font-size:14pt; font-weight:bold;}
		a.clStraplineLink:link{color:#FFFFFF; text-decoration:none}
		a.clStraplineLink:visited{color:#FFFFFF;text-decoration:none;}
		a.clStraplineLink:hover{color:#333333;text-decoration:none;}
		a.clStraplineLink:active{color:#333333;text-decoration:none;}
		
		.clAdventCalendarLink{font-size:14pt; font-weight:bold;}
		a.clAdventCalendarLink:link{color:#00CC33; text-decoration:none}
		a.clAdventCalendarLink:visited{color:#00CC33;text-decoration:none;}
		a.clAdventCalendarLink:hover{color:#333333;text-decoration:none;}
		a.clAdventCalendarLink:active{color:#333333;text-decoration:none;}