/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	margin:0px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(../images/body_bg_rep.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#21518a;
}

H1 {
	margin-top:0px;
	font-size:22px;
	color:#235996;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Headings H1-H6 */
H2 {padding:0px; margin:0px; font-size:13px; color:#235996; margin-bottom:20px;}
H2 SMALL {font-size:12px; display:block; color:#7f7f7f; font-weight:normal;}
H3 { }
H4 { }
H5 { }
H6 { }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {width:778px;height:100%;background-color:#FFF; border-right:8px solid #488bcc;border-left:8px solid #488bcc;}
#header {}
#leftcolumn {width:202px; background-color:#f3f3f3; background-image:url(../images/left_column_bg.gif) top right;  background-repeat:repeat-y; padding-bottom:15px;}
#rightcolumn {	width:576px;	background-image: url(../images/content_shadow.gif);	background-repeat: repeat-x; padding:25px;}
#content {color:#6b6b6b; line-height:16px; padding:30px 25px 30px 25px; font-size:12px; color:#7f7f7f; line-height:20px;}
#footer {padding:0px 25px; font-size:11px; color:#878787; background-image:url(../images/footer.gif); background-position:bottom; background-repeat:no-repeat; height:77px;}


/***********************************************/
/* Content Styling                             */
/***********************************************/

#content P {margin:8px 0px;}
#content .title {color:#173b6e; font-weight:bold; margin-top:18px; margin-bottom:5px;}
.page_breaker {margin-bottom:10px;}
.button {padding:1px 5px 3px 5px; color: #848484;	height:20px; font-size:11px;	background-image: url(../images/btn_bg.gif);border: 1px solid #e0e0e0;	margin:1px;}
.content_break {border-top: 5px solid #f4f4f4; height:5px; margin:25px 0px; width:100%; padding:0px; overflow:hidden; clear:both;}

.listing_text {font-size:11px; color:#7f7f7f; line-height:15px;}

.notice_alert {background-color:#b90042; padding:8px; margin:25px 0px; color:#FFF;}
.notice_alert A {color: #FFF;}

.notice_light {background-color:#e8edf3; padding:8px; margin:25px 0px; color:#143266}
.notice_light A {color: #7f7f7f;}
.notice_light_approved {background-color:#99CC33;}

#footer .links {margin:15px 0px; line-height:16px;}
#footer .links A {color:878787; text-decoration:none;}
#footer .links A:hover {color:#0f6db6;}

/***********************************************/
/* Component Divs                              */
/***********************************************/



#breadcrumbs {padding: 15px 25px 14px 25px; background-color: #fef9ec; height:auto; border-width: 1px 1px 0px 1px; border-color:#FFFFFF; font-size:11px; vertical-align:middle;	height: auto !important;	height: 1%; /*For IE*/}
#breadcrumbs A { color:#0f3966; font-style:italic;}

#search_panel {	background-color:#e0e0e0; width:202px;}

#search_panel .subpanel {padding:8px 12px; border-bottom: 1px solid #f4f4f4;}
#search_panel .inputbox {	background-image: url(../images/input_search_bg.gif);	background-repeat: no-repeat;	background-position: left;	height:19px;	padding:3px 5px 3px 25px;	width: 177px;	border:none;	font-size:9px;	font-weight:bold;}
#search_panel .category_select {height:19px;	width: 113px;	border: 1px solid #e0e0e0;	font-size:9px;}
#search_panel .button {	padding:1px 5px 2px 5px; width:50px; color: #848484;	height:20px; font-size:9px;	background-image: url(../images/btn_bg.gif);	background-repeat: repeat-x;	border: 1px solid #e0e0e0;	margin:1px;}
.category_div {float:left; padding-right:10px;}

#logon_box {	background-image: url(../images/logon_box_bg.gif);	background-repeat: repeat-x;	background-position: top;	background-color:#b90042;	padding:13px 15px 13px 27px;	color:#FFFFFF;	font-size:13px;	font-weight:bold;	font-style:italic;}

.promo_box {width:526px; border-collapse:collapse; margin-bottom:15px; line-height:16px; clear:both;}
.promo_box A {color:#000000; text-decoration:underline; font-weight:bold;}
.promo_box P {margin:5px 0px};
.promo_box SELECT {width:80%; margin:5px 0px;}
.promo_box UL {	margin:0px;	padding-left: 0px;	list-style-position: inside;	list-style-type: none;}
.promo_box LI {	  display: block !important;padding:3px 0px;}

.promo_box STRONG {color:#f7ab1e; font-weight:bold;}
.promo_box .content_area {	padding:1px;	border:1px solid #e0e0e0;	width:50%;	background-image: url(../images/content_box_bg.gif);	background-repeat: repeat-x;	background-position:bottom;	font-size:11px;	line-height:18px;	color: #6c6c6c;}
.promo_box .title {font-size:12px;}
.promo_box .title A {color:#0f6db6;}
.promo_box .content {padding:10px 10px 10px 10px;}
.promo_box .thumbnail {float:left; padding:10px 10px 10px 5px;}
.promo_box .options {margin:10px 5px 5px 0px; float:right; vertical-align:bottom;}
.promo_box .options .button_div {float:left; padding-left:3px;}
.promo_box INPUT {padding:1px 5px 3px 5px; color: #848484;	height:20px; font-size:11px;background-image: url(../images/btn_bg.gif);border: 1px solid #e0e0e0;}
.promo_box TH {border:1px solid #e0e0e0; background-color: #f7ab1e; color:#FFF; font-size:12px; font-weight:bold; text-align:left; padding:5px 5px 5px 10px;}
.promo_box TFOOT {	background-image: url(../images/content_box_reflect.gif);	background-position: top;	padding:1px;}
.promo_box .image {float:left; padding-right:8px;}
.promo_box .price {font-size:18px; font-family:Georgia, 'Times New Roman', Times, serif; color:#969696; font-style:italic; padding:8px}

#login {width:202px; background-color:#FFF; background-image: url(../images/panel_cart_content_bg.gif);background-repeat: repeat-y;background-position: right; display:table-cell;}
#login P {margin:5px 0px;}
#login .header {	background-image:url(../images/panel_header_login.gif);	background-position: top;	background-color: #868686; height:32px;}
#login .content {	padding:13px;	font-size:10px;	color:#7f7f7f; line-height:15px;}
#login .content INPUT { margin-top: 7px; width: 175px; padding:1px 5px 3px 5px; color: #848484;	height:20px; font-size:11px;background-image: url(../images/btn_bg.gif);border: 1px solid #e0e0e0;}
#login .content A {color:#7f7f7f; text-decoration:none;}
/*#your_basket .content A:hover {border-bottom:1px solid #7f7f7f;}*/
#login .options {margin:5px; float:right;}
#login .options .button_div {float:left; padding-left:3px;}

#help {width:202px; background-color:#cedeec; background-repeat: repeat-y;background-position: right; display:table; clear:right;}
#help P {margin:5px 0px;}
#help .header {background-color: #558cb7; height:32px;}
#help .content {font-size:10px;	color:#7f7f7f; line-height:15px;}
#help .content INPUT { margin-top: 7px; width: 175px; padding:1px 5px 3px 5px; color: #848484;	height:20px; font-size:11px;background-image: url(../images/btn_bg.gif);border: 1px solid #e0e0e0;}
#help .content A {color:#7f7f7f;}
#help .subpanel {padding:10px 13px; border-bottom: 1px solid #e5eef6;}
#help .options {margin:5px; float:right;}
#help .options .button_div {float:left; padding-left:3px;}

#form_table {width:526px; border-collapse:collapse;font-size:11px; color:#7f7f7f;}
#form_table .column {text-align: right; width:175px; font-weight:bold;}
#form_table TD {background-color:#f5f7f9;border:1px solid #FFF; padding:5px;}
#form_table INPUT,textarea { font-size:11px; border: none; border-top:1px solid #dee0e3; border-left:1px solid #dee0e3; width:300px;height:21px; padding: 3px; }
#form_table .currentField {padding-left:10px; color:#000000;	background-image: url(../images/form_input_bg.gif);	background-repeat: no-repeat;	background-position: left top;}
#form_table .changedField {background-color:#f2f8ff; color:#7f7f7f; border-color:#FFF;}

/*********** #Shopping Cart styles ***********/

#your_basket {width:202px; background-color:#FFF; background-image: url(../images/panel_cart_content_bg.gif);background-repeat: repeat-y;background-position: right; display:table;}
#your_basket .header {background-color: #949494;	}
#your_basket .content {	padding:13px;	font-size:10px;	color:#7f7f7f;	overflow:AUTO;}

#your_basket .content A {display:block; padding-bottom:3px; border-bottom:1px solid #f4f4f4;color:#7f7f7f; text-decoration:none}
/*#your_basket .content A:hover {border-bottom:1px solid #7f7f7f;}*/

#your_basket .options {margin:5px; float:right;}
#your_basket .options .button_div {float:left; padding-left:3px;}
#your_basket INPUT {padding:1px 5px 3px 5px; color: #848484;	height:20px; font-size:11px;	background-image: url(../images/btn_bg.gif);border: 1px solid #e0e0e0;	margin:1px;}


#product_listing A {color:#7f7f7f;}
#product_listing A:hover {color:#173b6f;}
#product_listing SELECT {font-size:11px; height:20px; padding: 3px; border: 1px solid #e0e0e0;}
#product_listing .inputbox {font-size:11px; height:19px; padding: 3px; border:1px solid #e0e0e0; background-image: url(../images/input_search_bg.gif); background-repeat: no-repeat; background-position: center;}

#product_listing {width:526px; border-collapse:collapse; font-size:11px;border:1px solid #f2f2f2;}
#product_listing TH {color:#bfbfbf; font-weight:bold; text-align:left;padding:5px; font-size:12px; padding:5px 5px 5px 10px;}
#product_listing TD {border-color:#000000; border-top:1px solid #f2f2f2; padding:20px 5px;color:#7f7f7f;	background-image: url(../images/product_box_bg.gif);	background-repeat: repeat-x;	background-position:bottom;}
#product_listing .image {width:50px;}

.product_title {color:ffb212; margin-bottom:5px;}
.product_description {margin-bottom:5px; color:#7f7f7f;}
.product_price {color:#344d80; font-weight:bold;}

#listing_nav {margin:20px 0px;}
#listing_nav .nav {font-size:12px; font-weight:bold; color:#eaeaea; padding:0px 7px; margin-left:1px; float:left; border:1px solid #eaeaea;}
#listing_nav .nav A {color:#344d80; text-decoration:none; display:block;}
#listing_nav .pages{}
#listing_nav .pages A {font-size:11px; color: #7f7f7f; padding:0px 7px; margin-left:1px; float:left; display:block; text-decoration:none; background-color:#f4f4f4;border:1px solid #f4f4f4;}
#listing_nav .pages A:hover {color: #FFFFFF; background-color:#344d80; color:#FFFFFF;}

#data_table {width:526px; border-collapse:collapse; font-size:11px;border:1px solid #bfbfbf;}
#data_table TH {color:#FFF;	background-color:#2b81bf;font-weight:bold;text-align:left;font-size:12px;padding:8px 5px 8px 10px;}
#data_table TD {border-color:#000000; border-top:1px solid #bfbfbf; padding:10px 5px;color:#7f7f7f;	background-image: url(../images/product_box_bg.gif);	background-repeat: repeat-x;	background-position:bottom;}
#data_table TD A {color:#193d72;}
#data_table TFOOT TD {font-size:12px; text-align:left; color:#f7ab1e; background-color:#fef9ec; background-image:none;}

#list_table {border-collapse:collapse; font-size:11px; font-size:11px;border:1px solid #bfbfbf;}
#list_table TD {border-color:#000000; border-top:1px solid #bfbfbf; padding:5px 5px;color:#7f7f7f; vertical-align:middle;}


/*********** #Menu styles ***********/
#menu {width:100%; float:left; font-size:11px; font-weight:bold; background-image:url(../images/menu_option_no_link.gif);  }
#menu ul {  margin:0;  padding:0px 0px 0px 0px;  list-style:none;  color:#FFFFFF;  background-image:url(../images/menu_option.gif);  }
#menu li {  display:inline;  margin:0;  padding:0;  }

#menu .nolink {float:left;  background-image:url(../images/menu_option_no_link.gif);  background-repeat:repeat-x;  margin:0;  padding:0 0 0 4px;  height:30px;  text-decoration:none;}
#menu a {  float:left;  background-image:url(../images/menu_option.gif);  background-repeat:repeat-x;  margin:0;  padding:0px 0px 0px 4px;  height:30px;  text-decoration:none;  }
#menu a span {  float:left;  display:block;  background:url(../images/menu_seps.gif) no-repeat right bottom;  padding:6px 17px 11px 13px;  color:#FFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {}
#menu a:hover {  background-image:url(../images/menu_option_over.gif); background-position:right;}

/*********** #Submenu styles ***********/
#leftcolumn .list a {display: block;background-color: #fbfbfb; color: #919191; text-decoration:none; padding: 5px 2px 5px 8px; margin-bottom:1px;}
#leftcolumn .list a:hover {background-color: #f2f2f8; color: #919191; text-decoration: none;}
#leftcolumn .child {margin: 5px 0px;}
#leftcolumn .child a {display: block; background:none; color: #919191; margin-left: 20px; text-decoration:none; margin-right:20px; padding: 5px 2px 5px 8px; border-left:1px solid #F3F3F3;}
#leftcolumn .child a:hover {color: #ffb70c; text-decoration: underline; background:none;}
