@charset "utf-8";
/* CSS Document */

/*****01:Reset ----------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0; border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
textarea {line-height:1.25;} 
label {cursor:pointer;}
form {margin:0;padding:0;display:inline;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}






/*****02:Default Styles -------------------------------------------------------------------------------*/

html, body {
border:0;
margin:0;
padding:0;

}
 
 
body {
	font:76%/1.5 Arial, Helvetica, sans-serif;	
	color: #000;
	background-color: #cccccd;
}

a, a:link { color: #4d2f84;text-decoration: none; }
a:hover, a:active { color: #4d2f84; text-decoration: none; }

h1 { line-height: 1.1em; }
h2 { font:1.2em Verdana, Arial, Helvetica, sans-serif;	  }

h2, h3, h4, h5, h6 { font-weight: bold;  margin-bottom: 1.1em; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#accessibilty{display:none;}
#dotted_line{background:url(dot.gif) top left repeat-x; height:5px; width:100%; background-color:#006633;}

/*****03:header Styles -------------------------------------------------------------------------------*/

#header_wrap{
	float: left;
	width: 100%;
	height: 104px;
}

#header_content{width:1000px; margin:0 auto; height:104px; background-color:#FFF;}

#logo{width:326px; height:104px; background:url(logo.gif) left top no-repeat; float:left; background-color:#FFF;}
#logo h1{display:none;}
#header_banner{width:612px; height:104px; float:right; background-color:#FFF;}

/* Homepanels */

.panels{width:480px; height:300px; float:left; margin-top:20px;}
.panel_boxes{width:139px; height:133px; float:left; margin:0 27px 20px 0;}
.panel_boxes_last{width:139px; height:133px; float:left; margin:0;}


/*****03:header Styles -------------------------------------------------------------------------------*/
#nav_wrap{	float: left; width: 100%;}
.navcontainer{font: 0.9em Verdana, Helvetica, sans-serif; width: 989px;  background-color:#332350; margin:0 auto; padding-left:11px; }
.navlist ul{margin-left: 0;padding-left: 0;white-space: nowrap; background-color:#332350;}

li.Level0 , li.Level0Selected {display: inline;list-style-type: none;float:left;}

li.Level0 a, li.Level0Selected a { padding: 10px; float:left;}

li.Level0 a:link, li.Level0 a:visited{color: #fff; background-color:#332350; text-decoration: none;}
li.Level0 a:hover{color: #fff;background-color: #7f788d;text-decoration: none;}

li.Level0Selected a:link, li.Level0Selected a:visited{color: #afdeb2;background-color: #332350;text-decoration: none;}
li.Level0Selected a:hover, {color: #332350;background-color: #369;text-decoration: none;}

/*****04:Content layout -------------------------------------------------------------------------------*/

#content_wrap{	float: left; width: 100%;}
.content_container{width:1000px; margin:0 auto; background:url(leftpic.gif) top left repeat-y;}
.left_column{width:181px; float:left; margin:0; padding:0;}
.mid_column {width:519px; background-color:#FFF; float:left; margin:0; padding:37px 34px 40px 34px;}
.right_column {width:202px; background-color:#000; margin:0; float:left; padding:37px 15px 40px 15px; background-color:#FFF;}

/*Top of page links-*/

#toplinks_wrap{	float: left; width: 100%;}
.toplinks_content{width:1000px; margin:0 auto;}

.toplinks{list-style:none; float:right; margin: 2px 0;  }

Level1001{
display: inline;
list-style-type: none;
float:left;
	
}

Level1001 a {
	float: left;
	color: #333;
	text-decoration: none;
	padding: 2px 8px;
	margin: 0px;
	height: 19px;
	font: 0.9em Arial, Helvetica, sans-serif;
	border-right: 1px solid #bbb;
}

Level1001 a.noborder {
	border-right: 0px;
}




/* Secondery Navigation Styles */

#content_submenu{width:181px; margin:0; padding:35px 0 40px 0; font-family:Verdana, Arial, Helvetica, sans-serif;}

.Level1 a {
	color: #332350;
	font-weight: bold;
	display: block;
	font-size:0.9em;
	text-decoration: none;
	padding: 4px 0 4px 20px;
	margin: 0;
	width: 161px;

}
.Level1 a:hover {
	color: #EC1C2A;
}

.Level1Selected a{
	color: #332350;
	display: block;
	font-weight: bold;
	font-size:0.9em;
	text-decoration: none;
	padding: 4px 0 4px 20px;
	margin: 0;
	width: 161px;
	


}

.Level2 a{
	color: #332350;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size:0.9em;
	padding: 4px 0 4px 28px;
	margin: 0;
	background: url(arrow.gif) 20px 50% no-repeat;
	width: 153px;
	f
}
.Level2Selected a{
	color: #332350;
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size:0.9em;
	padding: 4px 0 4px 28px;
	margin: 0;
	background: url(arrow.gif) 20px 50% no-repeat;
	width: 153px;

}

.Level2 a:hover {
	color: #FFF;
}

.Level3 a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 30px;
	text-decoration: none;
	margin: 0px;
	background: url(arrow.gif) 22px 50% no-repeat;
	width: 151px;
	}
.Level3Selected a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 30px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 22px 50% no-repeat;
	width: 151px;
	}

.Level3 a:hover {
	color: #EC1C2A;
}

.Level4 a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 35px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 27px 50% no-repeat;
	width: 146px;
	}
.Level4Selected a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 35px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 27px 50% no-repeat;
	width: 146px;
	}

.Level4 a:hover {
	color: #332350;
}

.Level5 a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 40px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 32px 50% no-repeat;
	width: 141px;
	}
.Level5Selected a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 40px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 32px 50% no-repeat;
	width: 141px;
	}

.Level5 a:hover {
	color: #000;
}

.Level6 a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 45px;
	text-decoration: none;
	background: url(arrow.gif) 37px 50% no-repeat;
	width: 116px;
	margin:0;
}
.Level6Selected a{
	color: #332350;
	display: block;
	padding: 4px 0 4px 45px;
	text-decoration: none;
	margin: 0;
	background: url(arrow.gif) 37px 50% no-repeat;
	width: 116px;
	}

.Level6 a:hover {
	color: #EC1C2A;
}


/* Right Column Styles */

.nobullet{list-style:none; margin:0; padding:0; width: 160px; font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; color: #999999; margin-top:40px;}
.nobullet li{margin-bottom:10px;}
.nobullet li.black{color:#000;}



/* Footer */

.footer{width:780px; float:left; padding: 20px 0 20px 220px; }
.dottedline{width:740px; background:url(dot.gif) top left repeat-x; height:3px; float:left; margin-bottom:20px;}
.footer_pic{ width:697px; height:95px; background:url(footer_pic.jpg) top left no-repeat; margin-left:0; margin-right:0; margin-top:10px;}

/* Shop Panel */

.shop_panel {border:solid 2px #543689; width:200px; padding:3px;}

.shop_cart_details
{
	color: #000000;
	text-decoration: none;
	padding: 5px;
	height:59px;
	margin: 0px;
	height: 19px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;

}
.qty_field 
{
	width: 30px;
	background-image: url(form_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 3px;
	border: 1px solid #666666;
	height: 15px;
}
.dividerProductlist
{
	background: url(dot.gif) bottom left repeat-x; padding-bottom: 3px; margin-bottom: 3px; height:1px; clear:both;
}
.back_dots
{
	background: url(dot.gif) bottom left repeat-x; padding-bottom: 3px; margin:40px 0 3px 0; height:1px; clear:both;
}