/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height: 0px;	
}

#wrap{
	background-image: url(../images/wrap-background.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	width: 972px;
	padding-left: 14px;
	padding-right: 14px;
}
* html #wrap {  /* This is the Tan hack */
	width: 1000px; 
	w\idth: 972px; 
}

#header{
	position: relative;
}

#centerc{
	background-color: #d6d6d6;
	display: inline;
	float:left;
	margin-left: 237px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	width: 715px;
}
* html #centerc {  /* This is the Tan hack */
	width: 735px; 
	w\idth: 715px; 
	}

#leftc{
	background-color: #d6d6d6;
	float:left;
	margin-left:-972px;
	margin-bottom: 10px;
	width: 237px;
}

#foot{
	background-color:#FFFFFF;
	clear: both;
	height: 60px;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
	display: inline;
}
#header_graphic div{
	float: left;
}
#header_graphic img{
	display: block;
}
#navigation{
	float: left;
}
/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	border-top: 1px solid #d6d6d6;
	background-image:url(../images/nav-background.gif);
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 972px;
	height: 33px;

}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	border-right: 1px solid #3d5b80;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 0.9em;  
	padding-bottom: 4px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 6px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	background-color:#000000;
	background-image:url(../images/nav-hover-fill.gif);
	background-repeat: repeat-x;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/
#menu ul {
	list-style: none;
	margin: 0px;
	margin-bottom: 8px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 14px;
	padding: 0px;	
}
#menu ul li {
	margin: 0px; 
	padding: 0px;
}

#menu ul li a, #menu ul li a:visited {
	color: #757575;
	background-color: #FFFFFF;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
	width: 163px;
}
* html #menu ul li a, * html #menu ul li a:visited {  /* This is the Tan hack */
	width: 203px; 
	w\idth: 163px; 
}
#menu ul li a:hover, #menu ul li a:active {
	color: #000000;
} 
#menu ul li a.aMenuHeader, #menu ul li a.aMenuHeader:visited {
	background-image: url(../images/menu/menu-filler.gif);
	background-repeat:no-repeat;
	height: 20px;
	color: #3e5d83;
	padding-top: 9px;
}
#menu ul li a.aMenuHeader:hover, #menu ul li a.aMenuHeader:active {
	color: #CC0000;
}
#menu ul li a.topMenuHeader, #menu ul li a.topMenuHeader:visited {
	background-image: url(../images/menu/menu-top.gif);
	background-repeat:no-repeat;
	color: #3e5d83;	
	padding-top: 9px;
	height: 22px;
}
#menu ul li a.topMenuHeader:hover, #menu ul li a.topMenuHeader:active {
	color: #CC0000;
}
#menu ul li a.bottomMenuHeader, #menu ul li a.bottomMenuHeader:visited {
	background-image: url(../images/menu/menu-bottom.gif);
	background-repeat:no-repeat;
	height: 22px;
	padding-top: 8px;
}






/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul
{
	background-color: #000;
	list-style: none;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
#submenu ul li
{
	background-image: none;
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited
{
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 163px;
}
* html #submenu {  /* This is the Tan hack */
	width: 163px; 
	w\idth: 163px; 
	}


/** ------------------------------------------------------ **/
/** ------------------- higlights boxes------------------- **/

div.miniadverta {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 5px;
	margin-bottom: 15px;
	color: #666666;
	font-weight: normal;
}

div.miniadverta a , div.miniadverta a:visited {
	color: #333366;
	text-decoration: underline;
	font-weight: normal;
}
div.miniadverta a:hover, div.miniadverta a:active {
	color:#0066CC;
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft
{
	margin-top: 10px;
	background-color:#FFFFFF;
	float: left;
}
#footerleft ul
{
	list-style: none; 
    margin: 0;
	margin-top: 12px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
	
}
#footerleft ul li
{
	color: #999999;
	display: inline;
	font-size: 0.8em;
	margin: 0;		
}
#footerleft ul li a
{		
	color: #999999;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus
{	
    color: #000000;
	text-decoration: underline;	
}
#footerright
{
    background-color:#FFFFFF;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}
#footerright ul
{
    list-style: none; 
    margin: 0px;
	padding: 0px;
    white-space: nowrap;
}
#footerright ul li
{
	display: inline;
	margin: 0px;	
	padding: 0px;	
}
#footerright ul li a
{		
	color: #000000;
	text-decoration: underline;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus
{	
    color: #CCCCCC;
	text-decoration: underline;	
}

	


/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 {
	color: #0062a5;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;	
}

h2 {
	color: #0062a5;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	color: #0062a5;
	font-size: 1em;
	font-weight: bold;	 
}

a, a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
img {
	border: 0px;
}

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}
pre {
	font-size: 0.8em;
	background-color: #CCCCCC;
	padding: 10px;
}


/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border-color: #cccccc;
  xpadding: 10px;
  padding: 5px;
  margin-top: 10px;
}
legend {
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 105px;
  margin-right: 10px;
  padding-bottom: 10px;
  }


/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	background-color: #FFFFFF;
	clear: both;
	padding-top:0px;
	width: 700px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: left;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
	height: 0px;
}
  
  
  
  
/** ------------------- calendar --------------------------- **/
.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}

button.calendar {
	background-color: #FFFFFF;
	background-image: url(/admin/images/calendar.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
}
/*button.calendar:hover, button.calendar.active {
	background-position: 0 20px;
}*/

div.calendar {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
	width: 147px;	
}	
div.calendar * {
		margin: 0;
		padding: 0;
	}	
div.calendar div {
	background: none !important;
	cursor: move;
	overflow: hidden;
	position: relative;
	width: 147px;		
}	
	
div.calendar caption {
	color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	padding-bottom: 5px;
	text-align: center;
	width: 100%;
	display: block;
}
div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 4px;
		width: 11px;
}
div.calendar caption a.prev {
		background-image: url(/admin/images/calendar-prev.gif);
		background-repeat: no-repeat;
		left: 0;
	}
div.calendar caption a.next {
		background-image: url(/admin/images/calendar-next.gif);
		background-repeat: no-repeat;
		right: 0;
	}
/*div.calendar caption a:hover {
		background-position: 0 12px;
	}*/
div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
div.calendar caption span.month {
		padding-right: 8px;
	}
div.calendar caption span.month:after {
		content: ',';
	}

div.calendar table {
		background: #FFFFFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td, div.calendar th {
		color: #666666;
		border: 0;
		height: 21px;
		font-size: 11px;
		text-align: center;
		width: 21px;
	}
	div.calendar th {
		border-bottom: 1px solid #CCCCCC;
		font-weight: normal;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 8pt;
	}
	div.calendar td {		
	}
	div.calendar td.invalid {
		color: #CCCCCC;								
	}
	div.calendar td.valid {
		color: #000000;
		cursor: pointer;		
	}
	div.calendar td.hilite {	
		
	}
	div.calendar td.inactive {
			
	}
	div.calendar td.active,	div.calendar td.hover {
		background-color: #cccccc;
		color: #FFFFFF;
		cursor: pointer;
	}  
  
/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

.introduction {
	font-weight: bold;
	line-height: 1.8;
	font-size: 0.9em;
}
div.homePageProduct {
	float:left;
	padding-left: 5px;
	padding-right: 4px;
}
div.homePageProduct img {
	display: block;
}
.featuredProductsContainer {
	background-color:#FFFFFF;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 711px;
}
.featuredProductsContainer img {
	display: block;
}
.homeHeaderAd  {
	float:left;
	background-image: url(../images/home-ad-header.gif);
	background-repeat:no-repeat;
	height: 34px;
	color: #FFFFFF;
	font-weight: bold;
	width: 456px;
}
.homeHeaderAd p {
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
}
.homeHeaderNews {
	float:left;
	background-image: url(../images/home-news-header.gif);
	background-repeat:no-repeat;
	height: 34px;
	color: #FFFFFF;
	font-weight: bold;
	width: 255px;
}
.homeHeaderNews p {
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
	padding-left: 20px;
}
.homeProductContainer {
	float: left;
}
.homeProductList {
	background-color: #FFFFFF;
	float:left;
	border-right: 2px solid #cccccc;
	width: 150px;
}
* html .homeProductList {
	width: 152px; 
	w\idth: 150px; 
}
.homeProductList img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.homeProductList p.homeProductName {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-align:center;
	font-size: 1em;
}
.homeProductList p.productDescription {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	color: #7d7d7d;
	font-size: 0.8em;
}
.homeNewsContainer {
	background-color: #FFFFFF;
	float: left;
}
.homeNewsList {
	border-bottom: 2px solid #CCCCCC;
	width: 255px;
	background-color:#ffffff;
	margin-bottom: 10px;
}
.homeNewsList p.homeNewsListTitle {
	background-color: #FFFFFF;
}
.homeNewsList p.homeNewsListTitle{
	color: #001a3a;
	padding: 0px;
	padding: 10px;
	margin: 0px;
	font-size: 1.4em;
}
.homeNewsList p.homeNewsName {
	color: #CC0000;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}
.homeNewsList p {
	font-size: 0.8em;
	color:#666666;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}
.fontColorRed {
	color:#CC0000;
}
.homeBullets {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.8em;
}
.callback {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/request-background.gif);
	background-repeat:repeat-y;
	margin-left: 20px;
	margin-top: 20px;
	width: 202px;
}
.callback img {
	display: block;
}
.callback label {
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 15px;
	padding-top: 14px;
	width: 40px;
	font-size: 12px;
}
.callback input {
	margin-top: 12px;
}
.callback .button {
	margin-top: 10px;
	margin-right: 30px;
	float: right;
}
.callback fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
}
.login {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/login-background.gif);
	background-repeat:repeat-y;
	margin-left: 20px;
	margin-top: 20px;
	width: 202px;
}
.login img {
	display: block;
}
.login img.centerImg {
	padding-top: 10px;
	padding-bottom: 10px;
}
.login p {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
}
.login a {
	color: #fdadb0;
	text-decoration: none;
}
div.productList {
}
.productTitle {
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
}
div.productList div.TableReplacedata p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	padding-bottom: 10px;
}
.spacer {
	height: 10px;
}
#sitemap ul {
	list-style:none;
}
#sitemap ul li {
	padding-top:2px;
	padding-bottom: 2px;
}
#sitemap ul li a, #sitemap ul li a:visited {
	color: #000000;
	font-weight: bold;
}
#sitemap ul li a:hover, #sitemap ul li a:active {
		color: #0066FF;
}
#sitemap ul li ul {
	list-style: disc;
}
#sitemap ul li ul li a, #sitemap ul li ul li a:visited {
	font-weight:normal;
}
.productContact {
	font-weight: bold;
}
.productContact span {
	color: #CC0000;
} 
.phoneHolderText {
	color: #0062a5;
	font-size: 1.2em;
	font-weight: bold;
}
.productBanner {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}
.memberForm label {
	width: 140px;
}
.termsList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
.termsList p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
.termsList p span {
	font-weight: bold;
}
.celebrationText {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
span.productPrice {
	color: #FF0000;
	font-size: 1.6em;
	font-weight: bold;
}

.priceDisplay {
	float:left;
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding-top: 10px;
	width: 490px;
}

.priceDisplay p {
	margin:0px;
	paddng:0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.priceDisplayTopLeft {
	padding-bottom: 30px;
}	
.priceDisplayNote {
	font-size:0.8em;
	padding-top:7px;
	padding-bottom:5px;
}