/* 
--------------------------------------------------------------
CSS Document page.css for Petit Cottage
www.petitcottage.com/page/shipping.htm
www.petitcottage.com/page/selshipping.htm
www.petitcottage.com/page/choshipping.htm
www.petitcottage.com/page/howtopay.htm
www.petitcottage.com/page/howtopay2.htm
www.petitcottage.com/page/help.htm
final modified 07/Feb/2007
original www.petitcottage.com
--------------------------------------------------------------
*/

/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								shipping & how to pay
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.move {
	text-align:center;
}
.howtopay {
	width:620px;
	margin-left:10px;
}
.htpred {
	color:#FF6666;
}
.htpattention {
	color:#FF6666;
	font-size:1.2em;
	font-weight:800;
}
.howtopay h2 {
	font-size:1.6em;
}
.howtopay h2 img {
	vertical-align:middle;
}
.howtopay h3 {
	font-size:1.4em;
	margin:0;
}
.howtopay h3 img {
	vertical-align:middle;
}
.htpcontent {
	margin:2em 0 0 0;
	padding-bottom:1em;
	border-bottom:1px solid #000000;
}
.htpvariety p {
	margin:3px 0 3px 30px;
}
.htpvariety p img {
	vertical-align:middle;
}
.htpvariety p.htpvarietya {
	font-size:1.2em;
	font-weight:600;
	margin:1em 0 0 30px;
}
.htpvariety img.htpvarietyb {
	margin:1em 0 0 20px;
}
.htpdesc {
	width:600px;
	margin:1em 0 0 20px;
	padding-bottom:1em;
	background-image:url(../image/PG_howtopay06.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.htpdesc h4 {
	margin:0.8em 0 0.6em 10px;
	font-size:1.2em;
	color:#FF6666;
}
.htpdesc p {
	margin:0 0 1.6em 20px;
}
.htpdescattention {
	color:#6699CC;
	font-weight:600;
}
.htplogo {
	width:580px;
	margin:0em 0 1.6em 20px;
}
.htplogo img {
	vertical-align:middle;
}

.howtopay .shippingcalendar p {
	width:580px;
}
.howtopay .shippingcalendar table {
	width:350px;
	text-align:center;
	margin:1em 20px;
	border-collapse:collapse;
	table-layout:fixed;
	border:2px solid #000000;
	background-color:#FFFFFF;
}
.howtopay .shippingcalendar table td {
	text-align:center;
	width:50px;
	margin:0;
	padding:0;
	padding-top:2px;
}
.howtopay .shippingcalendar table td.month {
	background-color:#ffffcc;
	width:350px;
}
.howtopay .shippingcalendar table h5 {
	margin:4px 0;
}
.howtopay .shippingcalendar span#aka {
	background-color:#ffccff;
}
.howtopay .shippingcalendar table td.sunday{
	color:#FF0000;
}
.howtopay .shippingcalendar table td.saturday{
	color:#0000FF;
}
.howtopay .shippingcalendar table td.su {	
	color:#FF0000;
	background-color:#ffccff;
}
.howtopay .shippingcalendar  table td.wed{	
	background-color:#ffccff;
}
.howtopay .shippingcalendar table td.hli {
	color:#FF0000;
}

/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								riyoukiyaku
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.riyoukiyaku {
	width:580px;
	margin-left:20px;
}
.riyoukiyaku h4 {
	font-size:1.6em;
	color:#FF0000;
	margin-top:2em;
}
.riyoukiyaku h5 {
	font-size:1.2em;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								help
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.help a:link {
	text-decoration:none;
}
.help a:hover {
	text-decoration:underline;
}
.help a:visited {
	text-decoration:none;
}
.help strong {
	font-size:1.4em;
}
.help dt {
	line-height:2em;
	margin-top:0.5em;
}
.help dd {
	line-height:1.2em;
	font-size:0.8em;
}
.help .left {
	float:left;
	width:280px;
	margin-right:1px;
}
.help .right {
	float:right;
	width:315px;
	padding-left:15px;
	margin-right:10px;
	border-left:1px solid #660000;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								order
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.order2 {
	background-color:#CCFFFF;
	margin:2em;
	width:550px;
	padding:1em;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								link
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.linktop {
	background-image:url(../image/PG_link2.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:10em;
	width:580px;
	margin-left:20px;	
}
.linkmiddle {
	width:580px;
	margin-left:20px;
}
.linkmiddle h4 {
	font-size:1.1em;
	margin:5px;
}
.linkmiddle div {
	margin-top:2em;
}
.linkmiddle div p {
	margin:0;
	margin-left:3em;
	padding-bottom:6px;
}
.linkbanner img {
	margin:0 5px;
}
.linksozai p {
	width:460px;
	border-bottom:1px solid #999999;
	padding-left:2em;
}
.linksearch {
	width:580px;
	margin-left:20px;
	margin-top:2em;
}
.linksearch h4 {
	font-size:1.1em;
	margin:4px 0;
}
.linksearch .linkleft {
	float:left;
	width:285px;
}
.linksearch .linkright {
	width:285px;
	margin-left:290px;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								guide
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.guide {
	width:580px;
	margin-left:20px;
}
.guide .top {
	width:550;
	padding:15px;
	background-image:url(../image/PG_guide01.gif);
	background-repeat:no-repeat;
	background-position:25% bottom ;
	height:300px;
}
.guide .top img {
	margin:2px 0 2px 310px;
}
.guide .kiyaku {
	margin-top:2em;
}
.guide p#top {
	margin:0.2em;
	font-size:0.8em;
	text-align:right;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								faq
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.faq {
	width:580px;
}
.faq a:link {
	text-decoration:none;
}
.faq a;hover {
	text-decoration:underline;
}
.faq a:visited {
	text-decoration:none;
}
.faq h1 {
	font-size:1.4em;
	margin:0;
}
.faq .top {
	background-image:url(../image/PG_faq01.gif);
	background-position:15% top;
	background-repeat:no-repeat;
	height:250px;
}
.faq .top p {
	margin:100px 0 0 250px;
}
.faq .index {
	margin-bottom:1em;
}
.faq .index h2 {
	font-size:1.2em;
	color:#006600;
	margin-left:3em;
}
.faq .index p {
	margin:0.2em 0;
}
.faq .answer {
	margin:1em 0;
}
.faq h4 {
	font-size:1.2em;
}
.faq .answer p {
	margin:0.4em 0;
}
.faq .answer p#top {
	text-align:right;
	font-size:0.8em;
}

/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								new arrival
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.newarrival h1 {
	width:425px;
	font-size:18px;
	border-bottom:2px solid #330000;
}
.newarrival h3 {
	margin:0;
	padding:0;
}
.newarrival .na {
	margin-bottom:2em;
}
.newarrival .na img {
	float:left;
}
.newarrival .na1 {
	clear:both;
	float:none;
	width:600px;
	border-bottom:2px solid #330000;
	margin-top:0.8em;
}
.newarrival .na1 img {
	float:left;
}
.newarrival .na1 p {
	margin:0.4em 1em 0.4em 180px;
	padding:0;
}
.newarrival .na1 ul {
	margin-left:200px;
}
/*-------------------------------------------------------------------------------------------
			--------------------------------------------------------------
								special order
			--------------------------------------------------------------
-------------------------------------------------------------------------------------------*/
.specialorder {
	width:600px;
	margin-left:10px;
	text-align:center;
}
.specialorderbig {
	font-size:1.4em;
	color:#FF6666;
	font-weight:800;
}
.specialorderbottom {
	text-align:left;
	margin-top:2em;
}