/* General */
html, body {margin: 0px 0px 0px 0px; background-color: white; font-family: Verdana ,Sans-Serif; font-size: 0.85em;}
form {margin: 0px 0px 0px 0px}
td {font-family: Verdana ,Sans-Serif; font-size: 12px}

/* Link Styles */

.CallUs { font-family:Verdana ;  color: #FFFFFF; text-decoration:none; font-size: 20px; font-weight:bold;}
.pink {color: #CE62A4;text-decoration:none;}
a {color: #CE62A4;text-decoration:none;}
a:hover {text-decoration: underline}
a.terms {color : #4E4E4E; text-decoration:none;}
a.whitelink {color: white; text-decoration: underline}



#regTopMenuBar { position: absolute; top: 85px;  clear: both; z-index: 99 ;margin-top: 10px;height: 26px; background-image: url(Images/navbarbg_grey.gif); background-repeat: repeat-x;}
#regTopMenuBar .MenuLinks {position: absolute;  width: 940px;  height: 26px; background-image: url(images/navbarbg_grey.gif); background-repeat: repeat-x; padding-top: 4px; position: relative; float: left;font-family:Verdana, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #regTopMenuBar .MenuLinks {}
/* remove all the bullets, borders and padding from the default list styling */
#regTopMenuBar .MenuLinks ul {float:left;padding:0;margin:0;list-style-type:none;z-index: 99}
#regTopMenuBar .MenuLinks ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#regTopMenuBar .MenuLinks li {  float:left; position:relative; z-index: 99; padding: 0px 0px 0px 0px; background-image: url(images/spacer_grey.gif); background-position: right; background-repeat: no-repeat;}
#regTopMenuBar .MenuLinks li li { background-image: none; padding-left: 0px;z-index: 99;}

/* style the links for the top level */
#regTopMenuBar .MenuLinks a, #regTopMenuBar .MenuLinks a:visited {display:block;font-size:12px; text-decoration:none; color:#FFFFFF; height:24px; border:0px solid #000; border-width:0px 0px 0px 0px;padding: 0px  13px 0px 6px; line-height:24px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html #regTopMenuBar .MenuLinks a, * html #regTopMenuBar .MenuLinks a:visited {}
/* style the second level background 
#regTopMenuBar .MenuLinks ul ul a.drop, #regTopMenuBar .MenuLinks ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover
#regTopMenuBar .MenuLinks ul ul a.drop:hover{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
#regTopMenuBar .MenuLinks ul ul :hover > a.drop {background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}*/
/* style the third level background */
#regTopMenuBar .MenuLinks ul ul ul a, #regTopMenuBar .MenuLinks ul ul ul a:visited {background:#FFFFFF;}
/* style the third level hover */
#regTopMenuBar .MenuLinks ul ul ul a:hover {background:#FFFFFF;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#regTopMenuBar .MenuLinks ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:160px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html #regTopMenuBar .MenuLinks ul ul {top:22px;t\op:23px;}
/* position the third level flyout menu */
#regTopMenuBar .MenuLinks ul ul ul{left:160px; top:-1px; width:160px;}
/* position the third level flyout menu for a left flyout */
#regTopMenuBar .MenuLinks ul ul ul.left {left:-140px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#regTopMenuBar .MenuLinks table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#regTopMenuBar .MenuLinks ul ul a, #regTopMenuBar .MenuLinks ul ul a:visited { font-weight: normal; width: 180px; background:#DE96BC; color:#FFFFFF; height:auto; line-height:1em; padding:5px 10px 5px 10px; border-width:0px 0px 0px 0px; font-size:.9em;}
/* yet another hack for IE5.5 */
* html #regTopMenuBar .MenuLinks ul ul a, * html #regTopMenuBar .MenuLinks ul ul a:visited {width:180px;w\idth:148px;}
/* style the top level hover */
#regTopMenuBar .MenuLinks a:hover, #regTopMenuBar .MenuLinks ul ul a:hover{color:#DE96BC; background-color:#FFFFFF;}
#regTopMenuBar .MenuLinks :hover > a, #regTopMenuBar .MenuLinks ul ul :hover > a {color:#000000; background-color:#FFFFFF;}
/* make the second level visible when hover on first level list OR link */
#regTopMenuBar .MenuLinks ul li:hover ul,
#regTopMenuBar .MenuLinks ul a:hover ul{visibility:visible; z-index: 199;display: block; position: absolute; }
/* keep the third level hidden when you hover on first level list OR link */
#regTopMenuBar .MenuLinks ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#regTopMenuBar .MenuLinks ul :hover ul :hover ul{ visibility:visible; z-index: 199; position: absolute;  display: block}



.menulink:hover {text-decoration: underline}
.menualign {position: relative; top: -7px}
.rightMenu:hover{text-decoration:none;}
.rightMenu {font-family: Verdana ; padding-bottom:5px;padding-right:3px;font-size: 11px; color:#CE62A4;font-weight:bold; text-decoration:none;}
.footermenu {font-family:Verdana ; font-size:10px; color:#CE62A4;font-weight:bold; text-decoration:none;}
.footermenu:hover {text-decoration:none;}
.menulink {font-weight: bold; font-family:Verdana ; color:#DD76AE; text-decoration:none; }
.menulink:hover{text-decoration:none;}
.FreeDelivery { font-size: 18px; text-align: center; color: #BB2E83;}
.FreeDelivery A { font-size: 18px; color: #BB2E83; }
.FreeDeliverySmall { font-size: 9px; color: #FFFFFF; }
.ShoppingCart A{ font-family:Verdana ;  font-size:14px; text-decoration:none; color: #FFFFFF; font-weight: bold;}
.ShoppingCart { font-family:Verdana ; font-size:14px; text-decoration:none; color: #FFFFFF; font-weight: normal;}

.TopMenu A { text-align: center; color: #FFFFFF; font-weight: normal; font-size: 13px;}
.topMenu {font-family:Verdana ; font-size:14px; text-decoration:none; color: #FFFFFF; font-weight: bold; padding-left: 15px; padding-right: 15px;}
.topMenu:hover {text-decoration:none;}

a.productName {font-size:12px; font-weight:bold;  }

/* Form Controls */
input, textarea { font-family: Verdana ,Sans-Serif; font-size: 11px; color:#000000; } 
input.button {border: 1px solid #CE62A4; font-weight: bold; background-color: #CE62A4; height: 18px; color: #FFFFFF}
select {font-family: Verdana ,Sans-Serif; font-size: 11px; width:172px;}
.imageBorder {BORDER-RIGHT: #ce62a4 1px solid; BORDER-TOP: #ce62a4 1px solid; BORDER-LEFT: #ce62a4 1px solid; BORDER-BOTTOM: #ce62a4 1px solid; padding-top:5px;}
/* Text Styles */
.blurbheading {font-weight: bold; font-family:Verdana; color:#CE62A4;}

h1 { font-size: 22px; color: #CE62A4; padding-bottom:5px; padding-top: 8px; margin: 0 0 0 0;}
h2 { font-size: 16px; color: #CE62A4; padding-bottom:5px; font-weight: normal; padding-top: 0px;margin: 0 0 0 0;}

.page_heading { font-size: 22px;color: #CE62A4; padding-bottom:10px;}
.subpage_heading{ font-size: 20px;color: #CE62A4; padding-bottom:5px;}
.messagetouser {color: red; font-weight: bold}
.menulink {font-weight: bold; font-family:Verdana; color:#FFFFFF;}
.menuPipe {color:#ADADAD;}
.leftMenuTitle{color:#CE62A4; font-weight:bold; font-family:Verdana; font-size:11px; padding-left:10px;}
.leftMenuDash{color:#CE62A4;}
.leftMenu{color:#404040; font-family:Verdana;}

.FooterText { font-family:Verdana; font-weight: bold;  color: #A0A0A0; font-size: 11px; }
.LeftMenuHeader { font-family:Verdana; font-weight: bold;  color: #A0A0A0; font-size: 13px; }
.FooterText A { font-family:Verdana; color: #A0A0A0; font-weight: normal; text-decoration: none; font-size: 11px; }

.terms {color: #4E4E4E;  font-size:10px;}
.whitetext {color: white; font-weight: bold}
.footertext {color: #AAAAAA}
.productdetail {color: #CE62A4; font-size: 14px;}

.BuyNow { color: #FFFFFF; background-color: #CE62A4; border:1px solid #CE62A4;}
.BuyNow A { color: #FFFFFF}

.pnlAdditionalImagesDisabled {  font-size: 11px; color: #AAAAAA; background-color: #efefef;font-weight: bold; text-align: center; padding-top: 3px; padding-bottom: 3px;}
.pnlAdditionalImages {  font-size: 11px; color: black; background-color: #efefef; font-weight:bold; text-align: center;  padding-top: 3px; padding-bottom: 3px;  cursor: hand;}
.standard-text {font-family: Verdana ; font-size:10px; font-weight: normal; color: #111111}
.searchHeading{font-family:Verdana ; font-weight:bold; color:#000000; font-size:11px;}
.ImageBorder {border:1px solid #CE62A4;}
.dottedline {border-right: 2px #CCCCCC dotted; }
.content {font-family:Verdana Narrow; padding-left:10px; padding-right:10px;}
.newsheadline {font-size:12px; color:#CE62A4; font-weight:bold; }
.subpage_heading{font-size: 12px;color: #CE62A4; padding-bottom:10px; }
.SmallText {font-size:9px; font-family:Verdana;}

.Green { color: Green;}
.Red {color: Red;}
/* Page Number */
.page_number_selected {font-weight: bold}
.page_number_unselected {font-weight: normal}

/* Shopping Cart */
.shoppingcart_header {background-color: #CE62A4; font-weight: bold; color:#FFFFFF;}
.shoppingcart_empty {font-weight: bold; color: #CE62A4; text-align: center; margin: 10px 0px 10px 0px}
.shoppingcart_item {font-weight: normal}
.shoppingcart_underline {border-bottom: 2px solid black}
.shoppingcart_totalprice {font-weight: bold; text-align: right; border-bottom: 2px solid black; font-size: 14px; }
.shoppingcart_deliveryprice {font-weight: bold; text-align: right; border-bottom: 3px solid black; font-size: 14px; }
.shoppingcart_overallprice {font-weight: bold; text-align: right; padding-top: 10px; font-size: 16px; border-bottom: 1px solid black}
.shoppingcart_button {border: 1px solid #CE62A4; font-weight: bold; background-color: #CE62A4; height: 22px; color: #FFFFFF;font-size: 13px;}
.shoppingcart_buttondiscount {border: 1px solid #CE62A4; font-weight: bold; background-color: #CE62A4; height: 20px; color: #FFFFFF;font-size: 12px;}

/* Payment */
.payment_header {background-color: #CE62A4; color:White;font-weight: bold; padding: 2px 2px 2px 2px}
.payment_item {font-weight: normal}
.payment_underline {border-bottom: 2px solid black}
.payment_totalprice {font-weight: bold; text-align: right;}
.payment_discount {font-weight: bold; text-align: right; color: red; font-size: 14px; border-bottom: 1px solid black; }
.payment_deliveryprice {font-weight: bold; text-align: right; border-bottom: 1px solid black;}
.payment_vattotal {font-weight: bold; text-align: right; border-bottom: 1px solid black;}
.payment_overallprice {font-weight: bold; text-align: right; padding-top: 10px; font-size: 14px; border-bottom: 1px solid black;}
 
.SearchText A {font-family:Verdana ;  text-align: center; color: #888888; font-weight: bold; font-size: 13px;}
.SearchText {font-family:Verdana ; font-size:13px; text-decoration:none; color: #888888; font-weight: normal;}
.SearchText:hover {text-decoration:none;}

.BottomNav  { font-family:Verdana ; font-weight: bold;  color: #A0A0A0; font-size: 11px; }
.BottomNav A { font-family:Verdana ; font-weight: normal;  color: #A0A0A0; font-size: 11px; }
/* Products image zoom... */
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666;	border-right: 2px solid #666;	}
#lightboxDetails{	font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(js/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale");
	}
	.ThumbnailPhoto { border: 0px solid #CCCCCC; font-size:55px; line-height: 90px; vertical-align: middle; width:90px; height:90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;}