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

Index 
	Global Reset and default settings
	Heading, Typography, Links
	Accessibility
	Layout
	Generic
	Forms
	
----------------------------------------*/


/* Global Reset and default settings */ 
	body * {margin:0; padding:0}
	body {background:#343553 url('../images/gradient.gif') repeat-x; font-size:71%; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}
	img  {border:0;}
	
/* Heading, Typography, Links */ 
	h1, h2, h3 {color:#e3bc74; font-family:"Times New Roman", Times, serif; font-size:1.6em; font-weight:normal; line-height:1.4em; margin:0; padding:0;}
	h1 {}
	h2 {margin-bottom:20px;}
	h3 {font-size:1.2em;}
		
	p {color:#848484; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;}
	a {color:#e3bc74; font-weight:normal; text-decoration:none;}
	a:hover {text-decoration:underline;}
	
	.h3like {color:#e3bc74; font-size:1.0em; font-weight:bold; line-height:1.4em; margin:0; padding:0;}

/* Accessibility */
	.hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}

/* Layout */
	#wrapper {background:#282350; border:1px solid #08081a; margin:auto; width:922px;}
	
	/* Header */
	#header {background-color:#282350; border-bottom:1px solid #08081a; height:138px; position:relative; width:922px;}
	#header h1 img {position:absolute; top:20px; left:30px;}	
	
	/* Navigation */
	ul#navigation {float:right; height:87px; margin:25px 0 0 0; padding:0; width:560px;}
	
	ul#navigation li {display:inline; list-style-type:none;}
	ul#navigation li a {color:#fff; display:block; float:left; height:87px; margin-right:15px; overflow:hidden; width:120px;}
	ul#navigation li a span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
	ul#navigation li a:hover { }
	ul#navigation li a.craftsmanship {background:url(../images/nav_craftsmanship.jpg) no-repeat 0px 0px;}
	ul#navigation li a.craftsmanship:hover, ul#navigation li#current a.craftsmanship {background:url(../images/nav_craftsmanship.jpg) no-repeat 0px -87px;}
	ul#navigation li a.whisky {background:url(../images/nav_whisky.jpg) no-repeat 0px 0px;}
	ul#navigation li a.whisky:hover, ul#navigation li#current a.whisky {background:url(../images/nav_whisky.jpg) no-repeat 0px -87px;}
	ul#navigation li a.personalisation {background:url(../images/nav_personalisation.jpg) no-repeat 0px 0px;}
	ul#navigation li a.personalisation:hover, ul#navigation li#current a.personalisation {background:url(../images/nav_personalisation.jpg) no-repeat 0px -87px;}
	ul#navigation li a.purchase {background:url(../images/nav_purchase.jpg) no-repeat 0px 0px;}
	ul#navigation li a.purchase:hover, ul#navigation li#current a.purchase{background:url(../images/nav_purchase.jpg) no-repeat 0px -87px;}
	
	
	
	/* Main Content */
	#content {border-bottom:1px solid #08081a; position:relative; height:341px;}
	#content2 {border-bottom:1px solid #08081a; position:relative;min-height:341px;}
	.bkd1 {background:url(../images/bkd_maincontent.jpg) top right no-repeat;}
	.bkd2 {background:url(../images/bkd_purchase.jpg) bottom left no-repeat #151329;}
	.bkd3 {background:#040101 url(../images/bkd_purchase.gif) top repeat-x;}
	.bkd4 {background:url(../images/bkgd_fullwidth.jpg) top right no-repeat }
	
	#product {
	float:left;
	width:544px;
	}
	
	#testimonials{
	height:300px;
	margin:0 0 0 15px;
	overflow:auto;
	}
	
	#testimonials blockquote{
		padding:0;
		margin:0;
	}
	
	#testimonials blockquote p{
		font-family:"Times New Roman", Times, serif;
		font-size:1.6em;
		line-height:1.4em;
		color:#e3bc74;
		margin:30px 0 6px 0;
	}
	
	#testimonials blockquote p.q-name{
		text-align:right;
		color:#fffae0;
		font-size:1.3em;
		margin-top:0;
		padding-top:0;
	}
	
	
	#copy ul, #copy-update ul{
		margin:0 0 10px 20px;
	}
	
	#copy li, #copy-update li{
		font-family:"Times New Roman", Times, serif;
		font-size:1.6em;
		line-height:1.4em;
		color:#e3bc74;
	}
	
	
	body {
	scrollbar-3dlight-color:#7a7dd9;
	scrollbar-arrow-color:#d3d3f4;
	scrollbar-base-color:yellow;
	scrollbar-darkshadow-color:#373985;
	scrollbar-face-color:#585a93;
	scrollbar-highlight-color:#6e71bb;
	scrollbar-shadow-color:#6e71cb} 
	
	
	#flashpanel {height:341px; width:544px;}
	#copy {float:left;
	/*min-height:301px;*/
	padding:20px;
	width:338px;
	overflow:auto;}
	
	#copy-update{
	float:left;
	/*min-height:301px;*/
	padding:8px;
	width:360px;
	overflow:auto;
	height:264px;}

	#copy p,  #copy-update p{font-family:"Times New Roman", Times, serif; font-size:1.6em; line-height:1.4em; color:#e3bc74; }
	
	.flourish {background:url(../images/flourish.gif) no-repeat; height:25px; width:131px; position:absolute; bottom:15px; right:35px;}
	.more {position:absolute; bottom:15px; right:35px;}
	.back {position:absolute; bottom:15px; left:565px;}
	
	#lda #copy p {color:#8f8da5; width:225px;}
	#home #copy p {color:#e3bc74;}
	#craftsmanship #copy p {color:#e3bc74; width:300px;}
	#whisky #copy p {color:#e3bc74; width:330px;}
	#personalisation  #copy p {color:#e3bc74; width:330px;}
	#personalisation  #copy p.small {color:#8f8da5; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.4em;}
	
	
	/* Purchase Pages */
	#purchase #product {float:right; width:552px;}
	#purchase #copy {float:left; min-height:301px; padding:20px; width:330px;}
	#purchase #copy p {color:#8f8da5; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.4em;}
	#purchase #copy p.white {color:#fff;}
	
	.instruct {float:left; width:170px;}
	.price {float:left; width:100px; padding:8px 0 15px 0;}
	
	#items {width:500px;}
	.itemBottle {background-color:#14142A; padding:10px; margin:10px 10px 30px 0px;}
	
	/* Personalised label details */
	#order {color:#c9c9d1; float:left; min-height:301px; padding:20px; width:330px; position:relative;}
	#order h3 {color:#e3bc74; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;margin:0; text-align:left;}
	#order p {color:#c9c9d1; font-size:1em; line-height:1.2em; margin:0 0 5px 0;}
	
	/* Delivery page */
	#billing {color:#c9c9d1; float:left; min-height:301px; padding:20px; width:330px; margin:0 30px 0 0; position:relative;}
	#billing h3 {color:#e3bc74; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;margin:0; text-align:left;}
	#billing p {color:#c9c9d1; font-size:1em; line-height:1.2em; margin:0 0 5px 0;}
	
	#delivery {color:#c9c9d1; float:left; min-height:301px; padding:20px 0; width:450px; position:relative;}
	#delivery h3 {color:#e3bc74; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin:0; text-align:left;}
	#delivery p {color:#c9c9d1; font-size:1em; line-height:1.2em; margin:0 0 5px 0;}
	#delivery .details {background-color:#232142; padding:20px 10px; width:315px;}
	
	#delivery .one {background:url(../images/one.gif) no-repeat left #232142; min-height:24px; margin:0 0 3px 0; padding:10px 0 10px 25px; width:133px;}
	#delivery .two {background:url(../images/two.gif) no-repeat left #17162c; min-height:24px; margin:0 0 3px 0; padding:10px 0 10px 25px; width:133px;}
	#delivery .three {background:url(../images/three.gif) no-repeat left #17162c; min-height:24px; margin:0 0 3px 0; padding:10px 0 10px 25px; width:133px;}
	#delivery .on {background-color:#232142;}
	label.dts {display:block; float:left; padding:0 0 0 5px; width:85px;}
	
	/* Numbers */
	.one {background:url(../images/one.gif) no-repeat top left;}
	.two {background:url(../images/two.gif) no-repeat top left;}
	.three {background:url(../images/three.gif) no-repeat top left;}
	.1 {background:url(../images/one.gif) no-repeat top left;}
	.2 {background:url(../images/two.gif) no-repeat top left;}
	.3 {background:url(../images/three.gif) no-repeat top left;}
	
	/* Open detail styles*/
	.open {background-color:#353358; color:#c9c9d1; font-size:1em; line-height:1.4em; margin:0 0 3px 0; padding:2px 5px 10px 20px; width:305px;}
	.open p {color:#c9c9d1; margin:0;}
	.open .messageOne {margin:0 0 10px 0;}
	.open .messageTwo {}
	.open .messageThree {}
	.name {display:block; float:left; margin:0 10px 0 0;}
	.name span {font-weight:bold;}
	.hideDts {background:url(../images/btn_hide.gif) no-repeat right; margin:0 20px 0 0; padding:0 20px 0 0;}
	.removeDts {background:url(../images/btn_close.gif) no-repeat right; margin:0; padding:0 20px 0 0;}
	.message {display:block; font-weight:bold; margin-bottom:10px;}
	.title {display:block;}
	
	/* Closed detail styles*/
	.closed {background-color:#353358; color:#c9c9d1; font-size:1em; line-height:1.4em; margin:0 0 3px 0; padding:1px 5px 5px 20px; width:305px;}
	.closed .messageOne {margin:0 0 0 0;}
	.closed .messageTwo {display:none;}
	.closed .messageThree {display:none;}
	.closed p {color:#c9c9d1; margin:0;}
	
	/* Unspecified */
	.unspec {background-color:#232142; color:#c9c9d1; font-size:1em; line-height:1.4em; margin:0 0 3px 0; padding:7px 5px 3px 20px; width:305px;}
	.unspec p {color:#c9c9d1; margin:0;}
	
	
	
	/* Generic Pages */
	#generic #content{background-color:#040101; color:#fff; height:auto; padding:20px;}
	.column {float:left; margin-right:30px; width:400px;}
	.highlight {color:#e3bc74; font-weight:bold;}
	
	
	/* Corporate Form */
	#corporate-tbl{
		width:100%;
	}
	
	#corporate-tbl td{
		padding:3px;
		vertical-align:top;
	}
	
	#corporate-tbl label{
	font-family:"Times New Roman", Times, serif; 
	font-size:1.2em;
	line-height:1.4em;
	color:#e3bc74;
	}
	
	#corporate-tbl .textField{
	background-color:#c9c9d1;
	border:1px solid #5f5d8a;
	color:#393954;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	width:200px;}
	
	#corporate-tbl .textArea{
	background-color:#c9c9d1;
	border:1px solid #5f5d8a;
	color:#393954;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px;
	width:200px;
	height:90px;}
	
	
		
	/* Footer */
	#footer {background:url(../images/bkd_footer.gif) repeat-x bottom; color:#555252; clear:both; font-family:Tahoma, Arial, Helvetica, sans-serif; min-height:152px; padding:0; position:relative;}
	#footer #lion {background:url(../images/lion.gif) no-repeat; height:97px; position:absolute; top:10px; left:30px; width:139px;}
	#footer blockquote {color:#e3bc74; font-family:Arial, Helvetica, sans-serif; position:absolute; top:20px; right:30px; width:430px;}
	#footer blockquote p {color:#e3bc74; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.4em; font-style:italic;}
	#footer blockquote p span {color:#e3bc74; display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-style:normal;}
	#footer #links {position:absolute; bottom:10px; left:10px;}
	#footer #links a {color: white; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; margin-right:15px;}
	#footer #legend {position:absolute; left:200px; top:45px;}
	
	#footersmall {background:#1f2045; color:#555252; clear:both; font-family:Tahoma, Arial, Helvetica, sans-serif; min-height:32px; padding:0; position:relative;}
	#footersmall #links {position:absolute; bottom:10px; left:10px;}
	#footersmall #links a {color: white; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; margin-right:15px;}
	
	
	
	

	
	
	
	
/* Generic */
	.break {display:block; height:10px;}
	.breakmed {display:block; height:8px;}
	.breaksm {display:block; height:5px;}
	.white {color:#fff;}
	.image1 {float:right;}
	.image2 {float:right; margin:0 0 10px 0px;}
	
	.bold {font-weight:bold;}
	#copy .highlight, #copy2 .highlight, #copywide .highlight {color:#e3007b;}
	#footer .highlight {font-weight:bold;}
	
	.marnone {margin:0px;}
	
	.marbot5 {margin-bottom:5px;}
	.marbot10 {margin-bottom:10px;}
	.marbot20 {margin-bottom:20px;}
	.martop10 {margin-top:10px;}
	.martop30 {margin-top:30px;}
	.martop100 {margin-top:100px;}
	.martop120 {margin-top:120px;}
	.padbot5 {padding-bottom:5px;}
	.padtop30 {padding-top:30px;}
	.padtop35 {padding-top:35px;}
	.padtop55 {padding-top:55px;}
	.padtop85 {padding-top:85px;}
	.marlft15 {margin-left:15px;}
	.marrt {margin-right:10px;}
	
	.floatright {float:right;}
	.floatleft {float:left;}
	
		
	/* CSS clearing */   
	.clearboth {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac */
	  * html .clearing {height: 1%;}
	  .clearing {display: block;}
	/* End hide from IE-mac */
	
	
	
/* Forms */
	form {}
	form label {display:block;}
	form input, form textarea, form select {background-color:#c9c9d1; border:1px solid #5f5d8a; color:#393954; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px;}
	form input.btn {background-color:transparent; border:none; padding:0;}
	form textarea {background:#393954; border:1px solid #5f5d8a; color:#c9c9d1; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px;}
	
	.btn2 {float:left; margin:0 5px 0 0;}
	.check {background-color:transparent; border:none; padding:0; width:15px; float:left; margin:0 5px 0 0; padding-bottom:10px; clear:both;}
	.check1 {background-color:transparent; border:none; padding:0; width:15px; float:left; margin:0 5px 0 0; padding-bottom:10px; clear:both;}
	.check2 {background-color:transparent; border:none; padding:0; width:15px; float:left; margin:0 5px 0 0; padding-bottom:10px; clear:both;}
	.check3 {background-color:transparent; border:none; padding:0; width:15px; float:left; margin:0 5px 0 0; padding-bottom:10px; clear:both;}
	
	.width270 {width:270px;}
	.bold {font-weight:bold;}
	
	#billing label {float:left; width:86px;}
	#billing input {float:left;}
	#billing .row {clear:both; margin-bottom:8px;}
	
	
	.dts form {}
	.dts form label {display:block;}
	.dts form input, form textarea, form select {background-color:#c9c9d1; border:1px solid #5f5d8a; color:#393954; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px;}
	.dts form input.btn {background-color:transparent; border:none; padding:0;}
	
	
/*stuff added by matt for a bit of tinkering...to be incorporated if required */
	

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right-js {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}