/* Main Site Styles Items */
body { color: #595959; font-size: 62.5%; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; background-repeat: repeat-x; margin: 0; }
li { font-size: 1.3em; }
a { color: #7160a5; }
a:hover { text-decoration: none; }
p { font-size: 1.3em; line-height: 20px; }
td { font-size: 1.1em; }
label { font-size: 0.9em; }
H1 { color: #1c91af; font-size: 2.6em; font-weight: bold; }
H2 { color: #7160a5; font-size: 1.5em; font-weight: bold; }


/* Page Layout Items */
#wrapper { margin: 0 auto; width: 986px }
#currency { background-image: url(../img-interface/currency-bdp.gif); background-repeat: no-repeat; text-indent: -5000px; width: 256px; height: 33px; float: right; clear: both; }
#flashheader { text-align: center; width: 986px; height: 176px; float: left; }
#column-left { width: 733px; float: left; }
#column-right { width: 252px; float: left; }
#main-panel-top { background-image: url(../img-interface/main-panel-top.gif); background-repeat: no-repeat; width: 733px; height: 44px; float: left; }
#subnav { color: #7160a5; font-weight: bold; line-height: 32px; background-image: url(../img-interface/subnav-block.gif); background-repeat: no-repeat; width: 695px; height: 31px; float: left; margin-left: 19px; padding-left: 21px; }

#main-panel-wrapper { background-image: url(../img-interface/main-panel-main.gif); background-repeat: repeat-y; width: 986px; float: left; }
#crumbtrail { width: 665px; float: left; clear: left; margin-left: 33px; padding-bottom: 10px; }
#crumbtrail a { color: #e24c1f; text-decoration: underline; }
#crumbtrail a:hover { color: #e24c1f; text-decoration: none; }
#body-text { width: 665px; float: left; clear: left; margin-left: 33px; }
#main-panel-base { background-image: url(../img-interface/main-panel-base.gif); background-repeat: no-repeat; width: 733px; height: 39px; float: left; padding-bottom: 10px; }

#panel-forhome { background-image: url(../img-interface/btn-forhome-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; margin-top: 22px; }
#panel-forhome a { background-image: url(../img-interface/btn-forhome-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; }
#panel-forhome a:hover { background-image: url(../img-interface/btn-forhome-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; }
#panel-forbusiness { background-image: url(../img-interface/btn-forbusiness-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; }
#panel-forbusiness a { background-image: url(../img-interface/btn-forbusiness-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; }
#panel-forbusiness a:hover { background-image: url(../img-interface/btn-forbusiness-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 145px; float: left; }
#panel-login { background-image: url(../img-interface/btn-login.gif); background-repeat: no-repeat; text-indent: -5000px; width: 252px; height: 119px; float: left; }
#btn-register { background-image: url(../img-interface/btn-register01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 124px; height: 26px; float: left; }
#btn-register a { background-image: url(../img-interface/btn-register01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 124px; height: 26px; float: left; }
#btn-register a:hover { background-image: url(../img-interface/btn-register02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 124px; height: 26px; float: left; }

#btn-login { background-image: url(../img-interface/btn-login-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 128px; height: 26px; float: left; }
#btn-login a { background-image: url(../img-interface/btn-login-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 128px; height: 26px; float: left; }
#btn-login a:hover { background-image: url(../img-interface/btn-login-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 128px; height: 26px; float: left; }
#btn-order { background-image: url(../img-interface/btn-order01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 232px; height: 41px; float: left; }
#btn-order a { background-image: url(../img-interface/btn-order01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 232px; height: 41px; float: left; }
#btn-order a:hover { background-image: url(../img-interface/btn-order02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 232px; height: 41px; float: left; }
#order-form-top { background-image: url(../img-order/order-form-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 36px; }
#order-form-step01 { background-image: url(../img-order/order-step-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 29px; }
#order-form-step02 { background-image: url(../img-order/order-step-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 29px; }
#order-form-step03 { background-image: url(../img-order/order-step-03.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 29px; }
#order-form-step04 { background-image: url(../img-order/order-step-04.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 29px; }
#order-form-base { background-image: url(../img-order/order-form-base.gif); background-repeat: no-repeat; width: 665px; height: 35px; }
#btn-continue { background-image: url(../img-order/btn-continue01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }
#btn-continue a { background-image: url(../img-order/btn-continue01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }
#btn-continue a:hover { background-image: url(../img-order/btn-continue02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }
#login-form-top { background-image: url(../img-login/login-form-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 36px; }
#login-form-base { background-image: url(../img-login/login-form-base.gif); background-repeat: no-repeat; width: 665px; height: 35px; }
#btn-signin { background-image: url(../img-login/btn-login01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 31px; float: right; padding-right: 12px; }
#btn-signin a { background-image: url(../img-login/btn-login01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 31px; float: right; padding-right: 12px; }
#btn-signin a:hover { background-image: url(../img-login/btn-login02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 31px; float: right; padding-right: 12px; }
#usernav-top { background-image: url(../img-login/user-nav-top.gif); background-repeat: no-repeat; width: 251px; height: 51px; float: left; margin-top: 22px; }
#usernav-main { color: #fff; font-size: 1.1em; font-weight: bold; line-height: 18px; background-image: url(../img-login/user-nav-main.gif); background-repeat: repeat-y; width: 251px; float: left; padding-left: 18px; }
#usernav-main a { color: #fff; text-decoration: underline; }
#usernav-main a:hover { color: #fff; text-decoration: none; }
#usernav-base { background-image: url(../img-login/user-nav-base.gif); background-repeat: no-repeat; width: 251px; height: 16px; float: left; }
#contact-form-top { background-image: url(../img-contact/contact-form-top.gif); background-repeat: no-repeat; text-indent: -5000px; width: 665px; height: 36px; }
#contact-form-base { background-image: url(../img-contact/contact-form-base.gif); background-repeat: no-repeat; width: 665px; height: 35px; }


#btn-submit { background-image: url(../img-contact/btn-submit01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }
#btn-submit a { background-image: url(../img-contact/btn-submit01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }
#btn-submit a:hover { background-image: url(../img-contact/btn-submit02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 87px; height: 35px; float: right; padding-right: 10px; }




/* Text Styles */
.txt-orange { color: #e24c1f; }
.txt-green { color: #1c91af; }
.txt-purple { color: #7363ad; }
.list-purple { color: #7160a5; font-size: 1.3em; line-height: 22px; list-style-image: url(../img-interface/bullet.gif); }

/* Footer Panel Items */
#footer { color: #8e8e8e; width: 986px; height: 133px; float: left; font-size: 1em; line-height: 16px; background-image: url(../img-interface/footer-bdp.gif); background-repeat: no-repeat; padding-bottom: 20px; }
#footer a { color: #8e8e8e; text-decoration: underline; }
#footer a:hover { color: #8e8e8e; text-decoration: none; }
#footer-text { margin-top: 82px; margin-left: 33px; }

/* Currency Selection Items */
#btn-uk a { background-image: url(../img-interface/btn-uk01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; margin-left: 116px; }
#btn-uk a:hover { background-image: url(../img-interface/btn-uk02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; margin-left: 116px; }
#btn-uk-on a { background-image: url(../img-interface/btn-uk02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; margin-left: 116px; }
#btn-us a { background-image: url(../img-interface/btn-us01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-us a:hover { background-image: url(../img-interface/btn-us02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-us-on a { background-image: url(../img-interface/btn-us02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-eu a { background-image: url(../img-interface/btn-eu01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-eu a:hover { background-image: url(../img-interface/btn-eu02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-eu-on a { background-image: url(../img-interface/btn-eu02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-ca a { background-image: url(../img-interface/btn-ca01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-ca a:hover { background-image: url(../img-interface/btn-ca02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }
#btn-ca-on a { background-image: url(../img-interface/btn-ca02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 24px; height: 33px; float: left; }

/* Navigation Strip Items */
#nav
{
	width: 986px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: block;
	position: relative;
	list-style-type: none
}

#nav li
{
	float: left;
	overflow: hidden;
}

#nav li a
{
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
}

#nav li a:hover
{ }

/* Button 01 Styles */
#btn01 a {
	background-image: url(../img-interface/btn01a.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 33px;
	float: inherit;
}

#btn01 a:hover {
	background-image: url(../img-interface/btn01b.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 33px;
	float: inherit;
}

#btn01-on a {
	background-image: url(../img-interface/btn01b.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 33px;
	float: inherit;
}

#btn01-on a:hover {
	background-image: url(../img-interface/btn01b.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 33px;
	float: inherit;
}

/* Button 02 Styles */
#btn02 a {
	background-image: url(../img-interface/btn02a.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn02 a:hover {
	background-image: url(../img-interface/btn02b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn02-on a {
	background-image: url(../img-interface/btn02b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn02-on a:hover {
	background-image: url(../img-interface/btn02b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

/* Button 03 Styles */
#btn03 a {
	background-image: url(../img-interface/btn03a.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn03 a:hover {
	background-image: url(../img-interface/btn03b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn03-on a {
	background-image: url(../img-interface/btn03b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn03-on a:hover {
	background-image: url(../img-interface/btn03b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

/* Button 04 Styles */
#btn04 a {
	background-image: url(../img-interface/btn04a.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn04 a:hover {
	background-image: url(../img-interface/btn04b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}
#btn04-on a {
	background-image: url(../img-interface/btn04b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

#btn04-on a:hover {
	background-image: url(../img-interface/btn04b.gif);
	background-repeat: no-repeat;
	width: 143px;
	height: 33px;
	float: inherit;
}

/* Button 05 Styles */
#btn05 a {
	background-image: url(../img-interface/btn05a.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 33px;
	float: inherit;
}

#btn05 a:hover {
	background-image: url(../img-interface/btn05b.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 33px;
	float: inherit;
}

#btn05-on a {
	background-image: url(../img-interface/btn05b.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 33px;
	float: inherit;
}

#btn05-on a:hover {
	background-image: url(../img-interface/btn05b.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 33px;
	float: inherit;
}