HTML {
  background-color: #bfbfbb;
  background-image: url(../images/layout/main-bg.gif);
  background-position: top left;
  background-repeat: repeat;
  color: #000;
  height: 100%;
}

/* body min-height is set to 100% so our footer at the bottom will
 * always be at the bottom of the window, but will push to the bottom
 * of the page when the page is longer than the window is high */
BODY {
  background-image: url(../images/layout/body-bg.png);
  background-position: top left;
  background-repeat: repeat;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px; 
  color: #000;
  display: block;
  margin: 0 auto;
  min-height: 100%;
  padding: 0;
  position: relative;
  width: 900px;
}

/* header declarations and styles */

#header {
  background-color: #D6FA8E;
  background-image: url(../images/layout/header-bg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  display: block;
  height: 125px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0;
  width: 876px;
}

#header #logo { width: 489px; float: left; margin-top: 25px; margin-left: 5px; }

#header #logo_right { margin-right: 5px; margin-top: 10px; width: 346px; float: right; }

#header #nav { clear: both; margin: 0 10px; height: 22px; padding: 0; background: #D6FA8E; }

#header #nav ul { float: left; padding: 0; margin: 0; list-style: none; }

#header #nav li { float: left; }

#header #nav li a { 
	line-height: 20px!important;
	background: url(../images/layout/buttons/sheen_light-green.gif) repeat-x top center;
	border: 1px solid #59990E;
	padding: 0 15px;
	text-decoration: none;
	font-family: Verdana, Arial, Sans;
	color: #FFF;
	font-weight: bolder;
	font-size: 12px;
	margin: 0 10px 0 0;
	display: block; 
	float: left; 
	height: 21px; 
}

#header #nav li a:hover { background: #FFF url(../images/layout/buttons/sheen_dark-green.gif); }

#header #nav li a:hover.selected, #header #nav li a.selected { 
	background-color: #9C3;
	background-image: url(../images/layout/nav_bg-sel.jpg);
	background-repeat: repeat-x; 
	color: #333; 
	cursor: default;
}

#header #nav #basket_summary { 
	float: right; padding: 0; 
	margin: 0; 
	/*border: 1px solid #f00; */
	width: 240px; 
	height: 22px; 
	line-height: 21px; 
	text-align: right; 
	font-family: Verdana, Arial, Sans;
	color: #666;
	font-size: 12px;
	white-space: nowrap;
}

#basket_summary {
	cursor: pointer;
}

#print_logo {
	display: none;
}

#content #maincol h1, #content #sidecol h1 {
	background: #CCC url(../images/layout/menu/nav_left_bg.gif) top left;
	line-height: 25px;
	font-size: 12px;
	height: 25px;
	padding: 0 5px;
	border: 1px solid #CCC;
	font-weight: bolder;
	color: #666;
}

#content #sidecol h1 { border-top: none; border-left: none; border-right: none; margin-bottom: 10px; }

/* input button styles */

input.blue_txt, input.green_txt {
	border: 1px solid #93CDEC;
	margin: 1px;
	padding: 1px 3px;
}

input.green_txt { border: 1px solid #59990E; }

.cat_icon-wrapper { clear: both; height: 80px; margin: 10px 0 0 0; border-top: 2px solid #EEE; }

.cat_icon-split, .cat_icon-bay, .cat_icon-t25 { 
	background: url(../images/icons/icn_split.gif) no-repeat top left; 
	/*width: 198px; */
	height: 77px; 
	padding: 0 5px 0 85px;
	float: left;
	color: #59990E;
	border: 2px solid #FFF;
	font-size: 150%;
	line-height: 25px;
	font-weight: bolder;
	font-family: Arial;
	cursor: pointer;
	margin-top: 5px;
}

.cat_icon-bay { background-image: url(../images/icons/icn_bay.gif); margin-left: 10px; }

.cat_icon-t25 { background-image: url(../images/icons/icn_t25.gif); margin-left: 10px; }

.cat_icon-split:hover, .cat_icon-bay:hover, .cat_icon-t25:hover { border: 1px solid #59990E; }

input.btn_blue-grey, input.btn_grey-blue, input.btn_green {
	background: #93CDEC url(../images/layout/buttons/sheen_light-blue.gif) center;
	border: 1px solid #444;
	margin: 1px;
	height: 24px;
	/*font-weight: bolder;*/
	padding: 0 5px;
}

a:hover.green_button { background: #000 url(../images/layout/buttons/sheen_dark-green.gif) repeat-x top center!important; }

input.btn_grey-blue { background: #CCCCCC url(../images/layout/buttons/sheen_light-grey.gif) center; }

input.btn_green { background: #59990E url(../images/layout/buttons/sheen_light-green.gif) center; color: #FFF; }

input:hover.btn_blue-grey { background: #CCCCCC url(../images/layout/buttons/sheen_light-grey.gif) center; cursor: pointer; }

input:hover.btn_grey-blue { background: #93CDEC url(../images/layout/buttons/sheen_light-blue.gif) center; cursor: pointer; }

input:hover.btn_green { background: #59990E url(../images/layout/buttons/sheen_dark-green.gif) center; cursor: pointer; }


.order_line th { Text-align: left;  white-space: nowrap; }

.order_line td, .order_line th { border-top: 1px solid #CCC; padding: 3px 10px; text-align: center; }

.parts_heading { background: #CCC url(../images/layout/menu/nav_left_bg.gif) top left; font-size: 14px; font-weight: bolder; padding: 3px; border: 1px solid #CCC; }

table.addresses, table.my_details { background: #EEE; }

.addresses tbody, .my_details tbody { background: #f00; }

.addresses th, .my_details th {
	background: #EDEFEE url(../images/layout/menu/nav_left_bg.gif) repeat-x top left;
	border: 1px solid #DDD;
	padding: 5px 3px;
}

.addresses td, .my_details td { text-align: center; background: #FFF; padding: 5px 20px; }

.card_details th { text-align: right; }

.my_details td { padding: 0 2px; text-align: left; }


/* the menus are ordered lists that are then inlined and aligned to
 * the right; the padding on the left is used to prevent them from sliding
 * under our absolutely positioned logo */
#header #menu UL
  { margin: 0; padding: 0 8px 0 250px; text-align: right; white-space: nowrap; }
#header #menu UL#main { background-color: #efa700; height: 28px; }
#header #menu UL#corp { background-color: #f8cf48; height: 21px; }
#header #menu UL LI {
  color: #fff;
  display: inline;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 0 4px;
  text-transform: uppercase;
}
#header #menu UL#main LI { line-height: 28px; }
#header #menu UL#corp LI { line-height: 21px; }
#header #menu UL LI A { color: #fff; text-decoration: none; }
#header #menu UL#corp LI A { color: #b60; }
#header #menu UL LI A:hover { text-decoration: underline; }

#header FORM#auth {
  /*display: -moz-inline-box;
  display: inline-block;*/
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  padding-right: 7px;
  margin: 0;
  vertical-align: top;
}

/* content declarations and style */

/* the header and footers span the width of the page
 * the content is fixed width, and we use margins to center it */
#content { margin: 10px auto; position: relative; width: 856px; /*border: 1px solid #F00;*/ }

#content #maincol { float: left; width: 644px; /*border: solid 1px #ccc;*/ }

#content #sidecol {
  float: right;
  font-size: 12px;
  /*margin-top: 26px;	
  padding-left: 15px;
  border: solid 1px #ccc;*/
  width: 200px;
}

/* Right Menus */

#content #sidecol ul {
	float: right;
	width: 200px;
	border: 1px solid #3E3E3E;
	border-bottom: none;
	margin: 0;
	list-style: none;
	padding: 0;
	background-color: #EEE;
}

#content #sidecol li a.title_link { font-weight: bolder; color: #333 !important; }

#content #sidecol li { font-size: 11px; text-align: center; line-height: 25px; }

#content #sidecol li a {
	background: #DDDDDD url(../images/layout/menu/nav_left_bg.gif) top left;
	color: #333;
	/*font-weight: bolder;*/
	text-decoration: none;
	display: block;
	padding: 0 10px;
	height: 25px;
	border-bottom: 1px solid #3E3E3E;
}

#content #sidecol li a:hover { background: #999 url(../images/layout/menu/nav_left_bg-over.gif) top left; color: #EEEEEE; }

#content #sidecol li a.account, #content #sidecol ul.account { border-color: #CCC; color: #666; }

DIV#footspace { height: 50px; clear: both; width: auto; /*border: 1px solid #c00;*/ }

/* footer declarations and style */

/* the footer is always absolutely positioned at the bottom of the page */
#footer {
  background-color: #eee;
  bottom: 0;
  font-family: helvetica, arial, sans-serif;
  height: 50px;
  left: 0;
  margin: 0 22px 10px 22px;
  padding: 5px 5px 0 5px;
  position: absolute;
  text-align: right;
  /*text-transform: uppercase;*/
  width: 854px;
  z-index: 10;
}
#footer UL {
  float: left;
  height: 22px;
  margin: 0;
  padding: 0 0 0 17px;
  text-align: left;
  width: 50%;
}
#footer UL LI {
  display: inline;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  padding: 0 3px;
}
#footer UL LI A { height: 26px; color: #fff; text-decoration: none; }
#footer #copyright {
  color: #fff;
  font-size: 10px;
  line-height: 26px;
  padding-right: 20px;
}

#footer #trademark {
  background-color: #b60;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  text-transform: none;
}

.clear { clear: both; }

.hidden { display: none; }

.nobr { white-space: nowrap; }

/* Box overlay Styles */

.black_overlay, .white_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 12px;
    width: 876px;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.white_overlay {
	background-color: white;
}
 
.white_content {
    display: none;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 48%;
    left: 334px;
    width: 208px;
    height: 13px;
    background: url(../images/icons/LoadingAnimation.gif);
    /*padding: 16px;
    border: 16px solid orange;*/
    background-color: transparent !important;
    z-index:1002;
    overflow: auto;
}

.green_warning, .red_warning, .special_order {
	border: 2px solid #060;
	background: #DFD;
	text-align: justify;
	font-weight: bolder;
	padding: 5px;
	color: #060;
}

.red_warning { border: 2px solid #A00; background: #FDD; color: #A00; }

.special_order { font-weight: normal; margin: 10px 0; border-color: orange; background: palegoldenrod; color: #000; }

#menu_right li a.type50-67 { background: #DDDDDD url(../images/layout/menu/nav_left_50-67_bg.gif) top left; color: #EEE; }

#menu_right li a:hover.type50-67 { background: #DDDDDD url(../images/layout/menu/nav_left_50-67_bg-over.gif) top left; }

#menu_right li a.type68-79 { background: #DDDDDD url(../images/layout/menu/nav_left_68-79_bg.gif) top left; }

#menu_right li a:hover.type68-79 { background: #DDDDDD url(../images/layout/menu/nav_left_68-79_bg-over.gif) top left; }

#menu_right li a.type80-91 { background: #DDDDDD url(../images/layout/menu/nav_left_80-91_bg.gif) top left; color: #FFF; }

#menu_right li a:hover.type80-91 { background: #DDDDDD url(../images/layout/menu/nav_left_80-91_bg-over.gif) top left; }

#menu_right li a.specials { background: #DDDDDD url(../images/layout/menu/nav_left_specials_bg.gif) top left; color: #FFF; }

#menu_right li a:hover.specials { background: #DDDDDD url(../images/layout/menu/nav_left_specials_bg-over.gif) top left; }