br.breaker { clear: both; }


a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #ECC312; }

a img { border: 0; }

body {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background: #FFFFFF;
	font-family: "Helvetica", "Arial", "Verdana", "MS Sans Serif";
	font-size: 11px;
	color:#000000;
}

	#pagecontainer {
		padding: 0px; margin: 0px; border: 0px;
		width: 780px;
		position: absolute;
		left: 50%;
		margin-left: -390px;
		font-size: 1px;
	}


		#pagetop {
			padding: 0px; margin: 0px; border: 0px;
			width: 780px; height: 10px;
			background: #fff url(/images/glow-top.gif) repeat-x left top;
			font-size: 1px;
		}

		#pagemiddle {
			width: 760px;
			padding: 0px 10px 10px 10px; margin: 0px;
			float: left; text-align: left;
			background: transparent url(/images/glow-middle.gif) repeat-y left top;
			font-size: 1px;
		}


		#pagebottom {
			clear: both;
			padding: 0px; margin: 0px; border: 0px;
			width: 780px; height: 10px;
			background: #fff url(/images/glow-bottom.gif) repeat-x left top;
			font-size: 1px;
		}

		#header {
			float: left;
			margin: 0px;
			width: 760px; height: 85px;
		}

			#header img {
				border: 0px;
			}

			#headerleft { float: left; width: 380px; text-align: left; }
			#headerright { float: right; width: 380px; text-align: right; }

		#topnav {
			clear: both;
			margin: 0px 15px 0px 15px;
			padding: 6px 15px 0px 15px;
			width: 700px;
			background: #000 url(/images/nav-grad.gif) repeat-x left top;
			height: 19px;
			font-size: 11px;
			color: #ECC312;
		}

			#topnav a:link, #topnav a:visited {
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}

			#topnav a:hover {
				color: #ECC312;
			}

			#topnavleft { float: left; width: 550px; text-align: left; }
			#topnavright { float: right; width: 150px; text-align: right; }

		#breadcrumb {
			clear: both;
			margin: 8px 15px 5px 15px;
			padding: 0px 0px 2px 0px;
			width: 700px;
			background: #fff;
			height: 17px;
			font-size: 11px;
			color: #333;

		}

			#breadcrumba a:link, #breadcrumba a:visited {
				display: block;
				float: left;
				height: 14px;
				color: #333;
				text-decoration: none;
				border: 1px solid #ccc;
				margin: 0px 10px 0px 0px;
				padding: 2px 10px 2px 10px;
			}

			#breadcrumba a:hover {
				color: #ECC312;
			}

		#pagearea {
			clear: both;
			margin: 0px 15px 0px 15px;
			padding: 0px 0px 0px 0px;
			width: 730px;
			background: #fff;
			font-size: 11px;
			color: #333;
		}

		div.brokpages {
			clear: both;
			margin: 1px 15px 0px 15px;
			padding: 0px 0px 0px 0px;
			width: 730px;
			background: #fff;
			font-size: 11px;
			color: #333;
			font-weight: bold;
		}

			div.brokpages ul { list-style: none; margin: 0px; padding: 0px; }
				div.brokpages li { display: inline; margin: 0px 5px 0px 0px; }

			div.brokpages a:link, div.brokpages a:visited {
				color: #333;
				text-decoration: none;
			}

			div.brokpages a:hover, div.brokpages a.active:link, div.brokpages a.active:visited, div.brokpages a.active:hover  {
				color: #ECC312;
			}

		#footer {
			clear: both;
			margin: 0px 10px 10px 10px;
			padding: 0px 0px 0px 0px;
			width: 760px;
			background: none;
			height: 19px;
			font-size: 11px;
			color: #ECC312;
		}

			#footer a:link, #footer a:visited {
				color: #333;
				text-decoration: none;
			}

			#footer a:hover {
				color: #ECC312;
			}

			#footerleft { float: left; width: 550px; text-align: left; padding-top: 6px; }
			#footerright { float: right; width: 250px; text-align: right; color: #333; font-weight: bold; }
				#footerright p { margin: 0px; }

		/********************
		    COLUMN WIDTHS
		 ********************/

			div.column1 { width: 175px; margin: 0px 10px 10px 0px; float: left; }
			div.column2 { width: 175px; margin: 0px 10px 10px 0px; float: left; }
			div.column3 { width: 175px; margin: 0px 10px 10px 0px; float: left; }
			div.column4 { width: 175px; margin: 0px 0px 10px 0px; float: left; }

				div.column1border { width: 173px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column2border { width: 173px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column3border { width: 173px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column4border { width: 173px; margin: 0px 0px 10px 0px; float: left; border: 1px solid #ccc; }

			div.column12 { width: 360px; margin: 0px 10px 10px 0px; float: left; }
			div.column23 { width: 360px; margin: 0px 10px 10px 0px; float: left; }
			div.column34 { width: 360px; margin: 0px 0px 10px 0px; float: left; }

				div.column12border { width: 358px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column23border { width: 358px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column34border { width: 358px; margin: 0px 0px 10px 0px; float: left; border: 1px solid #ccc; }

			div.column123 { width: 545px; margin: 0px 10px 10px 0px; float: left; }
			div.column234 { width: 545px; margin: 0px 0px 10px 0px; float: left; line-height: 18px; }

				div.column123border { width: 543px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #ccc; }
				div.column234border { width: 543px; margin: 0px 0px 10px 0px; float: left; line-height: 18px; border: 1px solid #ccc; }

			div.column1234 { width: 730px; margin: 0px 0px 10px 0px; float: left; }

			div.column234left { width: 200px; margin: 0px 0px 10px 0px; float: left; }
			div.column234right { width: 200px; margin: 0px 0px 10px 0px; float: right; }

			div.columnreminder { width: 545px; margin: 0px 0px 10px 0px; float: left; }
			div.columnlabel label { width: 100pc; }

			div.logobottom { margin-top: 70px; }

/********************
	PAGE STYLES
 ********************/

div.grapevine {
	height: 370px;
}

div.homeleft1 {
	width: 143px;
	height: 258px;
 	border: 1px solid #ccc;
 	padding: 25px 15px 0px 15px;
 	font-size: 11px;
}

	div.homeleft1 p { margin: 10px 0px 0px 0px; }

	div.homeleft1 ul { margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

	div.homeleft1 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

	div.homeleft1 li a:link, div.homeleft1 li a:visited { text-decoration: none; color: #333; }

	div.homeleft1 li a:hover { text-decoration: none; color: #ECC312; }

 div.homeleft2 {
 	width: 133px;
 	height: 48px;
  	border: 1px solid #ccc;
  	padding: 25px 0px 0px 40px;
  	font-size: 24px;
  	font-weight: bold;
  	font-family: "Times New Roman";
  	color: #333;
}

 div.homeleft3 {
 	width: 340px;
 	height: 340px;
  	border: 1px solid #ccc;
  	padding: 25px 0px 0px 10px;
  	margin: 0;
  	float: left;
}

	div.homeleft3 p { margin: 10px 0px 0px 0px; }

	div.homeleft3 ul { width: 140px; margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

	div.homeleft3 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

	div.homeleft3 li a:link, div.homeleft3 li a:visited { text-decoration: none; color: #333; }

	div.homeleft3 li a:hover { text-decoration: none; color: #ECC312; }

	div.homeleft3 ul.hpl3-lft { float: left; }
	div.homeleft3 ul.hpl3-rgt { float: right; margin-right: 20px; }

 div.homeright3 {
 	width: 360px;
 	height: 285px;
  	border: 1px solid #ccc;
  	padding: 0;
	margin: 0;
	float: right;
}


div.brokleft1 {
	width: 143px;
	height: 258px;
 	border: 1px solid #ccc;
 	padding: 25px 15px 0px 15px;
 	font-size: 11px;
}

	div.brokleft1 p { margin: 10px 0px 0px 0px; }

	div.brokleft1 ul { margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

	div.brokleft1 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

	div.brokleft1 li a:link, div.brokleft1 li a:visited { text-decoration: none; color: #333; }

	div.brokleft1 li a:hover { text-decoration: none; color: #ECC312; }

 div.brokleft2 {
 	width: 173px;
 	height: 48px;
  	border: 1px solid #ccc;
  	padding: 25px 0px 0px 0px;
  	font-size: 24px;
  	font-weight: bold;
  	font-family: "Times New Roman";
  	color: #333;
  	text-align: center;
}

 div.brokitem {
 	width: 135px;
 	border: 0px solid #ccc;
	margin: 0px 5px 5px 6px;
	padding: 0px 0px 0px 0px;
 	float: left;
 	text-align: center;
 }

	div.brokitem p {
		margin: 0px;
	}

   	div.brokitem a.brokimg { display:block; height: 113px; width: 113px; }
	div.brokitem a.brokimg:link, div.brokitem a.brokimg:visited { border: 1px solid #ccc; }
	div.brokitem a.brokimg:hover { border: 1px solid #ECC312; }

	div.brokactive a:link, div.brokactive a:visited  { border: 1px solid #ECC312; }

 	div.brokitem img { width: 113px; height: 113px; border: 0px; }



div.catleft4 {
	width: 200px;
	min-height: 345px;
 	border: 0px solid #ccc;
 	padding: 25px 15px 0px 75px;
 	font-size: 11px;
}

	div.catleft4 p { margin: 10px 0px 0px 0px; }

	div.catleft4 ul { margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

	div.catleft4 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

	div.catleft4 li a:link, div.catleft4 li a:visited { text-decoration: none; color: #333; }

	div.catleft4 li a:hover { text-decoration: none; color: #ECC312; }

div.colleft1 {
	width: 175px;
	height: 180px;
 	border: 0px solid #ccc;
 	padding: 0px 0px 0px 0px;
 	font-size: 11px;
}

	div.colleft1 img { border: 0px; }

 div.colleft2 {
	width: 143px;
	height: 168px;
 	border: 1px solid #ccc;
 	padding: 10px 15px 0px 15px;
 	font-size: 11px;
}

	div.colleft2 p { margin: 5px 0px 0px 0px; }

	div.colleft2 ul { margin: 5px 0px 0px 5px; padding: 0px 0px 0px 0px; list-style: none; }

	div.colleft2 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

	div.colleft2 li a:link, div.colleft2 li a:visited { text-decoration: none; color: #333; }

	div.colleft1 li a:hover { text-decoration: none; color: #ECC312; }

/*****************
 COLLECTIONS PAGE
*****************/

div.coll_left {
	float: left;
	width: 175px;
	height: 180px;
}

	div.coll_left img { border: 0px; }

div.coll_right {
	float: left;
	width: 183px;
	height: 170px;
	padding: 10px 0px 0px 0px;
}

	 div.coll_right h1 { font-size: 12px; font-weight: bold; color: #ECC312; margin: 0px 0px 0px 0px }
		div.coll_right h3 a:link, div.coll_right h3 a:visited { color: #ECC312; text-decoration: none; }
		div.coll_right h3 a:hover { color: #ECC312; text-decoration: underline; }

	div.coll_right ul { width: 150px; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; list-style: none; }

		div.coll_right li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat right 4px; }

			div.coll_right li a:link, div.coll_right li a:visited { text-decoration: none; color: #333; }

			div.coll_right li a:hover { text-decoration: none; color: #ECC312; }
.redtext{
	color: #cc0000;
}
/*************
 PRODUCT PAGE
*************/


#prodpageleft {
	width: 350px;
	border: 1px solid #ccc;
	padding: 4px;
}

	#prodpageleft img {
		width: 350px;
		height: 350px;
		float: left;
	}

#prodpageright h1 {
    font-size: 1.9em;
	margin: 0px 0px 5px 0px;
}

#prodpageright p {
	margin: 0px 0px 5px 0px;
	line-height: 18px;
}




 div.shopsteps {
 	width: 730px;
 	height: 25px;
 	border: 0px solid #ccc;
 	padding: 20px 0px 0px 0px;
 	background: url('/images/checkout_stepbg.gif') repeat-x left top;
 	margin-bottom: 20px;

 }

	div.shopsteps ul {
		width: 670;
		list-style: none;
		display: block;
		margin: 0px 0px 0px 60px;
		padding: 0px;
	}

		div.shopsteps li {
			list-style: none;
			display: block;
			float: left;
			width: 100px;
			text-align: center;
			margin: 0px 10px 0px 10px;
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			height: 19px;
			padding: 5px 0px 0px 0px;
			background: #fff;


		}

		div.shopsteps li.active {
			color: #DEB60B;
			font-weight: bold;
		}


 div.shopbag {
 	width: 730px;

 	border: 0px solid #ccc;
 	padding: 0px 0px 0px 0px;
 }

div.shopbag p {
	margin: 7px 0px 8px 0px;
}

  div.shopbag table th {
  	background: #fff;
  	color: #666;
  	padding: 2px 5px 2px 2px ;
  	font-weight: normal;
  	border-top: 0px solid #ccc;
  	border-bottom: 1px solid #ccc;
 }


   div.shopbag table td {
   	background: #fff;
   	color: #333;
   	padding: 5px 5px 5px 2px ;
   	border-bottom: 1px solid #ccc;
 }

	div.shopbag table td.nobord {
		border-bottom: 0;
	}

   div.shopbag table td.hide {
   	background: #fff;
   	color: #333;
   	padding: 5px 5px 5px 2px ;
   	border-bottom: 0px solid #ccc;
 }

   div.shopbag table td img { margin: 0px 10px 0px 10px; }

 	select.qty {
 		font-size: 11px;
 	}

div.shopbag table.ordmainbox {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

	div.shopbag table.ordmainbox td {
		padding: 10px 15px 5px 15px;
		background: #FDFCF4;
	}

 /************************
 	CUST SERV NAV
 ************************/
 div.custleft1 {
 	width: 143px;
 	height: 343px;
  	border: 1px solid #ccc;
  	padding: 25px 15px 0px 15px;
  	font-size: 11px;
 }

 	div.custleft1 p { margin: 10px 0px 0px 0px; }

 	div.custleft1 ul { margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

 	div.custleft1 li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat 75px 7px; }

 	div.custleft1 li a:link, div.custleft1 li a:visited { text-decoration: none; color: #333; }

 	div.custleft1 li a:hover { text-decoration: none; color: #ECC312; }

/*******************
    GRAPEVINE
*******************/

 div.grapevinenav {
 	width: 143px;
 	height: 343px;
  	border: 1px solid #ccc;
  	padding: 25px 15px 0px 15px;
  	font-size: 11px;
 }

 	div.grapevinenav p { margin: 10px 0px 0px 0px; }

 	div.grapevinenav ul { margin: 10px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style: none; }

 	div.grapevinenav li { padding-left: 0px; font-size: 11px; font-weight: bold; color: #ECC312; line-height: 20px; background: url(/images/home-nav-arrow.gif) no-repeat 75px 7px; }

 	div.grapevinenav li a:link, div.grapevinenav li a:visited { text-decoration: none; color: #333; }

 	div.grapevinenav li a:hover { text-decoration: none; color: #ECC312; }

 /********************
 	FONT STYLES
 ********************/

 h1.home { font-size: 11px; font-weight: bold; color: #333; margin: 0px 0px 0px 0px }
 h1.coll { font-size: 12px; font-weight: bold; color: #ECC312; margin: 0px 0px 0px 0px }
 	h1.coll a:link, h1.coll a:visited { color: #ECC312; text-decoration: none; }
 	h1.coll a:hover { color: #ECC312; text-decoration: underline; }
 .orange { color: #ECC312; }
 .red    { color: #cc0000; }
 h2 { font-size: 14px; font-weight: bold; color: #ECC312; margin: 0px 0px 0px 0px }
 h3 { font-size: 12px; font-weight: bold; color: #ECC312; margin: 0px 0px 0px 0px }
 p.custserv { margin: 3px 0px 12px 1px }
 p.custservbottom { margin: 3px 0px 0px 1px }
 .times { font-family: "times new roman", "serif";}

/*h1.brokerage {
	font-size: 20px; font-weight: bold; color: #ECC312; margin: 0px 0px 10px 0px
}*/

 p { margin: 0px 0px 10px 0px; }

  /********************
  	FORM STYLES
 ********************/

form.inline { display: inline; }
#search { border: 1px solid #ccc; font-size: 13px; }

input.txtbox { font-size: 11px; border: 1px solid #ccc; }
input.txtboxbig { font-size: 11px; border: 1px solid #ccc; padding: 4px 4px; }
select.selbox { font-size: 11px; border: 1px solid #ccc; }
textarea.txtbox { font-size: 11px; border: 1px solid #ccc; margin: 0px; padding: 0px; }

div.shopbag label { width: 120px; float: left; padding-top: 3px;}


input.greenbutton {
	color: #fff;
	font-weight: bold;
	background: #99CC00;
	border: 1px solid #80AA00;
	font-size: 11px;
	padding: 2px;
}

input.orangebutton {
	color: #fff;
	font-weight: bold;
	background: #DEB60B;
	border: 1px solid #B89604;
	font-size: 11px;
	padding: 2px;
}

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 5px;
}


/**************
 HOMEPAGE FADER
**************/

#flashanim {
	position: relative;
}

#flashanim.default {
	background: url(/images/addefaultf1.jpg) no-repeat left top;
	width: 360px;
	height: 75px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
	border: 0px;
}


/**************
 NEW HOMEPAGE & STYLES
**************/

h1 {
    font-family: "Times New Roman", Serif;
    color: #ECC312;
    font-size: 2em;
    font-weight: normal;
    margin: 10px 0px;
    letter-spacing: -1px;
}

h3 {
    font-family: "Times New Roman", Serif;
    color: #ECC312;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
}

#hp-leftcol {
    float: left;
}

#hp-rightcol {
    float: right;
}

#hp-hero-anim {
    width: 475px;
    height: 280px;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

#hp-intro-text {
    border: 1px solid #000;
    width: 220px;
    margin: 10px 0px 0px 10px;
    padding: 10px 10px;
}

    #hp-intro-text p {
        line-height: 1.8em;
        margin: 0px;
        font-size: 1.1em;
    }
    
#hp-footer-text {
    border: 1px solid #000;
    width: 690px;
    margin: 10px 0px 10px 10px;
    padding: 10px 10px;
}

    #hp-footer-text p {
        line-height: 1.8em;
        margin: 0px;
        font-size: 1.1em;
    }

#hp-adverts {
    width: 242px;
    margin-top: 10px;
}

    #hp-adverts img {
        margin: 0 0 15px 10px;
    }

    #hp-ad-cc {
    	width: 240px;
    	height: 80px;
    	background: #ffffff url(/images/bg-hp-ad-cc.gif) no-repeat left top;
    	margin: 0 0 15px 10px;
    }

    	#hp-ad-cc img { margin: 5px 10px 0px 10px; padding: 0; }

    	#ccopt-txt {
    		width: 182px;
    		float: left;
    		margin-left: 10px;
    	}

    	#ccopt-img {
			width: 25px;
			float: left;
			margin-left: 5px;
			padding: 3px 0;
    	}

#hp-bestsellers {
    width: 475px;
    margin: 10px 0px;
}

    #hp-bestsellers h1 {
        border-bottom: 1px solid #000;
    }

    #hp-bestsellers ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    #hp-bestsellers li {
        float: left;
        width: 130px;
        padding-left: 18px;
        margin-right: 10px;
        font-size: 11px;
        font-weight: bold;
        color: #ECC312;
        line-height: 20px;
        background: url(/images/home-nav-arrow.gif) no-repeat left 6px;
    }

#hp-bestsellers .brokitem {
    margin-right: 26px;
}

#hp-bestsellers .brokitemend {
    margin-right: 0px;
}

#hp-brands img {
    margin-right: -3px;
}