@charset "utf-8";
* { margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
    height: 100%;
	font-family: Archer-Bold-Pro !important;
    src: url('Archer-Bold-Pro.ttf');
	font-size:.8em;
	background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}


#copyright{
	margin:-120px 0px 0px 0px;
	padding:0px;
	height:482px;
}


a { color: #898989; text-decoration: none }
a:hover { text-decoration: underline }
a.cufon:hover { text-decoration: none }   	

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}

/* Header styles */

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
	background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	background-image:url(../images/top_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	float:left;
	min-height:35px;
	width:100%;	
			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				       only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
			/* right column background colour */
}
.threecol .colmid {
	right:33%;			/* width of the right column */
	height:100%;		/* center column background colour */
}
.threecol .colleft {
	right:56%;
			/* width of the middle column */
	/* left column background colour */
}
.threecol .col1 {
	width:95%;
	position:fixed;			/* width of center column content (column width minus padding on either side) */
	left:3%;
	height:100%;
	padding:0px;
	border:solid 0px #000;	
				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:47px;			/* Width of left column content (column width minus padding on either side) */
	left:0%;
	position:fixed;
top:0;
padding:0;
height:100%;
}
.threecol .col3 {
	width:47px;			/* Width of right column content (column width minus padding on either side) */
	/*left:98%;*/
	right:0;
	position:fixed;
top:0;
padding:0;
height:100%; /* works only if parent container is assigned a height value */
		
		/*border:solid 1px;
		 Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*  ----------bottom menu----------*/
#maincontainer{
	width: 100%;
	height:100%;
	min-height:100%;
	float:left;	

	}
#container
{
    width: 100%;
	height:100%;
	margin-bottom:17%;
	float:left;		
}

 /* Impressive Rules */
/*............................ leftbar start................................ */ 

.left_menu{background: url(../images/bg_nav_prev.png) repeat-y; position: absolute; left: 0px; top: 0px; width:47px; height: 100%; z-index: 20; }
        .left_nav {position: absolute; width: 20px; height: 220px; bottom:255px; left:15px; display: block; z-index: 4;}
      /*  .left_nav ul {width: 20px; display:inline; list-style:none;}  
        .left_nav li a { width: 12px; background: url(../images/nav_left_menu.png) no-repeat; display: block; text-indent: -9999em; letter-spacing: -9999px; overflow: hidden }
		.left_nav li .sitemap { height: 49px; background-position: 0 -205px }
		.left_nav li .sitemap:hover { height: 49px; background-position: -12px -205px }
		.left_nav li .terms-condition { height: 118px; background-position: 0 -87px }
		.left_nav li .terms-condition:hover { height: 118px; background-position: -12px -87px }
		.left_nav li .customer-care { height: 87px; background-position: 0 0 }
		.left_nav li .customer-care:hover { height: 87px; background-position: -12px 0 }
		.left_nav li .fb { height: 20px; background-position: 90px 0px }
		.left_nav li .fb:hover { height: 20px; background-position: 0px 0px }*/
		
	.button_prev {position: absolute; width:47px; height: 48px; bottom: 200px;}
    .button_prev a.btn_prev {width: 47px; height: 48px; background: url(../images/bg_expand_left.png) no-repeat -138px 0; text-indent: -999999em; overflow: hidden; display: block}
    .button_prev a:hover.btn_prev{width:130px; background:url(../images/bg_expand_left.png) repeat-y scroll -5px 0}
    .button_next {position: absolute; width:174px; height: 48px; top:80px; right: 0px}
    .button_next a.btn_next{width: 47px;height: 48px; background: url(../images/bg_expand_right.png) repeat-y scroll 3px 0; text-indent: -99999em; overflow: hidden; display: block; float: right}
   .button_next a:hover.btn_next{width: 130px; background:url(../images/bg_expand_right.png) repeat-y scroll -44px 0}
/*................. leftbar End............................................ */ 

/*................ Rightbar start........................................ */ 

.right_menu { width: 47px; height: 100%; background: url(../images/bg_nav_next.png) repeat-y; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 20 }  	
/*................ Rightbar End........................................ */ 	

/*................ bottom_menu Start........................................ */ 
#bottommenu
{
width: 98%;
height: auto;
margin:auto;
min-height:141px;
padding:0px;
text-align:center;
float:none;
bottom:0;
position:fixed;
margin-left:0%;
margin-right:2%;
color:#FFF;

}
.bottom_menu {
width: 100%;
height: auto;
max-width:1360px;
vertical-align:baseline;
text-align:center;
margin:auto;
padding:.5% .0% 0 .6%;
background-image:url(../images/bottom_bg.jpg); background-repeat:repeat-x;
font-family: Archer-Bold-Pro; 
src: url('Archer-Bold-Pro.oet') format("truetype");
}

.social{margin:15px 0px 0px 0px; height:80px; z-index:21; position:absolute; width:22px; border:0px solid red;}

.social a {padding-top:5px;}

.bottom_menu .middle_side {width: 100%; height: 141px; text-align:center; padding:0px; margin:auto;} 
.bottom_menu .middle_side li {width: 33%; height: 137px;display: block; float: left; margin:1px;}
.bottom_menu .middle_side li.preview {display: block; background:url(../images/agr_bg.jpg) no-repeat;}          
.bottom_menu .middle_side li.preview:hover {display: block; background:url(../images/arg_over.jpg) no-repeat; background-position: left bottom;}
.preview { cursor: pointer }

.bottom_menu .middle_side li.preview1 {display: block; background:url(../images/ideal_pro.jpg) no-repeat;}        
.bottom_menu .middle_side li.preview1:hover {display: block; background:url(../images/ideal_pro_over.jpg) no-repeat; background-position: left bottom; }
.preview1 { cursor: pointer }

.bottom_menu .middle_side li.preview2 {display: block; background:url(../images/ideal_bra.jpg) no-repeat;}  
.bottom_menu .middle_side li.preview2:hover {display: block; background:url(../images/ideal_bra_over.jpg) no-repeat;  background-position: left bottom;}
.preview2 { cursor: pointer }
   	/*................ bottom_menu End........................................ */