body {
  margin:0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#394752;
  background:#394752;
}

.editorBody { background:#FFFFFF; color:#000000;}

/* Default Styles */

h1 {
  margin:0px;
  padding:0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:20px;
}

h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:18px;
}

h3, h4 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
}

h5, h6 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:11px;
}

a {
  color:#394752;
  text-decoration:underline;
}
a:hover {
  color:#2A7A9A;
  text-decoration:none;
}

a img {
  border:0px;
}

.left {
  float:left;
  margin:0 25px 25px 0;
}

.right {
  float:left;
  margin:0 0 25px 25px;
}

/* End Default Styles */

#shell {
  width:100%;
  margin:0 auto 0 auto;
  background:#D6DADC url(../images/design/gradient.jpg) repeat-x 0% 0%;
}

#innershell {
  width:100%;
  margin:0 auto 0 auto;
  background:#D1D5D8 url(../images/design/gradient2.jpg) repeat-x 0% 0%;
}


#header {
  position:relative;
  width:990px;
  height:475px;
  margin:0 auto 0 auto;
  background:url(../images/design/glowbg.jpg) no-repeat 0% 0%;
}

#insideheader {
  position:relative;
  width:990px;
  height:200px;
  margin:0 auto 0 auto;
  background:url(../images/design/ripple.jpg) no-repeat 100% 0%;
}

#logo {
  position:absolute;
  top:175px;
  left:0px;
  width:500px;
  height:110px;
  z-index:9999;
  display:none;
}

#logo2 {
  position:absolute;
  top:43px;
  left:0px;
  width:500px;
  height:110px;
  z-index:9999;
}

/* --------------------------------------------------------- */
/* Slider                                                                          */
/* --------------------------------------------------------- */

#slider {
  position:absolute;
  top:0px;
  right:0px;
  width:990px;
  height:475px;
  z-index:999;
}

#slides {
  position:relative;
	width:990px;
	height:475px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:990px;
	height:475px;
	overflow:hidden;
	position:relative;
}

#slides_control {
  float:right;
}

#slides .next {
	left:585px;
}

.pagination {
  position:absolute;
  bottom:27px;
  left:0px;
  width:auto;
	margin:26px auto 0;
	list-style-type:none;
	z-index:3000;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:21px;
	height:9px;
	margin:0 6px 0 0;
	padding-top:12px;
	background-image:url(../images/design/pagination.png);
	background-position:0 0;
	float:left;
	text-indent:-99px;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -21px;
}

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


#holder {
  width:990px;
  margin:0 auto 0 auto;
  padding:0 0 68px 0;
}

/* Navigation */
#menu {
  width:990px;
  height:31px;
  margin:12px 0 0 0;
}

#nav {
  width:990px;
  margin:0px;
  padding:0px;
  display:inline;
}

#nav li {
  position:relative;
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#nav li a {
  width:auto;
  margin:0px;
  padding:6px 11px 6px 11px;
  color:#43535D;
  font-size:16px;
  text-decoration:none;
  background:url(../images/design/navdivider.jpg) no-repeat 100% 50%;
  display:block;
}

#nav li a:hover {
 color:#2A7A9A;
}

/* Right Nav */

#rightnav {
  float:left;
  width:238px;
  margin:0px;
  padding:0px;
}

#rightnav li {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#rightnav li a {
  width:221px;
  margin:0px;
  padding:10px 17px 10px 0px;
  color:#696B6C;
  font-size:16px;
  text-decoration:none;
  border-top:1px dashed #ECEEEF;
  border-bottom:1px dashed #9DA5AB;
  display:block;
}

#rightnav li a:hover {
  width:216px;
  padding:10px 17px 10px 5px;
  color:#FFFFFF;
  background:#394752 url(../images/design/menubg.jpg) repeat-x 0% 0%;
}

/* Subnav*/
#rightnav ul {
  float:left;
  width:238px;
  margin:0px;
  padding:0px;
}
#rightnav ul li {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#rightnav ul li a {
  width:211px;
  margin:0px;
  padding:5px 17px 5px 10px;
  color:#696B6C;
  font-size:12px;
  text-decoration:none;
  border-top:1px dashed #ECEEEF;
  border-bottom:1px dashed #9DA5AB;
  display:block;
}

#rightnav ul li a:hover {
  width:216px;
  padding:5px 17px 5px 15px;
  color:#FFFFFF;
  background:#394752 url(../images/design/menubg.jpg) repeat-x 0% 0%;
}

/* Category Nav */

#catgeorynav {
  float:left;
  width:238px;
  margin:0 0 10px 0;
  padding:0px;
}

#catgeorynav li {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#catgeorynav li a {
  width:221px;
  margin:0px;
  padding:10px 17px 10px 0px;
  color:#696B6C;
  font-size:16px;
  text-decoration:none;
  border-top:1px dashed #ECEEEF;
  border-bottom:1px dashed #9DA5AB;
  display:block;
}

#catgeorynav li a:hover {
  width:216px;
  padding:10px 17px 10px 5px;
  color:#FFFFFF;
  background:#394752 url(../images/design/menubg.jpg) repeat-x 0% 0%;
}

.subItem a {
  width:201px !important;
  padding:10px 17px 10px 20px !important;
  font-size:14px !important;
}

.subItem a:hover {
  width:201px !important;
  padding:10px 17px 10px 20px !important;
  font-size:14px !important;
}

#othernavHolder {
  width:990px;
  margin:10px 0 0 0;
}

#othernav {
  width:990px;
  margin:0px;
  padding:0px;
  display:inline;
}

#othernav li {
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#othernav li a {
  float:left;
  width:auto;
  margin:0px;
  padding:0px;
  display:block;
}

#othernav li .divider {
 color:#394752;
}

/* End Navigation */

#socialicons {
  margin-top:3px;
  display:none;
}

#socialicons a {
  width:24px;  
  height:24px;
  margin:3px 6px 0 0;
}

#leftpanel {
  float:left;
  width:468px;
  margin:26px 38px 0 0;
  font-size:24px;
  line-height:6px;
}

#rightpanel {
  float:left;
  width:484px;
  margin:32px 0 0 0;
  font-size:15px;
  line-height:20px;
}

#middlepanel {
  float:left;
  width:694px;
  min-height:520px;
  height:auto !important;
  _height:520px;
  margin:32px 30px 0 0;
  padding:0 28px 0 0;
  font-size:15px;
  line-height:20px;
  background:url(../images/design/vdivider.jpg) repeat-y 100% 0%;
}

#middlepanelFulll {
  position:relative;
  float:left;
  width:990px;
  min-height:220px;
  height:auto !important;
  _height:220px;
  margin:32px 0 0 0;
  padding:0px;
  font-size:15px;
  line-height:20px;
}

#middlepanelFulll #socialicons{
  position:absolute;
  top:0px;
  right:0px;
}

#insiderightpanel {
 float:left;
 width:238px;
 margin:32px 0 0 0;
}

#footerholder {
  width:100%;
  height:177px;
  margin:0 auto 0 auto;
  background:url(../images/design/footer.jpg) repeat-x 0% 0%;
}

#footer {
  position:relative;
  width:990px;
  margin:0 auto 0 auto;
}

#rights {
  float:left;
  margin:23px 0 0 0;
  color:#FFFFFF;
  line-height:20px;
}

#rights ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  display:inline;
}

#rights ul li {
  float:left;
}

.divider {
  margin:0 9px 0 9px;
  color:#DEDFE1;
}

#network{
  color:#DEDFE1;
  font-size:13px;
  font-weight:bold;
}

#rights a {
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}

#rights a:hover {
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  text-decoration:underline;
}

#isite {
  font-size:12px !important;
}

#logos {
  float:right;
  width:370px;
}

#plugmein {
  float:left;
  margin:42px 23px 0 0; 
  _margin:42px 22px 0 0;
  display:block;
}

#losemusic {
  margin:23px 0 0 0; 
  display:block;
}

/* News Articles */

.newsitem {
  margin:10px 0 0 0;
}

#fullarticle {
  margin:10px 0 0 0;
}

/* End News Articles */

/* Testimonials */
.testitems {
  margin:0px;
  padding:0 0 10px 0;
  border-top:1px dashed #ECEEEF;
  border-bottom:1px dashed #9DA5AB;
}

.testitems p {
  margin:0px;
  padding:0px;
}

/* End Testimonials */

/* Expand Boxes */
.expandcontent {
  width:682px;
  margin:0px;
  padding:3px 6px 3px 6px;
  font-size:12px;
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px dashed #ECEEEF;
  background:transparent url(../images/design/footer.jpg) repeat-x 0% 0%;
  display:block;
  cursor:pointer;
}

.expandcontent p {
  margin:0px;
  padding:0px;
  display:inline;
}

.expandnamec {
  position:relative;
  width:600px;
  padding:0 110px 0 0;
  /*color:#383838;*/
  font-weight:bold;
  text-decoration:none;
}

.clickbox {
  position:absolute;
  top:0px;
  right:0px;
  background:url(../images/design/open.jpg) no-repeat 0% 100%;
}

.clickbox img {
  width:103px;
  height:16px;
  border:0px !important;
}

.slidecontent {
  width:682px;
  padding:6px;
}

.slidecontent p {
  margin:0px;
  padding:0px;
}

/* End Expand Boxes */

/* Staff Members */
.staffmember {
  margin:0 0 10px 0;
  border:1px solid #9DA4AA;
}

.staffbg {
  padding:10px 10px 10px 10px;
  border:1px solid #F2F2F4;
}

.staffbg img {
  float:left;
  margin:0 10px 10px 0;
}
/* End Staff Members */

/* Forms */
.required {
  color:#d20;
  font-weight:bold;
}

fieldset {
  width:545px;
  border:0px;
}

legend {
  #margin:0 0 0 -7px;
  font-weight:bold;
}

label { visibility: hidden; display: none; }

input, textarea {
  font-size:1em;
  font-family:Arial,Helvetica,sans-serif;
}

.namefield {float:left; padding-top: 3px; width: 160px;}
.namefield2 {float:left; padding-top: 3px; width: 160px;}
.inputfield {float:left; width: 230px; padding:2px;}
.inputfield2 {float:left; width: 230px;}

.checkboxfield {
  float:left;
  width:360px;
  margin:0 0 6px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
}

.submitbutton {
  padding:1px 4 1px 4px;
  color:#FFFFFF;
  font-size: 13px;
  border: 1px solid #000000;
  background:#455765;
  cursor:pointer;
}

/* Shopping Cart */

/* Shopping Cart links */

#scholder {
  width: 151px;
  margin:0px; 
}

#sclinks { 
  list-style-type: none; 
  margin:0px;
  padding:0px; 
}

#sclinks li {
  float: left;
  margin-top: 0px;
  padding: 0px;
  position: relative;
  width: 151px;
  text-decoration: none;
  list-style-type: none;
}

#sclinks li a { 
  color: #000000;
  text-decoration: none;
  margin: 0px;
  padding: 1px 0 3px 9px;
  width: auto;
  display: block;
  background:#E4E4E4;
}

#sclinks li a:hover  { 
  color: #FFFFFF; 
  text-decoration: none; 
  background: #a03a25 url(../images/design/arrow.gif) no-repeat right ;
}

.productimagebox {
  float:left;
  width:200px;
  margin:12px 10px 0 0;
}

/* Product Category */
.productcategory {
  float:left;
  width:174px;
  height:195px;
  margin:10px 10px 10px 10px;
  padding:0 0 30px 0;
  border:1px solid #9DA4AA;
  background:#FFFFFF;
}

#cat97 {
  float:left;
  width:174px;
  height:195px;
  margin:10px 10px 10px 10px;
  padding:0 0 30px 0;
  border:1px solid #9DA4AA;
  background:url(../images/design/loseMusicCategory.jpg) no-repeat 0% 0% !important;
}

#cat97 .productheading {
  color:#FFFFFF !important;
}

#cat97 .productthumb {
  background:transparent !important;
}

.productcategory p {
  margin-bottom:0px;
  line-height:12px;
}

.productheading {
  font-size:12px;
  text-align:center;
}

.pname {
  width:159px;
  height:36px;
  margin:0 0 0 3px;
  padding:4px 0 4px 10px;
}

.pname2 {
  margin:4px 0 2px 18px;
  padding:0px;
  color:#FFFFFF;
  font-weight:bold;
}

.pname a:link {color:#666666; text-decoration:none; font-weight:bold;}
.pname a:visited {color:#666666; text-decoration:none; font-weight:bold;}
.pname a:hover {color:#666666; text-decoration:underline; font-weight:bold;}
.pname a:active {color:#666666; text-decoration:none; font-weight:bold;}

.redbox {
  width:174px;
  padding:3px 0 3px 0;
  background:#D82A33;
  text-align:center;
}

.redbox a:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
.redbox a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
.redbox a:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.redbox a:active {color:#FFFFFF; text-decoration:none; font-weight:bold;}

/* Products */
.productdetail {
  float:left;
  width:174px;
  height:195px;
  margin:10px 10px 10px 10px;
  padding:0 0 30px 0;
  background:#F6F6F6;
}

.productthumb {
  width:168px;
  height:168px;
  margin:3px 0 0 3px;
  text-align:center;
  background:#FFFFFF;
  display:block;
}

.productthumb img {
  vertical-align: middle;
  max-width:168px;
  width:auto;
  _width:168px;
}

.productdetail p {
  margin-bottom:0px;
  line-height:12px;
}

/* Product */
#completeproduct {
  float:left;
  margin:0px;
  padding:0px;
  background:url(../images/design/product_bg.jpg) no-repeat 0% 0%;
}

#completeproductbottom {
  padding:16px 0 0 0;
  background:#FFFFFF url(../images/design/product_bottom-bg.jpg) no-repeat 0% 0%;
}

#completeproduct img {float:left; margin:6px 35px 0 4px;}

.productdetail2 .productthumb {
  border:1px solid #9DA4AA;
}

.producttext {
  float:left;
  width:460px;
  line-height:18px;
}

#price {
  margin:15px 0 8px 0;
}

#nzdollar {
  font-size:11px;
}

.shoppingdetail {
  float:left;
  margin:0 10px 6px 0;
}

#checkoutbttnholder a {
  cursor:pointer;
}

/* Login Css */
#login {width:350px; text-align:center;}
#login p {text-align:left;}
.loginnamefield {float:left; padding-top: 3px; width: 90px;}
.logininputfield {float:left; width: 210px; padding:2px;}
.loginbttn {float:left; margin-left:133px;}
/* End Login Css*/

/* Cart Links */
#cartLinks {
  background-color:#DEDFE3;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */  
}

#cartLinks #rightnav {
  width:218px !important;
}

#cartLinks #rightnav li a {
  width:208px !important;
  padding-left:10px;
}
/* End Shopping Cart */


.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */