/* CSS Reset Browser Default Code */

body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote,th,td,hr { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	list-style:none;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
a {	/* get rid of link outlines in firefox */
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
a:focus {
	outline: none;
}

/* End CSS Reset Browser Default Code */

/* Start CSS Layout Code */

html, body {
	margin: 0 0 1px 0;
	padding: 0;
	height: 100%;
}

div#container {
	position: relative;
	min-height: 100%;
	background: #d8effc url("/images/bg-main.gif") bottom left repeat-x;
}

img#cloud-left {
	position: absolute;
	top: 78px;
	left: 0;
}

img#cloud-right {
	position: absolute;
	top: 204px;
	right: 0;
}

div#body {
	position: relative;
	height: 100%;
	width: 972px;
	margin: 0 auto;
	padding-bottom: 198px;
}

img#swirl-blue {
	position: absolute;
	top: 0;
	right: -95px;
}

img#bee-yellow {
	position: absolute;
	top: 227px;
	right: -110px;
	z-index: 4;
}

div#sign-post {
	position: absolute;
	top: 0;
	left: 0;
    height: 100%;
	width: 29px;
	margin: 15px 0 0 0;
	z-index: 19;
	background: #FFFFFF url("/images/bg-sign-post.gif") top left repeat-y;
}

div#head-container {
	position: relative;
	display: block;
	height: 134px;
	width: 972px;
	z-index: 20; /* IE6 & IE7 Hack */
}

div#logo {
	position: absolute;
	top: 9px;
	left: -27px;
	display: block;
    height: 125px;
	width: 339px;
}

img#bee-green {
	position: absolute;
	top: 28px;
	left: 312px;
	z-index: 4;
}

img#cloud-top {
	position: absolute;
	top: 0;
	left: 410px;
	z-index: 3;
}

img#bee-blue {
	position: absolute;
	top: 53px;
	left: 453px;
	z-index: 4;
}

div#top-menu {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
    height: 40px;
	width: 426px;
	z-index: 900;
}

div#hiddenform {
	position: absolute;
	top: 55px;
	right: 0;
	overflow: hidden;
    height: 20px;
	width: 400px;
	z-index: 5;
}

div#search {
	position: absolute;
	top: 90px;
	right: 0;
	display: block;
	overflow: hidden;
    height: 28px;
	width: 171px;
	z-index: 5;
}

div#content-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div#left {
	float: left;
	clear: right;
	width: 215px; /* 258px */
	margin: 0 0 0 43px;
	overflow: hidden;
}

div#left-top {
	float: right;
	width: 198px;
	height: 72px;
	margin: 0 17px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/left-top.gif") 0 0 no-repeat;
}

div#chains {
	float: right;
	width: 198px;
	height: 12px;
	margin: 0 17px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/bg-chains.png") 0 0 no-repeat;
}

div#side-menu {
	float: right;
	width: 198px;
	height: 100%;
	margin: 0 17px 0 0;
}

div#side-top {
	display: block;
	width: 198px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/bg-side-top.png") 0 0 no-repeat;
}

div#side-middle {
	display: block;
	width: 152px; /* 198px */
	height: 100%;
	padding: 6px 23px;
	background: url("/images/bg-side-middle.gif") 0 0 repeat-y;
}

div#side-bottom {
	display: block;
	width: 198px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/bg-side-bottom.png") 0 0 no-repeat;
}

div#brand-select {
	float: right;
	width: 198px;
	height: 100%;
	margin: 0 17px 0 0;
}

div#brand-top {
	display: block;
	width: 198px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/bg-side-top.png") 0 0 no-repeat;
}

div#brand-middle {
	display: block;
	width: 152px; /* 198px */
	height: 42px; /* 54px */
    overflow: hidden;
	padding: 6px 23px;
	background: url("/images/bg-side-middle.gif") 0 0 repeat-y;
}

div#brand-bottom {
	display: block;
	width: 198px;
	height: 14px;
	overflow: hidden;
    margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url("/images/bg-side-bottom.png") 0 0 no-repeat;
}

div#copy {
	float: left;
	width: 714px;
	height: 100%;
}

div#copy-top {
	display: block;
	width: 714px;
    height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	background: #FFFFFF url("/images/bg-copy-top.gif") 0 0 no-repeat;
}

div#copy-middle {
	display: block;
	overflow: hidden;
	height: auto;
	width: 682px; /* 714px */
	padding: 4px 16px;
	background: #FFFFFF url("/images/bg-copy-middle.gif") 0 0 repeat-y;
}

div#copy-middle div#left-pannel {
	float: left;
	clear: right;
	display: inline; /* IE6 HACK */
	width: 514px;
	min-height: 659px; /* 598px */
	height: auto !important;
    height: 659px;  /* 598px */ /* IE6 Hack */
	margin: 0 15px 0 0;
}

div#copy-middle div#blog-pannel {
	float: left;
	width: 682px;
	min-height: 659px;  /* 598px */
	height: auto !important;
    height: 659px;  /* 598px */ /* IE6 Hack */
}

div#copy-middle div#right-pannel {
	float: left;
	display: inline; /* IE6 HACK */
	width: 153px;

}

div#copy-bottom {
	display: block;
	width: 714px;
    height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/images/bg-copy-bottom.png") 0 0 no-repeat;
}

div#footer {
	float: right;
	width: 714px;
	height: 50px;
}

div#bottom {
	position: absolute;
	bottom: 0;
    height: 198px;
	width: 100%;
	background: #d8effc url("/images/bg-bottom.gif") bottom left repeat-x;
	z-index: 1;
}

/* End CSS Layout Code */

/* Start Menu Nav */

div#cat_348152_divs {
	border: none;
}

#nav_348152, #nav_348152 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 29;
}

#nav_348152 a {
	display: block;
	/* width: 10em*/
}

#nav_348152 li { /* all list */
	float: left;
	margin: 0;
	/* width: 10em; /* width needed or else Opera goes*/
}

#nav_348152 li#top-about a {
	width: 141px;
	height: 43px;
	background: url("/images/bg-li-top-about.png") 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	cursor: default;
}

#nav_348152 li#top-customer a {
	width: 143px;
	height: 43px;
	background: url("/images/bg-li-top-customer.png") 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	text-indent: -5px;
	cursor: default;
}

#nav_348152 li#top-wholesale a {
	width: 142px;
	height: 43px;
	background: url("/images/bg-li-top-wholesale.png") 0 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 37px;
	text-decoration: none;
	text-indent: -10px;
}

#nav_348152 li#top-about a:hover, #nav_348152 li#top-customer a:hover, #nav_348152 li#top-wholesale a:hover {
	color: #dd81b4;
}

/* second-level */

#nav_348152 li ul { /* second-level */
	position: absolute;
	width: 142px;
	/* width: 10em*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen re*/
	top: 29px; /* 37p*/
	z-index: 30;
	padding: 0;
	margin: 0;
}

#nav_348152 li:hover ul, #nav_348152 li.sfhover ul { /* lists nested under hovered list */
	left: auto;
}

#nav_348152 li ul#navsub_348152_201205 li a {
	background: url("/images/bg-li-bottom-nav.png") 0 0 repeat-y;
	display: block;
	width: 142px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 26px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

#nav_348152 li ul#navsub_348152_201205 li#sub-about a {
	background: url("/images/bg-li-bottom-nav-about.png") 0 0 no-repeat;
}

#nav_348152 li ul#navsub_348152_201205 li#sub-contact a {
	background: url("/images/bg-li-bottom-nav-contact.png") 0 0 no-repeat;
	padding: 0 0 13px 0;
}

#nav_348152 li ul#navsub_348152_201206 li a {
	background: url("/images/bg-li-bottom-nav.png") 0 0 repeat-y;
	display: block;
	width: 142px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 26px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

#nav_348152 li ul#navsub_348152_201206 li#sub-shipping a {
	background: url("/images/bg-li-bottom-nav-shipping.png") 0 0 no-repeat;
}

#nav_348152 li ul#navsub_348152_201206 li#sub-payment a {
	background: url("/images/bg-li-bottom-nav-payment.png") 0 0 no-repeat;
	padding: 0 0 13px 0;
}

#nav_348152 li ul#navsub_348152_201207 li a {
	background: url("/images/bg-li-bottom-nav.png") 0 0 repeat-y;
	display: block;
	width: 142px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4c6570;
	text-align: center;
	line-height: 26px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

#nav_348152 li ul#navsub_348152_201207 li#sub-registration a {
	background: url("/images/bg-li-bottom-nav-registration.png") 0 0 no-repeat;
}

#nav_348152 li ul#navsub_348152_201207 li#sub-lost a {
	background: url("/images/bg-li-bottom-nav-lost.png") 0 0 no-repeat;
	padding: 0 0 13px 0;
}

/* End Menu Nav */