@import url("../css/layout.css");

@import url("../css/navigation.css");

@import url("../css/sidebar.css");



/*#######################################

ALL FONTS FAMILY CSS

#######################################*/

.elink,

.pagepath, 

.maillistform input,

#footer,

.gridlistbtn a {

	font-family:Georgia, "Times New Roman", Times, serif;

	}

body,

.link,

.cmstxt,

.points li {

	font-family:Georgia, "Times New Roman", Times, serif;

	}

h2, 

.pageheader h1  {

	font-family:Georgia, "Times New Roman", Times, serif;

	}

/*##################################

COMMON CSS

##################################*/



/* COMMON RESET CSS

----------------------------------*/

dl, dt, dd, ol, ul, li  

	{

	margin:0px;

	padding:0px;

	list-style-type:none;

	}

a {

	text-decoration:none;

	}

/*

H1-pageheader, 

H2-common sub-title in page, 

H3-common sub-title in page, 

H4-sidebar product name, Headers in forms

H5-sidebar title

H6-not define yet*/

h1, h2, h3, h4, h6 { 

	margin:0px;

	padding:0px;

	}

h2 {

	margin-bottom:5px;

	text-transform:uppercase;

	color:#000000;

	font-size:100%;

	}

h1{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:20px;

	color:#F1E5C8;

	letter-spacing:1px;

	font-style: italic;

	font-weight: normal;

	margin:13px 0 13px 0;

	}

h5 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:16px;

	color:#ddcfac;

	letter-spacing:1px;

	font-style: italic;

	font-weight: normal;

	margin:13px 0px;

	padding:0px;}

	

p {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	color:#cfbf98;

	letter-spacing:1px;

	font-weight: normal;

	line-height:13px;

	}

p {

	margin:0 0 15px 0;

	}

a{ outline:none;}



.white{color:#F1E5C8;}

.link, 

.link1{

	color:#cfbf98;

	text-decoration:underline;

	}

.link1:hover{

	color:#F2EBDC;

	text-decoration:underline;

	}

.link:hover{

	color:#A39161;

	text-decoration:underline;

	}



.elink {

	text-decoration:underline;

	color:#cfbf98;

	}

.elink:hover {

	color:#A39161;

	text-decoration:underline;

	}

.imgborder, .imgleft, imgright {

	border:1px solid #cccccc;

	background-color:#FFFFFF;

	text-align:center;

	}

.imgborder:hover, .imgleft:hover, imgright:hover {

	border:1px solid #000000;

	}

.imgborder, .imgleft, .imgright {

	padding:2px;

	}

.imgleft {

	float:left;

	margin:0 10px 10px 0;

	}

.imgright {

	float:right;

	margin:0 0px 10px 10px;

	}

.cmstxt {

	margin:0 0 0 0;

	font-size:11px;

	color:#cfbf98;

	letter-spacing:1px;

	}

.left {

	float:left;

	}

.right {

	float:right;

	}

.textboxborder {

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #A9C2A5;

	font-size:100%;

	color:#666666;

	background-color:#FFFFFF;

	padding:2px;

	}

.handcur {

	cursor:pointer;

	}

/* IMAGE ALIGN CSS

-----------------------------------*/

.imgborder, 

.imgleft,

.imgright {

	text-align:center;

	display:block;

	}

.imgborder img.spacer,

.imgleft img.spacer,

.imgright img.spacer {

	width:0px;

	}

.imgborder img,

.imgleft img,

.imgright img{

	vertical-align:middle;

	}

/*==================================

POPUP CSS

==================================*/

#white {

	background-color:#FFFFFF;

	padding:15px;

	font-size:80%;

	}

#white .btnbar {

	text-align:center;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	padding:10px 0;

	}

#white #topbar {

	height:70px;

	border-top:none;

	}

#white #topbar .close {

	position:absolute;

	right:15px;

	top:15px;

	}

#white .formcss .btnbar {

	padding:0;

	}

/* POPIMAGE CSS

----------------------------------*/

#white .image #topbar {

	margin-bottom:15px;

	}

#white .image h2 {

	margin:0px;

	}

/*==================================

MORE BUTTON LINK CSS

==================================*/

.morebtn,

.morebtn1,

.sidebarbox .morebar .link,

.findtable,

.buybtn {

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	background-repeat:no-repeat;

	background-position:0 0;

	}

.morebtn,

.sidebarbox .morebar .link {

	background-image:url(../images/morebtn.gif);

	width:52px;

	height:17px;

	}

.morebtn1 {

	background-image:url(../images/morebtn1.gif);

	width:52px;

	height:17px;

	}

.findtable{

	background-image:url(../images/findtable.gif);

	width:99px;

	height:23px;

	}

.findtable:hover{

	background-position:0 -23px;

	

	}

.morebtn:hover,

.sidebarbox .morebar .link:hover,

.morebtn1:hover,

.buybtn:hover {

	background-position:0 -17px;

	}

.buybtn {

	background-image:url(../images/buybtn.gif);

	width:69px;

	height:17px;

	}

/*==================================

COMMON POINTS CSS

==================================*/

.points {

	list-style-type:none;

	margin:0 0 15px 15px;

	padding:0px;

	}

.points li {

	padding:0 0 0 10px;

	margin:0 0 10px 0;

	color:#333333;

	background-image:url(../images/arrow.gif);

	background-position:1px 5px;

	background-repeat:no-repeat;

	line-height:110%;

	}

.points li .points{

	margin-top:15px;

	}

/*==================================

ALL HORIZONTAL-BARS RELATED CSS

==================================*/

.hor_bar, .hor_bar1 {

	padding:8px 10px;

	margin-bottom:15px;

	position:relative;

	min-height:15px;

	}

.hor_bar {

	background-color:#f2f2f2;

	border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	}

.hor_bar1 {

	background-color:#DBE2DA;

	border-bottom:1px solid #B8CFB5;

	border-right:1px solid #B8CFB5;

	}

.hor_bar .right1, 

.hor_bar1 .right1 {

	position:absolute;

	right:8px;

	top:7px;

	}

.hor_bar .left1, 

.hor_bar1 .left1 {

	position:absolute;

	left:8px;

	top:7px;

	}

/*=======================================

HOR LINE & CLEAR CSS

========================================*/

.hor_line{

	height:20px;	

	margin-bottom:20px;

	border-bottom:1px solid #dfdfdf;

	}

.clear {

	clear:both;

	font-size:0px;

	line-height:0px;

	height:0px;

	display:block;

	}

/*================================

NO RECORD ERROR CSS

===============================*/

.norecord {

	border:1px solid #dfdfdf;

	color:#ff0000;

	font-size:13px;

	font-weight:bold;

	padding:7px 0 9px 55px;

	height:30px;

	position:relative;

	margin-bottom:15px;

	}

.norecord img{

	position:absolute;

	left:8px;

	top:8px;

	border:none;

	}

/*##################################

TOPBAR CSS

##################################*/

#topbar {

	position:relative;

	/*background-color:#607D5E;*/

	background-image:url(../images/topbarbg2.gif);

	background-position:0 0;

	background-repeat:repeat-y;

	}

#topbar .navigation_bg{

	height:36px;

	position:absolute;

	margin:0 21px;

	width:800px;

	bottom:0px;

	}

#topbar h1{	

	margin:0px;

	padding:0px;

	}

#topbar h1 .logo{

	width:299px;

	height:87px;

	background-image:url(../images/logo.gif);

	background-repeat:no-repeat;

	position:absolute;

	left:274px;

	top:30px;

	text-indent:-9999px;

	overflow:hidden;/*NEVER FORGOT THIS WHEN YOU USE TEXT-INDENT*/

	}







/*#################################### 

PAGEHEADER AND PAGE PATH CSS

####################################*/

.pageheader {

	padding:0 0 15px 0;

	}

.pageheader h1 {

	margin:0px;

	color:#000000;

	font-size:130%;

	font-weight:normal;

	text-transform:uppercase;

	}

.pagepath {

	padding:7px 15px 8px 0px;

	margin-bottom:20px;

	color:#666666;

	font-size:65%;

	border-top:1px solid #E5E5E5;

	border-bottom:1px solid #E5E5E5;

	}

.pagepath strong {

	margin:0 7px 0 7px;

	color:#333333;

	}

.pagepath a{

	color:#666666;

	text-decoration:none;

	}

.pagepath a:hover {

	color:#0069AF;

	}

.pagepath span {

	/*active page name*/

	color:#4B864D;

	font-weight:bold;

	}

/*##################################

NAVIGATION CSS

##################################*/

#navigation {

	/*background-color:#526A50;*/

	}
#navigation #color1 {
	color:#FFFF00;
	text-decoration:blink;
	}


/*##################################

CONATAINER CSS

##################################*/

#container{

	background-image:url(../images/container_bg.gif);

	background-position:center top;

	background-repeat:repeat-y;

	background-color:#4a3a34;

	}

#container	.container_bg{

	background-color:#a29061;

	background-image:url(../images/menubackground.gif);

	background-position:center top;

	background-repeat:no-repeat;

	}

/*##################################

MAINARIA CSS

##################################*/

.mainarea{

	background-color: #8f7d57;

	background-image:url(../images/main_bg.jpg);

	background-repeat:no-repeat;

	background-position: center top;

	min height:427px;

	}

.mainarea .mainleft{

	float:left;

	width:280px;

	padding: 30px 30px;

	}

.mainarea  .mainright{

	float:right;

	width:460px;

	padding:0px;

	margin: 0px;

	}

/*##################################

CONTACT US CSS

##################################*/

#contactus .sidebartext{

	margin:0 0 20px 0;

	padding:0;

	}

/*##################################

CONTENT-BOX STRUCTURE CSS

MENU CSS

##################################*/

.menucontent{

	/*background-color:#003366;*/

	margin:0px;

	padding:5px 100px 20px 0px;

	}

.menucontent  h1{

	font-size:30px;

	margin:20px 0 20px 0;

	}

.menucontent  h1 span{

	font-size:13px;

	font-weight:bold; 

	padding-top:5px;

	display:block; 

	}

.menucontent  h2{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:16px;

	color:#DDCFAC;

	letter-spacing:1px;

	font-style: italic;

	font-weight: normal;

	margin:13px 0 13px 0;

	text-transform:none;

	}

.menucontent .contentbox1 {

	padding:0px;

	margin:0 0 15px 0;

	min-height:1px;

	color:#382A26;

	/*font-style:italic;*/

	}

.menucontent .contentbox1 .pro_nm{

	font-style:normal;

	}

.menucontent .note{

	font-size:12px;

	color:#CFBF98;

	font-style:normal;

	}

/*=============================

WHINE LIST CSS

===============================*/

#winelist .menuconten {

	color:#000000;

	}

#side .contentbox1 strong,

#winelist  .contentbox1 strong{

	font-style:normal;

	}

#winelist  .contentbox1 .item_cat{

	font-size:14px;

	display:block;

	margin-bottom:10px;

	color:#DDCFAC;

	}

/*##################################

CONTENT-BOX STRUCTURE CSS

THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES

##################################*/

.contentbox1 {

	/*background-color:#F2F2F2;*/

	padding:15px;

	margin:0 0 20px 0;

	min-height:1px;

	}

.contentbox1 dt {

	background-color:#DBE2DA;

	font-weight:bold;

	margin:-15px -15px 15px -15px;

	padding:12px 15px;

	font-size:100%;

	}

.contentbox1 dt a{

	color:#2D7628;

	}

.contentbox1 dt a:hover{

	color:#000000;

	}

.contentbox1 .contentboxdata {

	margin:0px;

	}

.contentbox1 .imgleft td{

	height:94px;

	width:164px;

	}

.contentbox1 .linkbox {

	background-color:#E8E8E8;

	display:block;

	margin:15px -15px -15px -15px;

	height:35px;

	min-height:1px;

	font-weight:bold;

	position:relative;

	}

.contentbox1 .linkbox a {

	position:absolute;

	right:10px;

	top:9px;

	}

.linkbar {

	/*font-weight:bold;

	background-color:#f2f2f2;*/

	padding:12px 0px 8px 0;

	font-size:90%;

	/*border-bottom:1px solid #CFCFCF;

	border-right:1px solid #CFCFCF;

	margin-bottom:0px;*/

	}

.linkbar a {

	font-family:"serif";

	}



/*##################################

FOOTER CSS

##################################*/

#footer {

	/*background-color:#DBE2DA;*/

	font-size:65%;/*11*/

	background-image:url(../images/footer_bg1.gif);

	background-repeat:repeat-y;

	background-position:center top;

	margin:0 78px;

	display:block;

	height:98px;

	}



#footer	.detailsline{

	background-color:#5B433B;

	text-align:center;

	padding:12px 0px;

	margin:0 21px 0 21px;

	}

#footer	 .detials{

	font-size:11px;

	color:#A39161;

	font-weight: normal;

	line-height:16px;

	margin-bottom:0px;

	}

#footer	.fax,

#footer	.phone{

	margin-left:20px;

	}

#footer p  a{

	color:#A39161;

	}

#footer p  a:hover{

	color:#F2EBDC;

	}

#footer .footer_img{

	display:block;

	height:42px;

	}

/*

#footer .copyright,

#footer .links {

	position:absolute;

	top:15px;

	} 

#footer .copyright {

	left:20px;

	color:#607D5E;

	}

#footer .links {

	right:20px;

	color:#607D5E;

	}

#footer .links a {

	color:#607D5E;

	}

#footer .links a:hover {

	color:#000000;

	}

#footer .links span {

	margin:0 5px;

	}

#footer .bookmarkbtn {

	position:absolute;

	bottom:10px;

	right:20px;

	}*/

	