body {
   background: #000000;
   margin: auto;
   padding: 0px;
   text-align: left;
   width: 1000px;
   font-family:  Arial, Verdana, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 62.5%; /* 1em = 10px */ 
}

img {
	border: none;
}

.subFooterBox
{
	font-size: 1.3em;
	letter-spacing: -1px;
	float: left;
	padding: 10px;
	border: solid 1px #202020;
	background: url(images/sub-footer-bg.gif) repeat-x top #202020;
}

.subFooterBox h2
{
	border: none;
	background: none;
	border-bottom: solid 1px #333333;
	padding: 0px 0px 5px 0px;
	margin: 0px 10px 5px 0px;
	color: #999999;
}

#contactBox
{
	width: 250px;
}

#contactBox ul
{
	list-style-type: none;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

#indexContent
{
	width: 701px;
	margin-right: 5px;
}

#indexContent ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#indexContent ul li
{
	float: left;
	display: block;
	width: 170px;
	margin: 0px; 
	font-weight: bold;
}

#indexContent ul li ul li
{
	font-size: 0.6em;
	font-weight: normal;
}

#indexContent a
{
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}

#indexContent a:hover
{
	text-decoration: underline;
}

a {
	font-weight: bold;
	color: #68BBF2;
	text-decoration: none;
}

p {
	font-size: 1.2em;
	padding-left: 5px;
	line-height: 1.6em;
}

ul {
	font-size: 1.2em;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #FFB340;
}

h2 {
	display: block;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	font-size: 1.3em;
	font-weight: bold;
	background: url(images/layout_h2_bg.gif) #000000 bottom repeat-x;
	border-bottom: solid 1px #EEEEEE;
	
}
.error {
	color: red;
	padding-left: 10px
}
.headerLeft
{
	float: left;
	display: block;
	width: 750px;
}

.formTable
{
	
}
.formTable th
{
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	width: 180px;
}
.formTable td
{
	font-size: 1.3em;
	padding: 5px;
}
/* HEADER */

#headerContainer {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#headerImgBox
{
	float: right;
	display: block;
	width: 250px;
}

#headerTopBar {
	width: 750px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	background: url(images/layout-header-bg.gif) repeat-x;
}
#headerTopBar img {
	margin: 0px;
	padding: 0px;
	display: block;
}

#headerBottomBar {
	display: block;
	float: left;
	width: 749px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	background: url(images/layout-header-bar-bg.gif) repeat-x;
	border-top: solid 1px #0099FF;
	border-left: solid 1px #0099FF;
	border-bottom: none;
}

#slogan {
   display: block;
   float: left;
   width: 450px;
   height: 21px;
   text-indent: -9999px;
   background: url(images/layout-header-caption.gif) no-repeat;
   margin: 0px;
   padding: 0px;
   border: none;
   font-size: 0.1em; /* IE to remove line break */
}

h1 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(images/layout_h1_bg.gif) repeat-x bottom;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0099ff;
	padding: 5px;
}

#headerImgTop {
   width: 188px;
   height: 60px;
   background: url(images/layout_header_img_top.jpg) no-repeat;
   margin: 0px;
   padding: 0px;
   border: none;
   display: block;
   float: right;
}

#headerImgBottom {
   width: 186px;
   height: 22px;
   background: url(images/layout_header_img_bot.jpg) no-repeat;
   margin: 0px;
   padding: 0px;
   border: none;
   display: block;
   float: right;
}


/* MAIN MENU BAR */

#menuBar {
	width: 998px;
	background: url(images/layout-menu-bg.gif) repeat-x bottom;
	margin: 0px 0px 0px 0px;
	border: solid 1px #005E9D;
	 display: block;
   float: left;
}

#menuBar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menuBar li {
     margin: 0px;
     position: relative;
     float: left;
	 display: block;
}

#menuBar a.mlink {
	float: left;
	display: block;

	padding: 5px 15px 5px 15px;
	color: #ffffff;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1076BA;
	font-size: 1.1em;
	font-weight: bold;
} 

#menuBar a.mlink:hover {
    float: left;
	display: block;

	background: url(images/layout_menu_hover.gif) #2986C4 repeat-x;
	text-decoration: underline;
} 

/* MAIN BODY */

#mainAreaContainer {
	width: 1000px;
	float:left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#textArea {
	float: left;
	width: 325px;
	padding: 10px 0px 15px 0px;
	margin: 0px;
}

#imageArea {
	float: left;
	width: 405px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

/* FOOTER */


#footer {
	width:995px;
	height: 25px;
	background: url(images/layout_footer_bg.gif) #004F84 repeat-x top;
	display: block;
	padding: 0px 0px 0px 3px;
	margin: 10px 0px 10px 0px;
	float: right;
	font-size: 1.1em;
	border: solid 1px #007ACD;
}

#copyDesign {
	float: right;
	padding: 0px;
	font-size: 0.9em;
	color: #666666;
	margin: 5px 3px 10px 0px;
}

#disclaimer {
	float: left;
	padding: 0px;
	font-size: 0.9em;
	color: #666666;
	margin: 5px 3px 10px 5px;
}

.copyDesignLink {
   color: #666666;
   text-decoration: none;
   font-weight: normal;
}

.copyDesignLink:hover {
   color: #999999;
   text-decoration: underline;
   font-weight: normal;
}

#googleCheckout
{
   margin: 0px;
   padding: 0px;
   display: block;
   float: right;
   font-size: 0px;
}

#footerCaption {
   width: 267px;
   height: 27px;
   text-indent: -9999px;
   background: url(images/layout_footer_caption.gif) no-repeat;
   margin: 0px;
   padding: 0px;
   display: block;
   float: left;
   font-size: 0px;
}


/* Homepage */
#hpLeft
{
	float:left;
	display: block;
	width: 195px;
	margin: 0px 5px 0px 0px;
}
#hpMiddle
{
	float:left;
	display: block;
	width: 600px;
	margin: 0px 5px 0px 0px;
}
#hpRight
{
	float:left;
	display: block;
	width: 195px;
	margin: 0px;
}
#hpLeft h2, #hpRight h2
{ 
	float:left;
	display: block;
	width: 190px;
	background: url(images/hp-h2.gif) no-repeat top;
	border: none;
	margin: 0px;
	padding: 5px 0px 4px 5px;
}

.rhnBox
{
	float:left;
	display: block;
	width: 195px;
	background: url(images/rhn-box.gif) no-repeat bottom;
	margin: 0px 0px 15px 0px;
}
.rhnBox ul
{
	list-style-type: none;
	float:left;
	display: block;
	width: 188px;
	background: url(images/rhn-box-top.gif) no-repeat top;
	margin: 0px;
	padding: 10px 2px 10px 5px;
}
.newsLink
{
	padding: 0px 0px 0px 13px;
	background: url(images/hp-bullet.gif) no-repeat 1px 3px;
	display: block;
	font-size: 0.9em;
	color: #FFFFFF;
} 
.hpProducts
{
	background: url(images/lhn-box.gif) no-repeat bottom;
	float: left;
	display: block;
	padding: 5px 10px 10px 10px;
	width: 175px;
}
.hpProducts h3
{
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 170px;	
	font-size: 1.4em;
	font-weight: bold;
	border: none;
	height:28px;
}
.hpProducts a
{
	float: left; display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 1.1em;
	width: 170px;
}
.hpProducts p
{
	float: left; display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.1em;
	width: 170px;
}
.hpProductsTop
{
	background: url(images/lhn-box-top.gif) no-repeat;
	height: 8px;
	width: 195px;
	font-size: 0.001em;
	float: left;
	display: block;
}
/* Products Index Page */

.productBox
{
	width: 326px;
	height: 130px;
	border: solid 2px #0A2634;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	display: block;
	float: left;
	background: url(images/layout_products_box_bg.gif) repeat-x bottom #071D27;
}

.pbLast {
	margin: 0px 0px 5px 0px;
}
			
.productDesc {
	width: 170px;
	float: left;
}
		
.productTitle {
	font-size: 1.4em;
	font-weight: bold;
	border-bottom-width: 1px;
	height:28px;
	margin: 5px;
	padding: 0px;
	border: none;
	background: none;
}

.productText {
	font-size: 1.1em;
	padding: 3px;
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	height: 52px;
}
			
.productBoxImg {
	display: block;
	float: right;
	margin: 4px 4px 4px 0px;
	border: solid 1px #333333;
}

.moreInfo {
	font-size: 1.1em;
	display: block;
	margin: 8px 3px 3px 10px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	background: url(images/more-info-button.gif) no-repeat;
	float: left;
	color: #EEEEEE;
	height: 20px;
	width: 75px;
}

.moreInfo:hover {
	background: url(images/more-info-button-hov.gif) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}


/* Individual Product Page */

#productDisclaimer
{
	width: 980px;
	padding: 10px;
	float: left;
	display: block;
	font-size: 0.8em;
	color: #999999; 
}

/* GALLERY */

.galleryImg {
	width: 302px;
	background: url(images/layout_products_box_bg.gif) repeat-x bottom #071D27;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	border: solid 2px #0A2634;
	float: left;
	display: block;
	text-align: center;
	font-size: 1.2em;
}

.giLast {
	margin: 0px 0px 10px 0px;
}

.galleryImg img
{
	margin: 0px 0px 10px 0px;

}

/* Product Page */

.productHeaderBox {
	width: 686px;
	border: solid 2px #0A2634;
	padding: 5px;
	margin: 0px 5px 10px 0px;
	display: block;
	float: left;
	background: url(images/layout_products_box_bg.gif) repeat-x bottom #071D27;
}

.productHeaderBox form {
	margin: 0px;
	padding: 0px;
}

.productHeaderDesc
{
	float: left;
	margin: 0px;
	width: 300px;
	font-size: 1.1em;
}

.productDescArea
{
	width: 700px;
	padding: 0px;
	margin: 0px 5px 10px 0px;
	display: block;
	float: left;
	background: #111111;
}
.productDescArea h2, .productDescArea p
{
	width: 690px;
}

.productImageArea
{
	width: 295px;
	_width: 285px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: block;
	float: right;
	background: #111111;
}

.imageHoverBox {
	
  margin: 0px 0px 5px 5px;
  _margin: 0px 0px 5px 0px;
  padding: 5px;
  float: left;
  display: block;
  text-align: center;
  width: 130px;
  text-decoration: none;
  font-size: 1.1em;
  background: #222222;
}

.imageHoverBox:hover {
  text-decoration: none;
  background: #333333;
}

.optionsTable
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	float: left;
}

.optionsTable td
{
	padding: 5px;
}

.optionsTable select
{
	width: 240px;
}

.optionsTable input.buttonStyle
{
	background: url(images/layout_atb.gif) no-repeat right #3C68C9;
	padding: 5px 20px 5px 5px;
	color:#FFFFFF;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	width: 120px;
}

/* Basket */
#basketLink
{
	font-size: 1.2em;
	float: right;
}

#basketLink {
	float: right;
	display: block;
	height: 16px;
	padding: 5px 8px 5px 20px;
	color: #ffffff;
	background: url(images/layout_basket.gif) no-repeat left;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1076BA;
} 

#basketLink:hover {
    float: right;
	display: block;
	height: 16px;
	text-decoration: underline;
} 

a.ProdImgThumb:hover
{
	color: #000000;
}

a.ProdImgThumb img
{
	border: solid 1px #333333;
	margin: 0px 3px 3px 0px;
}




/* Basket Page */

.basketTable
{
	float: left;
	width: 740px;;
	margin: 15px 0px 15px 0px;
}

.headerRow td
{

	padding: 5px;
	font-size: 1.3em;
	font-weight: bold;
	background: url(images/layout_h2_bg.gif) #000000 bottom repeat-x;
	border-bottom: solid 1px #EEEEEE;
	
}

.normalRow td
{
	padding: 5px;
	font-size: 1.3em;
	border-bottom: solid 1px #666666;
}

.payBox
{
	float: right;
	text-align: right;
	width: 600px;
	margin: 0px;
}

.payBtn
{
	float: right; margin: 0px 0px 0px 5px;
	border: solid #006699 3px;
	background: white;
}
#googleBtn
{
	padding: 5px;
}
#payPalBtn
{
	padding: 7px 5px 7px 5px;
}
#payPhoneBtn
{	
	padding: 7px 5px 7px 5px;
}

.payBtn:hover
{
	border: solid #0066FF 3px;
}
.pbp
{
	display: block;
	float: right;
	width: 196px;
	text-align: center;
}
.pbp span
{
	font-size: 1.2em;
}
.pbpButton
{
	background: url(images/pay-by-phone.gif) no-repeat top;
	height: 33px;
	width: 181px;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 17px 15px 0px 0px;
	text-align: right;
	font-size: 1.4em;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
}
.pbpButton:hover
{
	background-position: bottom;
	text-decoration: underline;
}


.basketMessage
{
	width: 718px;
	padding: 10px;
	border: solid  1px #0099FF;
	margin: 10px 0px 10px 0px;
	font-size: 1.2em;
	background: #0F1A21;
}

#deliveryInfo
{
	width: 740px;
	display: block;
	float: left;
	padding-top: 15px;
}
.descriptionAtbTable
{
	float: left;
	display: block;
	width: 740px;
	margin: 0px 0px 20px 0px;
}

.pageTurner
{
	width: 720px;
	float: left;
	display: block;

	padding: 10px 0px 10px 5px;
}

.pageTurner a
{
	border: solid 1px #CCCCCC;
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 0px 0px;
	background: url(images/layout_menu_bg.gif) #0E6BA9 repeat-x top;
	color: #FFFFFF;
}

.pageTurner a:hover
{
	border: solid 1px #CCCCCC;
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	background: url(images/layout_menu_hover.gif) #2986C4 repeat-x;
}

.pageTurner span
{
	border: solid 1px #666666;
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 0px 0px;
	color: #666666;
	background: #333333;
}

.disclaimer
{
	font-size: 0.9em;
	color:#AAAAAA;
}

.flakesImageHov
{
	float: right;
	width: 400px;
	text-align: left;
}