/*  C o p y r i g h t   S e v e n   I n t e r n e t  */
/*****************************************************/
/**			P r e - s e t   T a g s					**/


body.main {						margin-top: 0px;	margin-left: 0px;	margin-right: 0px;	margin-bottom: 0px;
								background: url('images/line.jpg') repeat-x #F4ECE1;
}

img {							border: 0px;
}

.form {							background-color: #843366; color: #fff; border: 1px solid #a4bbdb; margin: 0px; font-family: Arial; font-size: 11px; padding: 2px; height: 20px;
}

.opon {							opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75
}

.opoff {						opacity:1;filter: alpha(opacity=100); -moz-opacity: 1.00
}


/**			P r e - s e t   T a g s					**/
/*****************************************************/
/**			L a y o u t   T a g s					**/


.post-body {					width: 970px; height: auto;
}

.body-container {				width: 970px; height: auto; float: left; background: url('images/back.jpg') no-repeat;
}


/**			L a y o u t   T a g s					**/
/*****************************************************/
/**			T o p   T a g s							**/


.top {							float: left; width: 970px; height: 236px; background: url('images/layout-step-001.jpg') no-repeat; margin-top: 0px; margin-bottom: 2px;
}

.cart{ 							float: right; clear: left;  margin-top: 10px; margin-right: 115px; color: #fff; font-weight: bold; font-family: Arial; font-size: 12px; 

}

.cart a { 						text-decoration: none; color: #fff; font-weight: bold; font-family: Arial; 

}

.top-100 {						float: left; clear: left; width: 660px; height: 30px; line-height: 30px; text-indent: 5px; margin-top: 67px;
								font-family: Arial; font-size: 18px; font-weight: bold; color: #003366; text-align: left;
}

.top-200 {						float: left; clear: left; width: 700px; height: 33px;
								
}

.top-210 {						float: left; width: 580px; height: 33px; line-height: 33px; text-indent: 2px; margin-left: 85px;
								font-family: Arial; font-size: 13px; font-weight: bold; color: #fff;
}

.top-210 a{						font-family: Arial; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none;
}

.top-210 a:hover{				font-family: Arial; font-size: 13px; font-weight: bold; color: #fff; text-decoration: underline;
}

.top-220 {						float: right; width: 260px; height: 33px;  text-indent: 25px; margin-top: 10px;
								font-family: Arial; font-size: 13px; font-weight: bold; color: #003366; text-align: center;
}

.top-300 {						float: left; clear: left; width: 970px; height: 31px; 
}

.top-310 {						float: left; width: 660px; height: 31px; line-height: 38px; text-indent: 120px;
								font-family: Arial; font-size: 21px; font-weight: bold; color: #65274D; text-align: left;
}

.top-311 {						background: url('images/layout-button-003.jpg') no-repeat; background-position: center center; width: 30px; height: 29px;
								float: left; margin: 0px 0px 0px 30px;
}

.top-320 {						float: left; width: 178px; height: 31px; line-height: 31px; text-indent: 25px;
								font-family: Arial; font-size: 13px; font-weight: bold; color: #003366; text-align: left;
}

.top-330 {						float: left; width: 110px; height: 31px;  background: url('images/layout-button-002.jpg') no-repeat; background-position: center center;
}

.top-spacer {						float: left; clear: left; width: 970px; line-height: 28px; height: 28px;
}


/**			T o p   T a g s							**/
/*****************************************************/
/**			L e f t   T a g s						**/

.content{
								float: left; width:970px; height: auto; background-image:url('images/strip.jpg'); background-repeat: repeat-y;
}

.left {							float: left; clear: left; width: 182px; height: 686; margin-bottom: 8px;margin-left: 5px;
}

.left-000 {						float: left; clear: left; width: 182px; height: auto; 
}

.left-100 {						float: left; margin: 5px 0px 0px 0px; background: url('images/cat.jpg') no-repeat; width: 182px; height: 22px;
								line-height: 24px; text-align: center; font-family: Arial; font-size: 15px; color: #fff; font-weight: bold;
}

.left-100-a {						float: left; margin: 5px 0px 0px 0px; background: url('images/menu.jpg') no-repeat; width: 182px; height: 8px;
								font-size: 1px;
}

.left-100-b {						float: left; margin: 5px 0px 0px 0px; background: url('images/menu_r1.jpg') no-repeat; width: 182px; height: 8px;
								font-size: 1px;
}

.h1back {						float: left; margin: 0px;  background: url('images/menu_r.jpg') repeat-y; width: 182px; height: auto; font-size:1px;
}

h1 {							float: left; margin: 2px; border: 1px solid #000000; background-color: #F4E7F0; width: 178px; height: 20px;
								text-align: left; text-indent: 15px; font-size: 12px; line-height: 19px;
}

h1 a, h1 a:hover {				font-family: Arial; font-size: 12px; color: #333333; text-decoration: none; display: block;
}

.left-300 {						float: left; margin: 18px 0px 0px 0px; width: 182px; height: 214px; background-color: #b8cae4;						
}

.left-310 {						float: left; margin: 18px 0px 0px 12px; width: 158px; height: 196px; background: #b8cae4 url('images/layout-img-001.jpg') no-repeat;							
}

.left-400 {						float: left; margin: 0px; padding: 18px 0px 0px 0px; width: 179px; height: auto; margin-bottom: 35px; background-color: #b8cae4;											
}

.left-410 {						float: left; margin: 0px 0px 5px 5px; text-align: left; font-family: Arial; font-size: 12px; color: #000; font-weight: 500;
}

.left-500 {						float: left; clear: left; width: 179px; height: 100px; background-color: #993300; text-align: center;
								font-family: Arial; font-size: 30px; color: #FFF; font-weight: 300; font-style: italic; line-height: 80px; letter-spacing: 1px;	
								border-top: 10px solid #FFF; margin-bottom: 50px;
}


/**			L e f t   T a g s						**/
/*****************************************************/
/**			C e n t e r   T a g s					**/


.center {						float: left; margin-left: 0px; width: 610px; height: auto; margin-bottom: 8px;
}

.center-100 {					float: left; width: 630px; height: auto; margin-bottom: 8px; text-indent: 15px; text-align: left;
								font-family: Arial; font-size: 18px; color: #df8100; font-weight: bold;
}

.center-200 {					float: left; clear: left; width: 185px; height: auto; margin-bottom: 15px;
}

.center-210 {					float: left;  width: 185px; height: auto;
}

.center-220 {					float: left; width: 195px; height: auto; margin-left: 10px; border: 4px solid #eaeff7;
}

.center-230 {					float: right; width: 195px; height: auto; border: 4px solid #eaeff7;
}



/**			C e n t e r   T a g s					**/
/*****************************************************/
/**			R i g h t    T a g s					**/


.right {						float: left; margin-left: 14px; width: 121px; height: auto; margin-bottom: 8px;	
}

.right-100 {					float: left; width: 121px; height: auto; background-color: black; font-family: Arial; font-size: 12px; margin-bottom: 15px; 
								padding: 30px 0px 30px 0px; color: #fff;
}

.right-200 {					float: left; width: 121px; height: auto; background-color: #a44f25; font-family: Arial; font-size: 12px; margin-bottom: 15px; 
								padding: 30px 0px 30px 0px; color: #fff;
}

.right-300 {					float: left; width: 121px; height: auto; background-color: #1b3bdb; font-family: Arial; font-size: 12px; margin-bottom: 15px; 
								padding: 30px 0px 30px 0px; color: #fff;
}

.right-400 {					float: left; width: 121px; height: auto; background-color: red; font-family: Arial; font-size: 12px; margin-bottom: 15px; 
								padding: 30px 0px 30px 0px; color: #fff;
}

.sub-footer {
								float: left; width: 970px; height: 137px; background: url('images/footer.jpg') no-repeat; 
}

/**			R i g h t    T a g s					**/
/*****************************************************/
/**			F o o t e r    T a g s					**/


.footer {						clear: left; width: 970px; height: 75px; margin-top: 72px; border-top: 2px solid #ba4103;
}

.footer-100 {					float: left; width: 970px; height: 75px; margin-top: 5px;
}

.footer-110 {					float: left; width: 558px; height: 75px;
}

.footer-111 {					float: left; width: 598px; height: 20px; text-indent: 10px; text-align: left;
								font-family: Arial; font-size: 10px; line-height: 20px; color: #000;
}

.footer-111 a{					font-family: Arial; font-size: 10px; color: #17299f; text-decoration: none;
}

.footer-111 a:hover{			font-family: Arial; font-size: 10px; color: #17299f; text-decoration: underline;
}

.footer-112 {					float: left; width: 558px; height: 20px; text-indent: 10px; text-align: left;
								font-family: Arial; font-size: 10px; line-height: 20px; color: #000;
}

.footer-113 a {					float: left; width: 558px; height: 20px; text-indent: 10px; text-align: left;
								font-family: Arial; font-size: 10px; line-height: 20px; color: #DF8100; text-decoration: none;
}

.footer-120 {					float: right; width: 370px; height: 75px;
								background: url('images/layout-img-002.jpg') no-repeat; background-position: center center;
}


/**			F o o t e r    T a g s					**/
/*****************************************************/
/**			P r o d   T h u m b    T a g s			**/

.prod-thumb {					clear: left; width: 190px; height: auto text-indent: 0px;
}

.prod-thumb-000 {				float: left; width: 195px; height: auto text-indent: 0px; margin-top: 10px; margin-bottom: 10px; text-align: left;
								font-family: Arial; font-size: 12px; font-weight: bold; color: #000;
}

.prod-thumb-100 {				float: left; width: 85px; height: auto; text-indent: 0px; vertical-align: middle;
}

.prod-thumb-200 {				float: left; width: 90px; height: auto; text-indent: 0px; text-align: left; margin-left: 5px;
								font-family: Arial; font-size: 12px; font-weight: bold; color: #000;
}

.price {						color: #993300;
}

.more-info {					font-family: Arial; font-size: 10px; font-weight: normal; color: #003366; text-decoration: underline; line-height: 25px;
}

.header{						font-family: Arial; font-size: 18px; font-weight: normal; color: #BD5D38;

}



/**			P r o d   T h u m b    T a g s			**/
/*****************************************************/
/*  C o p y r i g h t   S e v e n   I n t e r n e t  */