html { height: 101%; }
body { margin: 0pt; padding: 0pt; background: rgb(255, 255, 255) none repeat; text-align: center; color: rgb(51, 51, 51); font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 71%; line-height: normal; }
img { border: 0pt none ; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix {  }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

h1{
	font-size: 14px; font-weight: bold; padding: 0 0 3px 0; color: #8f7856; margin: 0 0 15px 0;
	border-bottom: 1px dashed #88704c;
}
h2{
	font-size: 13px; font-weight: bold; padding: 0 0 5px 0; color: #88704c; margin: 0; clear: both;
}
p{ margin: 0 0 8px 0; clear:both;
}

.left {
	float: left;
	width: 120px;
}
.right {
	float: right;
}
a:link { color: #88704c; text-decoration: underline; font-weight: bold; }
a:active { color: #88704c; text-decoration: underline; font-weight: bold; }
a:visited { color: #88704c; text-decoration: underline; font-weight: bold; }
a:hover { color: #342b1d; text-decoration: none; font-weight: bold; }

.deal{
	width: 310px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px;
	border: 1px dotted #88704c;
  	min-height:130px;
  	height:auto !important;
  	height:130px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
}

.deal2{
	width: 310px;
	float: left;
	margin: 0 0px 15px 0;
	padding: 10px;
	border: 1px dotted #88704c;
  	min-height:130px;
  	height:auto !important;
  	height:130px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
}

.dealm{
	width: 655px;
	float: left;
	margin: 0 0px 15px 0;
	padding: 10px;
	border: 1px dotted #88704c;
  	min-height:130px;
  	height:auto !important;
  	height:130px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
	clear:both;
}
.dealnoh{
	width: 655px;
	float: left;
	margin: 0 0px 15px 0;
	padding: 10px;
	border: 1px dotted #88704c;
  	min-height:30px;
  	height:auto !important;
  	height:30px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
	clear:both;
}
.dealm img{
	float:right; 
	margin: 0 0px 10px 10px;
}

.dealm .dealcopy{
	float:left; 
	width: 80%;
}

.ad{
	width: auto;
	float: left;
	margin: 0 0px 15px 0;
	padding: 10px;
	border: 1px dotted #88704c;
  	min-height:60px;
  	height:auto !important;
  	height:60px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
}

.coupon{
	width: 655px;
	margin: 0 0px 10px 0;
	padding: 10px;
	border: 1px dashed #88704c;
  	min-height:40px;
  	height:auto !important;
  	height:40px;
	background: transparent url("../images/gradient.jpg") repeat-x bottom;
}
.coupon a:link { color: #88704c; text-decoration: none; font-weight: bold; }
.coupon a:active { color: #88704c; text-decoration: none; font-weight: bold; }
.coupon a:visited { color: #88704c; text-decoration: none; font-weight: bold; }
.coupon a:hover { color: #342b1d; text-decoration: none; font-weight: bold; }

.red {
	color:#990000;
	font-weight: bold;
}

#topheader a, #topheader a:hover, #legals a, #legals a:hover, #editDetailsLink a, #logOut a { border: 0pt none ; }
.colour { display: block; }
a.colour { border-bottom: 0pt none; }
.constrain { margin: 0pt auto; width: 950px; }
.btmpanel { margin: 5px auto; width: 950px; text-align: center;}
#topheader { background: transparent url('../images/top_bckg.gif') repeat-x scroll left top; height: 120px; }
#stripe { clear: both; background-color: rgb(217, 217, 217); background-image: url('../images/picturerail.gif'); background-repeat: repeat-x; }
#btmshadow { background: transparent url('../images/dadopanel.gif') repeat-x scroll center bottom; padding-bottom: 40px; }
#sideshadow {background: transparent url('../images/sideshadows.png') no-repeat scroll center top; width: 960px;  margin: 0px auto; }
#frame { margin: 0pt auto; width: 930px; min-height: 450px; text-align: left; border: 1px solid #cccccc; background-color:#8f7856;}

#dropShadow { background: transparent url('../images/dropshadowbtm.png') no-repeat; height: 5px; width:930px; margin: 0pt auto;}
#footer { border-top: 1px solid rgb(136, 112, 76); font-size: 0.85em; height: 50px; padding: 0 0 10px 0; }
#footer a { font-weight: bold; text-decoration: underline;}

#legals {float: left; width: 680px; padding: 0 0 15px 0;}
#legals ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#legals li { border-left: 1px solid rgb(204, 204, 204); margin: 5px 0pt 2px; padding: 2px 12px 1px; float: left; }
#legals #terms { border: 0pt none ; }
#copyright { padding: 7px 2px 3px 0; float: right; width: 201px; text-align: right; }


.tabbar{
padding: 0 0 6px 0;
}

#leftcol { padding: 10px 10px 10px 10px; min-height:860px; height:auto !important; height:860px; float: left; width: 203px; background-color: #8f7856!important; text-align:center; }
#leftcol p { margin: 0; padding: 0 0 10px 0; color: rgb(199, 187, 170); }
#maincol { background-color: #ffffff; padding: 13px 12px; min-height:1100px; height:auto !important; height:1100px; float: left; width: 683px;}

#dado { padding-bottom: 15px; }

#tip { position: absolute; z-index: 10; }
#product { float: right; }
#can { position: absolute; z-index: 100; }
.side { padding: 15px 0pt 20px 15px; float: left; width: 170px; }
.side ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.side li { margin: 0pt; padding: 0pt; float: left; position: relative; }
.side .colour { margin: 10px 10px 0pt 0pt; width: 72px; height: 30px; display: block; text-indent: -1000em; outline-color: invert; outline-style: none; outline-width: 0pt; }
.similar { border-bottom: 1px dashed rgb(204, 204, 204); }
.brandHome { border-top: 1px solid rgb(204, 204, 204); }
.brandPuff { border-top: 1px solid rgb(204, 204, 204); padding: 10px 15px 0pt; width: 155px; float: left; position: relative; display: block; }
a.brandPuff { border-bottom: 0pt none; }
.brandPuff img { float: left; margin-right: 1em; }
.brandPuff p { margin-top: 0.4em; font-size: 0.9em; line-height: 1.2em; }
#frame.column185 { background: rgb(255, 255, 255) url('../images/line.gif') repeat-y scroll 185px 0pt; }
.text { padding: 15px 0pt; display: block; }


.note { background: rgb(255, 235, 205) url('../images/note.gif') no-repeat scroll 5px 4px; }
.disclaimer { padding: 10px 15px 0pt 10px; line-height: 1.2em; color: rgb(153, 153, 153); font-size: 0.85em; text-align: left; display: block; }
form { margin: 0pt; padding: 0pt; }
select { border: 1px solid rgb(102, 102, 102); padding: 2px; font-size: 1em; }
input { font-size: 1em; }
input.textbox, .txtbox input { border: 1px solid rgb(102, 102, 102); padding: 2px; font-size: 1em; }
.accessibility { display: none; }
.remove { color: rgb(255, 0, 0); }
a.noline { border-bottom: 0pt none; }









.arrowlistmenu{
width: 200px; /*width of accordion menu*/
padding: 0;
margin: 0;
text-align:left!important;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #ffffff;
background-color: #858585;
margin: 0 0 4px 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
border: 1px dashed #000000;
}

.menuheader a{
color: #ffffff;
display: block;
text-decoration: none;
font-weight: bold;
margin: 0;
}

.menuheader a.all{
color: #e0f4cd;
display: block;
text-decoration: none;
font-weight: bold;
margin: 0;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color: #666666;
}
.expandable{
margin: 5px 0 5px 0!important;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #000000 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #ffffff !important;
}

.arrowlistmenu ul li a{
color: #e6e6e6;
display: block;
padding: 4px 0;
padding-left: 10px; /*link text is indented 10px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
margin: 0;
}

.arrowlistmenu ul li a:visited{
color: #e6e6e6;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #a3a2a0;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #cccccc;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
display: block!important;

}

ul#navlist li 
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
display: block!important;
margin: 0 0 5px 0;
}