/*---- Visual Elements ----*/
body
{
	
	padding: 5px;
	text-align:center;
	margin: 0;

}

.hide
{
	display: none;
}

/*---- Layout ----*/
div
{
	/* this is for netscape 4's sake */
padding: 0;
	margin: 0;
}

body
{
	/*padding: 20px; */
	margin: 0;
	
}

#logohead
{
	text-align: center;
	height: 70px;
	width: 786px;
	margin: 0 auto;
}

#logo
{
	float: left;
	height: 65px;
	width: 200px;
}

#topmenu
{
	float: right;
	height: 60px;
	text-align: right;
        top: 100px;
	width: 500px;
       padding-right: 3px;
      font-family: Arial;
      vertical-align: bottom;
}

#righttopmodule {
top:20px;
padding-right: 3px;

}

/* IE 4 fix */
#leftcolumn
{
	margin-right: -176px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 176px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn {
height: auto;
}


#contentcheckoutecheck {
height: auto;
min-height:2150px;

}

*html #contentcheckoutecheck {
height: auto;
min-height:1800px;

}

*html #contentcheckoutcheck {
height: auto;
min-height:1200px;

}

#contentcheckoutfinance {
height: auto;
min-height:2700px

}


/* IE fix */
 
* html #contentColumn {

	      	
}

#masthead {
		height: 192px;
		margin: 0 auto;
}

#innerLeftColumn, #innerContentColumn, #innerFooter {
/*margin-left: 8px ;*/
margin-right: 8px ;
}

* html #innerContentColumn  {
/*margin-left: 4px ;*/
margin-right: 7px ;
}

#emailContentColumn {
padding: 40px;
height: 400px;

}


/* footer styles */
#footer {
	clear: left;
	background-image: url(http://www.mercantila-images.com/stage/data/1838/footer_curve/1838_0.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.orderinfo{
  font-family: Arial;
  width:23%;
  float:left;
  font-size:11px;
  text-align:left;
  padding-left:3px;
  padding-bottom:15px;
}

.address{
  font-family: Arial;
  width:27%;
  height:70px;
  float:right;
  font-size:11px;
  text-align: right;
  padding-bottom:15px;

}

.shippingreturns{
  font-family: Arial;
  width:24%;
  float:left;
  font-size:11px;
     padding-bottom:15px;
}
.ouradvantage {
  font-family: Arial;
  width:24%;
  float:left;
  font-size:11px;
     padding-bottom:15px;
}

#innerFooter{

padding-top: 20px;
height: 95px;
	
}

/* Body Content */

#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
        
}

#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}

#innercontentcolumn
{
	 height: 1000px;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
	
}

#masthead, #footer
{
	z-index: 10;
}

/*---- Borders ----*/

#pageFrame {

	width: 786px;
	margin:0 auto;
	text-align: left;
	background-image:url(http://www.mercantila-images.com/stage/data/1892/bg_body/1892_0.jpg);
	background-color: #fff;
	color: #000;
	}

#footer, #innerLeftColumn, #contentColumn, .hnav
{

}
#footer
{


}




/*---- Simple navigation for TOP BRANDS for IE 4/5.0/NS4 ----*/
.hnav {
	margin: 0 auto;
	background-color:#FFFFFF;

}

.hnav {
	padding: 0px 0 0px 0;
}


/* --------Help Center page styles----------------------------*/

.helpcenter{
  float:left;
  width: 40%;
  margin-left:20px;
  padding-top:5px;
}

.helpcenter1{
  float:left;
  width: 50%;
  padding-top:5px;
  padding-align:top;
}

/* --------Help Center page styles Ends----------------------------*/
	

/* --------------------------About Us -----------------------*/


#aboutbox
{
height: 80px;
padding-right:20px;

}

.about-text {
padding-right:20px;
padding-bottom:10px;
}

#aboutus-brief {
padding-right: 20px;


}


#main-about {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}


#aboutus{
  width: 95%;
  padding-left:10px;
  float:left;
 
}

.image { 
  width: 51%;
  float: right;

}

/*-----------About Us Ends------------------*/

/* -----------------Customer Testimonials------------- */

#customer-testimonials {
  margin-left: 10px;
  margin-right: 5px;
  border: 0px solid #000666;
margin-bottom:10px;
}
		
.text-customer {
  font-size:12px;
  font-family:Arial;
  color:#4c5d6c;

  padding-left:8px;
  padding-right:5px;
  text-align:justify;
  
}

/* Submit your Testimonials */

.testimonial{
  width: 27%;
  float:right;
  margin-right:3px;
  padding-bottom: 10px;
   
}

/* paragraph space */

.space {
  padding-top: 5px;
  padding-bottom: 8px;
}
 
.label{
  font-size:12px;
  color:#4C5D6C;
  font-family:Arial, Sans-Serif, Verdana;
  padding-top:3px;
  font-weight: bold;  
}
.text-guaranteed {
  margin-left: 10px;
  font-size:12px;
  font-family:Arial;
  color:#4c5d6c;
  padding-left:8px;
  padding-right:5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:justify;
}


/*---------------------- Contact Us----------------------- */

#contact-details{
  width:97%;
 }
 #contact-us {

  height: 90px;
  margin-left: 10px;
  margin-right: 20px;
 
}
.contact-send{
  width:60px;
  margin-left:22px;
}
.contact-message{
  width:290px;
  margin-left:5px;
  height:230px;
}
.contact-select{
  width: 290px;
  margin-left:15px;
}
.contact-input{
  width:200px;
  margin-left:25px;
}
.contact-email{
  width:202px;
  margin-left:27px;
}
.contact-phone{
  width:100px;
  margin-left: 22px;
}
.contactus-text {
  
  float: right;  
  text-align:justify;
}
.contact-img {
  float: left;


}
/* option */

.option{
  color:#E31836;
}
.option a:link{
  text-decoration:none;
}

/*---------------------- Contact Us Ends----------------------- */


/* ---------------------- Our Hours started-------------------- */

.column-right{
  width:37%;
  float:left;
  padding-top: 10px;
}
.column-center{
  width:30%;
  float:left;
  padding-top: 10px;
}
.column-left{
  width:20%;
  float:left;
  padding-top: 10px;
  padding-left:1px;
}

/*--------------------- Our Hours Ended---------------------- */

/*---------------------- Paragraph Space Started -----------------------*/


.space {
  padding-top: 5px;
  padding-bottom: 8px;
}

/*---------------------Paragraph Space Ended ------------------*/

/*---------------- Satisfaction Warranty Started------------------------- */

#satisfaction {
  width: 98%;
  padding-top: 8px;
  padding-bottom: 20px;
}
.satisfaction-image{
  padding-top: 5px;  
  
  margin-left: 5px;
  float: left;  
}

#satisfaction-warranty {
  
 padding-top:5px;
  border: 0px solid #666666; 
}

/* --------------------Satisfaction Warranty Ended -----------------------------*/


/*------------------ Safe Ordering Started (Secure)----------------------------------*/


#secure {
  width: 98%;
  padding-top: 8px;
  padding-bottom: 20px;
}
.secure-image{
  padding-top: 10px;  
  padding-bottom: 10px;
  margin-left: 5px;
  width: 12%;
  float: left;  
}

/*------------------Safe Ordering Ended -----------------------------------*/


/*------------ Finance options (Save an Extra 5%) started----------- */

#flexible-options {
  width: 100%;
  height: 32%;
  border: 0px solid #000666;
  padding-bottom: 15px;
}

.save5-text {
  width: 51%;
  float: left;
  text-align: justify;
}

.save5-image {
  width: 47%;
  float: right;
}

#finance-options {
  width: 98%;
  height: 15%;
  padding-top: 10px;
}

.finance-image {
  width: 12%;
  float: left;
  padding-top: 8px;
  margin-left: 15px;
}
.finance-image1 {
  width: 15%;
  float: left;
 padding-top: 20px;
  margin-left: 15px;
}
.finance-image2 {
  width: 15%;
  float: left;
  padding-top: 25px;
  margin-left: 15px;
}

.finance-desc {
  width: 80%;
  float: right;
  padding-top: 10px;
  padding-left: 7px;
  text-align:justify;
  border-top: 1px solid #c8c8c3;
}

.save-restrict {
  width: 99%;
  text-align:justify;
}

/*----------- Finance Options Ended -----------*/

/*-----------main body started --------------*/

#mainbody{
  
  border:0px solid #000666;
  padding-right:8px;
  margin-right:5px;
}

/*--------main body ended ----------------*/

/*-------- Card Code Verification Number started ------------*/

#cardcode-box
{
height: 150px;
padding-right:20px;
padding-top: 20px;

}

.cardcode-text {

padding-bottom:10px;
padding-left: 8px;
}


/*-------- Card Code Verification Number Ended ------------*/



/*-------middle content started ----------------*/

#middlecontent {
padding-right: 20px;
text-align:justify;
}

/*----- middle content ended ---------------*/

/*---------- copyright started ----------------*/

.copyright {
text-align:center;
font-family: Arial;
font-size:11px;
     padding-bottom:15px;
}

/*-----------copyright ended -----------------*/

/*--------------Site Map started---------------------*/


.sitemap{

  padding-top: 10px;
  
}

.helpcenter_sitemap{
  float:left;
  width: 40%;
  margin-left:5px;
  padding-top:5px;
}


/*---------- site map ended -----------------*/



/* ----------Place Order started ---------*/

#orderstatus-content {
  
}
.orderno {
  
  padding-left: 2px;
  padding-bottom: 8px;
  
}
#order-status {
  
  padding-top: 20px;
  
}
#orderstatus-table {
 
  
}

#orderitems-table {
  
  float: left;
  padding-top: 30px;
}

 #orderstatus-address {
  
  float: left;
  padding-top: 20px;
  padding-bottom: 10px;
}

.orderstatus-billadd {
  width: 200px;
  float: left;
  padding-top: 20px;
}
.orderstatus-shipadd {
  width: 200px;
  float: left;
  padding-top: 20px;
  
}
#orderstatus-inq {
  
  float: left;
  padding-top: 30px;
  padding-bottom: 20px;
}
#orderinq-table {
   
  border: 1px solid #c8c8c3;
  
}
.inq-label {
  width: 60px;
  float: left;
  padding-left: 8px;
}
select {
  width: 30px;
}
.inq-select {
  width: 304px;
}
.inq-input {
	width: 300px;
	height: 70px;
}
.inq-btn {
  width: 50px;
}


/*-------------Place an Order Ended ------------*/


/* ---------Popup started --------------------*/

#popup-content {
  width: 50%;
  
}

.topheader {
  float: left;
  color: #E31836;
}

.xclose {
width: 400px;
  float: right;
}
.mr {
font-size:12px;
 text-align:justify;
}

/* ---------Popup ended ------------------*/



/*Added for cc contents...*/
#contentcheckout {
	
height: auto;
border-left:1px dotted #c8c8c3;
min-height:1000px;
        	
}

#contentcheckout input {
      width: 170px;
      height: 17px;
     

}

#contentcheckout select {
      width: 173px;
      height: 19px;
     
}



/* IE fix */
 
* html #contentcheckout {

height:1300px;
	
        	
}

#contentcheckout>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}

/*Added for cc contents...*/