html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #000e29;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000; /*#000*/
  font-size: 0.7em;
  line-height: 1.3em;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.1em;
}
/*Home page new stuff*/
body#home h2 {
margin-top: 15px;
line-height: 1.2em;
}
body#home #outerWrapper #contentWrapper ul {
list-style: none;
padding-left: 0px;
}
body#home #outerWrapper #contentWrapper ul li {
line-height: 1.5em;
}
body#home #outerWrapper #contentWrapper ul li strong {
font-size: 1.3em;
color: #003399;
font-weight: normal;
border-bottom: 2px solid #FF66CC;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  text-decoration: underline;
}

#outerWrapper {
position: relative;
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 100%;
}
#outerWrapper #header {
	padding: 90px 10px 0px 10px;/*0px 10px 0px 10px*/
	background: #ff9933 url(../media/graphics/header_bg2.jpg) repeat-x;
	text-align: center;
	border-bottom: 1px solid #fff;/*required to solve ie extra space at bottom of header issue*/
}
#outerWrapper #header ul { 
	list-style: none;
	padding: 0px;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 600px;
}
#outerWrapper #header ul li {
float: left;
margin: 0px 1px 0px 1px;
}

#outerWrapper #header ul a,
#outerWrapper #header ul a:link {
position: relative;/*Solves link background wrapping issue in ie6*/
padding: 11px 0px 10px 2px;
display: block;
width: 114px;
font-size: 1.2em;
margin: 0px 0px 0px 0px;
}
#outerWrapper #header ul li {/*Required to solve ie6 hover flashing issue*/
padding-bottom: 10px;
margin-bottom: -10px;
background-color: #fff;
}

#outerWrapper #header ul a:hover {
text-decoration: none;
}
#outerWrapper #header ul li.current-tab a,
#outerWrapper #header ul li.current-tab a:link {
cursor: default;
}

#outerWrapper #header ul a:link.welcome-tab,
#outerWrapper #header ul a:visited.welcome-tab {
background: transparent url(../media/graphics/blue_tab.jpg) no-repeat top left;
padding-bottom: 50px;
margin-bottom: -45px;
}
#outerWrapper #header ul li.welcome-tab,/*Required to solve ie6 hover flashing issue*/
#outerWrapper #header ul li.current-tab a:link.welcome-tab,
#outerWrapper #header ul li.current-tab a:visited.welcome-tab {
background: transparent url(../media/graphics/blue_tab.jpg) no-repeat top right;
}

#outerWrapper #header ul a:link.products-tab,
#outerWrapper #header ul a:visited.products-tab {
background: transparent url(../media/graphics/orange_tab.jpg) no-repeat top left;
padding-bottom: 50px;
margin-bottom: -45px;
}
#outerWrapper #header ul li.products-tab,/*Required to solve ie6 hover flashing issue*/
#outerWrapper #header ul li.current-tab a:link.products-tab,
#outerWrapper #header ul li.current-tab a:visited.products-tab {
background: transparent url(../media/graphics/orange_tab.jpg) no-repeat top right;
}
#outerWrapper #header ul a:link.delivery-tab,
#outerWrapper #header ul a:visited.delivery-tab {
background: transparent url(../media/graphics/pink_tab.jpg) no-repeat top left;
padding-bottom: 50px;
margin-bottom: -45px;
}
#outerWrapper #header ul li.delivery-tab,/*Required to solve ie6 hover flashing issue*/
#outerWrapper #header ul li.current-tab a:link.delivery-tab,
#outerWrapper #header ul li.current-tab a:visited.delivery-tab {
background: transparent url(../media/graphics/pink_tab.jpg) no-repeat top right;
}
#outerWrapper #header ul a:link.terms-tab,
#outerWrapper #header ul a:visited.terms-tab {
position:relative;/*Solves background wrapping issue in ie6*/
padding: 3px 0px 4px 2px;
background: transparent url(../media/graphics/green_tab.jpg) no-repeat top left;
padding-bottom: 50px;
margin-bottom: -45px;
}
#outerWrapper #header ul li.terms-tab,/*Required to solve ie6 hover flashing issue*/
#outerWrapper #header ul li.current-tab a:link.terms-tab,
#outerWrapper #header ul li.current-tab a:visited.terms-tab {
background: transparent url(../media/graphics/green_tab.jpg) no-repeat top right;
}

#outerWrapper #header ul a:link.contact-tab,
#outerWrapper #header ul a:visited.contact-tab {
position: relative;/*Solves background wrapping issue in ie6*/
padding: 3px 0px 4px 2px;
background: transparent url(../media/graphics/yellow_tab.jpg) no-repeat top left;
padding-bottom: 50px;
margin-bottom: -45px;
}
#outerWrapper #header ul li.contact-tab,/*Required to solve ie6 hover flashing issue*/
#outerWrapper #header ul li.current-tab a:link.contact-tab,
#outerWrapper #header ul li.current-tab a:visited.contact-tab {
background: transparent url(../media/graphics/yellow_tab.jpg) no-repeat top right;
}


#outerWrapper #contentWrapper {
position: relative;
	padding-top: 40px;
	z-index: 1000;
}
body.blue #outerWrapper #contentWrapper {
	background: #003399 url(../media/graphics/blue_fade.jpg) repeat-x;
}
body.orange #outerWrapper #contentWrapper {
	background: #003399 url(../media/graphics/orange_fade.jpg) repeat-x;
}
body.pink #outerWrapper #contentWrapper {
	background: #003399 url(../media/graphics/pink_fade.jpg) repeat-x;
}
body.green #outerWrapper #contentWrapper {
	background: #003399 url(../media/graphics/green_fade.jpg) repeat-x;
}
body.yellow #outerWrapper #contentWrapper {
	background: #003399 url(../media/graphics/yellow_fade.jpg) repeat-x;
}
#outerWrapper #contentWrapper #leftColumn1 {
position: relative;/*Solve missing side links in ie6*/
  float: left;
  padding: 10px 10px 10px 10px;
  width: 140px;
}
body#productDetail #outerWrapper #contentWrapper #leftColumn1,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 {
width: 180px;
}
#outerWrapper #contentWrapper #rightColumn1 ul,
#outerWrapper #contentWrapper #leftColumn1 ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}
#outerWrapper #contentWrapper #leftColumn1 ul {
float: right;
}
#outerWrapper #contentWrapper #rightColumn1 ul {
float: left;
}
#outerWrapper #contentWrapper #leftColumn1 ul li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 114px;
background: transparent url(../media/graphics/btn_bottom.jpg) no-repeat bottom left;
}
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li {
width: 150px;
margin-bottom: 10px;
background: transparent url(../media/graphics/btn_bottom_prods.jpg) no-repeat bottom left;
}
#outerWrapper #contentWrapper #leftColumn1 ul li a,
#outerWrapper #contentWrapper #leftColumn1 ul li a:link {
background: transparent url(../media/graphics/btn_top.jpg) no-repeat top left;
line-height: 1.2em;
display: block;
padding: 6px 2px 6px 2px;
margin: 0px 5px 0px 0px;
width: 110px;
text-align: center;
}
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a,
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a:link,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a:link {
background: transparent url(../media/graphics/btn_top_prods.jpg) no-repeat top left;
width: 146px;
}
#outerWrapper #contentWrapper #leftColumn1 ul li a.current,
#outerWrapper #contentWrapper #leftColumn1 ul li a:link.current,
#outerWrapper #contentWrapper #leftColumn1 ul li a:visited.current,
#outerWrapper #contentWrapper #leftColumn1 ul li a:hover.current,
#outerWrapper #contentWrapper #leftColumn1 ul li a:hover {
background: transparent url(../media/graphics/btn_hover.jpg) no-repeat top left;
color: #fff;
text-decoration: none;
}
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a.current,
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a:link.current,
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a:visited.current,
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a:hover.current,
body#productDetail #outerWrapper #contentWrapper #leftColumn1 ul li a:hover,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a.current,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a:link.current,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a:visited.current,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a:hover.current,
body#productsHome #outerWrapper #contentWrapper #leftColumn1 ul li a:hover {
background: transparent url(../media/graphics/btn_hover_prods.jpg) no-repeat top left;
}
#outerWrapper #contentWrapper #rightColumn1 ul li {
margin: 0px 0px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
width: 97px;
background: transparent url(../media/graphics/btn_bottom_large.jpg) no-repeat bottom left;
}
#outerWrapper #contentWrapper #rightColumn1 {
position: relative;/*Solves missing right links in ie6*/
  float: right;
  padding: 10px 10px 10px 10px;
  width: 140px;
}
#outerWrapper #contentWrapper #rightColumn1 ul li.biha {
background: transparent url(../media/graphics/btn_top_large.jpg) no-repeat top left;
text-align: center;
}

#outerWrapper #contentWrapper #rightColumn1 ul li a,
#outerWrapper #contentWrapper #rightColumn1 ul li a:link {
background: transparent url(../media/graphics/btn_top_large.jpg) no-repeat top left;
line-height: 1.2em;
display: block;
padding: 6px 2px 6px 2px;
margin: 0px 5px 0px 0px;
width: 97px;
text-align: center;
}
#outerWrapper #contentWrapper #rightColumn1 ul li a.current,
#outerWrapper #contentWrapper #rightColumn1 ul li a:link.current,
#outerWrapper #contentWrapper #rightColumn1 ul li a:visited.current,
#outerWrapper #contentWrapper #rightColumn1 ul li a:hover.current,
#outerWrapper #contentWrapper #rightColumn1 ul li a:hover {
background: transparent url(../media/graphics/btn_hover_large.jpg) no-repeat top left;
color: #fff;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
position: relative;
background: #fff url(../media/graphics/content_bg.jpg);
  margin: 0px 170px 0px 170px; /*0px 170px 0px 170px*/
  padding: 10px 10px 10px 10px;
  border: 6px solid #002877;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  height: auto;
}
#outerWrapper #contentWrapper #content a, 
#outerWrapper #contentWrapper #content a:link {
text-decoration: underline;
}
body#contact #outerWrapper #contentWrapper #content ul {
list-style: none;
padding: 0px 0px 0px 0px;
}
body#contact #outerWrapper #contentWrapper #content #contactForm {
width: 260px;
margin: 0 auto 0 auto;
border: solid 4px #003399;
}
body#contact #outerWrapper #contentWrapper #content #contactForm .formErrors {
color: #ff0000;
border: 1px solid #ff0000;
background-color: #fff;
padding: 5px 5px;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails {
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails,
body#contact #outerWrapper #contentWrapper #content #contactFormMessage {
width: 250px;
float: left;
padding: 0px 5px 5px 5px;
margin-top: 0px;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails p,
body#contact #outerWrapper #contentWrapper #content #contactFormMessage p {
margin: 0px 0px;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails p input,
body#contact #outerWrapper #contentWrapper #content #contactFormMessage p input {
float: right;
clear: right;
color: #000;
border: 1px solid #003399;
background-color: #fff;
padding: 0px 2px 0px 2px;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails p input.checkbox {
border: 1px solid #003399;
background-color: transparent;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails h2,
body#contact #outerWrapper #contentWrapper #content #contactFormDetails label,
body#contact #outerWrapper #contentWrapper #content #contactFormMessage label {
float: left;
clear: left;
text-align: left;
line-height: 1.6em;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails label.purpose {
width: 225px;
text-align: right;
}
body#contact #outerWrapper #contentWrapper #content #contactFormDetails textarea,
body#contact #outerWrapper #contentWrapper #content #contactFormMessage textarea {
width: 240px;
height: 92px;
}
body#contact #outerWrapper #contentWrapper #content #contactFormMessage input.submit {
cursor:auto;
width: 240px;
margin-right: 5px;
}

body#productDetail #outerWrapper #contentWrapper #content,
body#productsHome #outerWrapper #contentWrapper #content {
margin-right: 70px;
margin-left: 200px;
}
body#productsHome #outerWrapper #contentWrapper #content div#newProducts {
width: 400px;
border: 4px solid #003399;
margin: 0 auto 0 auto;
}
body#productsHome #outerWrapper #contentWrapper #content div#newProducts h2 {
background-color: #fff;
line-height: 1.8em;
border-bottom: 1px solid #003399;
}
body#productsHome #outerWrapper #contentWrapper #content div#newProducts ul {
margin: 0px 0px;
padding: 0px 10px 0px 10px;
}
body#productsHome #outerWrapper #contentWrapper #content div#newProducts ul li {
display: inline;
}

#outerWrapper #contentWrapper #content div.offer {
position: relative;
width: 38%;
margin: 3% 2% 2% 4%;
padding:5% 2% 5% 2%;
border: 1px solid #000;
float: left;
font-size: 1.2em;
line-height: 1.3em;
}
#outerWrapper #contentWrapper #content div.offer h2 {
text-decoration: underline;
font-size: 1.3em;
}
#outerWrapper #contentWrapper #content div.offer ul {
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
}
#outerWrapper #contentWrapper #content div.offer li {
font-size: 1.1em;
padding: 2px 0px 2px 0px;
}

/*Start of prod details specific stuff*/
body#productDetail #outerWrapper #contentWrapper #content #productWrapper {
margin-right: 140px;
text-align: center;
}
body#productDetail #outerWrapper #contentWrapper #content #product_data {
width: 98%;
padding: 0px 0px 0px 0px;
margin: 0% 0% 0% 0%;
}
body#productDetail #outerWrapper #contentWrapper #content p {
text-align: left;
margin-left: 0px;
}
body#productDetail #outerWrapper #contentWrapper #content #product_data ul {
margin-right: 0px;
}
body#productDetail #outerWrapper #contentWrapper #content ul li.no_btm_border {
border-bottom: none;
}
body#productDetail #outerWrapper #contentWrapper #content ul li.right {
border-top: none;
text-align: right;
}
body#productDetail #outerWrapper #contentWrapper #content ul li.no_top_border {
border-top: none;
}
body#productDetail #outerWrapper #contentWrapper #content ul li span.raincover {
float: right;
width: 130px;
color: #003399;
margin-top: 5px;
padding: 0px 0px 0px 5px;
line-height: 1.5em;
background-color: #fff;
}
body#productDetail #outerWrapper #contentWrapper #content ul li span.prod_data {
text-align: right;
color: #003399;
background-color: #fff;
}
body#productDetail #outerWrapper #contentWrapper #content ul li img {
border: none;
margin: 5px 0px 0px 0px;
}
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs {
position: relative;/*Solves missing product thumb panel problem in ie6*/
	width: 130px;
	float: right;
	height: 350px;
	overflow: auto;
	border: 2px solid #003399;
}
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs a:link img {
border: #000 solid 2px;
margin: 0px 0px 3px 0px;
}
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs a:visited img{
border: #000 dotted 2px;/*#000 dotted 2px*/
margin: 0px 0px 3px 0px;
}
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs a:hover img{
border: #000 dotted 2px;/*#000 dotted 2px*/
margin: 0px 0px 3px 0px;
}
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 0.8em;
line-height: 1em;
}
body#productDetail #outerWrapper #contentWrapper #content div#prod_desc {
position: relative;/*Solves missing data problem in ie6*/
float: left;
clear: left;
width: 99%;
}
body#productDetail #outerWrapper #contentWrapper #content div#prod_desc h2 {
text-decoration: underline;
}
body#productDetail #outerWrapper #contentWrapper #content img,
body#productsHome #outerWrapper #contentWrapper #content img,
body#home #outerWrapper #contentWrapper #content img {
border: #000 solid 4px;
margin: 0px 10px 5px 10px;
}
body#productDetail #outerWrapper #contentWrapper #content img.main {
float: left;
margin: 10px 0px 10px 0px;
}
body#productDetail #outerWrapper #contentWrapper #content ul {
list-style: none;
border: 1px solid red;
float: left;
width: 200px;
padding: 0px 0px 0px 0px;
margin: 10px 5px 10px 10px;
}
body#productDetail #outerWrapper #contentWrapper #content ul li {
border: 1px solid #003399;
padding: 0px 5px 0px 5px;
line-height: 2em;
}
/*Weather additional module styling*/
#outerWrapper #contentWrapper #content wx_module_7714 {
width: 300px;
margin: 0 auto 0 auto;
}
/*Google map styling*/
#outerWrapper #contentWrapper #content iframe {
border: 7px solid #002877;
width: 370px;
height: 350px;
margin: 0px 0px;
overflow: hidden;
}
#outerWrapper #contentWrapper #content ol li {
text-align: left;
}
body#halls #outerWrapper #contentWrapper #content div.hall {
position: relative;
width: 190px;
height: 13em;
float: left;
margin: 2% 1% 2% 1%;
}
body#halls #outerWrapper #contentWrapper #content div.hall ul {
list-style: none;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

body#productDetail #outerWrapper #contentWrapper #content ul li,
body#halls #outerWrapper #contentWrapper #content ul li {
text-align: left;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #header div.clearFloat,
#outerWrapper #contentWrapper .clearFloat,
#outerWrapper #contentWrapper #content .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
  background: #000c23 url(../media/graphics/footer_bg.jpg) repeat-x;
  padding: 10px 10px 20px 10px;
}
#outerWrapper #footer a, 
#outerWrapper #footer a:link{
  color: #66ffff;
  font-weight: normal;
}
#outerWrapper #footer span.copyright {
float: left;
margin-left: 15em;
}
#outerWrapper #footer span.designedby {
float: right;
margin-right: 15em;
}
body#productDetail #outerWrapper #footer span.designedby,
body#productsHome #outerWrapper #footer span.designedby {
margin-right: 70px;
}
body#productDetail #outerWrapper #footer span.copyright,
body#productsHome #outerWrapper #footer span.copyright {
margin-left: 200px;
}
#outerWrapper div#allsortsAnimation {
position: absolute;
width: 100%;
margin: 0 auto 0 auto;
top: 0px;
text-align: center;
}

#outerWrapper #contentWrapper #content .red {
color: #FF0000;
}

body#home #outerWrapper #contentWrapper #content p.fireworks a:hover img {
border: #FF0000 dotted 4px;
}
body#home #outerWrapper #contentWrapper #content p.fireworks a {
outline: none;
}

body#home #outerWrapper #contentWrapper #content div.castleImages {
/*border: 1px solid #FF0000;*/
width: 510px;
margin: 0 auto 0 auto;
text-align: center;
}
body#home #outerWrapper #contentWrapper #content div.castleImage {
padding: 0px 0px;
/*border: 1px solid #0099FF;*/
float: left;
width: 170px;
}
body#home #outerWrapper #contentWrapper #content div.castleImage img.title {
margin-bottom: -10px;
}
body#productDetail #outerWrapper #contentWrapper #content img.no-border,
body#productDetail #outerWrapper #contentWrapper #content div#product_thumbs img.no-border{
border: none;
}