/* General */
html, body {margin: 0px 0px 0px 0px; background-color: #FFFFFF; background-image:url(images/bg_hearts.gif); font-family: Arial,Verdana, Sans-Serif; font-size: 0.83em;}
form {margin: 0px 0px 0px 0px}
td {font-family: Arial, Verdana, Sans-Serif; font-size: 11px}
/* Link Styles */
a {color: #DD061D}
a.terms {color : #4E4E4E}
a.whitelink {color: white; text-decoration: underline}
.menulink {text-decoration: none}
.menulink:hover {text-decoration: underline}
.menualign {position: relative; top: -7px}
HR { height: 1px;}
/* Form Controls */
input, textarea {font-family: Verdana, Arial, Sans-Serif; font-size: 11px}
select {font-family: Verdana, Arial, Sans-Serif; font-size: 11px}
a.Black { text-decoration: none;}
a.Black:hover { text-decoration: underline;}
/* Datagrid Styles */
.DataGridHeader {font-size:10px; font-family: Verdana; font-weight: bold; color: #FFFFFF; background-color: #BE001C;}
.Bookmark A { text-decoration: none; font-weight: bold; font-size: 12px; color: #BD007A;}
.Bookmark A:Hover { text-decoration: underline;}
.Footer { text-decoration: none; background-image:url(images/tab_bg.gif); color: #FFFFFF; font-weight: normal; font-family: Arial; }
.Footer A { text-decoration: none; color: #FFFFFF; font-weight: normal;}
.Footer A:Hover { text-decoration: underline;}
.TopMenu { text-decoration: none; color: #FFFFFF; font-weight: bold; }
.TopMenu A { text-decoration: none; color: #FFFFFF; font-weight: NORMAL;}
.TopMenu A:Hover { text-decoration: underline;}
.MoreInfo A { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 10px;}
.MoreInfo A:Hover { text-decoration: underline;}
.MenuHeader { font-weight: bold; color: #FFFFFF; background-color: #BC001D; text-decoration: none;}
.MenuHeader A { font-weight: bold; color: #FFFFFF; background-color: #BC001D; text-decoration: none;}
.MenuHeader A:Hover{ font-weight: bold; color: Yellow; background-color: #BC001D;}
.SubMenuHeader { font-weight: bold; color: #BC001D; text-decoration: none;}
.SubMenuHeader A { font-weight: bold; color: #BC001D; text-decoration: none;}
.SubMenuHeader A:Hover{ font-weight: bold; color: #000000; text-decoration: none;}
.ProductPrice { color: Red; font-weight: bold; font-size: 12px;}
.ProductPriceBlack { font-weight: bold; font-size: 12px;}
a.ProductName{ color: #001CBD; font-weight: bold; text-decoration: none; font-size: 12px; font-family: Arial;}
a.ProductName:Hover{ color: #001CBD; font-weight: bold; text-decoration: underline; font-size: 12px; font-family: Arial;}
a.ProductNameSmall{ color: #001CBD; font-weight: bold; text-decoration: none; font-family: Arial;}
a.ProductNameSmall:Hover{ color: #001CBD; font-weight: bold; text-decoration: underline; font-family: Arial;}
.Review{ color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Arial;}
a.Review{ color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 11px; font-family: Arial;}
a.Review:Hover{ color: #FFFFFF; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Arial;}
/* The Dynamic left hand menu */
.menuLHS {padding-top: 6px;}
.menuLHS A {font-weight: bold; font-size: 1.1em; text-decoration: none; }
.menuLHS A:hover {text-decoration: underline;}
.MenuLHSIndented {padding-top: 0px;}
.MenuLHSIndented A {font-style: italic; padding-left: 5px; text-decoration: none;}
.MenuLHSIndented A:hover {text-decoration: underline;}
/* Text Styles */
/*Page Heading - H1 tag picked up by search engines */
H1 {font-weight: bold; font-size: 18px; padding-bottom: 5px; margin: 0 0 0 0}
/*Fill in these styles with bespoke colours so that customers can access them in content management*/
H2 {font-weight: bold; font-size: 16px; padding-bottom: 5px; margin: 0 0 0 0}
H3 {font-weight: bold; font-size: 15px; padding-bottom: 5px; margin: 0 0 0 0}
H4 {font-weight: bold; font-size: 14px; padding-bottom: 5px; margin: 0 0 0 0}
H5 {font-weight: bold; font-size: 13px; padding-bottom: 5px; margin: 0 0 0 0}
H6 {font-weight: bold; font-size: 12px; padding-bottom: 5px; margin: 0 0 0 0}
.messagetouser {color: red; font-weight: bold}
.menulink {font-weight: bold}
.terms {color: #4E4E4E}
.whitetext {color: white; font-weight: bold}
.footertext {color: #AAAAAA; text-decoration: none;}
.productdetail {background-color: #DDDDDD}
.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}
.productsAtoZ {color:#363488; font-family:Verdana; font-size:11px; text-decoration:none; }
/*Highlight user searched text in the search engine */
.highlight {text-decoration: none;color:black;background:yellow;}
.ImageBorder {border:1px solid #EE3333;}
/* Page Numbering */
.page_number_selected {font-weight: bold}
.page_number_unselected {font-weight: normal}
.Previous_Next_border{}
/* Shopping Cart */
.shoppingcart_empty {font-weight: bold; color: #BD007A; text-align: center; margin: 10px 0px 10px 0px}
.shoppingcart_button {border: 1px solid #1A258E; font-weight: bold; background-color: white; height: 18px; color: #2D4191}
.price {color:#8D4D7B; font-weight:bold; font-size:11px;}
/* Payment */
.payment_header {background-color: #000000; color: #FFFFFF; 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; border-bottom: 2px solid black}
.payment_discount {font-weight: bold; text-align: right; color: maroon; padding-right: 104px;}
.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;}
.BG_Hearts
{
BACKGROUND-IMAGE: url("http://www.soundsnaughty.com/images/bg_hearts.gif");
BACKGROUND-POSITION: left top;
BACKGROUND-REPEAT: repeat;
}
.BG_Header
{
BACKGROUND-POSITION: left top;
BACKGROUND-IMAGE: url("http://www.soundsnaughty.com/images/header_2.jpg");
BACKGROUND-REPEAT: no-repeat
}
.BG_Footer
{
BACKGROUND-POSITION: left bottom;
BACKGROUND-IMAGE: url("http://www.soundsnaughty.com/images/footer_2.jpg");
BACKGROUND-REPEAT: no-repeat;
BORDER-RIGHT: #91011a 1px solid;
BORDER-TOP: #91011a 1px solid;
BORDER-LEFT: #91011a 1px solid;
BORDER-BOTTOM: #91011a 1px solid;
BACKGROUND-COLOR: #ffffff;
}
.ThumbnailPhoto { width: 88px; border: 1px solid #CCCCCC; height: 78px;}
.bg_button_blue { background-image: url('images/button_bg_bl.gif'); background-repeat: repeat-x }
.bg_menuHeader { background-image: url('images/menu_left_dkorange.gif'); background-repeat: no-repeat; text-decoration: none; }
.bg_menuHeader A { text-decoration: none; color: #000000 }
.bg_menuHeader A:Hover { text-decoration: underline; color: #000000 }
.bg_nameplate { background-image: url('images/bg_nameplate.gif'); background-repeat: repeat-x }
.bg_bottombox { background-image: url('images/box_curve_bg.gif'); background-repeat: repeat-x }
.bg_verticalBoxLeft { background-image: url('images/pink_2x2.gif'); background-repeat: repeat-y;background-position: left; }
.bg_verticalBoxRight { background-image: url('images/pink_2x2.gif'); background-repeat: repeat-y; background-position: right; }
.bg_topBox { background-image: url('images/box_curve_bg_top.gif'); background-repeat: repeat-x }
.bg_BoxButton { background-image: url('images/box_button_bg.gif'); text-decoration: none; background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; font-size: 11px;}
.bg_BoxButton A {color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; }
.bg_Button { background-image: url('images/button_bg.gif'); background-repeat: repeat-x }
/* Blog related styles... */
.BlogEntries p {padding-top: 0px; margin-top: 0px}
.BlogEntries .blogPostTitle {padding-top: 5px;}
.BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;}
.BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
.BlogEntries .blogContent { padding-bottom: 10px;}
.BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
.BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: gray; padding-top: 5px; }
.BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;}
.BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
.BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; }
.BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
.BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
.BlogDetail .blogContent { padding-bottom: 5px;}
.BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;}
.BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
.BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; }
.BlogDetail .SocialNetworking {padding-top: 0px; text-align: right}
.BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;}
.BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;}
.BlogDetail .Comments {padding-top: 0px;}
.BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;}
.BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;}
.BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;}
.BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; }
.BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; }
.BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; }
.BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { }
.BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { }
.BlogDetail .Comments .leaveComment input {margin-left: 0px;}
.BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; }
.blogArchiveItem {border-bottom: #F5CBD5 1px solid ; padding-top:5px; padding-bottom: 5px; width: 100%}
/* not within a region because you may want to put in in various places on the site */
h2.blogHeading {font-weight: bold; color: #BC001D; font-size: 1em; margin: 3px 3px 3px 10px; padding: 0px;}
.blogCategoriesBox {padding: 0px 0px 10px 0px;}
.blogCategoriesBox .blogCategoryItem {font-size: 1em; margin: 0px 0px 1px 0px; padding: 1px 5px 4px 17px; border-bottom: 1px dashed #ECE9D8; }
.blogCategoriesBox .blogCategoryItem A { color:#BC001D; font-weight: bold; text-decoration: none;}
.blogCategoriesBox .blogCategoryItem A:hover { color: Black; text-decoration: none;}
.blogArchiveBox {padding: 0px 0px 10px 0px;}
.blogArchiveBox .blogArchiveItem {font-size: 1em; margin: 0px 0px 1px 0px; padding: 1px 5px 4px 17px; border-bottom: 1px dashed #ECE9D8; }
.blogArchiveBox .blogArchiveItem A { color:#BC001D; font-weight: bold; text-decoration: none;}
.blogArchiveBox .blogArchiveItem A:hover {color: Black; text-decoration: none;}
/* Lightbox */
#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(/include/lightbox/overlay.png); }
* html #overlay{
background-color: #333;
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/include/lightbox/overlay.png", sizingMethod="scale");
}