/* Default CSS Stylesheet for a new Web Application project */{}

/* Global Layout */

html, body { height: 100%; margin: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; background:url(layout/bg.gif); }

table#masthead-grid { background: url(/layout/header-bg.jpg) no-repeat; width: 100%; height: 230px; margin: 0 auto 0 auto }
table#store-grid { width: 780px; text-align: center; margin: 0 auto 0 auto; }
table#footer-grid { width: 780px%; height: 500px; margin: 0 auto 0 auto; border-top: 1px solid #E8E8E8; }

td#masthead { height: 150px; width: 780px; margin: 0 auto 0 auto; text-align: center; background: url(/headers/tops_indx_no_reflect.jpg) top left no-repeat }

td#sub-header { height: 30px; width: 780px; margin: 0 auto 0 auto; text-align: center; }

td#column-b { width: 780px; background: #ffffff; text-align: left; vertical-align: top; padding: 0px; }

td#full-width { width: 780px; text-align: left; vertical-align: top; padding-top: 10px; }
hr {color: #fff; background-color: #fff; border: 1px dotted #cccccc; border-style: none none dotted; }



.masthead-tools { background:url(/Images/topbanner.jpg) no-repeat; }
a.basket { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; border-bottom: 1px solid #fff }
a.basket:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; border-bottom: none }
span.basket { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left }

#nick-name{margin:0;padding:10px;height:250px;width:250px;border:1px solid #036;display:none;position:absolute;background:#fff;}
#alt-billing{margin:0;padding:10px;height:280px;width:250px;border:1px solid #036;display:none;position:absolute;background:#fff;}

/* ------------------------------------------------------------------------------ */

H1, h1 {
	font-family: Georgia;
	font-size: 20pt;
	font-style: normal;
	line-height: normal;
	font-weight:100;
	color: #006699;
	text-decoration: none;
	display: inline;
}
h1.title, H1.title {
	font-family: Georgia;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight:100;
	color: #0c76ab;
	text-decoration: none;
	display: inline;
}

H1.text, h1.text {
	font-family: Georgia; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	background-image: none; 
	text-align: left; 
}

H2, h2 {
	font-family: Georgia;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	display:inline;
}

span.was {
	font-family: Georgia;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #0099CC;
	text-decoration: none;
	display: inline;
}

span.now {
	font-family: Georgia;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	display: inline;
}
.nowTopsellers {
	font-family: Georgia;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	display:inline;
}

H3, h3 {
	font-family: Georgia;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #4FAACE;
	text-decoration: none;
	display: inline;
}
p {font-family: Arial, Helvetica, sans-serif, Times, serif; font-size: 10pt; color: #666; margin-top: 10px; padding: 0px; line-height:200%}

p.large {
	font-family: Georgia;
	font-size: 14pt;
	font-style: italic;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	line-height: 150%;
	padding: 0px 20px 0px 20px;
}

p.large a, p.large a:hover {
	font-family: Georgia;
	font-size: 14pt;
	font-style: italic;
	font-weight: normal;
	color: #448ccb;
	text-decoration: underline;
	line-height: 150%;
}

.quantity {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #006699;
	width: 40px;
}

.attribute {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: left; 
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #006699; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: left; 
}

a.sitemap {
	font-family: Georgia; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: left; 
}

a.sitemap:hover {
	font-family: Georgia; 
	font-size: 10pt; 
	color: #006699; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: left; 
	background-color: #ECF9FF;
}

div#divCurrency {
	background-color: #ECF9FF;
	padding: 5px;
	height: 20px;
	width: 100%;
	border: 1px dashed #006699;
	margin-bottom:10px;
}

span.euronow, span.eurowas, span.usdnow, span.usdwas, span.Swednow, span.Swedwas, span.Nornow, span.Norwas, span.Dannow, span.Danwas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	line-height:200%
}

a.toggle {
	display: block;
	cursor: pointer
	}

div.stock-box {
	background-color: #ECF9FF;
	padding: 5px;
	height: 20px;
	width: 200px;
	border: 1px dashed #006699;
}

.how-many {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

.stock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.hd {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
	color:#4FAACE;
	text-align: left; 
}
.hd_bold {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
	color:#4FAACE;
	font-weight: bold; 
	text-align: left; 
}
.GeneralTable
{
	background-color: white; }

.TopBanner
{
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: none;
	background-color: #FFFFFF; 
	background-image: none; 
	text-align: left; 
}

.TopSubBanner
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #E7E3D7; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: none;
	background-color: #666666; 
	background-image: none; 
	text-align: center; 
}

.TopSubBannerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #E7E3D7; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: none;
	text-align: center; 
}

.LeftColumn
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	background-color: #C6BFA5; 
	background-image: none; 
	vertical-align: top; /* Vertical Align Text */
	text-align: left; 
	width: 20%; /* Cell Width */
}

.LeftColumnText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; 
	width: 20%; /* Cell Width */
}

.RightColumn
{
	font-family: Tahoma; 
	font-size: 10px; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	background-color: #C6BFA5; 
	background-image: none; 
	vertical-align: top; /* Vertical Align Text */
	text-align: left; 
	width: 20%; /* Cell Width */
}

.RightColumnText
{
	font-family: Tahoma; 
	font-size: 12px; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; 
}
.RightColumnText:Hover
{
	font-family: Tahoma; 
	font-size: 12px; 
	color: #4FAACE; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	vertical-align: top; /* Vertical Align Text */
	text-align: left; 
}


.Footer
{
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	background-image: none; 
	text-align: center; 
	vertical-align: top; /* Vertical Align Text */
}

.FooterText
{
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: center; 
	vertical-align: top; /* Vertical Align Text */
}
.FooterText:Hover {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #4FAACE;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none;
	text-align: center; 
	vertical-align: top; /* Vertical Align Text */
} 

.Footer_citrus {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #666666; 
	font-style: normal; 
	text-decoration: none;
}
.Footer_citrus:Hover {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #4CB551; 
	font-style: normal; 
	text-decoration: none;
}
.Instructions
{
	font-family: Tahoma; 
	font-size: 10px; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: none; 
	background-image: none; 
	text-align: left; 
}





.Headings
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: Black; 
	
	}

.ErrorMessages
{
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif; 
	font-size: 10pt; 
	color: #5691b0; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration; 
	text-align: left; 
}

.Messages
{
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif; 
	font-size: 10pt; 
	color: #C90D4F; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	background-image: none; 
	text-align: center; 
}

.Inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: black; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	background-image: none; 
}

.Content
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	background-image: none; 
	text-align: left; 

}


.AlternatingContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: black; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-image: none; 
	text-align: left; 
}


.ContentTableHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; /* Heading Font Size */
	color: #000000; /* Heading Font Color */
	font-weight: bold; /* Heading Font Style */
	font-style: normal; /* Heading FontStyle */
	text-decoration: none; /* Heading Font Style */
	background-color: none; 
	background-image: none; 
	text-align: left; 
}

.ContentTable
{
	background-color: none;
}

.ContentTableHorizontal {
	background-color: none;
}

.shipping {
	background: url(/headers/shipping.gif) no-repeat center top scroll;
}

.smallink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #3391B5;
	text-decoration: none;
}
.small {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size:7pt;
	color:#666666;
}
.control {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
  	color:#666666;
	text-decoration:none;
}

.control:hover {
	color:#4FAACE;
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
}
.mail {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
  	color:#666666;
	text-decoration:none;
}

.mail:hover {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
	font-size:10pt;
	color:#4FAACE;
	text-decoration:none;
}
.Coupon {
	border: 1px dashed #CFE2EC;
}

.TopGroup
{
	/*background colour & border of main navigation*/
  background-color:#F7F7F7;
  border:1px solid #FFFFFF; 
}

.Group
{
/* background colour and border of expanded navigation*/
  background-color:#F8FDFF;
  /*border:solid 1px #EBEBEB;*/ 
}

.Item
{
  /*font colour, border of each navigation item.  if you set a 
background for this style then it will overwrite the topgroup and
group background colours*/
  font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
  font-size:8pt; 
  border:solid 1px #F8FDFF;
  cursor:pointer;
  color:#666666;
   /*font-weight:bold;*/
}


.ItemH
{
/* the style for mouse overs*/
  background-color:#ffffff; 
  color:#4FAACE; 
   /*font-weight:bold;*/
  font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
  font-size:8pt;  
  border:solid 1px #DDDDDD; 
  cursor:pointer;
}


.ItemExp
{
/* style for the active menu item*/
  background-color:#DDDDDD; 
  color:gray; 
  /*font-weight:bold;*/
  font-family: Georgia, Verdana, Arial, helvetica, sans-serif;
  font-size:8pt;  
  border:solid 1px #DDDDDD; 
  cursor:pointer;
}

/* ------------------------------------------------------------------------------ */
/* New Search Results Layout and Styles */

/* 1. Re-order Buttons */

/* 2. Top Sellers In Category */

#top-sellers{ width: 760px; margin-bottom:10px; padding-left:10px; }
ul.top-sellers { margin: 0px 0px 5px 0px; padding: 0px; list-style: none; height: 95px; width: 375px; float: left; border-bottom: 1px solid #d9f2ff; }
ul.top-sellers li.img { width: 70px; height: 50px; margin: 5px 0px 0px 0px; padding: 0px; float: left; }
ul.top-sellers li.txt { width: 250px; height: 50px; margin: 10px 0px 0px 0px; padding: 0px; float: left;  }
ul.top-sellers p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #666666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left;}


#search-container { width:190px; float:left; }

#search-title { width:760px; padding:10px; }

#category-description {width: 760px; margin:0px 0px 0px 10px; }

#reorder { width:760px; padding-left:10px; padding-top:0px; margin-top:10px; float:left; clear:both;}


/* 3. Search Result Items + Alternating Item template */

div#NewSearch1_UpdatePanel1 { clear: both; }

ul.search-item { list-style: none; width: 780px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; border: 1px solid #f5fafd; float: left; }

ul.search-item-alt { list-style: none; width: 780px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background: #f5fafd; float: left; }

ul.search-item li.img, ul.search-item-alt li.img { float: left; width: 250px; height:250px; overflow: visible; padding: 10px; margin-bottom:0px; }
ul.search-item li.img img, ul.search-item-alt li.img img { border: 1px solid #e8e8e8; }

ul.search-item li.txt, ul.search-item-alt li.txt { float: left; width: 490px; padding: 10px; }
ul.search-item li.txt p, ul.search-item-alt li.txt p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin-top: 10px; padding: 0px; line-height:150% }
ul.search-item li.txt a, ul.search-item-alt li.txt a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin-top: 10px; padding: 0px; line-height:150% }
ul.search-item li.txt a.title, ul.search-item-alt li.txt a.title { font-family: Georgia; font-size: 14pt;font-style: normal;line-height: normal;font-weight: bold;color: #006699;text-decoration: none;display: inline; }


div.navigation { width: 687px; height: 100px; text-align: center; margin: 0 auto 0 auto; }
div#leftnav { float: left; width: 113px; height: 45px; padding-top:10px }
div#rightnav { float: left; width: 113px; height: 45px; padding-top:10px }
div#numnav p {font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666; line-height:100%}

}

img.newImage {float:left; margin-right:10px ;}

div#Padding { width:760px; padding:0px 10px 10px 10px;}

div#productimage { width: 250px; height: 250px; float:left; padding:10px; border: 1px solid #ECE9E6; margin-right:10px; }

div#pricing { width:475px; padding:0px; float:left;}

div#buy { margin-top:10px; background:#e8e4d9; border:1px dashed #dad8d2; padding:10px }

div#description { width:760px; margin-top:10px; margin-bottom:10px; float:left; border-bottom:1px solid #ECE9E6;}
div#description p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin-top: 10px; padding: 0px; line-height:200%}

div#deepzoom { width:730px; padding:10px; float:left; border-bottom:1px solid #ECE9E6;}

div#recommendedcontainer { width:740px; float:left;}

div#StockCount { padding:5px; float:left; width::400px; background-color:#857853; color:#FFFFFF;}

div#silverlight {border-bottom:1px solid #ECE9E6;}

.formAttribute  {
	font-family: Georgia, Verdana, Arial, helvetica, sans-serif; 
	font-size: 10pt; 
	color: #666666; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-image: none; 
	text-align: left; 

}

/*Hotpage hover*/
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #004b85;
	background:#004b85;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#screenshot{
	padding-bottom:5px;
	position:absolute;
	border:1px solid #ccc;
	background:#004b85;
	padding:5px;
	display:none;
	color: #FFF; font-size: 1em; font-weight:bold; text-decoration:none; letter-spacing: -0.04em;
	width:250px;
}



/*div.product {
	width: 750px;
	margin-bottom: 40px;
	border: 1px solid #ECE9E6;
}

 div.clear { clear: right; }



div.productimage img { position: absolute; }

div.productdetails {
	float: left;
	height: 70px;
	width: 450px;
}

div.ProductListHead {
	width: 450px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	text-align: left;
	vertical-align: text-top;
} */

/* 3. Pagination */

span.search-now {
	width: 230px;
	height: 30px;
	padding-top: 5px;
	color: #FF6600;
	font-size: 8.5pt;
	display: block;
	clear: right;
}

span.search-was {
	display: block;
	clear: right;
}

div.navigation {
	clear: both;
}

/* ------------------------------------------------------------------------------ */
/* Recommended Items ... IN A GRID!!!! */

div#recommended-container {
	width: 405px;
}


div#recommended {
	width: 134px;
	height:200px;
	float: left;
	margin-right: 10px;
	margin-left:2px;
	padding-right: 5px;
	margin-bottom:10px;
	margin-top:10px
}

img.rec-item { border: 1px solid #ECE9E6; margin-bottom:5px; }

/* ---------------------------------------------------- */
/* Home Page Blog */

div.home-article { border: 1px solid #999; width: 780px; margin-bottom:20px; padding:0px; }

table.blog-container { width: 760px; background: #fff; }

div.blog-content { width: 750px; overflow: hidden; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 12px; padding-top: 5px; border-bottom: 1px solid #efefef; }

div.blog-content-landing { width: 750px; overflow: hidden; margin-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 12px; padding-top: 5px; border-bottom: 1px solid #efefef; }

span#lblBlog {}

div.blog-content h2.title { color: #0066CC; display:block; width: 740px; height: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; margin: auto; padding:10px; }
div.blog-content h2.date { color: #0066CC; display: block; width: 740px; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; margin: 10px; padding: 0px; }
div.blog-content p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin-top: 10px; padding: 0px; line-height:200% }
div.blog-content p img { float: left; margin-right: 20px; margin-bottom: 10px; padding: 0px; border: none; }
div.blog-content ul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin-left: 0px; padding: 0px; line-height:200% }
div.blog-content ul li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666; margin: 0px; padding: 0px; line-height:200% }
div.blog-content a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #0066CC; text-decoration: underline; margin: 0px; padding: 0px; border: none; line-height:200% }
div.blog-content a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #0066CC; text-decoration: none; margin: 0px; padding: 0px; border: none; line-height:200% }

/*----------------------
div.blog-content-xmas {width: 750px;}
div.blog-content-xmas tr td {padding: 20px 40px 20px 40px;}
div.blog-content-xmas h2.title { text-align:right; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; margin: 0px 10px 20px 20px; padding: 0px; }
div.blog-content-xmas p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #fff; margin-top: 10px; padding: 0px; line-height:200% }
div.blog-content-xmas img {float: left; margin: 0px 20px 10px 0px; padding-top:0px; width: 400px; border: 1px solid  #cccccc;}


table.blog-content-xmas h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 14pt; font-weight: normal; font-style: normal; font-weight:bold; float: right; width:460px;}
table.blog-content-xmas {width: 780px; background: url(layout/xmasbg.jpg) top left no-repeat; margin: 0px; padding:0px;}
table.blog-content-xmas tr td p {font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 10pt; }
table.blog-content-xmas tr td {padding: 20px 40px 20px 40px;}
table.blog-content-xmas img {float: left; vertical-align: top; margin: 0px 20px 10px 0px; padding-top:0px; width: 300px; border: none; }----------------------*/

/* ---------------------------------------------------- */
/* Xmas Blog */

table.xmas-article { color: #ffffff; width: 780px; margin: 0px; padding:0px; }

table.blog-content-xmas { width: 780px; background-image: url(layout/xmasbg.jpg); overflow: hidden; margin:0px; padding: 5px 10px 12px 10px;}

table.blog-content-xmas tr td h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #FFFF00; font-size: 18pt; font-weight: normal; font-style: normal; width: 440px; float: right; text-align: left; margin: 0px; padding: 0px; float: right }
table.blog-content-xmas tr td p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11.5pt; color: #fff; margin-top: 10px; padding: 0px; line-height:200%; text-align:justify;}
table.blog-content-xmas tr td img {float: left; margin: 0px 20px 5px 0px; padding-top:0px; border: 1px solid #fff; }
table.blog-content-xmas tr td a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11.5pt; color: #FFFF00; text-decoration: underline; margin: 0px; padding: 0px; border: none; line-height:200% }
table.blog-content-xmas tr td a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11.5pt; color: #FFFF00; text-decoration: none; margin: 0px; padding: 0px; border: none; line-height:200% }

/*----------------------
div.blog-content-xmas {width: 750px;}
div.blog-content-xmas tr td {padding: 20px 40px 20px 40px;}
div.blog-content-xmas h2.title { text-align:right; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; margin: 0px 10px 20px 20px; padding: 0px; }
div.blog-content-xmas p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #fff; margin-top: 10px; padding: 0px; line-height:200% }
div.blog-content-xmas img {float: left; margin: 0px 20px 10px 0px; padding-top:0px; width: 400px; border: 1px solid  #cccccc;}


table.blog-content-xmas h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 14pt; font-weight: normal; font-style: normal; font-weight:bold; float: right; width:460px;}
table.blog-content-xmas {width: 780px; background: url(layout/xmasbg.jpg) top left no-repeat; margin: 0px; padding:0px;}
table.blog-content-xmas tr td p {font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 10pt; }
table.blog-content-xmas tr td {padding: 20px 40px 20px 40px;}
table.blog-content-xmas img {float: left; margin: 0px 20px 10px 0px; padding-top:0px; width: 300px; border: none; }
----------------------*/




/* ------------------------------------------------------------------------------ */
/* style for add to basket box */
#myOnPageContent { margin: 0px; padding: 10px; display: none; }

/* Home Page Top Products */

ul#hm-top-products { list-style: none; margin: 0px 0px 0px 0px; padding: 10px; float: left; width: 170px; height: 279px; }

ul#hm-top-products li.txt { text-align: center; margin: 0 auto; 0 auto; padding-top: 5px; width: 170px; height: 50px; background: url(layout/go-view-icon.png) bottom right no-repeat #e69814; }
ul#hm-top-products li.txt:hover { background:  url(layout/go-view-icon.png) bottom right no-repeat #666; }
ul#hm-top-products li.img { text-align: center; margin: 0 auto 0 auto; height: 187px; width: 170px; border-left: 1px solid #efefef; border-right: 1px solid #efefef;  }
ul#hm-top-products li.price { text-align: center; margin: 0 auto 0 auto; height: 22px; width: 170px; border: 1px solid #efefef; background: #f3e9d9; }

ul#hm-top-products li.txt a.txt {  font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #fff; font-weight: bold; font-style: normal; text-decoration: none; display: inline-block; height: 50px; width: 170px; text-decoration: none; }
ul#hm-top-products li.txt a.txt:hover {  font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #fff; font-weight: bold; font-style: normal; text-decoration: none; display: inline-block; height: 50px; width: 170px; text-decoration: none; vertical-align: middle; }

span.hm-now { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #e69814; font-weight: bold; font-style: normal; text-decoration: none; }
span.hm-was { font-family: "Arial", Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #999; font-weight: bold; font-style: normal; text-decoration: none; }


img.mask { position:absolute; top:5px; left:5px}
a.photo-container {position:relative; display:block}
/* ------------------------------------------------------------------------------ */

table.c-choice { background: url(/ssl/images/customer-choice-bg.jpg) top left no-repeat; width: 760px; height: 300px }
table.c-choice tr td { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #006699 }

/* -------------------------------------------------------------------- */
/* Shipping Charges Table */

table#shipping {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	width:100%;
}

table#shipping th {
	background: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666;
	border: 1px solid #d6d6d6;
}

table#shipping tr {
	font-weight: normal;
	color: #544741;
}

table#shipping td {
	font-weight: normal;
	background: #fff;
	border: 1px solid #d6d6d6;
	text-align: center;
}
table#shipping td b{
	font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; color: #666;
}
hr {height:1px; color:#dfdfdf;}

table#home-article { background: #fff; border: 0px; width: 750px; margin-bottom:10px; margin-top:0px; padding:0px; }
div#brands { width:340px; border:0px; margin:0px;}
div#brands li{list-style:none; float:left; }
img.brands {float:left; margin:0 10px 10px 0; padding:0;}


ul.top-sellers-landing { margin: 0px 0px 0px 0px; padding: 0px; list-style: none;  width: 370px; float: left; border-bottom: 1px solid #d9f2ff; }
ul.top-sellers-landing li.img { width: 100px;  margin: 5px 5px 0px 5px; padding: 0px; float: left; }
ul.top-sellers-landing li.txt { width: 250px;  margin: 10px 0px 0px 0px; padding: 0px; float: left;  }
ul.top-sellers-landing p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #666666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left;}

ul.top-sellers-landing-alt { margin: 0px 0px 0px 0px; padding: 0px; list-style: none;  width: 370px; float: left; border-bottom: 1px solid #d9f2ff; background: #f5fafd; }
ul.top-sellers-landing-alt li.img { width: 100px;  margin: 5px 5px 0px 5px; padding: 0px; float: left; }
ul.top-sellers-landing-alt li.txt { width: 250px;  margin: 10px 0px 0px 0px; padding: 0px; float: left;  }
ul.top-sellers-landing-alt p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #666666; font-weight: normal; font-style: normal; text-decoration: none; text-align: left;}


div.product {
	width:167px;
	float:left;
	margin:10px 20px 10px 0px;
	font: Georgia;
	font-size:15px;
	color: #004b85;
	background-color: #ffffff;
}

div.productimage {
	width: 167px;
	float: left;
	border: 1px solid #ffffff;
}
div.productdetails {
	float: left;
	height: 170px;
	width: 167px;
	padding: 10px;
	text-align: left;
}

div.coming-soon {
	float: left;
	height: 275px;
	width: 169px;
}

span.ProductListHead {
	width: 167px;
	padding-left: 10px;
	padding-top: 5px;
	display: block;
	text-align: left;
	vertical-align: text-top;
}




/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
.CSSnavition{padding-left:5px;}
#nav a,#subMenusContainer a{text-decoration:none;display:block;background-color:#fff;padding:5px 25px 5px 10px;}
#nav a{float:left;margin:0;}
#subMenusContainer a,#nav li li a{text-align:left;background-color:#4378a5;color:#cfe8ff;}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#4378a5;color:#cfe8ff;cursor:pointer;}
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#4378a5;color:#FFF;}
.subMenuParentBtn{background:url(/layout/arrow_right.gif) right center no-repeat;}
.subMenuParentBtnFocused{background:url(/layout/arrow_right_over.gif) right center no-repeat;}
.mainMenuParentBtn{background:url(/layout/arrow_right_main.gif) right center no-repeat;}
.mainMenuParentBtnFocused{background:url(/layout/arrow_right_main_over.gif) right center no-repeat;}
.smOW{display:none;position:absolute;overflow:hidden;margin:0 0 0 -2px;padding:0 2px;}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{list-style:none;line-height:1em;margin:0;padding:0;}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:#fff;border:none;left:0;}
#nav li{display:block;list-style:none;position:relative;float:left;margin:0;}
#subMenusContainer li{list-style:none;}
#nav{position:relative;list-style:none;z-index:5;text-align:center;display:block;margin:0;}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}
#nav li li{float:none;}
#nav li li a{position:relative;float:none;}
#nav li ul{position:absolute;width:10em;margin-left:-1000em;margin-top:1.6em;}
#nav li ul ul{margin:-1em 0 0 -1000em;}
#nav li:hover ul ul{margin-left:-1000em;}
#nav li li:hover ul{margin-left:10em;margin-top:-1.6em;}
#nav li a:focus + ul{margin-left:0;margin-top:2.2em;}
#nav li li a:focus + ul{left:0;margin-left:1010em;margin-top:-2.2em;}
#nav li li a:focus{left:0;margin-left:1000em;width:10em;margin-top:0;}
#nav li li li a:focus{left:0;margin-left:2010em;width:10em;margin-top:-1em;}
#nav li li:hover a:focus + ul{margin-left:10em;}
#nav li:hover ul,#nav li:hover a:focus{margin-left:0;}


table.clAttributeGridTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; color:#fff; height:40px; width: 760px;; background-color:#508fc5; }
table.clAttributeGridTitle tr { height: 40px; padding: 0px; margin: 0px }
table.clAttributeGridTitle td.name { width: 360px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGridTitle td.price { width:150px; padding: 0px; margin: 0px; }
table.clAttributeGridTitle td.stockControl { width:150px; padding: 0px; margin: 0px;} 
table.clAttributeGridTitle td.add { width:100p; padding: 0px; margin: 0px;  }

table.clAttributeGrid { font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; height:40px; width: 760px; background: #f4f4f4 }
table.clAttributeGrid tr { height: 40px; padding: 0px; margin: 0px }
table.clAttributeGrid td.name { width: 335px;; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid td.price { width:140px; padding: 0px; margin: 0px; text-align:left; }
table.clAttributeGrid td.stockControl { width:100px; padding: 0px; margin: 0px; text-align:left; }
table.clAttributeGrid td.add { width:100px; padding: 0px; margin: 0px; background: url(/images/oos.png) top left no-repeat }

table.clAttributeGrid-alt { font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#666; height:40px; width: 760px; background: #FFFFFF }
table.clAttributeGrid-alt tr { height: 40px }
table.clAttributeGrid-alt td.name { width:335px; padding: 0px; margin: 0px; text-indent: 10px }
table.clAttributeGrid-alt td.price { width:140px; padding: 0px; margin: 0px }
table.clAttributeGrid-alt td.stockControl { width:100px; padding: 0px; margin: 0px }
table.clAttributeGrid-alt td.add { width:100px; padding: 0px; margin: 0px; background: url(/images/oos.png) top left no-repeat }

.OutofStockCSS {font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#e15252;}
.InStockCSS {font-family: Arial, Helvetica, sans-serif; font-size:8.5pt; color:#378415;}

.StockCount {font-family: Arial, Helvetica, sans-serif; font-size:10.5pt; color:#666; width:584px; display:block; height:25px; background:#e8e4d8; text-indent:10px; line-height:135%; font-weight:bold; padding-top:5px; }
.lblLeadTime {font-family: Arial, Helvetica, sans-serif; font-size:10.5pt; color:#d85151; width:584px; display:block; height:25px; background:#e8e4d8; text-indent:10px; line-height:135%; font-weight:bold; padding-top:5px; }
.AddButton { float:left; background:#eef3f9;}


.paginationstyle { width: 710px; display:block; }

/*Pagination links style
.paginationstyle a { padding: 5px; text-decoration: none; color: #666; background-color: #fff; }
.paginationstyle a:hover, .paginationstyle a.selected { color: #fff; background-color: ##ffcc00; }*/

/*Pagination div "flatview" links style*/
.paginationstyle span.flatview a { padding:10px 10px 11px 10px;margin:0;color:#FFFFFF;background:#508fc5;text-decoration:none;line-height:180%;font-size:8.5pt;font-weight:bold; color:#FFF; height:40px; }
.paginationstyle span.flatview a:hover { color:#c0e2ff}
.paginationstyle span.flatview a.selected { background: #f6f6f6; color:#508fc5; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:1px solid #dedede; outline:none;}

.moreinfo { padding:10px; background-color:#f6f6f6; border:1px solid #dedede; width:760px; }

ul#twitter_update_list { padding: 0px; }
ul#twitter_update_list li { font-family:Georgia, "Times New Roman", Times, serif; color: #FFF; font-size: 10pt; list-style:none; font-style:italic; margin: 0px; line-height:150%;  }
ul#twitter_update_list li a { font-family: Arial, Helvetica, sans-serif; color: #aedeff; font-size: 8pt; text-decoration: none; margin: 0px; padding: 0px; display:block }

div.map0{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; height:20px; width:500px; padding:0 0 5px 10px;  line-height:250%}
div.map1{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; height:20px; width:500px; padding:0 0 5px 20px; line-height:250%}
div.map2{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; height:20px; width:500px; padding:0 0 5px 30px;  line-height:250%}
div.map3{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; height:20px; width:500px; padding:0 0 5px 40px; line-height:250%}
div.map0 a, div.map1 a, div.map2 a, div.map3 a, div.map4 a {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #888888; height:20px; width:250px; padding:0 0 5px 15px; line-height:250%; background:url(/layout/nav-side.jpg) repeat-y}
div.map0 a:hover, div.map1 a:hover, div.map2 a:hover, div.map3 a:hover, div.map4 a:hover    { color:#000; text-decoration:none;}

div#progress {list-style: none; width: 925px; height: 25px; position:relative; margin:20px 0px }
div#progressPadding {list-style: none; width: 945px; height: 25px; float: left; }
div#progress li{ height:25px; text-indent:10px; color:#6666; font-weight:bold; line-height:175%; float:left; font-size:10.5pt; padding:0px 25px 0px 10px; background:#FFFFFF;}
div#progress li.active { height:25px; background:url(/ssl/Images/checkout-white.png) no-repeat #4e8ec4; background-position:right; text-indent:10px; color:#ffffff; font-weight:bold; line-height:175%; float:left; font-size:10.5pt; padding:0px 25px 0px 0px}
div#progress li.active-end { height:25px; background:#4e8ec4; text-indent:10px; color:#000; font-weight:bold; line-height:175%; float:left; font-size:10.5pt; padding:0px 25px 0px 0px}
div#progress li.inactive { height:25px; background:url(/ssl/Images/checkout-grey.png) no-repeat #ededed; background-position:right; text-indent:10px; color:#999; font-weight:bold; line-height:175%; float:left; font-size:10.5pt;padding:0px 40px 0px 0px}
div#progress li.inactive-none { height:25px; background: #ededed; background-position:right; text-indent:10px; color:#999; font-weight:bold; line-height:175%; float:left; font-size:10.5pt;padding:0px 40px 0px 0px}
font.active {  font-weight:bold; line-height:175%; font-size:10.5pt; color:#FFFFFF}
font.inactive {  font-weight:bold; line-height:175%; font-size:10.5pt; color:#b7b7b7}