/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#5a5a5b; background:#d8d9db;}
p { padding-bottom:15px; font-size:1em;}
abbr { text-decoration:none;}
img {border:0px;}
a { color:#688597; text-decoration:none;}
a:hover {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.relbookmark { position:absolute; margin-left: -9999px;}
strong { font-weight:bold;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { float:left; width:605px; text-transform:capitalize; padding:0px 0px 15px 0px; font-size:150%; color:#688597; font-weight:normal;}
	#rightcol h1 { width:190px; padding:20px 0px 10px 0px; color:#5a5a5b; font-size:140%;}
	.productinfo h1 { width:250px; padding:0px 0px 10px 0px;}
h2 { font-size:130%; color:#688597; font-weight:normal; padding:0px 0px 10px 0px;}
	ul#category h2 a, #content ul.subcategory h2 a { float:left; font-size:90%; cursor:pointer; width:160px; color:#688597; font-weight:normal; padding:5px 0px 5px 0px; line-height:14px; background:url(/_images/general/bg-category.gif) repeat-x top left; text-align:center;}

	.productinfo h2 { width:250px; padding:0px 0px 10px 0px;}
	.productinfo h2.price { font-weight:bold;}
	ul#faqlist h2 { cursor:pointer; padding:0px 0px 10px 12px; background:url("/_images/buttons/bullet-arrow.gif") no-repeat 0px 6px;}

h3 { font-size:100%; color:#688597; font-weight:bold; padding:0px 0px 10px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container {  width:862px; height:auto; text-align:left; margin:0 auto 0 auto; background:#fff;}

#masthead { float:left; width:862px; color:#777777; background:#d8d9db;}
	#masthead a {color:#777777;}
	#masthead .login { float:right; width:205px; padding:20px 30px 0px 0px;}
	#masthead .login legend { display:none;}
	#masthead .login ul { float:right; padding:0px 20px 5px 0px;}
	#masthead .login li { display:inline; float:left; padding:0px 0px 0px 12px; background:url(/_images/buttons/bullet-login.gif) no-repeat 5px 2px;}
	#masthead .login .first { padding:0px 0px 0px 0px; background:none;}
	#masthead .login legend { float:left; padding:0px 0px 10px 0px;}
	#masthead .login label {position:absolute; margin-left: -9999px;}
	#masthead .login .textfield { float:left; width:174px; padding:1px 4px 2px 4px; margin:0px 0px 5px 0px; border:0px; background-color:#f0f0f0; color:#6c6b6b; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
	#masthead .formbutton { float:left; margin:0px 0px 0px 5px;}
	#masthead .basket { padding:0px 0px 0px 15px; background:url(/_images/buttons/icons/icon-basket.gif) no-repeat top left;}
	#masthead .list { padding:0px 0px 0px 15px; background:url(/_images/buttons/icons/icon-list.gif) no-repeat top left;}
	
	#masthead ul.toplinks { float:right; width:205px; padding:22px 30px 0px 0px; }
	#masthead ul.toplinks li { text-align:right; padding:0px 0px 5px 0px;}

#pagecontent { float:left; width:856px; border:3px solid #fff; background-color:#fff;}

#nav { float:left; width:796px; padding:0px 30px 0px 30px; border-bottom:3px solid #fff;background-color:#6f6f6e;}
	#nav ul { float:left; width:650px;}
	#nav li { display:inline; float:left; padding:0px 20px 0px 0px;}
	#nav a { display:block; padding:10px 0px 10px 0px; color:#fff; font-weight:bold; text-transform:uppercase;}
	#nav a:hover, #nav a.selected { text-decoration:none; background:url(/_images/general/bg-nav.gif) repeat-x bottom left;}
	#nav .phone { float:right; padding:10px 0px 0px 0px;}

#homeflash { float:left; width:625px; height:420px;}

#content { float:left; width:605px; padding:10px 0px 20px 20px; background-color:#fff;}
	#content a { color:#688597; font-weight:bold;}
	#content ul { padding:0px 0px 15px 0px;}
	#content ul.borderlist { padding:15px 0px 15px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
	#content li { padding:0px 0px 5px 12px; background:url("/_images/buttons/bullet-arrow.gif") no-repeat 0px 5px;}

#content ul.breadcrumb { float:left; width:605px; padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;}
	#content ul.breadcrumb li { float:left; display:inline; padding:0px 10px 0px 0px; background:none;}
	#content ul.breadcrumb a { padding:0px 10px 0px 0px; font-weight:normal; background:url("/_images/buttons/bullet-arrow.gif") no-repeat right;}

#rightcol { float:right; width:190px; padding:0px 20px 0px 0px; }

#rightcol ul#subnav { float:right; width:190px; text-align:right; padding:10px 0px 15px 0px; margin:74px 0px 0px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
	#rightcol ul#subnav li { width:190px; padding:3px 0px 3px 0px;}
	#rightcol ul#subnav li a { color:#8fa6b4; font-weight:bold; text-decoration:none; display:block; width:185px; padding:2px 5px 2px 0px;}
	#rightcol ul#subnav li a:hover, #rightcol ul#subnav li a.selected { color:#fff; background-color:#c9d8e1;}

#rightcol .sitesearch fieldset { float:left; width:190px; padding:15px 0px 10px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
	#rightcol .sitesearch legend { display:none;}
	#rightcol .sitesearch label { float:left; padding:0px 0px 5px 0px;}
	#rightcol .sitesearch .textfield { float:left; width:161px; padding:1px 4px 2px 4px; margin:0px 0px 5px 0px; border:0px; background-color:#d8d9db; color:#777777; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
	#rightcol .sitesearch .formbutton { float:right; margin:0px 0px 0px 0px;}

#footer { float:left; width:862px; padding:10px 0px 15px 0px; background:#d8d9db;}
	#footer .footer-tel { padding-right:10px;}
	#footer ul { float:right; width:480px; padding:0px 0px 5px 0px;}
	#footer li { display:inline; float:right; padding:0px 8px 0px 6px; background:url(/_images/buttons/bullet-footer.gif) no-repeat top right;}
	#footer .first { padding:0px 0px 0px 6px; background:none;}
	#footer .redant { float:right;}
	#footer a { color:#5a5a5b;}
	#footer span a { text-decoration:underline;}

/********************************************************************/
/*                          Category tags                           */
/********************************************************************/

/*#content ul#category { float:left; width:605px; padding:0px 0px 0px 0px; background-color:#fff;}
#content ul#category li { position:relative; float:left; text-align:center; display:inline; width:140px; height:205px; padding:0px 0px 0px 0px; margin:0px 0px 5px 15px; background:none;}
#content ul#category .first { margin:0px 0px 5px 0px;}
#content ul#category img { float:left; width:140px; height:160px;}
#content ul#category img.purchased { float:none; position:absolute; top:0px; left:0px;}
#content ul#category a { text-decoration:none;}*/


#content ul.subcategory { margin-bottom:20px; background:url(/_images/general/dotted-horiz.gif) bottom repeat-x; }
#content ul#category, #content ul.subcategory { float:left; width:605px; padding:0px 0px 0px 0px; background-color:#fff; }
#content ul#category li, #content ul.subcategory li { position:relative; float:left; display:inline; width:170px;  padding:0px 0px 0px 0px; margin:0px 0px 5px 30px; background:none; height:210px;}

#content ul#category.priced li { }
#content ul#category.priced2 li { }
.holdingpagetext{ color:#688597; font-size:1em; line-height:1.3em; float:left; margin:5px 0 0 0;}

#content ul#category .first, #content ul.subcategory .first { margin:0px 0px 5px 0px;}
#content ul#category img, #content ul.subcategory img { float:left; }

.imageheight{ height:160px; float:left; width:160px;}




#content ul#category img.purchased { float:none; position:absolute; top:0px; left:0px;}
#content ul#category a, #content ul.subcategory a { text-decoration:none;}
#content ul#category span { color:#6F6F6E; font-size:85%;}

/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/
#content ul.pagenumbers  { float:left; padding:0px 0px 15px 0px;}
#content ul.pagenumbers li { float:left; display:inline; padding:0px; margin:0px 4px 0px 0px; list-style-type:none; border:1px solid #b8c1c7; text-align:center; background:none;}
#content ul.pagenumbers a { display:block; width:22px; padding:3px 0px 3px 0px; color:#9aa5ad; text-decoration:none; background-color:#fff; font-weight:normal;}
#content ul.pagenumbers .selected a { color:#fff; background-color:#b8c1c7; font-weight:bold;}
#content ul.pagenumbers a:hover { color:#fff; display:block; width:22px; padding:3px 0px 3px 0px; background-color:#b8c1c7; font-weight:normal;}
	#content ul.pagenumbers .selected a:hover { color:#fff; font-weight:bold;}
	
/********************************************************************/
/*                           Product tags                           */
/********************************************************************/

.step3-message { width:300px; float:left;}
 
.productimage { float:left; /*width:280px; height:420px;*/}
.productinfo { float:right; width:250px;}
	.productinfo fieldset, .step3-message fieldset { float:left; width:300px;}
	.productinfo legend, .step3-message legend, .step3-message label { display:none;}
	.productinfo label, .step3-message label { float:left; width:300px; color:#688597; font-weight:bold; margin:0px 0px 5px 0px;}
	.productinfo textarea, .step3-message textarea, #MessageFrom { float:left; width:290px; height:40px; overflow:auto; padding:2px 4px 2px 4px; margin:0px 0px 10px 0px; border:1px solid #b8c1c7; font-size:11px; color:#858f95; font-family:Tahoma, Verdana, Arial, sans-serif;}
	#MessageFrom  {height:auto;} 
	#content .productinfo ul.infooptions li { background:none; padding:0px 0px 5px 0px;} 
	#content .productinfo a.removeitem { padding:3px 0px 10px 15px; background:url(/_images/buttons/bullet-remove-item.gif) no-repeat 0px 2px; float:left;}
	#content .productinfo a.backtolist { padding:3px 0px 3px 15px;background:url(/_images/buttons/bullet-list.gif) no-repeat 0px 3px;}
	
#content .productinfo ul.buttons { float:left; width:250px; padding:5px 0px 15px 0px;}
#content .productinfo ul.buttons li { width:auto; padding:0px 0px 0px 0px; background:none;}
#content .productinfo ul.buttons a { color:#fff; font-weight:bold;}

#productgallery { position:relative; float:left; width:250px; padding:15px 0px 0px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
	#content .productinfo #productgallery ul.buttons { float:left; width:250px; padding:10px 0px 0px 0px;}
	#content .productinfo #productgallery ul.buttons li { width:auto; padding:0px 5px 0px 5px; background:none;}

#galleryContainer { width:270px; position:relative; overflow:hidden; margin:0px 0px 0px 0px;}
#content ul#galleryCarousel { padding:0px 0px 0px 0px;}
#content #galleryCarousel li { padding:0px 0px 0px 0px; background:none; position:relative; text-align:center; width:100px; height:90px;}

/********************************************************************/
/*                            Contact tags                          */
/********************************************************************/

.contact fieldset { float:left; width:450px; padding:15px 155px 15px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
.contact legend { display:none;}
.contact label { float:left; width:200px; color:#688597; font-weight:bold; padding:3px 0px 0px 0px; margin:0px 0px 10px 0px;}
.contact .textfield, .contact select, .contact textarea { float:left; width:240px; padding:1px 4px 1px 4px; margin:0px 0px 10px 0px; border:1px solid #b8c1c7; font-size:11px; color:#858f95; font-family:Tahoma, Verdana, Arial, sans-serif;}
.contact select { width:250px; padding:1px 0px 1px 0px;}
.contact textarea { height:60px; overflow:auto;}
.contact .formbutton { float:right;}

#content ul.contactinfo li { padding:0px 0px 3px 0px; background:none;}

.contact-telephone-img { float:right; padding:0px 170px 0px 0px;}

/********************************************************************/
/*                            Basket tags                           */
/********************************************************************/

table.shoppingbasket, table.basketsummary { float:left; width:603px; border:1px solid #e7e9ea; margin:0px 0px 30px 0px; }
table.shoppingbasket th, table.shoppingbasket td, table.basketsummary th, table.basketsummary td { background:none; vertical-align:middle;}
table.shoppingbasket th { font-weight:bold; color:#858f95; height:25px; padding:0px 0px 0px 10px; border-bottom:1px solid #e7e9ea; background-color:#e7e9ea;}
table.shoppingbasket td { padding:4px 0px 4px 10px; border-bottom:1px solid #e7e9ea;}
table.basketsummary th { font-weight:bold; height:25px; padding:0px 0px 0px 10px; color:#858f95; border-bottom:1px solid #e7e9ea; background-color:#e7e9ea;}
table.basketsummary td { padding:4px 0px 4px 10px; border-bottom:1px solid #e7e9ea;}
table.shoppingbasket td label, table.basketsummary td label { font-weight:bold; color:#688597;}
table.shoppingbasket td.total, table.basketsummary td.total, table#ordersummary td.total { font-size:150%; font-weight:bold; color:#688597;}
table.shoppingbasket .space td, table.basketsummary .space td { border-top:none;}
table.shoppingbasket .options td, table.basketsummary .options td { padding:20px 0px 4px 0px;}

	table.shoppingbasket .textfield, table.basketsummary .textfield {width:44px; text-align:center; padding:1px 2px 1px 2px; margin:0px 0px 0px 0px; border:1px solid #b8c1c7; font-size:11px; color:#858f95; font-family:Tahoma, Verdana, Arial, sans-serif;}

	table.shoppingbasket .remove, table.basketsummary .remove { width:20px;}
	table.shoppingbasket .code, table.basketsummary .code { width:65px;}
	table.shoppingbasket .product { width:388px;}
	table.basketsummary .product { width:353px;}
	table.basketsummary .from { width:200px;}
	table.basketsummary .message { width:320px;}
	table.shoppingbasket .hidden { position:absolute; margin-left: -9999px;}
	table.shoppingbasket .quantity, table.basketsummary .quantity { width:50px;}
	table.shoppingbasket .price, table.basketsummary .price { width:50px; text-align:right; margin:0 5px 0 0;}
	table.shoppingbasket .delivery, table.basketsummary .delivery { width:50px;}
	table.shoppingbasket .subtotal, table.basketsummary .subtotal { width:70px;}
	table.shoppingbasket .totals td { border-bottom:none; padding:8px 0px 0px 10px;}
	table.basketsummary .totals td { border-bottom:none; padding:8px 0px 0px 10px;}
	table.shoppingbasket .grandtotal td, table.basketsummary .grandtotal td, table#ordersummary .grandtotal td { border-bottom:none; padding:15px 0px 5px 0px;}
	table.shoppingbasket .bundle td, table.basketsummary .bundle td, table#ordersummary .bundle td { vertical-align:top;}
	table.shoppingbasket .bundle ul, table.basketsummary .bundle ul, table#ordersummary .bundle ul { }
	
	table.shoppingbasket col.al, table.shoppingbasket .al, table.basketsummary col.al, table.basketsummary .al { text-align:left;} 
	table.shoppingbasket col.ac, table.shoppingbasket .ac, table.basketsummary col.ac, table.basketsummary .ac { text-align:center;} 

	table.shoppingbasket th:first-child, table.shoppingbasket td:first-child { text-align:center;}
	table.shoppingbasket th+th+th, table.shoppingbasket td+td+td, table.basketsummary th:first-child, table.basketsummary td:first-child { text-align:center;}
	table.shoppingbasket th+th+th+th, table.shoppingbasket td+td+td+td, table.basketsummary th+th+th, table.basketsummary td+td+td { text-align:right;}
	table.shoppingbasket .grandtotal .tooltip { margin:0px 0px 0px 10px;}
	table.shoppingbasket .voucher, table.basketsummary .voucher { width:353px; margin:3px 0px 0px 0px;}
	table.shoppingbasket .voucher td, table.basketsummary .voucher td { padding:0px 0px 4px 10px; text-align:left; border-bottom:none; background:none;}
	table.shoppingbasket .voucher .textfield, table.basketsummary .voucher .textfield {width:200px; text-align:left; padding:1px 2px 1px 2px; margin:0px 0px 0px 0px; border:1px solid #b8c1c7; font-size:11px; color:#858f95; font-family:Tahoma, Verdana, Arial, sans-serif;}

.giftwrapcheck{
	margin:-10px 0 0 0;
}

ul.addresslist { float:left; padding:0px 0px 15px 0px;}
	ul.addresslist li { float:left; display:inline; width:200px; padding:10px; margin:0px 0px 15px 15px; border:1px solid #e7e9ea;}
	ul.addresslist .first { clear:both; margin:0px 0px 15px 0px;}
	ul.addresslist p { padding:0px 0px 10px 0px;}
	ul.addresslist dt { font-weight:bold; padding:0px 0px 2px 0px;}
	ul.addresslist dd { font-weight:normal; padding:0px 0px 6px 0px;}
	ul.addresslist li ul { float:left; padding:0px 0px 8px 0px;}
	ul.addresslist li li { background:none; width:auto; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none;}
	ul.addresslist li .edit { float:left;}
	ul.addresslist li .submit { float:right;}
	
.createnewaddress { float:left; margin:0px 0px 15px 0px;}
ul.addressforms { float:left; width:435px;}
ul.addressforms li { float:left; width:435px; clear:both; background-color:#fff;}

#content ul.basketlinks { float:left; width:605px; padding:0px 0px 0px 0px;}
#content ul.basketlinks li { background:none; padding:0px 0px 0px 0px;}

#content ul.addresslist { float:left; padding:0px 0px 15px 0px;}
	#content ul.addresslist li { float:left; display:inline; width:165px; padding:10px; margin:0px 0px 15px 15px; border:1px solid #e7e9ea; background:none;}
	#content ul.addresslist .first { clear:both; margin:0px 0px 15px 0px;}
	#content ul.addresslist p { padding:0px 0px 10px 0px;}
	#content ul.addresslist dt { font-weight:bold; padding:0px 0px 2px 0px;}
	#content ul.addresslist dd { font-weight:normal; padding:0px 0px 6px 0px;}
	#content ul.addresslist li ul { float:left; padding:0px 0px 0px 0px;}
	#content ul.addresslist li li { background:none; width:auto; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none; background:none;}
	#content ul.addresslist li .edit { float:left;}
	#content ul.addresslist li .submit { float:right; padding: 0 0 0 8px;}
	
	.edit{
		margin:30px 0 0 0;
	}
	
#content .createnewaddress { float:left; margin:0px 0px 15px 0px;}
#content ul.addressforms { float:left; width:605px; }
#content ul.addressforms li { float:left; width:605px; clear:both; padding:0px 0px 0px 0px; background-color:#fff; background-image:none;}

/********************************************************************/
/*                               FAQ tags                           */
/********************************************************************/

ul#faqlist { float:left; width:605px;}
ul#faqlist li { padding:10px 0px 0px 0px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
ul#faqlist .first { padding:0px 0px 0px 0px; background:none;}
ul#faqlist div { background-color:#fff; padding:0px 0px 0px 12px;}

/********************************************************************/
/*                             Sitemap tags                         */
/********************************************************************/

#content ul.sitemap { float:left; width:605px;}
#content ul.sitemap li { padding:5px 0px 5px 10px; background:url(/_images/general/dotted-horiz.gif) repeat-x top left;}
#content ul.sitemap li ul { padding:0px 0px 0px 25px;}
#content ul.sitemap li li { padding:3px 0px 3px 0px; background:none;}
#content ul.sitemap li li a { font-weight:normal;}
#content ul.sitemap .first { padding:0px 0px 5px 10px; background:none;}

/********************************************************************/
/*                          Tool Tip tags                           */
/********************************************************************/

.tool-tip {
	color: #fff;
	text-align: left;
}

.tool-title {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px;
	background: url(/_images/general/balloon.png) top left no-repeat !important;
	background: url(/_images/general/balloon.gif) top left no-repeat;
	font-size: 5px;
	display:none;
}

.tool-text {
	margin: 0;
	width:145px;
	height:80px;
	padding: 35px 15px 10px 15px;
	text-shadow: 2px 2px 1px #222;
	font-size: 10px;
	font-weight: bold;
	background: url(/_images/general/balloon.png) top left no-repeat !important;
	background: url(/_images/general/balloon.gif) top left no-repeat;
}

#content ul.aboutuspics { float:left; width:200px;}
#content ul.aboutuspics img { float:left;}
#content ul.aboutuspics li { clear:left; width:200px; padding:0px 0px 0px 0px;}
#content .rightcol { float:right; width:290px; padding:0px 0px 0px 0px;}

#content .contactus { float:left; width:290px;}

.error { float:left; width:605px; padding:0px 0px 10px 0px; color:#990000;}
.fielderror { float:left; width:400px; padding:0px 0px 5px 205px; color:#990000;}

dl.deliverycharges { float:left; width:605px; padding:0px 0px 15px 0px;}
dl.deliverycharges dt { float:left; width:110px; padding:0px 0px 5px 0px; font-weight:bold; color:#688597;}
dl.deliverycharges dd { float:left; width:495px; padding:0px 0px 5px 0px; color:#688597;}

.listnow { clear:both; float:right; width:300px;}
.listnow .formbutton { float:right; margin:10px 0px 0px 0px;}

.giftvoucherbutton{ margin:5px 0 10px 0;}
.dateselect-border{ clear:both; float:right;}

#CollectionOption {
	margin: 5px 0px 15px 0px;
	clear: both;
	padding: 10px;
	border: 1px solid #E7E9EA;
}
	#CollectionOption label {
		float: right;
		width: 560px;
	}
	#CollectionOption input.checkbox {
		float: left;
	}
	#CollectionOption input.button {
		margin-top: 15px;
	}