/******************/
/*  Common tags.  */
/******************/

a
{
	color: #003da4;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
a:active,
a:hover
{
	color: #003da4;
	text-decoration: none;
}

body
{
	background-color: #FFF;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
body#print
{
	padding: 20px;
	text-align: left;
}
body#site
{
	overflow: auto;
	padding: 20px 0 10px 0;
	text-align: center;
}

form
{
	margin: 0;
	padding: 0;
}

input
{
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
input.checkbox
{
	height: 12px;
	margin: 0;
	width: 12px;
}
input.radio
{
	height: 12px;
	width: 12px;
}
input.text
{
	background-color: #F2F2F2;
	border: 1px solid #999;
	padding: 1px;
}

li
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

ol
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

option
{
	background-color: #F2F2F2;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

p
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
}

td
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

ul
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

select
{
	background-color: #F2F2F2;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
	padding: 1px;
}

textarea
{
	background-color: #F2F2F2;
	border: 1px solid #999;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
	padding: 1px;
	overflow: auto;
}


/***************************/
/*  Containers of layout.  */
/***************************/

br.clear
{
	clear: both;
	visibility: hidden;
}

#main
{
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
	width: 772px;
}

#header-0
{
	background: url("../tmpl/img/bg_header_0.gif") no-repeat left bottom;
	height: 65px;
	float: left;
	width: 11px;
}

#header-1,
#fp-header-1
{
	background: url("../tmpl/img/logo.gif") no-repeat left bottom;
	height: 65px;
	float: left;
	vertical-align: bottom;
	width: 172px;
}
#header-1
{
	cursor: pointer;
	cursor: hand;
}

#header-2
{
	background: url("../tmpl/img/bg_header_2.gif") repeat-x left bottom;
	clear: right;
	float: left;
	height: 65px;
	width: 589px;
}

#menu-v1
{
	background: url("../tmpl/img/bg_menu_v1.gif") no-repeat left center;
	float: left;
	height: 190px;
	width: 183px;
}

#header-img
{
	background: url("../tmpl/img/header_off.jpg") no-repeat left center;
	clear: right;
	float: left;
	height: 190px;
	width: 589px;
}

#infobar
{
	background: #f3f3f3 url("../tmpl/img/bg_infobar.gif") no-repeat left center;
	height: 37px;
	width: 772px;
}

#content
{
	background: url("../tmpl/img/bg_content_l.gif") repeat-y left top;
	width: 772px;
}

#content-l
{
	float: left;
	height: 300px;
	padding-top: 14px;
	width: 188px;
}
#content-r
{
	float: left;
	padding-top: 14px;
	width: 584px;
}

#fp-content-l
{
	float: left;
	padding-top: 14px;
	width: 363px;
}
#fp-content-r
{
	border-left: 1px dashed #ccc;
	float: left;
	margin-top: 14px;
	width: 408px;
}

#content-b
{
	background: url("../tmpl/img/bg_content_b.gif") no-repeat left bottom;
	float: left;
	height: 8px;
	width: 772px;
}

#footer
{
	background: #f3f3f3 url("../tmpl/img/bg_footer.gif") no-repeat left center;
	clear: both;
	color: #666;
	height: 42px;
	text-align: center;
	width: 772px;
}
#footer div
{
	line-height: 140%;
	padding-top: 4px;
}
#footer a
{
	color: #666;
	text-decoration: none;
}
#footer a:hover
{
	color: #666;
	text-decoration: underline;
}

#copyright
{
	color: #666;
	padding: 5px 0;
	text-align: center;
	width: 772px;
}


/**************************************************/
/*  Layout (base class for Listing, Form, etc.).  */
/**************************************************/

/* - body */
table.layout_body
{
	margin-bottom: 4px;
	margin-top: 4px;
}

/* - table of items at footer1 */
table.layout_footer1 #sep
{
	width: 6px;
}

/* - table of items at footer2 */
table.layout_footer2
{
	padding-top: 10px;
}
table.layout_footer2 #sep
{
	width: 6px;
}

/* - table of items at header1 */
table.layout_header1 #sep
{
	width: 6px;
}

/* - table of items at header2 */
table.layout_header2 #sep
{
	width: 6px;
}


/*************/
/*  Button.  */
/*************/

.button
{
	background-color: #fff;
	float: left;
}
.button .t
{
	background: url(../tmpl/img/button_tr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.button .b
{
	background: url(../tmpl/img/button_br.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.button .t img,
.button .b img
{
	border: none;
	display: block !important;
	height: 3px;
	margin: 0;
	padding: 0;
	width: 3px;
}
.button p
{
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	margin: 0;
	padding: 0 10px;
}
.button p a
{
	color: #9a9a9a;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.button p a:active,
.button p a:hover
{
	color: #666;
	text-decoration: none;
}


/********************/
/*  Document body.  */
/********************/

#doc-body
{
	float: left;
	width: 100%;
	line-height: 140%;
	padding: 6px 0 15px 0;
}
#fp-doc-body
{
	padding: 25px 20px;
}


/*********************/
/*  Document title.  */
/*********************/

h1,
h1#fp
{
	color: #2f406c;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1 span
{
	float: left;
}
h1 #icon-print
{
	background: url("../tmpl/img/print.gif") no-repeat left center;
	float: right;
	color: #666;
	margin-top: 9px;
	padding-left: 17px;
	text-decoration: none;
}

h1#fp
{
	padding: 0px 20px;
}


/****************/
/*  Find-fast.  */
/****************/

/*.ff
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #000;
	width: 140px;
}*/


/***********/
/*  Form.  */
/***********/

.form
{
	background-color: #FFF;
	width: 100%;
}
.form td
{
	background-color: #FFF;
}

/* - form fields */
.form_field
{
	padding: 6px 1px 0 2px;
	text-align: left;
	vertical-align: middle;
}
.form_field .form_field
{
	padding: 0;
}
.form_field input.text,
.form_field select
{
	width: 150px;
}
.form_field input.short
{
	width: 60px;
}
.form_field textarea
{
	width: 290px;
}

/* - form labels */
.form_label
{
	padding: 6px 1px 0 2px;
	text-align: left;
	vertical-align: middle;
}
.form_field .form_label
{
	padding: 0;
}

/*  - errors in form fields */
.err,
#err
{
	color: #C00;
}
input.err
{
	background-color: #F2F2F2;
	border: 1px #C00 solid;
	/*color: #000;*/
	padding: 1px;
}
select.err,
textarea.err
{
	border: 1px #C00 solid;
	/*color: #000;*/
}
select.err option
{
	color: #C00;
}
div.err
{
	border: 1px #C00 solid;
	padding: 5px;
	margin: 10px 0;
	text-align: center;
}

/* - hints in forms */
#hint
{
	color: #999;
	font-size: 10px;	font-weight: normal;
	padding: 0 5px;
}

/* - required fields */
#req,
span.req
{
	color: #C00;
}

/* - titles of fieldgroups */
.form .title
{
	font-weight: bold;
	padding: 10px 0 5px 0;
}

.form_separator
{
	border-bottom: 1px solid #007bc3;
	color: #007bc3;
	font-weight: bold;
	padding: 20px 0 2px 2px;
}
.form_separator div
{
	height: 1px;
}


/***************/
/*  Headings.  */
/***************/

div.h1
{
	font-family: Verdana, Helvetica, Arial;	font-size: 10px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h2
{
	font-family: Verdana, Helvetica, Arial;	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h3
{
	font-family: Verdana, Helvetica, Arial;	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h4
{
	font-family: Verdana, Helvetica, Arial;	font-size: 14px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h5
{
	font-family: Verdana, Helvetica, Arial;	font-size: 16px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h6
{
	font-family: Verdana, Helvetica, Arial;	font-size: 18px;
	font-weight: bold;
	padding: 1px 2px;
}


/*************/
/*  Listing  */
/*************/

.groups
{
	border: none;
	padding: 8px 0;
}
.groups table table
{
	border-collapse: collapse;
}
.groups table table td
{
	border-left: 1px solid #007bc3;
	border-right: 1px solid #007bc3;
	color: #007bc3;
	padding: 0;
	white-space: nowrap;
}
.groups a
{
	color: #007bc3;
	padding: 0 6px;
	text-decoration: none;
}
.groups a:hover
{
	color: #007bc3;
	text-decoration: none;
}
.groups #sel a
{
	color: #007bc3;
	font-weight: bold;
	padding: 0 6px;
}
.groups .prev,
.groups .next
{
	border: none;
}
.groups .sfx
{
	display: none;
}
.groups #total
{
	display: none;
}


/************/
/* siteEdit */
/************/

.siteEditDotOver
{
	background-color: #EFEFEF;
	border: 2px solid #369;
	display: none;
	height: 169px;
	margin: 0;
	position: absolute;
	visibility: visible;
	width: 150px;
	z-index: 2500;
}
.siteEditDotOver table
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
.siteEditDotOver table td.odata
{
	background-color: #FFF;
	border-bottom: solid #BBB 1px;
	padding: 0;
}
.siteEditDotOver table td.edata
{
	background-color: #F6F6F6;
	border-bottom: solid #BBB 1px;
	padding:0;
}
.siteEditDotOver a
{
	display: block;
	color: #009;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
}
.siteEditDotOver a:hover
{
	text-decoration: underline;
}


/******************************/
/*  horizontal: 'menu2'-type  */
/******************************/

.h1_menu_content 
{
	position: relative;
	float: left;
	left: 35px;
	top: 45px;
}
.h1_menu_content .l1,
.h1_menu_content .l1_a 
{ 
	background: url("../tmpl/img/sitemap.gif") no-repeat left center;
	color: #666;
	display: block;
	margin: 0;
	padding: 0 18px;
	text-decoration: none;
	white-space: nowrap;
}
.h1_menu_content .l1_a,
.h1_menu_content .l1:active, 
.h1_menu_content .l1:hover,
.h1_menu_content .l1_a:active, 
.h1_menu_content .l1_a:hover
{ 
	color: #666;
	text-decoration: underline;
}
.h1_menu_content #h1-first
{
	background: url("../tmpl/img/home.gif") no-repeat left center;
}


/******************************/
/*  horizontal: 'menu3'-type  */
/******************************/

.h2_menu_content 
{
	position: relative;
	float: right;
	top: 45px;
}
.h2_menu_content .l1,
.h2_menu_content .l1_a 
{ 
	color: #8a8a8a;
	display: block;
	margin: 0;
	padding-right: 25px;
	text-decoration: none;
	white-space: nowrap;
}
.h2_menu_content .l1_a,
.h2_menu_content .l1:active, 
.h2_menu_content .l1:hover,
.h2_menu_content .l1_a:active, 
.h2_menu_content .l1_a:hover
{ 
	color: #8a8a8a;
	text-decoration: underline;
}


/*******************************/
/*  vertical: 'menu1' 1.level  */
/*******************************/

.v1_menu_content 
{
	position: relative;
	top: 5px;
	width: 100%;
}
.v1_menu_content .l1,
.v1_menu_content .l1_a 
{ 
	background: url("../tmpl/img/menu_v1_l1.gif") no-repeat left center;
	border-top: 1px dashed #ccc;
	color: #003da4;
	display: block;
	font-weight: bold;
	margin: 0 13px;
	padding: 3px 5px 3px 19px;
	text-decoration: none;
}
.v1_menu_content .l1:active, 
.v1_menu_content .l1:hover
{ 
	background: #f3f3f3 url("../tmpl/img/menu_v1_l1_h.gif") no-repeat left center;
	color: #003da4;
	text-decoration: none;
}
.v1_menu_content .l1_a,
.v1_menu_content .l1_a:active, 
.v1_menu_content .l1_a:hover
{ 
	background: url("../tmpl/img/menu_v1_l1_a.gif") no-repeat left center;
	color: #c00;
	text-decoration: none;
}
.v1_menu_content #v1-first
{
	border-top: 0;
}


/******************************************************/
/*  vertical: 'menu1' other levels or product groups  */
/******************************************************/

.v2_menu_content 
{
	position: relative;
	width: 100%;
}

.v2_menu_content .l1,
.v2_menu_content .l1_a 
{ 
	background: #f3f3f3 url("../tmpl/img/menu_v2_l1.gif") no-repeat 2px 50%;
	border-bottom: 1px dashed #ccc;
	color: #003da4;
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0 13px;
	padding: 4px 5px 4px 21px;
	text-decoration: none;
}
.v2_menu_content .l1:active, 
.v2_menu_content .l1:hover
{ 
	background: #e1e1e1 url("../tmpl/img/menu_v2_l1_h.gif") no-repeat 2px 50%;
	color: #003da4;
	text-decoration: none;
}
.v2_menu_content .l1_a,
.v2_menu_content .l1_a:active, 
.v2_menu_content .l1_a:hover
{ 
	background: #f3f3f3 url("../tmpl/img/menu_v2_l1_a.gif") no-repeat 2px 50%;
	color: #c00;
	text-decoration: none;
}
.v2_menu_content #v2-first
{
	border-top: 1px dashed #ccc;
}

.v2_menu_content .l2,
.v2_menu_content .l2_a 
{ 
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0 13px;
	padding: 4px 5px 4px 21px;
	text-decoration: none;
}
.v2_menu_content .l2:active, 
.v2_menu_content .l2:hover
{ 
	background-color: #e1e1e1;
	color: #666;
	text-decoration: none;
}
.v2_menu_content .l2_a,
.v2_menu_content .l2_a:active, 
.v2_menu_content .l2_a:hover
{ 
	background: url("../tmpl/img/menu_v2_l2_a.gif") no-repeat 8px 50%;
	color: #c00;
	text-decoration: none;
}


/******************/
/*  location-bar  */
/******************/

.location_bar
{
	margin-bottom: 15px;
}
.location_bar a
{ 
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
}
.location_bar a:active, 
.location_bar a:hover
{ 
	color: #999;
	text-decoration: underline; 
}
.location_bar .sep
{
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 4px;
}


/************/
/*  search  */
/************/

#search-form
{
	float: right;
	margin: 8px 0 0 0;
}
#search-form label
{
	color: #666;
	float: left;
	margin: 4px 0 0 0;
	padding: 0 4px 0 0;
}
#search-btn
{ 
	display: block;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}
#search-word
{ 
	background-color: #fff;
	border: 1px #999 solid;
	color: #999;
	display: block;
	float: left;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	height: 21px;
	padding: 4px 4px 0 4px;
	margin: 0 0 0 0;
	width: 150px;
}


/************************/
/*  shopping cart info  */
/************************/

#cart-info
{
	background: url("../tmpl/img/cart.gif") no-repeat 230px 50%;
	cursor: pointer;
	cursor: hand;
	float: left;
	line-height: 37px;
	padding: 0 25px 0 250px;
}
#cart-info span
{
	color: #c00;
	font-weight: bold;
	white-space: nowrap;
}
#cart-info span:hover
{
	text-decoration: underline;
}

#checkout
{
	margin-top: 9px;
}


/**************/
/*  SiteUser  */
/**************/

#login-link
{
	padding: 10px 0;
}
#login-link a
{
	color: #003da4;
	text-decoration: none;
}
#login-link a:hover
{
	color: #003da4;
	text-decoration: underline;
}

#login-user
{
	background-color: #f3f3f3;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	margin: 10px 13px 10px 13px;
}
#login-user table td
{
	padding: 5px;
}
#login-user .label
{
	padding-bottom: 0;
	padding-right: 0;
}
#login-user .field
{
	padding-bottom: 0;
}

#fp-content-r h1
{
	color: #c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14pt;
	font-weight: bold;
	margin: 0 0 10px 10px;
	padding: 0;
}
#fp-content-r div
{
	float: left;
	height: 163px;
	margin: 10px 0 5px 0;
	text-align: center;
	width: 203px;
}
#fp-content-r div a
{
	border-bottom: 1px solid #f3f3f3;
	display: block;
	height: 100%;
	margin: 0 0 0 10px;
	padding: 0;
	text-decoration: none;
}
#fp-content-r div a h2
{
	border-bottom: 1px solid #007bc3;
	color: #007bc3;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
	text-align: left;
}
#fp-content-r div a img
{
	border: 0;
	margin: 5px 0;
}

#show-feat
{
	color: #007bc3;
	display: block;
	float: left;
	padding: 10px 0 5px 10px;
	text-decoration: none;
}
#show-feat:hover
{
	color: #007bc3;
	text-decoration: underline;
}