/* Changeable partner site styles */

#header li a:hover,
#container #nav ul li a { color: #AD1821; }
#header { background-color: #DA2128; }

/* CSS Document */

body { font: 0.8em Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px; background: #FFF url(/site/body-bg.gif) repeat-y left top; }

/*style to fit with new cms*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img.left { margin: 0px 10px 10px 0px }
img.right { margin: 0px 0px 10px 10px }
img.center { display: block; margin: 0px auto; }

img.small { width: 75px; }
img.medium { width: 150px; }
img.large { width: 350px; }

a img { border: 0 none; }

/*style for email a friend and reviews*/
.etaf { display: block; padding: 10px; margin: 10px 0px; border-top: #bddfff dotted 1px; clear: both; }
.email { background: url(/site/email_go.png) no-repeat; padding-left: 20px; }
.read { background: url(/site/comments.png) no-repeat; padding: 0px 10px 0px 20px; }
.write { background: url(/site/comment_add.png) no-repeat; padding: 0px 10px 0px 20px; }
#reviews { display: block; padding: 10px; margin: 10px 0px; border-top: #bddfff dotted 1px; clear: both; }
#reviews h3 { color: #AD1821; font-size: 1.3em; margin-bottom: 10px; }
#reviews h4 { color: #AD1821; font-size: 1.1em; }
#reviews .review { margin-bottom: 10px; }
#reviews .info {  }

/* Styles from Old Layout */

p { xfont-family: Arial, Helvetica, sans-serif; xfont-size: 12px }
.description { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:000099;}
.fragmenttop { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 9px}

td { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
td.bottom { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-bottom : 1px solid #DDDDDD; }
td.top1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-top : 1px solid #CCCCCC; }
td.top2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-top : 1px solid #FFFFFF; }
td.top3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-top : 1px solid #FFFFFF; }
td.boxed { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border : 1px solid #DDDDDD; padding: 5px}
td.navbar { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFEE; border-bottom : 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #F5E7E7; border-left: 1px solid #F5E7E7;}
td.verticalrule { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right : 1px solid #000033; }
td.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.pagelevel1 { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; padding-left:0px;  }
.pagelevel2 { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; padding-left:20px; border-left : 1px solid #DDDDDD; border-style: none none none dotted; }
.pagelevel3 { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 9px; padding-left:40px; border-left : 1px solid #DDDDDD; border-style: none none none dotted; }
.typelabel { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999}

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #666666}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003366}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #FF0000}
hr { color: #ff0000; width: 60%; }

.inlineform {display: inline}

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F7FFFF}

input, select  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: F7FFFF; border: 1px solid #999999}
input.radio  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: transparent; border-style: none}
input.smallradio  { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: transparent; border-style: none}
input.checkbox  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: transparent; border-style: none}
input.button  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F7FFF;  border: 1px solid #999999;}
textarea  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: F7FFFF; border: 1 solid #999999}

a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: none}
a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: none}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000}

a.navbar {text-decoration: none; background: #EFFBFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; width: 150px;	border: thin solid #EFFBFF; border-width : 1px;}
a.navbar:hover {border : thin solid #CCCCCC; color: #FFFFFF; border-width : 1px; background : #6699CC;}
a.navbar:visited { }

a.bottomnav:link {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none}
a.bottomnav:visited {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none}
a.bottomnav:hover {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CCCCCC}

a.supplier:link {  font-family: Arial, Helvetica, sans-serif; color: #000033; font-weight: bold; text-decoration: none;}
a.supplier:visited {  font-family: Arial, Helvetica, sans-serif; color: #000033; font-weight: bold; text-decoration: none;}
a.supplier:hover {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ff0000;}

a.contact:link {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003300; font-weight: normal; text-decoration: none;}
a.contact:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003300; font-weight: normal; text-decoration: none;}
a.contact:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ff0000;}

.smallphone { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal}
.smallinput { COLOR: #000000; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; BACKGROUND-COLOR: #E0E0E0; BORDER: 1 solid #000000; }

table.boxedtable { border-color: #CCCCCC; border-style: inset; border-width: 1px; background-color: #FFFFEE; }
editarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px}
.smalltext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.smallverdana { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 0.75em; color: #666}
.newsheading { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #336600}

/* edited styles to integrate with new layout */
#container #content ul { list-style-image: url(/site/right_arrow.gif); }

/* New Layout Styles */
#header { height: 32px; padding-top: 68px; background: url(/site/header.gif) no-repeat left top; }
#header ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left; }
#header ul li { float: left; }
#header ul li a {
	text-decoration: none;
	background: url(/site/tab1.gif) no-repeat top left;
	float: left;
	height: 29px;
	width: 95px;
	padding: 3px 1px 0px 1px;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#header li a:hover { background: url(/site/tabon1.gif) no-repeat left top; }

#footer { clear: both; xmargin: 0px 0px 10px 150px; padding: 10px; width: 530px; border-top: 1px solid #eee; font-size: 0.82em; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer a  { color: #AD1821; font-size: 1em; }
#footer a:hover  { color: #084584; text-decoration: underline; }

#container { clear: both; }
#container #nav { float: left; width: 120px; padding: 8px; padding-right: 0px; font-size: 0.8em; }
#container #nav p { display: block; font-size: 1.0em; }
#container #nav ul { margin: 0px; padding: 0px; list-style: none; margin-top: 10px; }
#container #nav ul li a { display: block; padding: 1px; width: 120px; border-bottom: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#container #nav ul li a {  }
#container #nav ul li a:hover { background: #6390BD; color: #FFF; }
#container #nav input,
#container #nav select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
#container #content { float: left; width: 530px; padding: 10px 0px 20px 10px; }

#data .item { margin: 0px 0px 20px 0px; }
#data .item h2 { font-size: 1.3em; color: #AD1821 }
#data .item .pic { padding: 0px; float: right; border: 0px; max-width: 160px; }
#data .item .title { font-weight: bold; float: left; clear: left; margin: 0; width: 360px; }
#data .item .artist { font-weight: bold; float: left; clear: left; padding: 5px 0px; width: 360px; }
#data .item .desc { float: left; clear: left; padding: 5px 0px; width: 360px; }
#data .item .desc li { list-style-position: inside; list-style-image: url(/site/right_arrow.gif); }
#data .item .desc ul li { list-style-position: outside; list-style-image: url(/site/right_arrow.gif); }
#data .item .foot {  }
#data .item .price { font-weight: bold; color: #AD1821; padding: 5px 0px; float: left; width: 360px; }
#data .item .links { padding: 5px 0px; float: left; width: 360px; border-bottom: #AD1821 dashed 1px; margin-bottom: 20px; }

#data .products { padding-bottom: 20px; border-bottom: #AD1821 dashed 1px; }
#data .products h3 { font-size: 1.5em; color: #AD1821; display: block; }
#data .products p { display: block; }
#data .products p b {  }
#data .products p strong { color: #AD1821; }
#data .products img { padding: 5px 0px 15px 10px; margin-top: 10px; }

#data #alpha ul { margin: 0px 0px 10px 0px; list-style-type: none; white-space: nowrap; padding: 0px; }
#data #alpha ul li { list-style-type: none; display: inline; margin: 0px 1px 0px 0px; padding: 0px; color: #AD1821; }
#data #alpha ul li a { padding: 3px 4px 2px 4px; background: #EEE; }
#data #alpha ul li a:hover { background: #9933CC; color: #FFF; text-decoration: none; }

#data ul {  }
#data ul li {  }
#data ul li a {  }
#data ul li a:hover {  }
#data select { border: 1px solid #BDDFFF; }
#data .head { clear: both; float: left; width: 515px; padding: 3px 10px 3px 10px; background: #F1F1F1; margin: 3px 0px 5px 0px; }
#data .head .title { float: left; font-weight: bold; color: #9933CC; font-size: 1.3em; }
#data .head .links { float: right; text-align: right; }
#data .head .links a { color: #666; }
#data .head .links a:hover { color: #9933CC; text-decoration: none; }

.nav { padding: 0px 0px 15px 0px; float: left; width: 530px; margin: 0px; position: relative; }
.nav a { color: #000; }
.nav a:hover { color: #9933CC; }
.nav .bg { background: #DDD; position: relative; height: 18px; padding: 1px 0px 0px 0px; clear: both; }
.nav .sort { float: right; padding: 0px 10px 0px 0px; }
.nav .pages { float: left; padding: 0px 0px 0px 10px; font: 0.8em Verdana, Arial, Helvetica, sans-serif;}
.nav .options { float: right; color: #999; position: relative; clear: both; }
.nav .options a { color: #BDDFFF; }
.nav .options hover { color: #616161 }

/* panel styles 

body {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
p { font-family: Arial, Helvetica, sans-serif; font-size: 10px }
p.smallertext { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color:#FF0000 }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px }
td { font-family: Arial, Helvetica, sans-serif; font-size: 10px }
td.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
td.boxed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border : 1px solid #CCCCCC; }
th { font-family: Arial, Helvetica, sans-serif; font-size: 10px ; font-weight: bold; color: 000099; background-color: #FFFFCC}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold ; color: #000099}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold ; color: #666666}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold ; color: #000000}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal ; color: #FF0000}
A:link {text-decoration: none; color: #000099}
A:visited {text-decoration: none;}
A:hover {text-decoration: underline; color: #FF0000}
*/

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: auto;
	font-size: 16px;
	padding-bottom: 10px;
	color: #000000;

}
#box1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border : 1px solid #CCCCCC;
	width: 40%;
	background: url(/site/box1head.gif) no-repeat top left #BDDFFF;
}
#box1 li {
	list-style-image: url(/site/right_arrow.gif);
}
#box2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border : 1px solid #CCCCCC;
	width: 40%;
	background: url(/site/box2head.gif) no-repeat top left #F2F4FF;
	height: 160px;
}
#box2 li {
	list-style-image: url(/site/right_arrow.gif);
}
#box3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border : 1px solid #CCCCCC;
	width: 40%;
	background: url(/site/box3head.gif) no-repeat top left #BDDFFF;
	height: 160px;
}
#box3 li {
	list-style-image: url(/site/right_arrow.gif);
}
#box4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border : 1px solid #CCCCCC;
	width: 40%;
	background: url(/site/box4head.gif) no-repeat top left #F2F4FF;
}
#box4 li {
	list-style-image: url(/site/right_arrow.gif);
}
.boxheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: auto;
	font-size: 16px;
	padding-bottom: 10px;
	color: #ffffff
}

/* Store */

#PopupBoxDiv { padding: 10px 30px 10px 30px; border: 1px solid #333; position: absolute; top: 260px; font-weight: bold; color: #FFF; background: #990000; }	
#popupbasket { position: absolute; width: 550px; left: 200px; top: 255px; overflow: visible; background: #FFF; border: 1px solid #AD1821; }

#basket { padding: 0px; position: relative; float: left; margin: 0px; text-align: left; background: #FFF; font-size: 0.85em; }
#basket th { background: #BDDFFF; color: #084584; font-size: 100%; }
#basket td { background: #FFF; color: #000; font-size: 100%; }
#basket a { font-size: 100%; }
#basket td p { font-size: 100%; }
#basket td td { font-size: 100%; }
#basket td th { font-size: 100%; }
#basket .itemtotal { font-weight: bold; background: #E1E1E1; }
#basket .baskettotal { background: #BDDFFF; font-weight: bold; color: #084584; }
#basket .floatright { float: right; }
#basket .floatleft { float: left; }
#basket .checkbox  { background-color: transparent; border-style: none }
#basket .deletebox  { background-color: transparent; border-style: none }
#basket .button  { background-color: #E1E1E1 }
#basket .itemline { background: #E1E1E1; }
#basket input,select {font-size: 100%; }

#storeform {
	padding: 0px;
	position: relative;
	float: left;
	margin: 0px;
	text-align: left;
	background: #FFF;
	font-size: 0.85em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#storeform th { background: #BDDFFF; color: #084584; font-size: 100%; }
#storeform td { background: #FFF; color: #000; font-size: 100%; }
#storeform td p { font-size: 100%; }
#storeform td td { font-size: 100%; }
#storeform td th { font-size: 100%; }
#storeform ul { font-size: 100%; }
#storeform .floatright { float: right; }
#storeform .floatleft { float: left; }
#storeform .checkbox  { font-size: x-small; background-color: transparent; border-style: none }
#storeform .deletebox  { font-size: x-small; background-color: transparent; border-style: none }
#storeform .button  { background-color: #E1E1E1 }
#storeform input,select, textarea {font-size: 100%; color: #000; background-color: #FFF;}

#minibasket { color: #000; font-size: 100%; padding: 3px; margin: 5px 0px 0px 0px; border: #084584 solid 1px; background: #FFF; }
#minibasket h3 { font-size: 110%; margin: 0px; color: #AD1821; }
#minibasket p { margin: 0px; }
#minibasket a { color: #084584; font-weight: bold; font-size: 90%; xtext-decoration: underline; }
#minibasket a:hover { color: #084584; text-decoration: underline; }

/* lightbox */

#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails{ font-size: 1.0em; 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(/site/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/site/overlay.png", sizingMethod="scale");
	}
	
kbd{ background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; }