/* body{margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; background:url(images/strip.gif) repeat-x;} */



body{margin:0; padding:0; font-family: 'Calibri'-130%, 'Lucida Grande'-100%, 'Verdana'-96%, 'Arial'-101%, Sans-Serif; background:url(images/strip.gif) repeat-x;}

#header{width:1000px;margin:0 auto; background:url(images/templar-wines-logo.gif) no-repeat top;} 
#wrapper{width:900px; margin:0 auto; padding:0; background:url(images/bg.gif) repeat-y 0px 300px;}
#clubwrapper{width:900px; margin:0 auto; padding:0; background:url(images/bg1.gif) repeat-y 0px 300px;}
#footer{ width:896px;  background:url(images/foot_bg.gif) top repeat-x #e19f15; padding:5px; margin:0 auto; border-top:1px solid #fff; height:50px;}


#breadcrumbs{ width:890px;  background:url(images/crumbs_bg.gif) top repeat-x #e19f15; padding:5px; margin:0 auto; border-top:1px solid #fff; height:25px;}
#breadcrumbs p{font-size:120%; margin:0; font-family:Arial, Helvetica, sans-serif; color: #4f0516; }

#promocode{float: right; margin: 0 0 0 0; width: 340px;}
#promocode form{font-size: 110%; color: #ffffff; margin: -24px 0 0 0; }

#head_check{width:160px; height:115px; background:#4f0516; border:solid #fff; border-width:0 1px 1px 2px; float:right; margin:0 49px 0 0; color:#fff; padding-top:5px; font-size:90%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.quantity{width:20px; float:left; text-align:right; margin-right:5px; font-size: 80%}
.unit_type{width:55px; float:left; text-align:right; margin-right:5px; font-size: 80%}
.unit_price{width:55px; float:left; font-weight:bold; font-size: 80%}
.button_1 a{width:100px; height:18px; text-align:center; padding:2px 0 0 0; background:url(images/button_base.gif) no-repeat; color:#e39f16; margin:3px 30px; font-size:70%; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif}
.button_1 a:hover{background:url(images/button_base.gif) no-repeat; color:#f7c45d;}

.button_2 a{width:80px; height:18px; text-align:center; padding:2px 0 0 0; background:url(images/button_base_1.gif) no-repeat; color:#e39f16; margin:3px 5px; font-size:60%; text-decoration:none; display:block;  font-family:Arial, Helvetica, sans-serif}
.button_2 a:hover{color:#f7c45d;}

#top_nav{height:25px; padding-top:5px; background:#4f0516; border:solid #fff; border-width:1px 0 1px 0; margin:0; }
#top_nav ul{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#top_nav li{list-style-type: none;  display:inline; font-size:90%;}
#top_nav li a{color:#e39f16; text-decoration:none; border-right:1px solid #e39f16; padding:0 5px;}
#top_nav li a:hover{color: #f7c45d;}


#navcontainer ul{border:solid #fff; border-width:1px 0 1px 0; margin:0;   list-style-type: none; color: #e39f16; height: 25px;   text-align: center;   font-weight: 400;  background: #4f0516; padding-top:5px;font-size: 90% }
#nav, #nav ul { padding: 2px 1px 4px 1px; margin: 0;list-style: none; }
#nav a {display:block;  text-decoration: none; background-color: none; color: #E39F16; padding: 2px 8px 4px 8px;}
#nav a:hover{background:#4f0516; color: #f7c45d; }
#nav li {float: left; border:solid #E39F16; border-width:0px 1px 0px 0;}
#nav li ul li {background:#E39F16;float: left;width: 115px; margin-left: -8px; padding-right: 25px;}
#nav li ul {position:absolute; background:#E39F16;width: 115px;   left: -999em; margin: 0 0 0 0; height:20px; border-width: 0; text-align: left;} 
#nav li ul li a{padding: 2px 10px 2px 2px;padding-top:5px;color: #4f0516;background:#E39F16; }
#nav li ul a:hover{background:#f7c45d; color:#7B0040; }
#nav li:hover ul {left: auto;}


#bot_nav{float:left; width:400px}
#bot_nav ul{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#bot_nav li{list-style-type: none;  display:inline; font-size:70%; margin:0; font-family:Arial, Helvetica, sans-serif;}
#bot_nav li a{color:#4f0516; text-decoration:none; border-right:1px solid #4f0516; padding:0 5px;}
#bot_nav li a:hover{color: #4f0516;}
#footer p{float:right; color:#4f0516; font-size:70%; margin-top:20px;}

#middle_col{margin:0 0px 0 8px; width:460px; float:left;}
#middle_col p{color:#000;}

#clubmiddle_col{margin:0 0px 0 8px; width:681px; float:left;}
#clubmiddle_col p{color:#000;}

/* #winebox{width:141px; margin:10px 10px 0px 0;  float:left;} */
#winebox{width:217px; margin:10px 9px 0px 0px;  float:left;}
#winebox h2{font-size:105%; font-weight:normal; color: #fff;}
#winebox p{width: 60%; margin-top: 0px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 0px;}
#winebox img{float:right; margin:2px;}
.bottom{text-align:right; font-size:90%; margin:5px 0 0 0; padding:2px; clear:both;}
a.bottom{color:#ffffff; text-decoration: none;}
a.bottom:visited{color:#ffffff; text-decoration: none;}
a.bottom:hover{color:#e39f16; text-decoration: none;}
.red{border:1px solid #510000;}
.red h2{background:#510000; margin:0; padding:2px 5px;}
.red .bottom{background:#510000;}
.rose{border:1px solid #9C4438;}
.rose h2{background:#9C4438; margin:0; padding:2px 5px;}
.rose .bottom{background:#9C4438;}
.other{border:1px solid #9EAF15;}
.other h2{background:#9EAF15; margin:0; padding:2px 5px;}
.other .bottom{background:#9EAF15;}
.white{border:1px solid #e1c733}
.white h2{background:#e1c733; margin:0; padding:2px 5px;}
.white .bottom{background:#e1c733;}
.cham{border:1px solid #F3E49D}
.cham h2{background:#F3E49D; margin:0; padding:2px 5px;}
.cham .bottom{background:#F3E49D;}
.port{border:1px solid #420100}
.port h2{background:#420100; margin:0; padding:2px 5px;}
.port .bottom{background:#420100;}
.sherry{border:1px solid #420100}
.sherry h2{background:#420100; margin:0; padding:2px 5px;}
.sherry .bottom{background:#420100;}
.smalltitles{ color: #9E003E;font-family: Georgia, "Times New Roman", Times, serif; font-weight:600;}
 
#winedetective {background-image: url('images/wine-detective-background.jpg'); background-repeat:no-repeat; background-position:right; height: 1065px; }
.wineType1 {width:330px}
#winedetective2 {background-image: url('images/wine-detective-background-2.jpg'); background-repeat:no-repeat; background-position:right top; height: 470px; }

#winedetective3  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 670px;}
#winedetective3 p {padding: 5px 5px 5px 5px;}
#winedetective3  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#winedetective3  legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#winedetective3  label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
#winedetective3 input { margin-left: 10px; margin-right: 1px;}


#displaydets  {float: left; padding: 10px 5px 10px 5px; width: 445px; min-height: 308px;}
#displaydets  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#displaydets  legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#displaydets  label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
.button_3 a{width:200px; height:18px; text-align:center; padding:2px 0 0 0; background:url(images/button_base_2.gif) no-repeat; color:#e39f16; margin:3px 30px; font-size:70%; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif}
.button_3 a:hover{background:url(images/button_base_2.gif) no-repeat; color:#f7c45d;}

#orderhdr {background:#4f0516; color: #fff; font-size: 12px; margin: 5px 2px 5px 2px; font-weight: 400;}
#orderdets {color: #4f0516; font-size: 12px; margin: 5px 2px 5px 2px;}

#associated { margin: 10px 10px 10px 10px;}
#associated img {margin: 2px 20px 2px 20px;}
.associmg {width: 125px; float: left;}
.assoctxt {width: 300px; float: left; padding: 10px 0 0 0;}
a.assoctxt {text-decoration: none; color: #000; font-weight:600}
a.assoctxt:visited {text-decoration: none; color: #000;}
a.assoctxt:hover {text-decoration: none; color: #990000;}

#updateaccount  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 308px;}
#updateaccount  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#updateaccount  legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#updateaccount  label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
#updateaccount input { margin-left: 10px; margin-right: 1px;}
#updateaccount #delopts select {width:230px; float:left; margin:5px -3px 3px 10px;}

#paymentdets  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 450px;}
#paymentdets  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#paymentdets  legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#paymentdets  label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
#paymentdets input { margin-left: 10px; margin-right: 1px;}
#paymentdets #delopts select {width:230px; float:left; margin:5px -3px 3px 10px;}


#createaccount  {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 308px;}
#createaccount  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#createaccount   legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#createaccount   label { float:left;  width:25%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
#createaccount   input,select { margin-left: 10px; margin-right: 1px;}
#createaccount   .refer { float:left;  width:70%;  margin-right:0.5em;  padding-top:0.5em; padding-left:2em;  padding-bottom: 0.8em; text-align:left;  font-weight:bold;  font-size: 12px; display:block;}


#form3 {float: left; padding: 10px 5px 10px 5px; }
#form3  fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#form3  legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#form3 label { float:left;  width:75%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 12px}
#form3 h3 {font-weight:bold;  font-size: 14px; color: #ffffff; background-color: #670066; padding: 2px 10px; 2px 5px;}


#bigwinebox{width:455px; margin:10px 10px 0px 0;}
#bigwinebox h2{font-size:120%; font-weight:normal; color: #fff;}
#bigwinebox p{width: 341px}
#bigwinebox img{float:right; margin:2px;}
#binend {font-weight: 600; color: #AFA81B; text-align: left; margin: 0 0 0 0; font-size: 90%; width: 341px}

#winestyle{float: left; text-align: left;color: #E39D1E ;font-family: Georgia, "Times New Roman", Times, serif; font-weight:600; font-size: 80%;}
#winestyle img{float:left; margin:2px 15px 5px 5px;}
#winestyle p{margin: 25px 0px 0px -25px; font-size: 40%;position: relative; padding-left: 2px;}

#detailwinebox{width:99%; margin:10px 10px 0px 0;}
#detailwinebox h2{font-size:120%; font-weight:normal; color: #fff;}
#detailwinebox p{width: 98%}
#detailwinebox img{float:right; margin:2px;}

#winestyle{float: left; text-align: left;color: #E39D1E ;font-family: Georgia, "Times New Roman", Times, serif; font-weight:600; font-size: 80%;}
#winestyle img{float:left; margin:2px 15px 5px 5px;}
#winestyle p{margin: 25px 0px 0px -25px; font-size: 40%;position: relative;}

#mainimage {width: 112px; float: left; text-align: center;}
#mainimage a{color:#707070; text-decoration: none;}
#mainimage a:visited{color:#707070; text-decoration: none;}
#mainimage a:hover{color:#303030; text-decoration: none;}

#details {width: 341px; float: left; margin-left: 2px;}

#terms a {color: #000; text-decoration: none;}
#terms a:visited {color: #000; text-decoration: none;}
#terms a:hover {color: #990000; text-decoration: underline;}

#right_col{width:261px; float:right;}
#right_col h2{font-weight:normal; color:#e39f16; font-size:120%; margin:5px; padding:0; margin-left:10px;}
#right_col p{ color:#fff; font-size:90%; margin:3px; padding:0; margin-left:10px;}
#right_col li{ color:#fff; font-size:90%; margin:3px; padding:0; margin-left:0px;}
#right_col a{text-decoration:none; border-bottom:1px dotted #fff; color:#fff;}
#right_col a:hover{border-bottom:1px solid #fff; color:#fff;}
#right_col a.topwine{text-decoration:none; border: 0 0 0 0;font-size:80%;}
#right_col a.topwine:visited{text-decoration:none; border: 0 0 0 0;font-size:80%;}
#right_col a.topwine:hover{text-decoration:none; border: 0 0 0 0;color:#e39f16;font-size:80%;}

#left_col{width:160px; float:left;font-size:90%;}
#left_col h2{font-weight:normal; color:#e39f16; font-size:120%; margin:5px; padding:0;}
#left_col h3{font-weight:normal; color:#e39f16; font-size:100%; margin:5px; padding:0; clear:both}
#left_col p{color: #fff; margin: 5px 5px 5px 5px; }
.adv_search select {width:130px; float:left; margin:5px -3px 3px 10px;}
.adv_search input {width:130px; margin: -7px -3px 3px 10px;}

.small{font-size:70%; width: 200px; margin: 0 0 0 0px; padding: 0 0 0 0px; line-height: 15px; color: #ff0000;}
.sideline{background:url(images/sideline.gif) no-repeat; height:1px; margin:7px 0 5px; clear:both;}
.clear{clear:both;}

#endpage1{ margin: 10px, auto;}
img.endpage {display: block;   margin-left: auto;    margin-right: auto; border: 0 0 0 0; margin-top: 10px; }

#address {background: #efefef; float:left; padding: 10px 10px 10px 10px; margin: 5px 10px 5px 10px; font-size: 80%; width:190px; min-height: 230px;}
#address h3 {color: #E39D1E;}

#makepayment {text-align: center; margin: 10px 0 10px 0;}

#contact { font-size: 80%;}
#contact label, dt {
	float: left;
	width: 100px;
	padding: 8px 0;
	clear: left;
	font-weight: 600;
}

#contact input, dd {
	float: left;
	width: 150px;
	margin: 10px 0;
}

#winename {font-weight: 600; color: #E39D1E; font-size: 80%; margin-left: 20px;}

#updatepwd1   {float: left; padding: 10px 5px 10px 5px; width: 445px; height: 308px;}
#updatepwd   fieldset { border:1px solid #4B0915; margin-top: 15px; padding-bottom: 10px;}
#updatepwd   legend { padding: 0.2em 0.5em;  border:1px solid #4B0915;  color:#4B0915;  font-size:120%;  text-align:right; background-color: #E19F15 }
#updatepwd   label { float:left;  width:30%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;  font-size: 14px}
#updatepwd1   input { margin-left: 10px; margin-right: 1px;}


/*ADDED BY M.E 21/04/11*/

#wineclub {width: 455px; height: 250px;background-image:url(images/wine-club-bg.jpg) no-repeat; margin: 10px 0 0 0; padding: 0px; z-index: -1; border:1px solid #666;}
#wineclub img {float:left; margin:0 20px 0 0;}
#wineclub h1 {font-size: 140%; color: #900; float:left; width:250px; margin:0; padding:7px 0; text-shadow:1px 1px 1px #ccc;}
#wineclub p {font-size: 80%; float:left; width:230px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#wineclub p.club-button a{border:1px solid #c00; float:right; margin:0 2px 0 0; text-decoration:none; padding:3px 6px; font-family:"Times New Roman", Times, serif; font-size:120%; color:#c00;
}
#wineclub p.club-button a:hover{border:1px solid #900; margin:2px 0px 0 0; color:#fff; background:#c00;}

#wine-club-form{border:2px solid #c00; float:right; margin:20px 0 10px 10px; padding:10px; width:250px; background:#f3f3f3; }
#wine-club-form h1 {font-size: 140%; color: #900; float:left; width:250px; margin:0; padding:7px 0; text-shadow:1px 1px 1px #ccc;}