/* CSS Document */
/*  */

* {	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-smooth: always;
}

body 	{line-height: 1;
	  	color: #333;
	   	background: url() repeat-x;
	   	font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 70%;
}



h1 {color: #811618;
	margin: 0.6em 0 0.5em 0;
	font-size: 250%;
	font-weight: bold;


}

h2 {color:#402324;
	margin: 10px 0 0 0;
	font-size: 170%;
	font-weight: bold;
	padding-bottom: 8px
}



h3 {color:#811618;
	margin: 0 0 0.5em 0;
	font-size: 140%;
	font-weight: bold
}



h4 { color: #811618;
	font-weight: lighter;
	font-size: 160%;
	margin-bottom: 10px;
	border-bottom: 2px solid #811618;
}

h5 { color: #811618;
	font-weight: lighter;
	font-size: 110%;
	margin-bottom: 10px;
	padding-left: 5px
}

input, textarea {
  border: 1px solid #ccc; 
  margin: 0px 10px 10px 0px; 
  height: 16px; 
  padding: 2px; 
  color:#333;
  background-color: #fff;
}

select {
  border: 1px solid #ccc; 
  margin: 0px 10px 10px 0px; 
  padding: 2px; 
  color:#333;
}

input.checkoutbutton {
  border: 1px solid #ccc; 
  margin: 10px 10px 10px 0px; 
  height: 24px; 
  width: 80px; 
  padding: 2px; 
  color:#333;
  background-color: #eee;
}

.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
        height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;       
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-style : solid;
        border-color : #ff0000;
}

.formLabel{
	width:100px;
	text-align:right;
}

.formButton{
	margin-left:110px;
}

p {color: #666666; line-height: 1.3; margin-bottom: 10px }
span.largetext {font-size: 120%}
span.red {color:#811618;}
span.redlarge {color:#811618; font-size: 140%; font-weight: bold}
span.right {float:right}
img.left {float:left}

a:link, a:visited {color:#811618; text-decoration: none }
a:hover {text-decoration: none; color:#666666 }

div.clear { clear: both;}

a.addbasketbtn {background:url(images/champagne/addbasket_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; vertical-align:bottom }
a.addbasketbtn:hover, div.bottlepage a.continuebtn:hover {background-position: 0px -26px; }

/* UPLOAD PROGRESS BAR */
/* -------------------------------- */
#f1_upload_process{   z-index:1002;   position:absolute;   display:none;   text-align:center;   width:400px;   margin:0px;   padding:0px;   background-color:#fff;   border:1px solid #ccc;}

/* WIZARD - START LABEL STYLES */
/* -------------------------------- */

#tempwizardcontainer{ background-image: url(images/wizard/overlay.png); }

* html #tempwizardcontainer{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/wizard/overlay.png", sizingMethod="scale");
	}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:41;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}
 
.white_content {
    display: none;
    position: absolute;

    width: 920px;
    height: 640px;
    z-index:42;
    overflow: hidden;
}

/* Wizard footer buttons */
#footer_menu {height: 50px; margin-bottom: 10px;}
#footer_menu a.addlabeltobasketbtn, #footer_menu a.addlabeltobasketbtn:visited {background:url(images/wizard/preview_add.jpg) no-repeat;  width: 198px; height: 30px; display:block; margin: 15px 18px 0 10px; float:right }
#footer_menu a.addlabeltobasketbtn:hover {background-position: 0px -30px; }

#footer_menu a.finishbtn, #footer_menu a.finishbtn:visited {background:url(images/wizard/finish_btn.jpg) no-repeat;  width: 145px; height: 30px; display:block; margin: 15px 18px 0 10px; float:right }
#footer_menu a.finishbtn:hover {background-position: 0px -30px; }
 
#footer_menu a.cancelbtn, #footer_menu a.cancelbtn:visited {background:url(images/wizard/cancel_btn.jpg) no-repeat;  width: 110px; height: 30px; display:block; margin: 15px 0 0 10px;  float:left }
#footer_menu a.cancelbtn:hover {background-position: 0px -30px; }
 
#footer_menu a.nextbtn, #footer_menu a.nextbtn:visited {background:url(images/wizard/next_btn.jpg) no-repeat;  width: 110px; height: 30px; display:block; margin: 15px 18px 0 10px;  float:right }
#footer_menu a.nextbtn:hover {background-position: 0px -30px; }

#footer_menu a.step2btn, #footer_menu a.step2btn:visited {background:url(images/wizard/step2_btn.jpg) no-repeat;  width: 110px; height: 30px; display:block; margin: 15px 18px 0 10px;  float:right }
#footer_menu a.step2btn:hover {background-position: 0px -30px; }
 
#footer_menu a.backbtn, #footer_menu a.backbtn:visited {background:url(images/wizard/back_btn.jpg) no-repeat;  width: 110px; height: 30px; display:block; margin: 15px 0 0 10px;  float:right }
#footer_menu a.backbtn:hover {background-position: 0px -30px; }

/* The Overlay is for demo purposes only- deacivate this when java pop up is coded */
#wizard {width: 899px; margin: auto; padding: 5px 0 40px 0}
#wizardcontent {margin-top : -4px; width: 898px; background: #fff; float:left  }
#wizardbottom {margin-top: -10px}
div.wizardleft {width: 437px; float:left; margin: 10px 20px 10px 10px }
div.wizardright {width: 411px; float:left; padding-top: 10px }

form.wizardform {margin-top: 20px}
form.wizardform a:link {color: #999999; text-decoration: underline}
form.wizardform a:hover {color: #666; }
form.wizardform a.browsebtn {background:url(images/wizard/browsebtn.jpg) no-repeat;  width: 109px; height: 23px; display:block; float:left; margin-right: 5px  }
form.wizardform a.browsebtn:hover {background-position: 0px -23px; }

div.wizardleft input.textbox {border: 1px solid #ccc; margin: 10px 10px 10px 20px; height: 16px; padding: 2px; color:#333; width: 60%}
div.wizardleft input.textbox2 {border: 1px solid #ccc; margin: 0 10px 10px 0; height: 16px; padding: 2px; color:#333; width: 80%}
div.wizardleft input.textbox3 {border: 1px solid #ccc; margin: 0 10px 10px 0; height: 16px; padding: 2px; color:#333; width: 50%; float:left}
div.wizardleft label {color:#811618; }

#tabs {background:url(images/wizard/tab_bg.jpg) repeat-x; width:437px; height: 37px; padding: 10px 0 0 0px }

#tabs a.designbtn, #tabs a.designbtn:visited {background:url(images/wizard/designbtn.jpg) no-repeat;  width: 124px; height: 22px; display:block; float:left; margin: 0 15px 0 10px }
#tabs a.wordingbtn, #tabs a.wordingbtn:visited {background:url(images/wizard/wordingbtn.jpg) no-repeat;  width: 124px; height: 22px; display:block; float:left; margin-right: 15px  }
#tabs a.photobtn, #tabs a.photobtn:visited {background:url(images/wizard/photobtn.jpg) no-repeat;  width: 124px; height: 22px; display:block; float:left  }
#tabs a.designbtn:hover, #tabs a.designbtn:active, #tabs a.wordingbtn:hover, #tabs a.wordingbtn:active, #tabs a.photobtn:hover, #tabs a.photobtn:active {background-position: 0px -22px; }

div.wizardcancel{float : left;}
div.wizardaddtobasket{float : right;}

hr { border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; margin-bottom: 4px;}

#wizard_holder{ text-align:justify; margin: 10px 0 0 0; }
div.wizard_holder{overflow-y:auto;overflow-x:hidden;z-index:1;position:relative;height:140px;_height:140px;	*height:140px;}
div.wizard_scroll { position: absolute; left: 0; top: 0; z-index: 2;}
#wizard_holder {height: 285px;}
#wizard_holder2 {height: 242px;}
#wizard_holder3 {height: 260px;}

#tab_packaging {padding-top: 5px; margin: 10px 20px 10px 10px; height: 363px;}
#tab_related {padding-top: 5px; margin: 10px 20px 10px 10px; height: 363px;}

img.labelsmall {padding: 3px;}
#wizard_holder a img {vertical-align: bottom; margin: 4px; border: solid 4px #fff;; padding: 4px 2px 3px 4px}
#wizard_holder a:hover img {border-color: #990000;}



#previewmiddle {margin-top : -4px; background:url(images/wizard/preview_middle.jpg) repeat-y; }
#previewmiddle img {margin: 0 0 0 65px }
#previewbottom {background:url(images/wizard/preview_bottom.jpg) repeat-y; height: 87px; text-align:center; font-size: 110%}
#previewbottom a:link {color:#666666}

#previewbottom a.previewaddbtn, #tabs a.previewaddbtn:visited {background:url(images/wizard/preview_add.jpg) no-repeat;  width: 198px; height: 30px; display:block; margin: 15px 0 0 105px }
#previewbottom  a.previewaddbtn:hover {background-position: 0px -30px; }

#photopreview img { border: 1px solid #ccc; padding: 5px; margin-top: 20px;}
#photopreview a.usephotobtn {background:url(images/wizard/usephotobtn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 8px 0 8px 0  }
#photopreview a.usephotobtn:hover {background-position: 0px -26px; }


/* END LABEL STYLES */
/* -------------------------------- */


/* START TEMPLATE STYLES */
/* -------------------------------- */
#container {width: 980px; margin: auto;  }
#logo { float: left; }
#basket {width: 200px; background:url(images/template/shopping_cart_icon.jpg) no-repeat 100% 0%; float:right; margin: 30px 0 0 0;  }
#basket a.checkoutbtn {background:url(images/template/checkout_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 8px 0 8px 0  }
#basket a.checkoutbtn:hover {background-position: 0px -26px; }

/* YOU MAY ALSO BE INTERESED IN */
/* -------------------------------- */
#divContaineryoumayalsobeinterestedinHoriz{position : absolute; width:570px; height:110px;_height:110px;	*height:110px; overflow:scroll; clip: rect(0px 520px 80px 35px); *clip: rect(0px 500px 80px 0px); padding-left: 35px; *padding-left: 0px} 
#divContentyoumayalsobeinterestedinHoriz{position : absolute;} 

#prod_youmayalsobeinterestedin {width: 560px; max-height: 80px;}
#prod_youmayalsobeinterestedin img {float:left;}
#prod_youmayalsobeinterestedin_left {width: 28px; height: 80px; background:url(images/products/prod_images_left.gif) no-repeat;float:left }
#prod_youmayalsobeinterestedin_right {width: 28px; height: 80px; background:url(images/products/prod_images_right.gif) no-repeat;float:right }

a:link.prod_right_btn, a:visited.prod_right_btn {float:left; background:url(images/products/prod_right_arrow.png) no-repeat; width: 24px; height: 24px;margin: 25px 5px 0 0px  }
a:link.prod_left_btn, a:visited.prod_left_btn {float:left; background:url(images/products/prod_left_arrow.png) no-repeat; width: 24px; height: 24px; margin: 25px 0 0 5px }
a:hover.prod_left_btn, a:hover.prod_right_btn {background-position: 0% -24px}




#nav { float:left; background:url(images/template/nav_bg.jpg) repeat-x; font-size: 110%; height: 35px; width: 100%; font-weight: bold;  }
#nav ul {list-style-type: none; margin: 13px 0px 10px 10px; }
#nav li {display: inline; margin: 0 18px 0 0}

#breadcrumb {width: 980px; background:#610e0f; color:#fff; height: 16px; font-size: 90%; padding: 4px 0 0 0px }
#breadcrumb a:link, #breadcrumb a:visited {color:#fff;}
#breadcrumb a:link.first {padding-left: 10px}
#breadcrumb a:hover {text-decoration: underline}


#footer { font-size: 92%; color: #666; line-height: 1.5em; border-top: 1px solid #ccc; margin: 30px 0 10px 0; padding: 10px 0 0 0 }
#footer a:link, #footer a:visited {color: #666; text-decoration:none }
#footer a:hover {color: #999 }
#footer_left {float:left; width: 320px}
#footer_right {float: right; width: 380px; text-align:right}
#footer_scroll p {text-align:justify;padding: 10px 10px 0px 10px; color:#999; font-size: 100% }

#footer_holder{ text-align:justify;border:1px #efefef solid; margin: 20px 0 0 0; }
div.footer_holder{overflow:auto;z-index:1;position:relative;height:100px;_height:100px;	*height:100px;}
div.footer_scroll { position: absolute; left: 0; top: 0; z-index: 2;}

#accessories_scroll { position: absolute; left : 80px; width : 800px; height: 315px; overflow-y:scroll; overflow-x:hidden;}

/* <Scrollbrad background color> */

div.track { position: relative; float:right; top: 0;  width: 11px; height: 100%; font-size: 0; z-index: 3; background: #efefef;}

/* scrollbar button color */

div.drag_bar {position:absolute; width: 100%; height: 14px; cursor:default;z-index: 4; background: #ccc;float:right;}  

/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START HOME STYLES */
/* -------------------------------- */
#banner {width: 980px; }
div.home_boxes {height: 187px; width: 186px; float:left; background:url(images/home/boxes_bg.jpg) repeat-x; margin: 10px 10px 0 0;  }
div.home_boxes p {color: #811618; font-size: 100%; font-weight:bold; padding-right: 80px; margin-left: 10px; margin-top: 4px}
div.home_boxes h2{color:#402324;margin: 10px 0 0 10px;	font-size: 170%;font-weight: bold;padding-bottom: 8px}

div.home_boxes a.viewmorebtn {background:url(images/home/view_more_btn.jpg) no-repeat;  width: 102px; height: 29px; display:block; margin: 8px 0 8px 5px  }
div.home_boxes a.viewmorebtn:hover {background-position: 0px -30px; }
div.home_boxes img.boxes {float:right; margin: -155px 0 0 10px;}
div.home_boxes img.boxes_wedding {float:right; margin: -175px 0 0 10px;}
div.home_boxes img.boxes_moet {float:right; margin: -163px 0 0 10px;}

#testimonial {margin: 10px 0 0 0; width: 195px; float:left }
/* END HOME STYLES */
/* -------------------------------- */



/* START CONTENT STYLES */
/* -------------------------------- */

#content {}
#maincontent {background:url(images/template/bubbles_bg.jpg) no-repeat; min-height: 315px; padding-left: 10px  }
#maincontent2 { padding-left: 10px  }

#content_text {width: 650px; float:left;}
#content_text ul { margin: 10px 0 20px 30px; line-height: 1.8em; }
#content_text li {list-style-type: disk; }

#delivery_btn {float:right; width: 225px; margin: -40px 10px 0 0  }
div.bottle {width: 230px; line-height: 1.3em; float: left; margin: 10px 12px 0 0;  }
div.bottle_description {padding-right: 20px; min-height: 100px; margin-top: 5px }

div.bottle img, div.bottle_image img {border: 1px solid #ccc; padding: 10px; background: #fff; margin: 10px 0 10px 0; float: left}
div.bottle a:link, div.bottle a:visited {font-weight: bold; letter-spacing: -1px; font-size: 110% }
div.bottle a.continuebtn {background:url(images/champagne/continue_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 15px 0 8px 40px; vertical-align:bottom }
div.bottle a.continuebtn:hover, div.bottlepage a.continuebtn:hover {background-position: 0px -26px; }
div.bottle a.personalisebtn {background:url(images/template/personalise_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 5px 0 8px 40px; vertical-align:bottom }
div.bottle a.personalisebtn:hover {background-position: 0px -26px; }

div.packaging {width: 200px; line-height: 1.3em; float: left; margin: 5px 12px 0 0;  }
div.packaging_description {width: 180px; }
div.packaging img, div.packaging_image img {border: 1px solid #ccc; padding: 10px; background: #fff; margin: 10px 0 10px 0; float: left}

div.accessories {width: 230px; line-height: 1.3em; float: left; margin: 10px 12px 0 0;  }
div.accessories_description {padding-right: 20px; min-height: 60px; margin-top: 5px }
div.accessories img, div.accessories_image img {border: 1px solid #ccc; padding: 10px; background: #fff; margin: 10px 0 10px 0; float: left}

#tab_wording a.updatebtn {background:url(images/template/update_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 0px 0px 0px 55px; vertical-align:bottom }
#tab_wording a.updatebtn:hover, #tab_wording a.updatebtn:hover {background-position: 0px -26px; }

#wizard_holder2 a.uploadbtn {background:url(images/template/upload_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 10px 0px 0px 75px; vertical-align:bottom }
#wizard_holder2 a.uploadbtn:hover, #wizard_holder2 a.uploadbtn:hover {background-position: 0px -26px; }

#photopreview a.removephotobtn {background:url(images/template/removephoto_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 10px 0px 0px 7px; vertical-align:bottom }
#photopreview a.removephotobtn:hover, #photopreview a.removephotobtn:hover {background-position: 0px -26px; }

div.gift {width: 230px; line-height: 1.3em; float: left; margin: 10px 12px 0 0;  }
div.gift_description {padding-right: 20px; min-height: 60px; margin-top: 5px }
div.gift img, div.bottle_image img {border: 1px solid #ccc; padding: 10px; background: #fff; margin: 10px 0 10px 0; float: left}
div.gift a:link, div.bottle a:visited {font-weight: bold; letter-spacing: -1px; font-size: 110% }
div.gift a.continuebtn {background:url(images/champagne/continue_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 15px 0 8px 40px; vertical-align:bottom }
div.gift a.continuebtn:hover, div.bottlepage a.continuebtn:hover {background-position: 0px -26px; }

div.bottlepage {float:left; width: 500px; margin-left: 20px; color: #333}
div.bottlepage p {color: #333}
div.bottlepage_description {padding-right: 20px; min-height: 100px; margin-top: 20px; }
div.bottlepage_description ul { margin: 10px 0 20px 20px; line-height: 1.8em}
div.bottlepage_description li {list-style-type: disk; }
div.bottlepage a.createlabelbtn {background:url(images/template/create_label_btn.jpg) no-repeat; width: 172px; height: 28px; float:left; margin: 10px 0 0 0 }
div.bottlepage a.createlabelbtn:hover {background-position: 0px -28px;}
div.bottlepage a.continuebtn {background:url(images/champagne/continue_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 15px 0 8px 40px; vertical-align:bottom; float:right }
div.bottlepage a.personalisebtn {background:url(images/template/personalise_btn.jpg) no-repeat;  width: 127px; height: 25px; display:block; margin: 15px 0 8px 0px; vertical-align:bottom }
div.bottlepage a.personalisebtn:hover {background-position: 0px -26px; }

#sidecontent {float: left; width: 200px; background-color: transparent; margin-top: 10px }
#subnav ul {margin-right: 30px; border-top: 1px solid #ccc }
#subnav li {list-style-type:none; border-bottom: 1px solid #ccc;}
#subnav ul li a:link, #subnav ul li a:visited {text-decoration: none; padding: 6px 2px 0px 5px; color:#333;  min-height: 23px; display: block; line-height: 1.4;  }
#subnav ul li a:hover {color: #811618; background: #f9f9f9 url(images/template/subnav_bg.jpg) repeat-x 50% 0%; }

/* END CONTENT STYLES */
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */
/*
tr.dtgheader th { background-color:#516e80; vertical-align:top; padding-top: 5px; color: #fff; font-weight: 1.5; text-align:left; }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none } 
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none } 
tr.dtgheader th.first, td.first  {padding-left: 5px}

.dtginfo_alternate {background-color: #333f45}
.dtginfo, .dtginfo_alternate {height: 25px }



/* END TABLE STYLES */
/* -------------------------------- */



/* START FONT STYLES */
/* -------------------------------- */
/*
10 77
11 85
12 93 (was 92)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
/* END FONT STYLES */
/* -------------------------------- */