/* 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 his 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:#ffffff;
 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 */
}

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



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

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

#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:2px;
text-align:center;
}

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

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

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

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



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

.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:#FF1A00;
 margin-left:5px;
 font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
 font-weight:bold;
}

h2 {
margin-left:5px;
}

h3 {
margin-left:5px;
}

/* Links */




.cardlogo {
width:98%; 
margin: 15px 0 0 1px ;
padding: 3px 0;
border: 0;
font-size: 9px;
float: left;
vertical-align:bottom;
}

.paypal {
width:98%; 
margin: 15px 0 0 1px ;
padding: 3px 0;
border: 0;
font-size: 9px;
float: left;
vertical-align:bottom;
}

#delivery
	{
	width:98%;
	vertical-align:middle;
	font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
	font-weight:normal;
	color:#200087;
	font-size:10pt;
	float: left;
	margin:0;
	padding:0px 0px 0 0px;
	display:block;
	text-align:center;
	list-style: none;
	}

#frontspecial
	{
	width:98%;
	vertical-align:middle;
	font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
	font-weight:normal;
	color:#200087;
	font-size:10pt;
	float: left;
	margin:0;
	border: 0;
	padding:4px 0px 0 0px;
	display:block;
	text-align:left;
	list-style: none;
	}

#prodsearchleft
	{
	width:98%;
	vertical-align:middle;
	font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
	font-weight:normal;
	color:#200087;
	font-size:10pt;
	float: left;
	margin:0;
	padding:4px 5px 0 5px;
	display:block;
	text-align:left;
	list-style: none;
	}

.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: #ffffff;
float: left;
vertical-align:bottom;
}

#containerleftside
	 {
	display:inline-block;
	height:80%;
 	width:20%;
	text-align:center;
 	vertical-align:middle;
	float:left;

	}


#containermiddle
	 {
	height:80%;
 	width:50%;
	text-align:center;
	display:inline-block;
 	vertical-align:middle;
	background:#fff;
	display:table-cell;
	}

#containermiddle p
	 {
	font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;
	font-weight:normal;
	color:#200087;
	font-size:12pt;
	}

#containermiddle h2
	 {
	font-weight:bold;
	color:#200087;
	font-size:25pt;
	}

#containermiddle h4
	 {
	font-weight:bold;
	font-size:40pt;
	font-family:"times new roman", serif;
	}


#containerrightside
	 {
	text-align:center;
	display:inline-block;
 	vertical-align:middle;
	float:right;
	}

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

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

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:#ffffff;
	}

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


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

#wishlist
	{
	margin: 13px 0 0px 0;
	background: #ffffff;
	}

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

td.csproduct {
border: 0;
background-color: #FFF;
height: 115px;
width: 120px;
text-align: center;
}


/* layout dynamic menu side Accordian */

ul.ectmenu1 {
list-style: none;
border:0px solid;
line-height:10px;
width:95%;
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:95%; 
padding:4px;
background-image:url(images/arrow2.gif);
}
li.ectmenuhassub1 a:hover{
display:block;
line-height:10px;
width:95%;
padding:4px;
background-image:url(images/arrow2ov.gif);
background-color: #005A96;
color: #fff;
}
li.ectmenu1 a{
display:block;
padding:4px;
line-height:10px;
width:95%; 
}
li.ectmenu1 a:hover{
background-color: #005A96;
line-height:10px;
width:95%;
color: #fff;
}
li.ectsubmenu1{
background-color: #efefef;
line-height:10px;
width:95%;
border-bottom:0px;
}

/* ================================================================ 
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:15px; 
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 16px; 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:#ffffff #ffffff #ffffff #ffffff; border-width:1px 2px 2px 1px; background:#ffffff; 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;}