html, body {
	margin : 0; 
	padding : 0; 
	border : 0; 
	color : font_color; 
	font-family : font_family,Arial,Verdana,sans-serif; 
	font-size: font_size; 
		background-color: outside_bg;
			height: 100%;
}

* {margin: 0;} 

#page-wrapper { 
min-height: 100%;
margin: auto;
}
li { margin-left: 16px; } 
/*  pageTitle - When someone is viewing a page or  track details this is the page title */
.pageTitle,h1 {
	font-size: page_title_size;
	color: page_title;
	width: 100%;
	font-weight: normal;
}
 a.pageTitle:active,h1 a ,h1 a:active { text-decoration: none; color: page_title_link; }
a.pageTitle:link, a.pageTitle:visited,h1 a:link,h1 a:visited { text-decoration: none; color: page_title_link; }
a.pageTitle:hover,h1 a:hover { color: page_title_hover; text-decoration: underline; } 

.pageSubTitle {
	font-size: 17px;
	color: page_title;
	width: 100%;
}
 a.pageSubTitle, a.pageSubTitle:active{ text-decoration: none; color: page_title_link; }
a.pageSubTitle:link, a.pageSubTitle:visited { text-decoration: none; color: page_title_link; }
a.pageSubTitle:hover { color: page_title_hover; text-decoration: underline; } 

h2 {
	font-size: h2_size;
	color: page_title;
	width: 100%;
	font-weight: normal;
}
h2 a,h2 a:active{ text-decoration: none; color: page_title_link; }
h2 a:link,h2 a:visited { text-decoration: none; color: page_title_link; }
h2 a:hover { color: page_title_hover; text-decoration: underline; } 

h3 {
	font-size: h3_size;
	color: h3_color;
	width: 100%;
	font-weight: bold;
}
h3 a,h3 a:active{ text-decoration: none; color: page_title_link; }
h3 a:link,h3 a:visited { text-decoration: none; color: page_title_link; }
h3 a:hover { color: link_color_hover; text-decoration: underline; } 


a, a:active { text-decoration: none; color: link_color; }
a:link, a:visited { text-decoration: none; color: link_color; }
a:hover { color: link_color_hover; text-decoration: underline; } 


.navagation_table { color: boxes_font; padding: 0px;  background-color: boxes; border: solid 1px boxes_borders; }
.navagation_title { color: boxes_header_text_color; font-weight: normal;  padding: 4px;  background-color: boxes_header_color; 	}
a.navagation_table, a.navagation_table:active{ text-decoration: none; color: boxes_link; }
a.navagation_table:link, a.navagation_table:visited { text-decoration: none; color: boxes_link; }
a.navagation_table:hover { color: boxes_link_hover; text-decoration: underline; } 
.navagation_table li { margin-left: 16px; } 


.boxedContent { color: boxes_font; padding: 0px;  background-color: boxes; border: solid 1px boxes_borders; }
a.boxedContent, a.boxedContent:active{ text-decoration: none; color: boxes_link; }
a.boxedContent:link, a.boxedContent:visited { text-decoration: none; color: boxes_link; }
a.boxedContent:hover { color: boxes_link_hover; text-decoration: underline; } 
.boxedContent li { margin-left: 16px; } 

.borderRightSide { 
	border-right: solid 1px  boxes_borders;
}



.borderBottomCell { 
	border-bottom: solid 1px  boxes_borders;
}


#main_container { 
	width: main_size;
	margin: auto;
	background-color: inside_bg;
	border: solid 0px  inside_bg_border;
	
}
#headerContainer {
	 width:main_size;  margin-left: auto; margin-right: auto;
	 color: header_font_color; 
	 background-color: header_bg;
}
#header {
	 width:100%;  margin-left: auto; margin-right: auto;
}

.headerName {
	font-size: 40px;
	font-weight: bold;
	padding: 6px;
}


#leftHomePageRequireLogin { float: left; padding: 4px; width: 49%; } 
#rightHomePageRequireLogin { float: right; padding: 4px; width: 49%; } 


/* TOP FLOATING MENU - The following controls the menu that floats at the top of the page where the shopping cart link appears. */


#menu_slider {
	position: relative;
	text-align: center;
	 width:main_size; 
	 margin: auto;
}

#menu_top {
	padding: 0;
	text-align: center;
	float: right;
}

#menu_top_container { 
	text-align: center;
	position: absolute;
	margin: auto;
	padding: 0;
	z-index: 15;
	list-style: none;
	white-space: nowrap;
	right: 0;
}
#menu_top #menu_item { 
	float: left;
	padding: 0px;
	margin-right: 16px;
}
#menu_top #cart_info { 
	float: right;
	padding: 10px;
	color: top_menu_text;
}
#menu_top a,  #menu_top a:active { text-decoration: none; color: top_menu_link;}
#menu_top a:link, #menu_top a:visited {  text-decoration: none; color: top_menu_link;   }
#menu_top a:hover {  color: top_menu_link; text-decoration: underline;  } 

 #cart_info { 
background-color: top_menu_bg;
border: solid 1px top_menu_border;
padding: 6px;
/*	width: 255px; */
}

/* END  TOP FLOATING MENU */



/* TOP MAIN MENU AREA - The following controls the main menu area */

#topMainMenuContainer {
	 width:main_size;  margin-left: auto; margin-right: auto;
	background:menu_color;
	border-bottom:1px solid menu_border_b;
	border-top:1px solid menu_border_a;
	color: menu_font_color;
	z-index: 6;
} 

#topMainMenu {
	list-style:none;
	margin: 0;
	padding: 0;
	position:relative;
	z-index: 10;
	 width:100%;  margin-left: auto; margin-right: auto;
}
#topMainMenu a,  #topMainMenu a:active {   text-decoration: none; color: menu_link_color;}
#topMainMenu a:link, #topMainMenu a:visited { text-decoration: none; color: menu_link_color;   }
#topMainMenu a:hover {  color: menu_link_hover; text-decoration: underline;  } 

#topMainMenu ul {
	line-height:30px;
	left: 0;
	margin:0;
	margin-left:6px; 
	padding-left:0.2em; 
}

#topMainMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#topMainMenu li a {	
	display: block;
	margin: 0 1px 0 0;
	padding: 6px 16px 6px 0;
	color: menu_link_color;
	text-decoration: none;
}
#topMainMenu li a:hover {	 color: menu_link_hover; text-decoration: underline; }


.topMainMenuItem {
	display:block;
	float:left;
	margin: 0 4px 0 0 ;
	padding:6px;
	position:relative;
	text-decoration:none;
	line-height:30px;

}
.topMainMenuItemOn {
	float:left;
	margin: 0 4px 0 0 ;
	padding:6px;
	position:relative;
	text-decoration:none;
	line-height:30px;
	z-index: 11;
}

.topMainMenuDropDown {
	color: font_color;
	background-color: menu_color;
	position: absolute;
	padding: 0px 4px 4px 4px;
	margin: 6px 0 0 -8px;
	z-index: 110;
	right: 0;
	min-height: 1px;

}

.topMainMenuItem:hover {
	background-color: menu_color;
}
.topMainMenuLabel {
	display:block;
	float:left;
	margin:auto;
	padding:6px;
	position:relative;
	text-decoration:none;
	line-height:30px;
}

.topMainMenuStart {
	display:block;
	float:left;
	margin:auto;
	padding:6px;
	position:relative;
	text-decoration:none;
	line-height:30px;
}
.topMainMenuEnd {
	display:block;
	float:left;
	margin:auto;
	padding:6px;
	position:relative;
	text-decoration:none;
	line-height:30px;
}


#topMainMenuDropDownItem{
	padding: 6px;
	margin: 0;
	font-size: font_size;
	color: boxes_borders;
	text-align: left;
	border-bottom: 1px solid menu_border_b;
	line-height: 13px;
}
#topMainMenuDropDownItem a,  #topMainMenuDropDownItem a:active { text-decoration: none; color: menu_link_color;}
#topMainMenuDropDownItem a:link, #topMainMenuDropDownItem a:visited {  text-decoration: none; color: menu_link_color;   }
#topMainMenuDropDownItem a:hover {  color: menu_link_hover; text-decoration: underline;  } 

/* END TOP MAIN MENU AREA  */


#contentUnderMenu { 
	padding: 6px; 
}



/* MAIN CONTENT AREA - The following controls the main content on the pages */

.pageContent { 
	padding: 4px;
}

.pageContentBold { 
	font-weight: bold;
	padding: 4px;
}

/* errorMessage - This is when an error is displayed */
.errorMessage {
	background-color: error_message_bg;
        border: solid 1px error_message_border;
        font-weight: normal;
        color: error_message_text;
		padding: 4px;
	clear: both;
}
.error {
	color: #490000;
}

/* successMessage - This is when a success message is displayed */
.successMessage {
	background-color: success_message_bg;
        border: solid 1px success_message_border;
        font-weight: normal;
        color: success_message_text;
		padding: 4px;
	clear: both;
}

.successMessage a,  .successMessage a:active {text-decoration: none; color: success_message_text; }
.successMessage a:link, .successMessage a:visited {text-decoration: none; color: success_message_text;   }
.successMessage a:hover {color: success_message_text; text-decoration: underline;   } 


.storeClosed {
	background-color: #EDE5AB;
        border: solid 1px #BAB066;
        font-weight: normal;
        color: #000000;
		padding: 4px;
}
#earlyBirdSpecial{
	background-color: special_message_bg;
    border: solid 1px special_message_border;
    font-weight: normal;
    color: special_message_text;
	padding: 4px;
	text-align: center;
	clear: both;
}
#specialMessage{
	background-color: special_message_bg;
    border: solid 1px special_message_border;
    font-weight: normal;
    color: special_message_text;
	padding: 4px;
	text-align: center;
	clear: both;
}
.specialMessage{
	background-color: special_message_bg;
    border: solid 1px special_message_border;
    font-weight: normal;
    color: special_message_text;
	padding: 4px;
	text-align: left;
	clear: both;
}
.specialMessage a,  .specialMessage a:active {text-decoration: none; color: special_message_text; }
.specialMessage a:link, .specialMessage a:visited {text-decoration: none; color: special_message_text;   }
.specialMessage a:hover {color: special_message_text; text-decoration: underline;   }