/*
$Id: main.css,v 1.130.2.1 2009/01/16 09:10:52 avg Exp $
vim: set ts=2 sw=2 sts=2 et:
*/
 
html,body 
{
	height: 100%;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	min-width: 780px;
	border: 0px none;
}

div,th,td,p,input,select,textarea,tt,button 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2c3e49;
	font-size: 11px;
}

a:link
{
	color: #525249;
	text-decoration: none;
}

a:visited 
{
	color: #525249;
	text-decoration: none;
}

a:hover 
{
	color: #F29D41;
	text-decoration: none;
}

a:active 
{
	color: #525249;
	text-decoration: none;
}

h1
{
	margin: 10px 0px;
	padding: 0;
	font-size: 14px;
	color: #626b1c;
}

h2 
{
	margin: 20px 0px 10px 0px;
	padding: 0;
	font-size: 13px;
}

h3
{
	margin: 12px 0px;
	padding: 0;
	font-size: 12px;
	color: #626b1c;
}

hr
{
	border: 0px none;
	border-bottom: 1px solid #888888;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	height: 0px;
}

form 
{
	margin: 0px;
}

table, img 
{
	border: 0px;
}

em 
{
  font-style: italic;
}

strong 
{
  font-weight: bold;
}

/*
  service styles
*/
/* float-box finisher */
.clearing
{
  height: 0px;
  font-size: 0px;
  clear: both;
}

/* vertical align (center) */
.valign-middle 
{
	vertical-align: middle;
	height: 100%;
}

.valign-middle-adv-lvl1
{
  height: 100%;
  display: table;
}

.valign-middle-adv-lvl2 
{
  display: table-cell;
  vertical-align: middle;
}

.valign-middle-adv-lvl3 {
}

/* horizontal align */
.halign-center 
{
  display: table;
  margin: 0px auto;
  text-align: center;
}

.center 
{
  text-align: center;
}

.right-box 
{
  width: 100%;
  text-align: right;
}

/* text block container */
.text-block 
{
  margin-bottom: 15px;
}

.text-pre-block 
{
  margin-top: 15px;
}

/* no-wrap */
.nowrap 
{
  white-space: nowrap;
}

/* width:100% emulator */
table.width-100 
{
  width: 100%;
}


/*Pannel*/
#pannel
{
  width:100%;	
}

/* Header Pannel */

#header-pannel
{
	width:100%;
}

.logo
{
	padding:10px 0 0 0;
}

.left-header
{
	float:left;
	padding-left:10px;
}

.right-header
{
	float:right;
}

.right-header .navigation
{
	text-align:right;
	padding:10px;
}

.right-contact
{
	color:#2086e5;
	font-size:12px;
	padding:10px;
}

/* Navigation Pannel */
#navigation-pannel
{
	width:100%;
	background-image:url(../images/main-nav-bg.jpg);
	height:35px;
	line-height:30px;
	border-top:1px #565f1e solid;
	border-bottom:1px #565f1e solid;
	float:left;
}

#navigation-pannel .navigation
{
	float:left;
	color:#ffffff;
	font-size:12px;
	padding:0 10px 0 10px;
}

#navigation-pannel .navigation a
{
	color:#ffffff;
}

#navigation-pannel .navigation a:hover
{
	color:#eff5c8;
}

#navigation-pannel .search
{
	float:right;
	padding:0 10px 0 10px;
}

#navigation-pannel .search label.text
{
	color:#606d1e;
	font-size:14px;
}

#navigation-pannel .search label.field input
{
	border:1px #5b6719 solid;
	height:15px;
	width:180px;
}

/*Button pannel*/

.button1 a{
background-image:url(../images/button1.png);
background-repeat:repeat-x;
padding:3px 7px;
color:#ffffff;
border:1px #b8975f solid;
float:left;
margin:5px;
}

.button1 a:hover{
background-image:url(../images/button1a.png);
}

.button2 a{
background-image:url(../images/button2.png);
background-repeat:repeat-x;
padding:3px 7px;
color:#ffffff;
border:1px #3a5870 solid;
float:left;
margin:5px;
}

.button2 a:hover{
background-image:url(../images/button2a.png);
}

.poptions-options-lis{
padding:10px;
}

.hr {
margin-bottom:10px;
margin-top:10px;
}

hr {
border-color:-moz-use-text-color -moz-use-text-color #888888;
border-style:none none solid;
border-width:0 0 1px;
height:0;
margin:20px 0 10px;
padding:0;
}

.right-box{

}

.button-box{
height:23px;
margin-top:30px;
position:relative;
vertical-align:top;
}

.button-box .left{
float:left;
min-width:400px;
}

.button-box .right{
float:right;
}

/* Wrapper Pannel */
#wrapper-pannel
{
	clear:both;
	float:left;
	margin-top:20px;
	overflow:hidden;
	/*padding-bottom:39px;*/
	position:relative;
	width:100%;
}

#wrapper-pannel1
{
	float:left;
	position:relative;
	right:100%;
	width:200%;
}

/* Left Pannel */
.left-wrapper
{
	float:left;
	margin-left:7px;
	position:relative;
	width:150px;
}

.dialog-box 
{
	border:1px solid #353132;
	margin-bottom:15px;
	float:left;
	width:98.4%
}

.dialog-box .title-bar 
{
	background:url(../images/menu-title-bg.jpg) repeat-x scroll left top;
	border-bottom:1px #ccc solid;
	color:#FFFFFF;
	font-weight:bold;
	height:27px;
	line-height:27px;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	width:100%;
}

.dialog-box .title-bar label.title
{
	padding-left:10px;
}

.dialog-box .content 
{
	background-color:#FFFFFF;
	border:0 none;
	overflow:visible;
	/*padding:8px 10px 20px;*/
    padding:0px;
}

#item
{
	list-style-type:none;
	color:#b5bb5c;
	margin:0px;
	padding-left:10px;
}

#item1
{
	list-style-type:square;
	color:#b5bb5c;
	margin:0px;
	padding-left:10px;
}

#item li a
{
	color:#525249;
	line-height:18px;
	font-size:12px;
}

/* Middle Pannel */
.middle-wrapper
{
	float:left;
	left:50%;
	position:relative;
	width:50%;
}

#middle-main 
{
	margin:0 185px 0 177px;
	overflow:hidden;
	position:relative;
}

.dialog-product-box
{
	border:1px solid #524e4f;
	margin:0 0 15px;
	padding:0;
	page-break-inside:avoid;
	float:left;
	width:99.7%
}

.dialog-product-box .title 
{
	background:transparent url(../images/middle-title-bg.jpg) repeat-x scroll left top;
	border-bottom:1px #ccc solid;
	color:#e7f290;
	font-size:13px;
	font-weight:bold;
	height:30px;
	line-height:22px;
	margin:0;
	overflow:hidden;
	padding:0 0 0 8px;
	position:relative;
	text-align:left;
	vertical-align:middle;
}

.dialog-product-box .title h1
{
	color:#e7f290;
	margin:0px;
	padding:0px;
	float:left;
}


.dialog-product-box .dialog-product-box-sort-bar
{
	float:right;
}

.dialog-product-box .content
{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	color:#58595B;
	padding:10px 10px 25px;
	text-align:left;
}

.dialog-product-box .products
{
	margin-bottom:15px;
	margin-top:15px;
}

.dialog-product-box .item-box 
{
	margin:0 0 20px;
/*	margin:0 0 45px;*/
	position:relative;
}

.dialog-product-box .image 
{
	float:left;
	margin-right:auto;
	padding:3px 20px 3px 10px;
	position:relative;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}

.dialog-product-box .products a.see-details:link, .dialog-product-box .products a.see-details:visited, .dialog-product-box .products a.see-details:hover, .dialog-product-box .products a.see-details:active 
{
	display:block;
	text-align:center;
	text-decoration:underline;
}

.dialog-product-box .details 
{
	border:0 none;
	padding-left:38px;
	vertical-align:top;
	margin-left:125px;
}

.market-price span.market-price-value
{
	text-decoration:line-through;
}

.buttons-row 
{
	height:23px;
	margin:20px 0 0;
}

.buttons-row span.buy-now a
{
	color:#f29d41;
	background-image:url(images/arrow.gif);
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:left center;
}

.buttons-row span.add-tocart a
{
	color:#3868c2;
	background-image:url(../images/arrow.gif);
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:left center;
}

/* cart Page */

#wrapper-pannel #center-main {
margin:0 auto;
text-align:left;
width:780px;
}

/* Right Pannel */
.right-wrapper
{
	float:right;
	position:relative;
	right:7px;
	width:158px;
}

.cart-button{
float:right;
margin-left:20px;
}



/*Footer Pannel*/
#footer-pannel
{
	float:left;
	margin-top:10px;
	width:100%;
	background-color:#524e4f;
	border-top:1px #353132 solid;
	color:#fff;
}

#footer-pannel .navigation
{
	color:#fff;
	text-align:center;
	padding:10px;
}

#footer-pannel .navigation a
{
	color:#fff;

}

#footer-pannel .navigation a:hover
{
	color:#F29D41;

}


#footer-pannel .bottom-info
{
	color:#fff;
	width:100%;
}

#footer-pannel .bottom-info .powered
{
	float:left;
	padding:10px;
	color:#fff;
}

#footer-pannel .bottom-info .copyright
{
	float:right;
	padding:10px;
	color:#fff;
}

/*     added by dipraj    */

.hintsClass {
			font-family: tahoma, verdana, arial;
			font-size: 12px;
			background-color: #f0f0f0;
			color: #000000;
			border: 1px solid #808080;
			padding: 5px;
		}


.loginpassword
{	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Tahoma;
	font-size: 11px;
	border: 1px SOLID #666666;
	width: 186px;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	vertical-align: middle;
}

#Results 
{ 
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:15px;
	text-align:right;
	border:1px solid #000000;
	background: #FFFFFF url(../images/back.gif);
}

.carttableheading
{ 
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px; 
	text-align:center; 
	background: #333333 url(../images/shade.gif);
}

.cartitem
{ 
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px; 
	text-align:center; 
	border-bottom:1px solid #666666
}

.Results 
{ 
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px; 
	text-align:right; 
	background: #FFFFFF url(../images/hd2.jpg); 
}

.Pagination
{
	background-image: url(../images/menusectiondefbg.gif);
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.errorElement
{ 
    font-size: 12px;
    font-family: Verdana, Arial, Tahoma; 
	color: #E05353;
	border: 1px solid #E05353; 
	padding: 2px 2px 3px 2px;
	margin: 0px;
	background: #FFCCCC url(../images/icon_error.gif) no-repeat 3px center;
	padding-left: 25px;
	vertical-align: middle;
	font-weight:bold;
}

.infoElement
{ 
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma; 
	color: #335500;
	border: 1px solid #335500; 
	padding: 2px 2px 3px 2px;
	margin: 0px;
	background: #00FA9A url(../images/icon_info.gif) no-repeat 3px center; 
	padding-left: 25px;
	vertical-align: middle; 
}


/* Button Styles Starts Here */
.bluebuttonbig
{
	border: solid 0 #FFFFFF; 
	background: URL(../images/bluebuttonbg.gif) no-repeat;
	height: 21px; 
	width: 85px;
	color: #000000;
	font-family: Verdana, Tahoma; 
	font-size: 11px; 
	margin: 0px; 
	padding-top: 3px; 
	padding-bottom: 15px; 
	vertical-align:middle;
}

.greenbuttonbig
{
	border: solid 0 #FFFFFF; 
	background: URL(../images/greenbuttonbg.gif) no-repeat;
	height: 21px; 
	width: 85px;
	color: #339900;
	font-family: Verdana, Tahoma; 
	font-size: 11px; 
	margin: 0px; 
	padding-top: 3px; 
	padding-bottom: 15px;  
	vertical-align:middle;
}

.redbuttonbig
{
	border: solid 0 #FFFFFF; 
	background: URL(../images/redbuttonbg.gif) no-repeat;
	height: 21px; 
	width: 85px;
	color: #FF3300;
	font-family: Verdana, Tahoma; 
	font-size: 11px; 
	margin: 0px; 
	padding-top: 3px; 
	padding-bottom: 15px;  
	vertical-align:middle;
}

.bluebuttonsuperbig
{
	border: solid 0 #FFFFFF; 
	background: URL(../images/bluebuttonsuperbig.gif) no-repeat; 
	height: 21px;
	width: 108px;
	color: #000000; 
	font-family: Verdana, Tahoma; 
	font-size: 11px; 
	margin: 0px; 
	padding-top: 3px;
	padding-bottom: 15px; 
	vertical-align:middle;
}
/* Button Styles Ends Here */ 

/* MAGIC ZOOM STARTS HERE */

	/* CSS class for zoomed area */
		.MagicZoomBigImageCont {
			border:	2px solid #2C3E49;
			margin-left:115px;
			margin-top:-7px;
		}

		html>body .MagicZoomBigImageCont {
			margin-left:12px;
		}

		html>body .MagicZoomBigImageCont img {
			border:1px solid #FFFFFF;
		}

	/* Header look and feel CSS class */
	/* header is shown if "title" attribute is present in the <A> tag */
		.MagicZoomHeader {
			font:			10px Tahoma, Verdana, Arial, sans-serif;
			font-weight:	bold;
			color:			#fff;
			background:		#2C3E49;
			text-align:     center !important; 
		}


	/* CSS class for small looking glass square under mouse */
		.MagicZoomPup {
			border: 		2px solid #2C3E49;
			background: 	#2C3E49;
		}

	/* CSS style for loading animation box */
		.MagicZoomLoading {
			text-align:		center;
			background: 	#6AFB92;
			color:			#444;
			border: 		1px solid #ccc;
			opacity:		0.8;
			padding:		3px 3px 3px 3px;
			display: 		none; /* do not edit this line please */
		}

	/* CSS style for gif image in the loading animation box */
		.MagicZoomLoading img {
			padding-top:	3px;
		}

/* MAGIC ZOOM ENDS HERE */


