/* my thanks to All the team at Ecommercetemplates www.ecommercetemplates.com and Stu at http://www.cssplay.co.uk for all the help  given freely through their pages */
html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#fff; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}

body {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
}

form, input, ul, li, p, h1, h2, h3, h4, img
	{
	margin: 0;
	padding: 0;
	}

#pHeadMenu img,#Search img{
border:0 none;

}

#printhead {
height:100px;
 background:#fff;
 font-size:24pt;
 color:#000;
 border-bottom:1px solid #000;
}

#printfoot {
height:50px;
 background:#fff;
 color:#000;
 text-align:right;
 font-size:12pt;
 border-top:1px solid #000;
 margin-top:20px;
}

#printhead {
display:none;
}
#foot {
display:none;
}

.pad1 {
display:block;
 width:18px;
 height:50px;
 float:left;
}

.pad2 {
display:block;
height:40px; /* height to miss header and footer */
}

.pad3 {
display:block;
height:200px; /* height to miss header and footer */
}

#head {
position:absolute;
 margin:0;
 top:0;
 right:18px;
 display:block;
 width:100%;
 height:50px;
 background:#fff;
 z-index:5;
 color:#000;
 border-bottom:1px solid #000;
}


#logo {
width:40%;
 height:100%;
 float:left;
 background:url(images/sweets2header400.gif) no-repeat;
 margin-right:5px;
 text-align:center;
}

#logo a, #logo a:visited {
text-decoration:none;
}

#Search{
float: right;
margin:0;
padding:4px 5px 0 0;
display:block;
text-align:right;
color:#200087;
}
#Search p{
margin:0;
padding:0;
}

#pHeadMenu{
font-size:10px;
text-align:right;
list-style: none;
}
#pHeadMenu a{
font-weight:normal;
color:#200087;
}
#pHeadMenu a:hover{
color:#ff9900;
}

#pLoginSitemap{
font-size:10px;
text-align:right;
list-style: none;
}
#pLoginSitemap a{
font-weight:normal;
color:#200087;
}
#pLoginSitemap a:hover{
color:#ff9900;
}

#container {
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}

#containerrightside
	 {
	text-align:center;
	display:inline-block;
 	vertical-align:middle;
	border:1px solid #000;
	float:right;
	}
#containermiddle
	 {
	height:90%;
 	width:49%;
	text-align:center;
	display:inline-block;
 	vertical-align:middle;
	background:#fff;
	display:table-cell;
	}


#left{float: left; padding: 0 0 0 1px; width:16%; background-color:#fff;}


#submenu
	{
	padding-top: 10px;
	padding-bottom: 7px;
	}
	


#left p
	{
	line-height: 16px;
	padding: 0 4px 5px 4px;
	}

#content{
padding-left:10%; /* pad left to avoid navigation div if required */
padding-right:1%;
}

#foot {
position:absolute;
 margin:0;
 bottom:0;
 right:18px;
 display:block;
 width:100%;
 height:20px;
 background:#FDFDFD;
 color:#000;
 text-align:right;
 font-size:10px;
 z-index:4;
 border-top:1px solid #EBEBEB;
border-bottom: 2px solid #fffbd3;
}





	
#foot a
	{
	font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #914400;
	text-transform: uppercase;
	text-decoration: none;
	}
	
#foot a:hover, #foot a:active
	{
	text-decoration: underline;
	}

#foot ul
	{
	display: block;
	padding-top: 0px;
	}

#foot ul
	{
	height: 8px;
	display: block;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	}
	
#foot li
	{
	position: relative;
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #959595;
	}
	
#foot li.end
	{
	border-right: none;
	}




#content p {
padding:6px;
text-align:center;
}

#content h1 {
font-family:"times new roman", serif;
 color:#200087;
 font-size:20px;
text-align:center;
}

#content h2 {
text-align:center;
color: #200087;
}

#content h3 {
text-align:center;
color: #006600;
}

#content h5 {
text-align:center;
}

#content a {
padding:0;
text-decoration: none;
 color:#200087;
}

#content img {
margin: 0;
padding: 0;
border:0 none;
}

#content li {
margin: 0;
padding: 0;
border:0 none;
list-style: none;
}

#contentright {
float: right;
margin: 0;
padding: 0;
border:0 none;
list-style: none;
}

.bold {
font-size:1.2em;
 font-weight:bold;
}

.care{
padding: 0 20px 0 120px;
}

.terms{
padding: 0 20px 0 20px;
list-style: none;
}

.left {
font-size:1.2em;
text-align: left;
}

.center {
font-size:1.2em;
text-align: center;
color:#200087; 
}

.helpleft
{
padding: 0 10px 0 10px;
font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
list-style: none;
}

.brown {
color:#914400;
 margin-left:5px;
 font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
 font-weight:bold;
}

.blue {
color:#200087;
 margin-left:5px;
 font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
 font-weight:bold;
}

.red {
color:#FF0000;
 margin-left:5px;
 font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
 font-weight:bold;
}

h2 {
margin-left:5px;
}

h3 {
margin-left:5px;
}

/* Links */

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}


#submenu
	{
	font-size: 11px;
	font-weight: normal;
	}



#submenu a
	{
	color: #200087;
	text-decoration: none;
	border-left: 2px solid #ff9900;
	}
	
#submenu a:hover, #submenu a:active
	{
	color: #ff9900;
	border-left: 2px solid #200087;
	}
	
#submenu .active
	{
	color: #555555;
	}
	
#submenu a
	{
	padding-left: 5px;
	display: block;
	}

#submenu li
	{
	list-style: none;
	padding: 2px 0 2px 4px;
	border-bottom: 1px;
	}

#wishlist
	{
	margin: 13px 0 0px 0;
	background: #fff;
	border-bottom: 1px;
	}

#miniture
	{
	margin: 13px 0 0px 0;
	background: #fff;
	height: 84px;
	}


.button {
width:98%; 
margin: 15px 0 0 1px ;
padding: 3px 0;
border: 1px solid #516171;
background-color: #FDFDFD;
font-size: 9px;
float: left;
color: #516171;
font-weight: bold;
text-align: center;
vertical-align:bottom;
}

.imgbutton {
width:60%; 
margin: 15px 0 0 1px ;
padding: 3px 0;
border: 0;
background-color: #fff;
float: left;
vertical-align:bottom;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/pro_dropline_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pro_linedrop {
height:30px;
width:100%;
background:url(lrimages/blue_0.gif);
position:absolute;
margin:-15px; top:65px; right:18px;
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(lrimages/blue_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:30px; 
float:left; 
background: url(lrimages/blue_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:30px; 
white-space:nowrap; 
color:#fc0;
}


#pro_linedrop .select li.lrt a {color:#fc0;}


#pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(lrimages/blue_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(lrimages/blue_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(lrimages/blue_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(lrimages/blue_1.gif) right top; 
cursor:pointer;
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:30px; 
left:5px; 
text-align:center;
background:#fff url(lrimages/fade.gif);
border-bottom:1px solid #aaa;
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#fff url(lrimages/fade.gif); padding:0 26px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

#pro_linedrop .select :hover .sub li.subline a {color:#c00;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}

/* for side menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_left.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#fff #fff #fff #fff; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}

#nav li li {background:#D4D9f0;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color: #200087; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#ff9900;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#ff9900;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#200087;}



/* for inner pages */

#ecommerce {
width: 90%;
border:0;
margin: 0;
}

#tinyminicart
	{
	border:0;
	margin: 0;
	 display:block;
	 background:#fff;
	}

TD.tinymincart {
	border:0;
	margin: 0;
	 background:#fff;
	color:#200087;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}


P.tinymincart {
	border:0;
	margin: 0;
	 background:#fff;
	font-size: 10px;
	font-family : Verdana;
}

#minicart
	{
	border:0;
	margin: 0;
	 display:block;
	 background:#fff;
	}

TD.mincart {
	border:0;
	margin: 0;
	background:#fff url(lrimages/fade.gif);
	color:#200087;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}


P.mincart {
	border:0;
	margin: 0;
	 background:#fff;
	font-size: 10px;
	font-family : Verdana;
}

P.catname {
text-align: center;
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

P.catdesc {
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

IMG.catimage {
border:1px;
border: 0px;
border-color: #000;
border-style: solid;
vertical-align:top;
}

TD.catimage {
vertical-align:top;
}

TD.catname {
vertical-align:top;
text-align: center;
}

TD.catnavigation {
vertical-align:middle;
text-align: left;
}

TABLE.cobtbl{
width:90%;
background-color: #fff;
font-size: 13px;
}

TD.cobhl{
width:30%;
background:#fff url(lrimages/fade.gif);
font-size: 13px;
}

TD.cobll{
width:100%;
background-color: #fff;
font-size: 13px;
color : #666666;
}

.contentsRight {
width: 530px;
padding: 0pt 0pt 0pt 32px;
}

SELECT.prodoption {
font-size: 11px;
font-family : Verdana;
color : #200087;
}

SPAN.prodoption {
font-size: 11px;
font-family : Verdana;
color : #200087;
}

OPTION.oostock {
color : #A0A0A0;
}

div.proddescription{
font-size: 11px;
font-family : Verdana;
color : #914400;
}

SPAN.detailoption {
font-size: 11px;
font-family : Verdana;
color : #200087;
}

td.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0;
}

P.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #A0A0A0;
}

div.prodname  {
text-align:center;
font-size:11px;
font-weight:bold;
font-family : Verdana;
color : #200087;
}

P.pagenums {
font-size: 10px;
font-family : Verdana;
}

SPAN.currpage {
color: #200087;
font-weight: bold;
}

.strong
	{
	font-weight:bold;
	font-size:18pt;
	}



span.price, .detailprice, .prodprice {
color: #44BA04;
padding-top: 0px;
font-weight:bold;
text-align: center;
font-size:12px;
}

td.detailimage {
vertical-align : top;
}

div.detailname {
text-align:center;
font-size:15px;
font-weight:bold;
font-family : Verdana;
color : #914400;
}

div.detaildescription{
text-align:justify;
font-size:13px;
font-family : Verdana;

}

div.detailmanufacturer {
color: #200087;
}

span.cartwishlists {
	background:#fff url(lrimages/fade.gif);
	font-size:13px;
}

span.cartloginname {
	background:#fff url(lrimages/fade.gif);
	font-size:13px;
}

img.cartimage {
width: 64px;
border:1px;
}

.terminology {
	background:#fff;
	font-size:13px;
	color: #200087;
}

/*cross selling */

td.csproduct {
border: 0px;
background-color: #FFF;
text-align: left;
}

.csprodmanufacturer {
display: none;
padding: 0px;
}

.cstitle {
/*padding: 0px 20px 10px 10px;*/
font-size: 14px;
font-weight: bold;
text-align: center;
color: #914400;
border-top:1px solid #000;
}

.csprodname {
font-size: 10px;
color: #914400;
font-family : Verdana;
display: inline;
}

.csprodimage {
font-size: 10px;
font-family : Verdana;
display: inline;
width: 60px;
height: 60px;
/*padding: 0px;*/
}

/* layout dynamic menu side Accordian */

ul.ectmenu1 {
list-style: none;
border:0px solid;
line-height:10px;
width:99%;
font-size:10px;
padding:0px;
background-color: #B4B4B4;
white-space:nowrap;

}
li.ectmenu1 {
border: 0px dotted #005A96;
padding:0px;
line-height:10px;
background-color:#fff;
}
li.ectmenuhassub1 a{
display:block;
line-height:10px;
width:100%; 
padding:4px;
background-image:url(images/arrow2.gif);
}
li.ectmenuhassub1 a:hover{
display:block;
line-height:10px;
width:100%;
padding:4px;
background-image:url(images/arrow2ov.gif);
background-color: #005A96;
color: #fff;
}
li.ectmenu1 a{
display:block;
padding:4px;
line-height:10px;
width:100%; 
}
li.ectmenu1 a:hover{
background-color: #005A96;
line-height:10px;
width:100%;
color: #fff;
}
li.ectsubmenu1{
background-color: #efefef;
line-height:10px;
width:100%;
border-bottom:0px;
}

/***************************
******receipt headers and footers**********/

.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #F89961;}
.receipthl{background-color:#9FB5FF;}
.receiptheading{background-color:#F89961;color: #FFFFFF;font-weight:bold; } 

/****** layout help pages ***********/


#helpleftside
	 {
	display:inline-block;
	height:80%;
 	width:30%;
	text-align:left;
 	vertical-align:middle;
	float:left;

	}


#helpmiddle
	 {
	height:80%;
 	width:30%;
	text-align:left;
	display:inline-block;
 	vertical-align:middle;
	background:#fff;
	display:table-cell;
	}


.frame6 {right:20px; top:50px;}



#helprightside
	 {
	width:30%;
	text-align:left;
	display:inline-block;
 	vertical-align:middle;
	padding: 0px 12px 0px 6px;
	float:right;
	
	}

#helpleftside h3, #helpmiddle h3, #helprightside h3
	{
	text-align:left;
	}


#lexicon p{
padding:5px;
text-align:left;
}

#lexicon h2{
text-align:left;
color: #914400;
}

#lexicon h3{
text-align:left;
color: #914400;
}

#lexicon h5{
text-align:left;
}

#lexicon a{
padding:0;
text-decoration: none;
}

#lexicon li{
margin: 0;
padding: 0;
border:0 none;
list-style: none;
}
	
.fl { float: left; }
.fr { float: right; }
.spw { width:28em; }

/* layout email receipt */

.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #9EBE25;}
.receipthl{background:#fff url(lrimages/fade.gif);}
.receiptheading{background-color:#914400;color: #fff;font-weight:bold; }

#info ul {
  margin:4em auto; 
  padding:0; 
  position:relative; 
  width:300px; 
  height:169px; 
  background:#fff url(../img/cabinet.gif); 
  z-index:1; 
  }
#info li {
  list-style-type:none; 
  width:100px; 
  height:18px;
  }
#info a {
  display:block; 
  width:100px; 
  height:0; 
  color:#000; 
  text-decoration:none; 
  padding-top:18px; 
  background:transparent; 
  overflow:hidden; 
  z-index:20;
  }
* html #info a {
  height:18px; 
  he\ight:0;
  }
#info a span {
  padding:5px; 
  display:block;
  }
#info a span:first-line {
  font-size:1.5em; 
  font-weight:bold;
  }
#info a#menuone {
  position:absolute; 
  left:0; 
  top:0; 
  background:url(../img/tab1.gif) no-repeat 0 20px;
  }
#info a#menutwo {
  position:absolute; 
  left:100px; 
  top:0; 
  background:url(../img/tab2.gif) no-repeat 0 20px;
  }
#info a#menuthree {
  position:absolute; 
  left:200px; 
  top:0; 
  background:url(../img/tab3.gif) no-repeat 0 20px;
  }
#info a#menuone:hover,
#info a#menutwo:hover,
#info a#menuthree:hover {
  background-position:0 0;
  top:-131px; 
  left:0; 
  height:131px; 
  width:300px; 
  z-index:10;
  }
* html #info a#menuone:hover,
* html #info a#menutwo:hover,
* html #info a#menuthree:hover {
  height:149px; he\ight:131px;
  }
#info img {
  float:right; 
  border:0; 
  margin:10px;
  }