@charset "utf-8";

/*

-----------------------------------------------------

Ramco Wine Group

URL: http://www.ramcowinegroup.com.au



mantamedia http://www.mantamedia.com.au

Design by Josh Rogers and Code by Nola Falk



Last modified: 	Aug 26 2010

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



*{

	margin: 0;

	padding: 0;

}

body {

	background-color: #f6f4f1;

	color: #191919;

	margin: 0;

	padding: 0;

	font-weight:normal;

	font: 12px "Geneva", Arial, Helvetica, sans-serif;

	text-align: justify;

}

body#order {

	background-color: #f6f4f1;

	color: #191919;

	margin: 0;

	padding: 0;

	font-weight:normal;

	font: 12px "Geneva", Arial, Helvetica, sans-serif;

	text-align: justify;

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

	background-repeat: no-repeat;

	background-position: center top;

}

html{ 

	margin: 0; 

	padding: 0; 

	height: 100%;

	overflow:auto;

}



/*[General]*/

img a{

	border:none;

} 

.clearfloat {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

	}

.clearfooter {

	height: 20px;

}

p{

	padding: 0 0 10px 0;

}

.right{

	text-align: right;

}

.fltlft{

	float: left;

	margin-right: 10px;

	border: 2px solid #B8A985;

}

.fltrght{

	float: right;

	border:none;

	font-size: 10px;

}

.pink{

	color: #ca3189;

	font-size: 11px;

}

.checkoutheading{

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

}

.imgspace {

padding-right: 5px;

}

.PGjump{

	font-size:11px;

	text-align: left;

	margin-left: 2px;

	margin-right: 2px;

}

ul {

	padding-left: 15px;

}

.wideinput{

	padding:4px;

	width:440px;

}

.sminput{

	padding:4px;

	width:240px;

}

.pcinput{

	padding:4px;

	width:140px;

}

/* [layout] */

#wrapper{

	min-height:100%;

	position:relative;

	padding:0;

	margin: 0 auto;

	width: 990px;

}



#container {

	margin: 0;

	min-height:100%;

	padding-bottom:30px; /* the height of the footer*/

}

#content #main .PGjump a:link,#content #main .PGjump a:active,#content #main .PGjump a:visited{

	color: #5f4a34;

	text-decoration: none;

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

}

#content #main .PGjump a:hover{

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

	color: #5f4a34;

	text-decoration: underline;

}

.titleTXT {

	font-size:11px;

	text-align: left;

	}

#content #main .titleTXT a:link,#content #main .titleTXT a:active,#content #main .titleTXT a:visited{

	color: #5f4a34;

	text-decoration: none;

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

	line-height:1.4em;

	font-weight: bold;

}

#content #main .titleTXT a:hover{

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

	color: #5f4a34;

	text-decoration: underline;

	line-height:1.4em;

	font-weight: bold;

}

#left #yourCart a{

	color: #CC0000;

	text-decoration: underline;

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

	line-height:1.4em;

	font-weight: normal;

}

#left #yourCart a:hover{

	font: 11px "Geneva", Arial, Helvetica, sans-serif;

	color: #660000;

	text-decoration: underline;

	line-height:1.4em;

	font-weight: normal;

	}

*#container, *#content, *#contentHolder, *#left, *#right, *#main, *#shop, *#yourCart, *#contentHolder2 {

   height: 100%;

   }

/* Start hide from IE-Mac \*/

* html #wrapper{

   height: 1%;

   }

div#container, div#content, div#contentHolder, div#left, div#right, div#main, div#yourCart, div#contentHolder2{

	height: auto !important;

	min-height: 200px;

	height: 200px;

	}

	

div#shop{

	height: auto !important;

	min-height: 600px;

	height: 600px;

	}

/*[Typography]*/

img a:link, img a:active, img a:visited{

	text-decoration: none;

}

/*[header]*/

#header{

	position: relative;

	margin: 0 auto;

	margin-top: 20px;

	width: 950px;

	height: 110px;

	padding-left:20px;

	padding-top:10px;

	background-color: #5f4a34;

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

	background-repeat: no-repeat;

	background-position: right top;

}

/*[nav]*/

#mainnav{

	height: 30px;

}

#subnav{

	margin: 0 auto;

	width: 970px;

	height: 30px;

	background-color: #B8A985;

}

#banner{

	margin: 0 auto;

	width: 970px;

	height: 303px;

	background-color: #FFFFFF;

}

#smbanner{

	margin: 0 auto;

	width: 970px;

	height: 200px;

	background-color: #FFFFFF;

}

/* [content] */

#viewcart {

	margin: 20px 0 0 0;

}

#contentHolder { 

	background-color: #ffffff;

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

	background-repeat: repeat-y;

	padding-bottom: 20px;

}

#contentHolder2 { 

	background-image: url(images/cont_shadow.png);

	background-repeat: repeat-y;

	padding-bottom: 20px;

}

#content {

	float:right;

	width: 900px;

	margin-top:20px;

	margin-right: 30px;

	background-color: #ffffff;

	padding-right: 20px;

}

#content a:link, #content a:active, #content  a:visited{

	color: #5f4a34;

	text-decoration: none;

	font: 12px "Geneva", Arial, Helvetica, sans-serif;

	line-height:1.4em;

	font-weight: bold;

}

#content a:hover{

	font: 12px "Geneva", Arial, Helvetica, sans-serif;

	color: #5f4a34;

	text-decoration: underline;

	line-height:1.4em;

	font-weight: bold;

}

#left{

	float: left;

	text-align:left;

	width: 240px;

	min-height:100%;

	}

#right {

	float:right;

	text-align: right;

	width: 250px;

	min-height:100%;

	background-color: #ffffff;

}

#main{

	float:right;

	width: 360px;

	text-align: justify;

	background-color: #ffffff;

	padding-left:30px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #B8A985;

}

#shop{

	float:right;

	width: 610px;

	background-color: #ffffff;

	padding-left:30px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #B8A985;

}



.addtocartwine{

	width: 610px;

	height: 190px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #bfbfbf;

	margin: 0 0 15px 0;

	clear: both;

	padding: 0 0 10px 0;

}

.wineinfo{

	float: left;

	height:183px;

	width: 324px;

	padding: 3px 0 0 0;

}

#checkout{

	width: 610px;

	height: 96px;

	text-align: right;

	padding: 5px 0 0 0;

}



.addtocart{

	float: right;

	height: 176px;

	padding: 10px 0 0 0;

	width: 270px;

	text-align: left;

}

.stdbox{

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

	font-size: 10px;

	font-weight: normal;

	width: 257px;

	padding:2px;

}

.fltlftbtl { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: left;

	margin-right: 5px;

}



/* [tool tip] */

.winenotes {

	width: 260px;

	height: 60px;

}

.winenotes p{

	padding: 0 0 6px 0;

}

#shop .winenotes a.tooltip, #shop .winenotes a:hover {

	color: #191919;

	text-transform: uppercase;

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

	font-size: 10px;

	text-decoration:none;

	margin: 0 2px 5px 0;

	display:inline-block;



}

a.tooltip {

	color: #191919;

	background-color: #acacac;

	padding: 2px;

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

	font-size: 10px;

	font-weight:normal;

	text-transform: none;

	margin: 0 2px 5px 0;

	display:inline-block;

}

a.tooltip b {

	display:none;

}

a.tooltip:hover {

	border:0; 

	position:relative; 

	z-index:500; 

	text-decoration:none;

	}

a.tooltip:hover b {

	display:block;

	position:absolute;

	top:20px;

	left:-25px;

	padding:5px;

	font-weight:normal;

	color:#FFFFFF;

	border:1px solid #191919;

	background:#191919;

	width:200px;

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

	font-size: 10px;

	text-transform: none;

}

a.tooltip:hover b em {

	position:absolute;

	left:20px;

	top:-6px;

	width:11px;

	height:6px;

	display:block;

	font-size:1px;

	background-color: transparent;

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

	background-position: 0 0;

}



#comp{

	margin: 45px 0 15px 0;
	background-color:White;
	color:white;
	background-color:White;


}

#yourCart{

 	background-color: #e4e4e4;

	width: 200px;

	margin: 25px 0 15px 0;

	padding:10px;

}

/*[footer]*/

#shadow {

	margin: 0 auto;

	width: 990px;

	height: 10px;

}

#footer {

	clear: both;

	position:absolute;

	bottom:0;

	width: 100%;

	height:20px;   /* Height of the footer */

}



#footer p {

	width: 970px;

	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */

	padding: 5px 0 10px 0; 

	color: #B8A985;

	text-align: left;

	font-size: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #D0C6AE;

}

#footer .spacing {

	padding-right: 20px;

}

#footer a{

	font: 10px "Geneva", Arial, Helvetica, sans-serif;

	color: #B8A985;

	text-decoration: none;

	padding-right: 6px;

}

#footer a:hover{

	color: #B8A985;

	text-decoration: underline;

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

	font-size: 10px;

	padding-right: 6px;

}