/* CSS Document */
body{margin:0; padding:5px; 0 0 0; font-size:.625em; /* (10/16) */ background-color: #fefee7;}
html{background-color: #fefee7; height:100%;}
.container{/*width:75em;*/ text-align:left; margin:0 auto}
.smallmargin{margin:5px 0 5px 0 !important}
div{zoom:1;}
/*------------------------------------------------------------------------------
Corrective and base styles
------------------------------------------------------------------------------*/
DIV{-moz-box-sizing:border-box; box-sizing:border-box; margin:0}
p{/*fixes the firefox/opera/safri handling of div's without p's */margin:0}

/*------------------------------------------------------------------------------
Core
------------------------------------------------------------------------------*/
strong				{font-weight:bold;}
.hide				{position: absolute; top: -999px; left: -999px;  font-size: .5em; }
.logo				{display:block; float:left;}
.fright				{float:right;}
#c-header 			{clear:left; margin:0;}
#c-mainshell		{clear:both;}
#c-mainshell p		{margin:auto}
#c-siteheading 		{position: absolute; top: -999px; left: -999px;  font-size: .5em; }
#c-outercontainer	{width: 96em; margin: 0 auto;}
#c-shell			{background:url(/Assets/GFX/source/layout/corner-top.gif) top left repeat-x; border:0;}
#c-shell .bottom	{background:url(/Assets/GFX/source/layout/corner-bottom.gif) bottom left repeat-x;}
#c-shell .left		{background:url(/Assets/GFX/source/layout/corner-left.gif) top left repeat-y}
#c-shell .right		{background:url(/Assets/GFX/source/layout/corner-right.gif) top right repeat-y}
#c-shell .tl		{background:url(/Assets/GFX/source/layout/corner-tl.gif) top left no-repeat}
#c-shell .tr		{background:url(/Assets/GFX/source/layout/corner-tr.gif) top right no-repeat}
#c-shell .br		{background:url(/Assets/GFX/source/layout/corner-br.gif) right bottom no-repeat}
#c-shell .bl		{background:url(/Assets/GFX/source/layout/corner-bl.gif) left bottom no-repeat; padding: 6px;}
#BasketNav			{float:right; width: 20em; border-left: 1px dotted #ccc; padding-left: 1em; height: 6.2em; display:block;}
#BasketNav	ul li	{display:block; text-align: right; padding: 0.2em;}
#BasketNav a		{text-decoration: none; font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.3em; color:#4a4a43; text-decoration:none; font-weight:bold;}
.floatright			{float:right; width: 50%;}
.floatleft			{float:left; width: 50%;}
.content p			{margin: .75em 0 !important; line-height: 1.34em;}
/*------------------------------------------------------------------------------
Leftnav
------------------------------------------------------------------------------*/
#c-leftnav			{width: 23.7em; float:left; }
#c-bgcontent		{background: #4a4a43; overflow:hidden; }
#c-leftitems		{min-height:12em; height:auto !important; height:12em; background: url(../GFX/source/layout/leftnav-bg.gif) left top no-repeat; min-height:30em; height:auto !important; height:30em;}
/*search*/
#c-searchform		{background: #51514f url(/Assets/GFX/source/layout/search/search.jpg) left top repeat-x; min-height:5.1em; height:auto !important; height:5.1em; padding: 1.5em; border-bottom: 1px solid #fff;}
.label-search 		{background: url(/Assets/GFX/source/layout/search/search.gif) left top no-repeat; font-size: 1.2em; color:#FFF; width: 100%; float:left;}
.label-search span	{background: url(/Assets/GFX/source/layout/search/search.gif) left top no-repeat; width: 5.5em; height: 1.4em; position: absolute;}
#q			{clear:both; margin-top: 2em; width: 78%; font-size: 1.1em; background: transparent; border: 0; color: #fff;  border-bottom: 1px dotted #fff;}
/*------------------------------------------------------------------------------
Typography
------------------------------------------------------------------------------*/
html, body, p, table, td, span, div, li, dd, dl, input, select, textarea, label, legend{font-family:Arial,Helvetica,sans-serif}
h1, h2, h3, h4, h5, h6{font-family:Georgia,"Times New Roman",Times,serif !important; font-weight:normal !important; color:#fff;}
.content h1, .content h2, .content h3, content h4, .content h5, .content h6{color: #cf026c; font-family:Arial,Helvetica,sans-serif !important; padding: 20px 0;}
h1					{font-size:2em}
h2					{font-size:1.8em}
h3					{font-size:1.5em}
h4					{font-size:1.3em}
h4					{font-size:1em}
h1 span, h2 span, h3 span,h4 span, h5 span, h6 span
					{position:absolute; top: -9999px; left -9999px; font-size: .5em;}
#h-lower h2			{font-size: 1.2em; letter-spacing: 0.2em; font-weight:bold;}
.title h2			{font-size: 2.5em;}
.mediumtext			{font-size: 1.1em;}
/*------------------------------------------------------------------------------
Breadcrumb
------------------------------------------------------------------------------*/
#breadcrumb			{padding: 10px; border-bottom: 1px solid #CCC;}
#breadcrumb	ul,
#breadcrumb	ul li	{display: inline;}
#breadcrumb	ul li	{padding: 0 .5em;}
#breadcrumb	ul li a	{color: #CF016C; text-decoration:none;  padding-right: 15px; background: url(/Assets/GFX/content/arrow.gif) right center no-repeat;}
#breadcrumb	ul li a:hover{text-decoration:underline;}
#breadcrumb strong	{font-weight:bold; padding-right: 10px;}
/*------------------------------------------------------------------------------
Home
------------------------------------------------------------------------------*/
.contenthome			{float:right; background: #5991b2 url(/Assets/GFX/content/home/default.jpg) top left no-repeat;	width: 71.0em; border-left: 1px solid #fff;}
.toplinks				{display:block; padding: 1em;}
.toplinks ul			{display:inline; margin-left: -.5em;}
.toplinks ul	li		{display:inline; margin: 0 .5em; /*border-right: 1px solid #fff;*/}
.toplinks ul	li a	{color:#FFF; font-weight:bold; padding-right: 1em; font-size:1.1em;}
.heading .toplinks		{padding: 0;}	
#h-introduction			{min-height:30em; height:auto !important; height:30em;}
#h-lower				{min-height:17em; height:auto !important; height:17em; padding: 15px 15px 0 15px;}
#h-lower				{background: url(../GFX/source/transparency.png);}
#h-lower h2				{margin-bottom: 15px; letter-spacing: 0.2em; font-size:1.2em; font-weight:bold !important; letter-spacing: .15em;}
#Productlist .top		{background:url(/Assets/GFX/home/product_top.png) right top no-repeat; width: 149px; height:5px;}
#Productlist .side		{background:url(/Assets/GFX/home/product_middle.png) right top repeat-y;  height:101px;}
#Productlist .bottom	{background:url(/Assets/GFX/home/product_bottom.png) right top no-repeat; width: 149px; height:5px; clear:both;}
#Productlist .side h2,	
#Productlist .side p	{font-weight:bold; padding: .35em 0 0 .5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; letter-spacing:0; width: 5em; float:left; clear:left;}
#Productlist .side h2 	{margin:0; font-size: 1.2em; }
#Productlist .side h2 a	{color: #fff; text-decoration: none;}
#Productlist .side p 	{color: #fff; text-decoration: none;}
#Productlist .side h2 a:hover,
#Productlist .side p a:hover{text-decoration: underline;}
#Productlist .side p a	{color: #deff00; font-size: 1.25em; display:block;}
#Productlist .img		{background:#fff; width: 70px; float:right; overflow:hidden; height: 10.2em; margin-right: 1px; text-align:center;}
#Productlist .img img	{padding: 0 .25em;}
#Productlist .imgtop	{background: url(/Assets/GFX/home/product_imgtop.jpg) right top no-repeat; width: 70px; height:5px; float:right}
#Productlist .imgbottom	{background: url(/Assets/GFX/home/product_imgbottom.jpg) right top no-repeat; width: 70px; height:5px; float:right}
#Productlist .top,
#Productlist .bottom,
#Productlist .imgtop,
#Productlist .imgbottom	{margin:0 !important; font-size: 0; line-height: 0;}
#HomeIntro h2			{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 4em; color:#FFF; width: 65%; font-weight:bold; margin: 1.5em 0 0 1em;}
.jcarousel-item .shadow	{background: url(/Assets/GFX/home/white_shadow.png) no-repeat left top; display:block; padding: 20px;  height: 22em; font-size: 1.5em;}
.jcarousel-item .shadow .bodytext {width: 90%;}
.jcarousel-item .shadow .bodytext *{color:#fff !important;}
.jcarousel-item .shadow a {position:relative;}
.jcarousel-item .shadow h2,.jcarousel-item .shadow h3,.jcarousel-item .shadow h4,.jcarousel-item .shadow h5 {color:#FFFFFF !important;font-size:1.5em !important;font-weight:bold !important;margin:0.5em 0 0.25em 0!important;width:100% !important;}
#HomeIntro .bodytext img{border: 3px solid #2C2C2C; margin: 10px 20px 10px 0; clear:left !important; float:left;}
#HomeIntro .bodytext h2,#HomeIntro .bodytext h3, #HomeIntro .bodytext h4{float:left; font-size: 2em; display:block; width: 75% !important;}
#HomeIntro .bodytext p{float:left; font-size: 1em; width: 75% !important;}
#HomeIntro .bodytext hr{margin: 5px 0; clear:both; border: 1px solid #2c2c2c; border-top: 0px; border-left:0px; border-right:0px;}
/*------------------------------------------------------------------------------
Product index page
------------------------------------------------------------------------------*/
.contentbody						{float:right; width: 71.0em; border-left: 1px solid #fff; overflow:hidden; min-height:51em; height:auto !important; height:51em; background-color:#fff;}
.contentbody .heading				{background: #cf016c url(/Assets/GFX/product/topheading.png) top left repeat-x; padding: 1em 1em 1em 1em; min-height:5em; height:auto !important; height:5em;}
.contentbody .heading ul			{display: inline; margin-left:-.5em;}
.contentbody .heading ul li			{display: inline; padding: 0 .2em;}
.contentbody .heading ul li a		{color: #fff;}
.contentbody .heading .title		{background: url(/Assets/GFX/generic/heading.gif) bottom left repeat-x;}
.contentbody .heading .title h2		{background: url(/Assets/GFX/generic/heading_wine.gif) 98% bottom no-repeat; padding-top: .8em;}
.contentbody .content				{background: #fff url(/Assets/GFX/generic/contentarea.gif) left top repeat-x; /*overflow:hidden;*/ overflow:auto;}
.contentbody .intro					{/*background: url(/Assets/GFX/generic/content_background.gif) left bottom no-repeat;*/ padding: 30px 30px 70px 0; float: right; line-height: 1.2em; font-size: 1.1em; width: 30em;}
.contentbody .introimg				{float:left; margin: 15px 0 15px 15px;;}
.contentbody .indexlist				{padding: 0 20px; clear:both; width: 100%;}
.contentbody .indexlist ul			{width: 100%;}
.contentbody .indexlist ul	li		{display:block; float:left; width: 16em; padding: .5em 0; border-top: 1px solid #eaeaea; min-height:10em; height:auto !important; height:10em;}
.contentbody .indexlist ul	li h3	{display:block; color: #cf016c; font-family:Arial, Helvetica, sans-serif !important; font-size: 1.1em; font-weight: bold;}
.contentbody .indexlist ul	li 		{padding-left: .5em;}
.content .contentimg				{float:left; /*margin: 15px 0 15px 15px;*/}
.content .contenttext				{background: url(/Assets/GFX/generic/content_background.gif) left bottom no-repeat; padding: 30px 30px 70px 0; float: right; line-height: 1.2em; font-size: 1.1em; width: 40em;}
.content .content-plain-img			{float:right; margin: 0px;}
.content .content-plain-text		{padding: 10px 15px 70px 15px; width: 95%; float: left; line-height: 1.2em; font-size: 1.1em; overflow:hidden; }
/*------------------------------------------------------------------------------
Content index page
------------------------------------------------------------------------------*/
.pagelist .contenttext				{background-image: none; padding: 30px 30px 20px 30px; width: 95%; float: left; line-height: 1.2em; font-size: 1.1em; ;}	
/*------------------------------------------------------------------------------
Product 
------------------------------------------------------------------------------*/
.contentbody .content				{background: #fff url(/Assets/GFX/generic/contentarea.gif) left top repeat-x; overflow:hidden;}
.contentbody .productinfo			{background: url(/Assets/GFX/generic/content_background.gif) left bottom no-repeat;  padding: 30px 30px 70px 0; width: 40em; float: right; line-height: 1.2em; font-size: 1.1em; }
.contentbody .productimg			{float:left; margin-left: 15px;}
.contentbody .indexlist				{padding: 0 20px; clear:both; width: 100%;}
.contentbody .indexlist h2,
.contentbody .productinfo h2		{display:block; color: #cf016c; font-family:Arial, Helvetica, sans-serif !important;}
.contentbody .productinfo h2		{margin-bottom: 1.5em;}
.contentbody .indexlist ul			{width: 100%;}
.contentbody .indexlist ul	li		{display:block; float:left; width: 21.5em; min-height:10em; height:auto !important; height:10em; padding: .5em 0; border-top: 1px solid #eaeaea;}
.contentbody .indexlist ul	li p	{}
.contentbody .indexlist ul	li h3	{display:block; color: #cf016c; font-family:Arial, Helvetica, sans-serif !important; font-size: 1.1em; font-weight: bold; }
.contentbody .indexlist ul	li 		{padding-left: .5em;}
.contentbody .indexlistwide ul			{width: 95%; padding-left: 2em;}
.contentbody .indexlistwide ul	li		{display:block; float:left; width: 33em; padding: .5em 0; border-top: 1px solid #eaeaea;}
.contentbody .indexlistwide ul	li h3,
.contentbody .indexlistwide ul	li p	{float:left;}
.contentbody .indexlistwide ul	li img	{padding-right: 15px}
.contentbody .indexlistwide ul	li h3	{display:block; color: #cf016c; font-family:Arial, Helvetica, sans-serif !important; font-size: 1.1em; font-weight: bold;}
.contentbody .indexlistwide ul	li 		{padding-left: .5em;}
.contentbody a						{color:#cf016c; text-decoration:none;}
.contentbody a:hover				{text-decoration:underline;}
#productprice						{clear:right; float:right; padding-right: 25px;}
#productprice table					{width: 43em; }
#productprice table	th				{font-weight: bold; color: #cf016c; border-bottom: 1px solid #cf016c; padding: 2px;}
.purchaserow label					{font-weight: bold; color: #cf016c; margin-right: 1em;}
.contentbody .indexlist ul	li .prodimg,
.contentbody .indexlistwide ul	li .prodimg,
.contentbody .indexlist ul	li .prodinfo,
.contentbody .indexlistwide ul	li .prodinfo	{float:left;}
.contentbody .indexlist ul	li .prodinfo,
.contentbody .indexlistwide ul	li .prodinfo	{width: 60%;}
.contentbody .indexlist ul	li .prodinfo p,
.contentbody .indexlistwide ul	li .prodinfo p	{clear:left;}
/*------------------------------------------------------------------------------
Purchase table
------------------------------------------------------------------------------*/
.purchasetable .left,
.purchasetable .right				{background-image: none !important;}
.purchasetable .right				{text-align:right!important;}
.purchasetable td					{padding: 3px !important;}
/*------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------*/
#footer .container					{width:100%; color: #b5aa58;}
#footer .container .floatright		{text-align: right;}
#footer .container li				{padding: 3px 0;}
#footer .container p				{text-align: right;}
#footer .container p a,
#footer .container a				{color: #b5aa58; text-decoration: underline;}
#footer ul li a, #footer ul li,  
#footer p							{color:#666 !important;}
#footer .tel						{text-align:right; padding-right: 20px; background: url(/Assets/GFX/generic/tel.gif) top right no-repeat;}
#footer .email						{text-align:right; padding-right: 20px; background: url(/Assets/GFX/generic/email.gif) top right no-repeat;}
#footer .contact					{text-align:right; padding-right: 20px; background: url(/Assets/GFX/generic/contact.gif) top right no-repeat;}
#footer	.terms						{text-align:right; padding-right: 20px;}
/*------------------------------------------------------------------------------
Leftnav
------------------------------------------------------------------------------*/
#c-leftnav							{}
#c-leftnav ul li					{font-size: 1.1em;}
#c-leftitems h2						{display:none;}
#c-leftnav ul						{padding: 1.5em;}
#c-leftnav ul li					{display:block; clear:both; padding: 0.75em 0; border: 0;}
#c-leftnav ul li a					{font-family: Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/; color: #FFF; text-decoration:none;font-weight:bold;}
#c-leftnav ul li a:hover			{color: #FFF;}
/*------------------------------------------------------------------------------
Search page
------------------------------------------------------------------------------*/
.mainsearchbox						{background: url(/Assets/GFX/search/background.gif) bottom left repeat-x;}
.mainsearchbox .img					{padding: 20px; background: url(/Assets/GFX/search/magglass.gif) bottom right no-repeat; overflow:hidden;}
.mainsearchbox #q					{font-size: 1.5em; color:#666; border: 1px solid #999; padding: .2em; width: 40%; margin: 5px 2em 0 0; float:left;}
.mainsearchbox .searchbtn			{float:left;}
.sarchresultshead					{color: #CF016C; padding: 20px 20px 0 20px !important;}
.searchresults 						{padding: 0 20px; 10px; list-style-image:none !important; list-style-position:outside !important; list-style-type:decimal !important; color: #cf016c; margin: 20px; }
.searchresults li a					{}
.searchresults li					{list-style-image:none !important; list-style-position:outside !important; list-style-type:decimal !important; font-size:1.25em; margin: 5px 0 15px 0; font-family:Georgia,"Times New Roman",Times,serif;}
.searchresults li .linkdesc			{color: #999; margin:0 !important; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.9em;}
.indexlist ul li img.auto			{height:auto !important; width: auto!important; margin-top: 10px;}
.new								{float:right;}
.tagsheading						{padding: 20px 0 0 0!important; font-weight:bold!important;}
.tags								{padding: 0!important;}
.tags a								{padding-left: 20px;  background: url(/Assets/GFX/search/tagicon.gif) left 3px no-repeat; text-decoration:underline; }
/*------------------------------------------------------------------------------
Content pages
-----------------------------------------------------------------------------*/
.txtpadding							{padding: 0 2em;}
#basket								{padding: 2em;}
.txtpadding	h2, #basket	h2			{color: #666666;}
.content-padding					{padding: 2em;}
/*------------------------------------------------------------------------------
Account settings
------------------------------------------------------------------------------*/
.gradientbox					    {}
.gradientbox .divide				{background: url(/Assets/GFX/account/split.gif) 50% top repeat-y; overflow: hidden; clear:both;}
.gradientbox .left, .gradientbox .right{width:45%; float:left; background-image: none !important;}
.gradientbox .right					{float: right; background:}
.gradientbox .accountleft			{background: url(/Assets/GFX/account/signin.gif) bottom right no-repeat !important;  border-bottom: 1px solid #d9d9d7;   min-height:39em; height:auto !important; height:39em; }
.gradientbox .accountright			{background: url(/Assets/GFX/account/welcome.gif) bottom right no-repeat !important; border-bottom: 1px solid #d9d9d7;  min-height:39em; height:auto !important; height:39em; }
.gradientbox h3, .gradientbox legend{font-weight: bold !important; color: #666; font-size: 1.4em; padding:0 0 10px 0px;}
.gradientbox .left h3				{/*padding-left:10px;*/}
.fieldrow							{display:block; padding: 5px 0; margin: 5px 0;}
.fieldrow label						{color: #cf016c; font-size: 1.1em; font-weight:bold; display:block;}
.fieldrow input, .fieldrow select, 
.fieldrow textarea					{font-size: 1.4em; padding: 2px;}
.fieldrow textarea					{width: 80%; height: 4em;}
#address p, .biglabel, .bigtext p	{font-size: 1.4em;}
.listpadding						{padding: 0 0 20px 0;}
.listpadding li						{}
.nopadding							{padding-bottom: 0 !important;}
/*------------------------------------------------------------------------------
Basket
------------------------------------------------------------------------------*/
.baskettable							{width:100%; border: 0px solid #bfbfbf;}
.baskettable .left, .baskettable .right	{background-image:none !important; float:none;}
.baskettable .right						{background-image:none;}
.baskettable .mid, .baskettable .right	{border-left:1px solid #d7d7d7; width:60px !important;}
.baskettable .right						{text-align: right !important;}
.baskettable thead th					{font-family:Arial,Helvetica,sans-serif;  font-size:1.2em; padding:0 10px; color:#4c4630; background-color: #f1c9de !important; font-weight:bold;}
.baskettable tbody th					{font-family:Arial,Helvetica,sans-serif;  font-size:1.2em; padding:0 10px; color:#4c4630; font-weight:bold; text-align:left; border-bottom: 1px solid #bfbfbf;}
.baskettable tbody td					{padding:5px; border-bottom: 1px solid  #d7d7d7; font-size:1.2em; }
.baskettable thead th, .baskettable thead td {padding: 0 10px;}
.toppadding 							{margin: 2em 0em 0 0; padding-bottom: 2em;}
/*------------------------------------------------------------------------------
Message settings
------------------------------------------------------------------------------*/
.message 							{font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; margin: 5px; color: #cf026c; padding: 10px; font-weight: bold;}
.message ul li						{padding: 3px 0; width: 48%; float:left; color: #cf026c; font-weight: bold;}
.right .message ul li						{padding: 3px 0; width: 99%; float:left;}
.message ul 						{width: 100%; display: block;}
/*------------------------------------------------------------------------------
Tags
------------------------------------------------------------------------------*/
.tagitem 							{padding: 0; border-bottom: 1px solid #CCC;}
.tagitem p							{color:#000;}
.tagitem h3							{font-weight:bold !important; padding: 0 !important; text-deocoration:underline;}
.tagitem h4							{color:#CF016C;font-weight:bold !important;margin:0 0 0 20px;padding:0 !important; font-size: 1.2em; font-family:Arial, Helvetica, sans-serif;}	
/*------------------------------------------------------------------------------
Homepagepromo
------------------------------------------------------------------------------*/
#homepagepromo						{width: 28%; float:right; }
.promoimg							{float:right; }
.promotext							{color: #fff; font-size:1.1em;}	
.promotext a						{color: #fff !important; position:relative;}
#topproducts						{width: 70%; float: left; overflow:hidden; height: 17em;}

.orders								{background-image:none !important;}
.orders .left						{width: 99%; float:none;}