/* CSS Document */

a img {
	border:0px;
}

/*

.dropmenu a{outline:none}
.dropmenu table{border-collapse:collapse;border-spacing:0;}
.dropmenu fieldset, .dropmenu img, .dropmenu abbr{border:0;}
.dropmenu address, .dropmenu caption, .dropmenu cite, .dropmenu code, .dropmenu dfn, .dropmenu em, .dropmenu h1, .dropmenu h2, .dropmenu h3, .dropmenu h4, .dropmenu h5, .dropmenu h6, .dropmenu strong, .dropmenu th, .dropmenu var{font-style:normal;font-weight:normal;}
.dropmenu ul {list-style:none;}
.dropmenu h1, .dropmenu h2, .dropmenu h3, .dropmenu h4, .dropmenu h5, .dropmenu h6{font-size:1.0em;}
.dropmenu q:before, .dropmenu q:after{content:'';}
.dropmenu a, .dropmenu ins{text-decoration:none;}
.dropmenu img		{border: none;}
.dropmenu a		{color:#006699;text-decoration:none;}
.dropmenu a:hover	{color:#333;border-bottom: solid 1px #333;text-decoration:none;}
.dropmenu h2	 	{letter-spacing:-1px;font-family:helvetica,arial,verdana;margin:0 0 .5em;color:#000; border-bottom:1px solid #ccc;font-weight:bold;}
.dropmenu h2		{font-size:140%;color:#666;}
.dropmenu .clear	{clear:both} */

#page .dropmenu ul li { background-image:none; }

/* ================================================================ 
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.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.dropmenu_container {
text-align:center; background:#eee url(../images/dropmenu.gif); border:1px solid #909; border-width:5px 1px 1px 1px; height:29px;
margin:5px 0 20px 0; /* for this demo only */
}
.dropmenu {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; height:30px; margin:0 auto; outline:none;
}
.dropmenu ul {
padding:0; margin:0; list-style-type: none;
}
.dropmenu ul li {
float:left; position:relative; list-style:none; margin:0 0 0 0px !important; padding:0px !important;
}

.dropmenu ul li hr {
	padding:1px 0 0 0; margin:1px 12px; height:1px; width:140px; background-color:#00FF66; border:1px solid #c9c9c9; text-align:center;
}

.dropmenu ul li a, .dropmenu ul li a:visited {
display:block; text-decoration:none; width:auto; height:30px; color:#000; padding:0 10px; line-height:29px;
}
* html .dropmenu ul li a, .dropmenu ul li a:visited {
/*width:130px; w\idth:100px;*/
}

.dropmenu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.dropmenu ul li:hover a,
.dropmenu ul li a:hover {
color:#c00; text-decoration:none; border:0;
}
.dropmenu ul li:hover ul,
.dropmenu ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:29px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.dropmenu ul li:hover ul li a,
.dropmenu ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 10px; width:170px; w\idth:125px;
}
.dropmenu ul li:hover ul li a.drop,
.dropmenu ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 10px; width:170px; w\idth:125px;
}
.dropmenu ul li:hover ul li ul,
.dropmenu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; list-style-image: none;
}
.dropmenu ul li:hover ul li a:hover,
.dropmenu ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.dropmenu ul li:hover ul li:hover ul,
.dropmenu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:130px; height:auto; border:1px solid #909;
}
.dropmenu ul li:hover ul li:hover ul.left,
.dropmenu ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.dropmenu ul li:hover ul li:hover ul li a,
.dropmenu ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 10px; width:170px; w\idth:140px;
}
* html .dropmenu ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 10px;}

.dropmenu ul li:hover ul li:hover ul li:hover a,
.dropmenu ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}






/************************************************************************/

/* commom style for all browsers */
.dropmenu_nav_main_container {
text-align:center; background:#000; border:1px solid #909; border-width:5px 1px 1px 1px; height:49px;
margin:5px 0 20px 0; /* for this demo only */
}
.dropmenu_nav_main {
position:relative; background:transparent; height:50px; margin:0 auto; outline:none;
}
.dropmenu_nav_main ul {
padding:0; margin:0; list-style-type: none;
}
.dropmenu_nav_main ul li {
float:left; position:relative; list-style:none;
}

.dropmenu_nav_main ul li hr {
	padding:1px 0 0 0; margin:1px; height:1px; width:140px; background-color:#00FF66; border:1px solid #c9c9c9;
}

.dropmenu_nav_main ul li a, .dropmenu_nav_main ul li a:visited {
display:block; text-decoration:none; width:100px; height:50px; color:#000; padding-left:10px; line-height:20px;
}
* html .dropmenu_nav_main ul li a, .dropmenu_nav_main ul li a:visited {
width:130px; w\idth:100px;
}

.dropmenu_nav_main ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.dropmenu_nav_main ul li:hover a,
.dropmenu_nav_main ul li a:hover {
text-decoration:none; border:0;
}
.dropmenu_nav_main ul li:hover ul,
.dropmenu_nav_main ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:50px; left:-1px; background:#000; border:1px solid #909; overflow:visible; font-size:smaller;
}
.dropmenu_nav_main ul li:hover ul li a,
.dropmenu_nav_main ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; height:auto; line-height:2.5em; padding:5px 10px 5px 10px; width:170px; w\idth:125px;
}
.dropmenu_nav_main ul li:hover ul li a.drop,
.dropmenu_nav_main ul li a:hover ul li a.drop {
display:block; height:auto; line-height:1.5em; padding:5px 10px 5px 10px; width:150px; w\idth:125px;
}
.dropmenu_nav_main ul li:hover ul li ul,
.dropmenu_nav_main ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; list-style-image: none;
}
.dropmenu_nav_main ul li:hover ul li a:hover,
.dropmenu_nav_main ul li a:hover ul li a:hover {
text-decoration:underline;
}
.dropmenu_nav_main ul li:hover ul li:hover ul,
.dropmenu_nav_main ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; left:166px; height:auto; border:1px solid #909;
}
.dropmenu_nav_main ul li:hover ul li:hover ul.left,
.dropmenu_nav_main ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.dropmenu_nav_main ul li:hover ul li:hover ul li a,
.dropmenu_nav_main ul li a:hover ul li a:hover ul li a {
display:block; height:auto; line-height:1.2em; padding:5px 0px 4px 0px; width:160px; w\idth:140px;
}
* html .dropmenu_nav_main ul li a:hover ul li a:hover ul li a {padding:4px 0px 4px 0px;}

.dropmenu_nav_main ul li:hover ul li:hover ul li:hover a,
.dropmenu_nav_main ul li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}











/* This is the part for the CSS menu - these settings are for a horizontal menu */
.dmenu {                         /* menu list container */
	list-style-type: none;      /* disable the display of the list item bullets */
	margin: 0px;                /* space around the list container */
	padding: 0px;               /* space within the list container */
	position: static;           /* need this so that the z-index stuff works correctly */
	background:transparent;     /* the default background color within the main menu container */
	color: #000;                /* the default font color (not links) within the main menu container */
	z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
	/* Browser plug-ins like Flash or Quicktime may not allow this menu to overlap! */
}
.dmenu li {                      /* top-level menu element */
	list-style-type: none;      /* disable the display of the list item bullets */
	/*float: left;*/                /* this is to allow for the horizontal main menu */
	/*border: black solid 1px;    /* border for each of the main menu items */
/*           background: #ff0000;
filter:alpha(opacity=80);   /* Internet Explorer       * /
-moz-opacity:0.8;           /* Mozilla 1.6 and below   * /
opacity: 0.8;               /* newer Mozilla and CSS-3 */     /* main menu item background color */
	color: #000;                /* main menu item font color (not links) */
	margin: 0px;                /* spacing between main menu items */
	padding: 0px;               /* padding within main menu items */
   /* width: 100%;               /* the width of each main menu item */
	display: block;
}

.dmenu li h2 {
	padding-top:10px;
}

.dmenu ul {                     /* third-level (or greater) menu element list elements */
/*        position: absolute;         /* this is so that it doesn't push that page content around on hover */
	margin: 0px;                /* space around the list container */
	padding: 0px;               /* space within the list container */
	list-style-type: none;      /* disable the display of the list item bullets */
/*        display: none;			/* so it pops out - stupid! :P */
/*        width: 120px;               /* should be the same as .dmenu li width */
/*           background: #e6e6e6;
/*   filter:alpha(opacity=80);   /* Internet Explorer       */
/*   -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
/*   opacity: 0.8;               /* newer Mozilla and CSS-3 */     /* sub-menu default background color */
/*        border: #000 solid 1px;     /* the border around the sub-menu list */
	color: #000;                /* sub-menu default font color (not links) */
/*        z-index: 99;                /* want to be sure this is above the rest of the menu */
/*		margin-left:119px;
/*		margin-top:-1em;*/
}

.dmenu ul li {                   /* second-level or greater menu element links */
	  /* background: #e6e6e6;
filter:alpha(opacity=80);   /* Internet Explorer       * /
-moz-opacity:0.8;           /* Mozilla 1.6 and below   * /
opacity: 0.8;               /* newer Mozilla and CSS-3 */     /* default background color for sub-menu container */
	color: #000;                /* default font color (not links) for sub-menu container */
	border: none;               /* sub-menu item border settings */
	margin: 0px;                /* spacing between sub-menu containers */
	/*padding: 3px;               /* This is for padding between menu items in the drop-downs */
	/*width: 114px;               /* (padding*2) must be subtracted from .dmenu li width and set for this one, or borders won't display properly. */
	display: block;
}

.dmenu li a {                    /* top-level menu element links */
	text-align: left;         /* text alignment in main menu item links */
	/*width: 120px;               /* set this to .dmenu ul width */
/*	width:auto !important;
	width:170px;*/
	display: block;
}

.dmenu ul a {                   /* all the other level menu link elements */
	/*padding: 3px;
	margin: 0px;
	width: 108px;               /* (padding*2) must be subtracted from .dmenu ul li width and set for this one, or borders won't display properly. */
	display: block;
}

.dmenu a:hover,                 /* top-level hovering properties */
.dmenu li:hover{
	display: block;
	/*background-color: #e6e6e6;
	color: yellow;*/
}


.dmenu ul li:hover,             /* higher level hovering properties */
.dmenu ul li a:hover{
	display: block;
	/*width: 100%;               /* should be set to the same value as .dmenu ul li width */
	/*background-color: #e6e6e6;
	color: red;*/
}

.dmenu ul ul{                   /* higher-level list containers */
	display: none;              /* don't display by default */
	position: absolute;
	margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
	border: #a0a0a0 solid 1px;
	width: 200px;
}
.dmenuleft ul ul {
	margin-left: 145px;         /* this should be the width of .dmenu ul li */
}
.dmenuright ul ul {
	margin-left: -190px;         /* this should be the width of .dmenu ul li */
}

/* only non-MSIE browsers use this */
.dmenu ul li>ul,
.dmenu ul ul li>ul{
	margin-top: -2em;           /* should be set to the same as .dmenu ul ul margin-top */
}

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
.dmenu li:hover ul ul,              
.dmenu li:hover ul ul ul,
.dmenu li:hover ul ul ul ul,
.dmenu li:hover ul ul ul ul ul{
	display:none;
}

.dmenu li:hover ul,
.dmenu ul li:hover ul,
.dmenu ul ul li:hover ul,
.dmenu ul ul ul li:hover ul,
.dmenu ul ul ul ul li:hover ul{
	display:block;
}

li>ul {
	top: auto;
	left: auto;
}


















/********** BOF: PAGE STYLING MINI BOXES ************/


.mini_boxA {
	font-size: 0.9em;
	border: 1px dashed #efefef;
	background: #fff;
	padding: 5px;
	margin: 5px;
	width: 28%;
	float: left;
	height: 125px;
}
.mini_boxA img.mini_box_header {
	max-height: 30px;
	max-width: 100px;
	border: 0px;
	float: right;
}
.mini_boxA h4 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
}

.mini_boxA p {
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.mini_boxB {
	font-size: 0.9em;
	border: 1px dashed #a0a0a0;
	background: #efefef;
	padding: 5px;
	margin: 5px;
	width: 44%;
	float: left;
	height: 180px;
}
.mini_boxB img.mini_box_header {
	max-height: 30px;
	max-width: 100px;
	border: 0px;
	float: right;
}
.mini_boxB h4 {
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -1px;
}

.mini_boxB p {
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}



.mini_boxC {
	font-size: 0.9em;
	border: 1px dashed #c9c9c9;
	background: #fff;
	padding: 5px;
	margin: 5px;
}
.mini_boxC img.mini_box_header {
	max-width: 180px;
	border: 0px;
	/*float: right;*/
}
.mini_boxC h4 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
}

.mini_boxC p {
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}



/********** EOF: PAGE STYLING MINI BOXES ************/




/********** BOF: STYLIZED FORMS **********/
.stylized {
	padding: 20px 0 70px 0;
	border:solid 2px #aacfc4;
	background:#ffffff;
	color:#993636;
}
.stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
.stylized h3 {
	color:#336c6c;
}
.stylized p {
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
}
.stylized label {
	display:block;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11.5px;
	text-align:right;
	letter-spacing:0px;
	width:140px;
	float:left;
	clear:left;
}
.stylized label.item_label {
	clear:none;
	width:auto;
	line-height:6px;
}
.stylized .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
.stylized input, .stylized select {
	float:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding:1px 2px;
	border:solid 1px #aacfc4;
	width:200px;
	margin:2px 0 5px 8px;
}

.stylized textarea {
	float:left;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11.5px;
	padding:1px 2px;
	border:solid 1px #aacfc4;
	width:200px;
	margin:2px 0 5px 8px;
}

.stylized button {
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.stylized img {
	float: left;
	margin:2px 0 0px 10px;
}

.stylized input.selectable {
	float:left;
	width:18px;
	display:block;
	padding:0px;
	margin:0 0 0 5px;
	text-align:left;
	background-color:#f00;
}
.stylized label.selectable {
	float:left;
	width:auto;
	display:block;
	padding:0px;
	margin:0 15px 0 0;
	text-align:left;
}

.stylized fieldset {
	border: 0px;
	margin: 20px 0 0 0;
}

.stylized legend {
	padding-left:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:brown;
}


.stylized .required {
	color: #ff0000;
}

.stylized .submit {
	clear:both;
	margin-left:150px;
	height:31px;
	text-align:center;
	line-height:31px;
	font-size:11px;
	font-weight:bold;
}

.stylized hr {
	width:80%;
	margin:2px auto;
	height:2px;
	padding:1px 0px 0px 0px;
	background-color:#aacfc4;
	border:0px;
}

/********** EOF: STYLIZED FORMS **********/





/********** BOF: Translucent Division Setup **********/
#menu_translucent {
	background-image: url(../templates/default/images/vertical-grad.jpg);
	filter:alpha(opacity=50);   /* Internet Explorer       */
	-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	opacity: 0.5;               /* newer Mozilla and CSS-3 */     /* default background color for sub-menu container */
	width: 100%;
	height:23px;
	position:absolute;
	z-index:900;
}

#header_translucent {
	background-image: url(../templates/default/images/vertical-grad_200px.jpg);
	filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	opacity: 0.5;               /* newer Mozilla and CSS-3 */     /* default background color for sub-menu container */
	width: 100%;
	/*position:absolute;*/
	height:100%;
	z-index:900;
}

.translucent {
	background-image: url(../templates/default/images/vertical-grad_200px.jpg);
	filter:alpha(opacity=50);   /* Internet Explorer       */
	-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	opacity: 0.5;               /* newer Mozilla and CSS-3 */     /* default background color for sub-menu container */
	width: 100%;
	height:100%;
	z-index:900;
}
/********** EOF: Translucent Division Setup **********/






/********** BOF: Common Styles ************/
.italic {
	font-style:italic;
}

.center {
	text-align:center;
}
.right {
	text-align:right;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.odd {
	background-color:#F7F6EF !important;
}
.even {
	background-color:#FFFFFF !important;
}

.odd_over {
	background-color:#e7e7e6 !important;
}
.even_over {
	background-color:#e9e9ee !important;
}

ul.small-bullets li {
	list-style-image:url(/templates/default/images/small-bullet.gif) !important;
	list-style-position:inside !important;
	list-style-type:disc !important;
	padding:0px !important;
	margin:0 0 0 2px !important;
	line-height:10px !important;
}


div#side-login {
	border:2px solid #dbdbdb;
	background-color:#fff;
	margin: 0 0 10px 0;
	padding:2px;
	font-size:10px;
}
div#side-login div#title {
/*	background-color:#ffa350;
	color: #6d5048;
	padding-left: 4px;
	line-height:22px;
	margin: -2px 0 2px -2px;
	font-weight:bold;
	font-size:small;*/

	background-color:#efefef;
	color: #6d5048;
	padding-left: 4px;
	line-height:22px;
	font-weight:bold;
	font-size:12px;
}
div#side-login label {
	width:65px;
	display:block;
	float:left;
	clear:left;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
}
div#side-login input.text {
	font-size:9px;
}
div#side-login input.button {
	font-size:10px;
	width:100%;
}
div#side-login a {
	font-size:10px;
}

div#side-basket {
	border:2px solid #dbdbdb;
	background-color:#fff;
}

div#side-basket div.h2 {
/*	background-color:#999933;
	padding:2px;
	font-size: 120%;
	font-weight: bold;*/

	background-color:#efefef;
	color: #6d5048;
	padding-left: 4px;
	line-height:22px;
	font-weight:bold;
	font-size: 120%;
}
div#side-basket div.h2 a {
	color:#555555;
	/*font-size:18px;*/
}
div#side-basket div.h2 a:hover {
	color:#000000;
}


div#side-basket div#side-basket-contents {
	padding: 0 5px;
	text-indent: -30px;
	padding-left: 35px;
	/*margin-top: -10px !important;*/
	text-align:left;
}
div#side-basket div#side-basket-contents li {
	padding: 0px;
	margin: 0px;
}

div#side-basket div#basket-total {
	font-size: 11px;
	font-stretch: condensed;
	text-align:center;
	font-weight:600;
	color: #999999;
	margin-top: 12px;
}