@charset "utf-8";

img.pink{
border:3px solid #e5e5e5;
}
img.yellow{
border:5px solid #F3E9E9;
}
body  {
margin:0;
padding:0;
text-align:center; 
background-color:#ebe6c0;
font-size:100%;
}
.wrapper #container { 
width:1034px;
margin:0 auto;
text-align:left;
background-image:url(../images/vista_packaging_02.png);
background-repeat:repeat-y;
background-color:transparent;
} 
.wrapper #header { 
width:1004px;
height:258px;
margin:0 auto;
position:relative;
} 
#main_box {
width:1004px;
height:auto;
margin:0 auto;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}

#banner {
height:225px;
width:1004px;
margin:0 auto;
float:left;
position:relative;
}


/*=========== banner css
==========================*/
#banner_left {
width:473px;
height:225px;
float:left;
position:relative;
}

#banner_right {
width:531px;
height:225px;
float:left;
position:relative;
background-image:url(../images/banner_bg_02.jpg);
background-repeat:no-repeat;
}

.slider_container {
width:396px;
height:225px;
margin:0px 0px 0px 0px;
float:right;
background-image:url(../images/vista_packaging_27.jpg);
background-repeat:no-repeat;
}
#slider {
width:385px;
height:207px;
margin:5px;
background-color:#FF0000;
}


/*=========== banner css
==========================*/
#topper {
width:1004px;
height:40px;
float:left;
position:relative;
margin:10px 0 0 0;
}
.logo {
width:665px;
height:48px;
float:right;
position:relative;
/*margin:0px 0 0 10px;
background-image:url(../images/vista_packaging_24.jpg);
background-repeat:no-repeat;
background-position:top left;*/
}
.top_links {
width:150px;
height:30px;
float:right;
position:relative;
margin:10px 20px 0 0;
text-align:right;
color:#b65954;
/*font-size:10px;*/
}
.top_links a {
/*font-size:10px;*/
font-weight:normal;
color:#b65954;
text-decoration:none;
margin:0 5px;
}
.top_links a:hover {
/*font-size:10px;*/
font-weight:normal;
color:#b65954;
text-decoration:underline;
}


.banner_left {
width:339px;
height:225px;
float:right;
position:relative;
margin:0;
padding:0;
}

.mid_img_right {
width:332px;
height:175px;
float:right;
margin:0;
padding:0;
background-color:#660033;
}

#nav_bar {
width:1004px;
height:33px;
background-image:url(../images/nav_bg.jpg);
background-repeat:repeat-x;
float:left;
position:relative;
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:17px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
#nav_bar  ul#menu {
width:899px;
margin:0 auto;
padding:8px 0px 0 45px;
font-size:14px;
display:block;
height:24px;
}
ul#menu li{
display:inline;
color:#fff;
margin:0;
padding:8px 17px;
height:15px;
}
ul#menu li a{
display:inline;
color:#fff;
text-decoration:none;
margin:0;
padding:8px 17px;
height:15px;
}
ul#menu  li a:hover{
background-color:#61110f;
display:inline;
color:#fff;
text-decoration:none;
margin:0;
padding:8px 17px;
height:15px;
position:relative;
}
.active{
background-color:#61110f;
display:inline;
color:#fff;
text-decoration:none;
margin:0;
padding:8px 18px;
height:14px;
position:relative;
}
.wrapper #sidebar1 {
float: right; 
width:354px; 
padding:0;
margin:0 15px 0 0;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
#side_bar {
width:275px;
height:auto;
float:right;
position:relative;
padding:0px 28px 0 28px;
}
#home_side_bar {
width:331px;
height:auto;
float:right;
position:relative;
}
.cpp {
font-style:normal;
color:#585858;
width:286px;
height:145px;
margin:0 auto 10px auto;

}
.flexible {
color:#585858;
width:286px;
height:145px;
margin:0 auto 10px auto;

}

/*#home_contact_bar {
width:285px;
height:100%;
padding:0;
margin:0 auto;
}*/

.contact {
font-style:normal;
color:#585858;
width:286px;
height:210px;
margin:0 auto;
}
/******** div - main content *******/
.wrapper #mainContent {
width:622px;
height:auto;
padding:0;
position:relative;
margin:0 0 0 0px;
background-repeat:no-repeat;
background-position:center;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
.#mainContent aboutus {
width:622px;
height:auto;
padding:0;
position:relative;
margin:0 0 0 0px;
background-repeat:no-repeat;
background-position:center;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
.home_mainContent {
width:1004px;
height:100%;
padding:10px 0 0 0;
float:left;
position:relative;
background-image:url(../images/vista_packaging_21.jpg);
background-repeat:no-repeat;
background-position:center;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
 
.wrapper #mainContent_awards {
width:635px;
height:500px;
padding:0;
float:left;
margin:10px 0 0 15px;
background-image:url(../images/vista_packaging_21.jpg);
background-repeat:no-repeat;
background-position:center;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
} 
.wrapper #mainContent_quality {
width:635px;
height:500px;
padding:0;
float:left;
margin:0px 0 0 15px;
background-image:url(../images/vista_packaging_21.jpg);
background-repeat:no-repeat;
background-position:center;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
} 
.row_01 {
width:592px;
height:310px;
float:left;
position:relative;
padding:0px 28px 0 28px;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
.row_02 {
width:592px;
float:left;
position:relative;
padding:0px 28px 0 28px;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
height:210px;
} 
.row_03 {
width:592px;
float:left;
position:relative;
padding:0px 28px 0 28px;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
border-right:1px solid #ccc;
}

.row_03a {
width:592px;
float:left;
position:relative;
padding:0px 28px 0 28px;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
font-size:13px;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}

.row_04 {
width:575px;
float:left;
position:relative;
padding:0px 28px 0px 28px;
border-bottom:1px solid #aaa;
}
.row_05 {
width:606px;
height:auto;
float:left;
position:relative;
padding:0 24px 0 24px;
}
.coloumn_01 {
width:255px;
height:210px;
float:left;
position:relative;
margin:0 15px;
}
.coloumn_02 {
width:255px;
height:210px;
float:left;
position:relative;
margin:0 15px;
}
.more {
font-size:10px;
color:#df8985;
font-weight:bold;
padding:0 100px 0 0;
float:right;
}
.read {
font-size:10px;
color:#df8985;
font-weight:bold;
background-image:url(../images/read_arrow.png);
background-position:center left;
background-repeat:no-repeat;
padding:0px 0 0px 12px;
float:left;
margin:10px 0 0 0;
}
.read a{
font-size:10px;
color:#df8985;
}
.read a:hover{
font-size:10px;
color:#943934;
text-decoration:none;
}
.wrapper #footer { 
padding:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
width:1004px;
height:47px;
background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
margin:10px auto 0 auto;
line-height:18px;
letter-spacing:0.2px;
font-family:"Calibri", Verdana, Arial, Helvetica, sans-serif;
}
.left {
width:480px;
height:47px;
float:left;
position:relative;
}
.right {
font-size:11px;
font-style:normal;
color:#e9b4b1;
width:250px;
height:37px;
float:right;
position:relative;
padding-top:5px;
}
.right a {
font-style:normal;
color:#e9b4b1;
text-decoration:none;
}
.right a:hover{
font-style:normal;
color:#fff;
text-decoration:underline;
}
.footerlefttxt {
font-size:11px;
font-style: normal;
color: #e9b4b1;
text-decoration: none;
float: left;
position:relative;
padding-top:5px;
padding-left:28px;
width:525px;
}
.footerlefttxt a {
font-size:11px;
font-style:normal;
color: #e9b4b1;
text-decoration: none;
}
.footerlefttxt a:hover {
/*font-size:11px;*/
font-style: normal;
color: #fff;
text-decoration: underline;
}
.copyright {
font-size:11px;
font-style: normal;
color: #e9b4b1;
text-decoration: none;
float:left;
position:relative;
padding-top:5px;
padding-left:28px;
width:350px;
}
/* Miscellaneous classes for reuse */
.clearfloat {
clear:both;
height:0;
line-height: 0px;
}
.floatleft
{
float: left;
margin:20px 20px 20px 20px;
}
h1 {
font-size:18px;
font-style:normal;
color:#003960;
text-decoration: none;
font-weight:bold;
margin:0px 0;
padding:10px 0;
border-bottom:1px solid #d5d5d5;
}
h1 span {
font-style:normal;
color: #6d1c00;
text-decoration: none;
}
.txt_pad {
padding-bottom:20px;
_padding-bottom:40px;
} 
p {
text-align:left;
word-spacing:2px;
color:#000;
}
ul.awards {
padding:20px 0 0 0;
padding:0;
/*font-size:12px;*/
font-weight:bold;
display:block;
}
ul.awards li {
margin:10px 0 0 0;
list-style:circle;
list-style-position:inside;
}
ul.awards li.spacer {
margin:50px 0 0 0;
list-style:circle;
list-style-position:inside;
}
ul.facility {
padding:20px 0 0 0;
padding:0;
/*font-size:12px;*/
font-weight:normal;
display:block;
}	
ul.facility li {
margin:10px 0 0 0;
list-style:circle;
list-style-position:inside;
font-weight:bold;
}	
.add_left {
float:left;
position:relative;
width:235px;
margin:0 20px 0 0 ;
padding:0 30px 0 0;
border-right:1px solid #aaa;
}
.add_right {
border:none;
margin:0;
padding:0;
}
a.mail  {
color:#a84b46;
text-decoration:underline;
}
a:hover.mail  {
color:#003960;
text-decoration:none;
}
#form2 {
width:560px;
font-size:12px;
}
#form2 table{
	width:575px;
	margin:10px auto;
	background-color:#f3e5e4;
	border:1px dotted #ccc;
}
#form2 table tr td{
border-bottom:1px dotted #ccc;
padding:5px;
}
#Name, #Compname, #Address, #Citystate, #Zipcode, #Busiphone, #Busifax, #Email, #Products, #Quantity, #Delidate {
width:200px;
height:16px;
border:1px solid #9ea188;
margin-top:3px;
}
#Country_s {
width:200px;
height:20px;
border:1px solid #9ea188;
margin-top:3px;
/*font-size:11px;*/
}
#Descriptions {
width:275px;
border:1px solid #9ea188;
margin-top:5px;
}
#thankyou {
width:100%;
height:427px;
margin:100px 0 0 0;
padding:0;
background-image:url(../images/iqffoods_06.jpg);
background-repeat:repeat;
}
#thanks {
width:649px;
height:330px;
margin:0 auto;
padding:47px 0;
background-image:url(../images/thanks_bg.jpg);
background-repeat:no-repeat;
background-position:center;
}
.thanks_row {
width:649px;
height:109px;
margin:28px 0 0 0;
text-align:left;
}
.thanks_row img{
border:none;
margin:20px 20px
}
.thanks_row h6{
/*font-size:24px;*/
color:#003960;
font-weight:bold;
margin:0 30px;
}
.thanks_row h6 span{
color:#6d1c00;
}
.thanks_row p{
color:#4f4f4f;
margin:30px 30px;
font-weight:bold;
line-height:18px;
word-spacing:2px;
}
.thanks_row {
width:649px;
height:109px;
margin:28px 0 0 0;
}
.thanks_left {
width:270px;
height:109px;
margin:0 0 0 24px;
float:left;
}