/*
-----------------------------------------------
Gamlin's Music Centre
Author:www.imaginet.co.uk
Version:13 Aug 2007
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:underline;
   color:#02328c;
   font-weight:bold;
}
a:hover {
   color:#039;
   text-decoration:none;
}
a img {
   border:none;
}
#main p a {
   text-decoration:underline;
}
p {
   margin:0 0 1em 0;
   line-height:1.2em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div.test {
   background-color:#f00;
}
div#validator {
   padding:1em 0 1em 0;
   text-align:center;
}




/* Page Structure
----------------------------------------------- */

html body {
   background:#fff url("graphics/bodybg.gif") repeat-x 0 0;
   color:#000;
   text-align:left;
   font:81.25% Verdana, Arial,Sans-serif;
   margin:0 0 2em 0;
}

html body.largeprod {
   background:none;
   color:#000;
   text-align:left;
   font:0.8125em Verdana, Arial,Sans-serif;
   margin:0 0 2em 0;
}

#page {

   width:990px;
   margin:0 auto;
}

#left {
   float:left;
   width:165px;
}

#middle {
   float:left;
   width:654px;
   text-align:center;
   font-size:0.85em;
}

#middle2 {
   width:990px;
   margin:0 auto;
   font-size:0.85em;
   padding:0 0 20px 0;
}

#right {
   float:right;
   width:165px;
}

#masthead {
   background:#fff url("graphics/header.jpg") no-repeat 0 0;
   width:990px;
   height:119px;
   margin:0 auto;
}

#topnav {
   background:#fff url("graphics/navbg.jpg") no-repeat 0 0;
   width:990px;
   margin:0 auto;

}

#footer {
   background-color:#fff;
   width:990px;
   margin:0 auto;
   border-top:5px solid #999;
   font-size:0.8em;
   padding:5px 0 0 0;
}




/* Topnav
----------------------------------------------- */

#header {
    float:left;
    width:990px;
    background:#fff url("graphics/navbg.jpg") repeat-x left bottom;
    font-size:1em;
    line-height:normal;
    margin:0;
    }
    
#header .col {
    padding:0 0 0 175px;
}
    
#header ul {
    margin:0;
    padding:0 10px 0;
    list-style:none;
}
#header li {
    float:left;
    padding:0;
    margin:0 8px 0 0;
    background:url("graphics/norm_right.gif") no-repeat right top;
}
   
#header a {
    display:block;
    background:url("graphics/norm_left.gif") no-repeat left top;
    padding:8px 15px 7px;
    float:left;
    text-decoration:none;
    font-weight:bold;
    color:#666;
}
    
#header a:hover {
    text-decoration:underline;
}
    
#header li#shoptab a {
    padding:8px 25px 7px;
}

#header li#currentshop a {
    padding:8px 25px 8px;
}

/* Commented Backslash Hack
         hides rule from IE5-Mac \*/
      #header a {float:none;}
/* End IE5-Mac hack */
    
#header #current, #header #currentshop {
   background-image:url("graphics/norm_right_on.gif");
}
#header #current a, #header #currentshop a {
   background-image:url("graphics/norm_left_on.gif");
   padding-bottom:8px;
   color:#fff;
}





/* Search Bar
----------------------------------------------- */

#searchbar {
    background-color:#E70808;
    width:100%;
    padding:2px 0;
    margin:0 0 25px 0;
    float:left;
    text-align:center;
}

#searchbar .col {
    width:900px;
    margin:0 auto;
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    
}

#searchbar form input.border1 {
  background: #FFF;
  border: 1px #990000 solid;
  font:Verdana;
  width:116px;
  font-size:0.8em;
  padding:2px 2px;
}

#searchbar td {
   padding:0 15px;
}

#searchbar td table {
   width:110px;
}

#searchbar td td {
   padding:0;
}

/* Leftnav
----------------------------------------------- */

#leftnav {
   font-size:0.85em;
   width:165px;
}

#leftnav ul {
   width:165px;
}


#leftnav ul li {
   width:165px;
}

#leftnav ul li .group {
   border-bottom:1px solid #999;
   margin:0 0 8px 0;

}

#leftnav ul li a {
   color:#E70808;
   text-decoration:none;
   border-bottom:1px solid #999;
   display:block;
   padding:1px 0 4px 0;
   font-weight:bold;
   margin:0 0 5px 0;
}

#leftnav ul li a:hover {
   color:#E70808;
   text-decoration:underline;
}

#leftnav ul ul {
   margin:0 0 6px 0;
}

#leftnav ul ul li {
   
}

#leftnav ul ul li a {
   color:#000;
   text-decoration:none;
   border-bottom:none;
   font-weight:normal;
   margin:0;
   padding:0 0 5px 0;
}

#leftnav ul ul li a:hover {
   color:#000;
   text-decoration:underline;
}

#leftnav ul li.current {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:0 4px;
   padding:0px 10px 0 10px;
   margin:0;
   width:145px;
}
#leftnav ul ul ul {
   border-top:1px solid #213A93;
   border-bottom:1px solid #213A93;
   padding:5px 0 0 0;
   width:145px;
}

#leftnav ul ul ul li {
   background-image:url("graphics/bullet02.gif");
   background-repeat:no-repeat;
   background-position:0 5px;
   padding:0 0 0 8px;
   width:137px;
}

#leftnav ul ul ul li a {
   color:#000;
   text-decoration:none;
   border-bottom:none;
   font-weight:normal;
   font-size:0.9em;
   margin:0;
   padding:0 0 7px 0;
   
}




/* Home
----------------------------------------------- */

#middle .shortcuts img.centre {
   padding:0 7px;
}


#middle .flash, #middle .shortcuts {
   padding:0 0 25px 0;
}

#featuredprods, #newprods, #clearanceprods {
   width:590px;
   text-align:left;
   padding:0 32px;
}

#featuredprods .title, #newprods .title, #clearanceprods .title, #furtherinfo .title {
   border-bottom:10px solid #999;
   padding:0 0 1px 0;
}

.prodleft {
   float:left;
   width:295px;
   padding:10px 0 20px 0;

}

.prodright {
   float:right;
   width:295px;
   padding:10px 0 20px 0;
}

.prodleft td.descript, .prodright td.descript {
    padding:0 0 0 12px;
    vertical-align:top;


}

table.buy td {
  padding:0 3px 0 0;
}

.prodleft td.descript img, .prodright td.descript img {
    padding:0 3px;
}


#featuredprods a {
    color:#213A93;
    font-weight:bold;
    text-decoration:none;
}

#featuredprods a:hover, #newprods a:hover, #clearanceprods a:hover {
    text-decoration:underline;
}

#newprods a {
    color:#E70808;
    font-weight:bold;
    text-decoration:none;
}


#clearanceprods a {
    color:#8AB508;
    font-weight:bold;
    text-decoration:none;
}


#featuredprods span.price {
    color:#213A93;
    font-weight:bold;
    font-size:1.3em;
}

#newprods span.price {
    color:#E70808;
    font-weight:bold;
    font-size:1.3em;
}

#clearanceprods span.price {
    color:#8AB508;
    font-weight:bold;
    font-size:1.3em;
}



/* Right
----------------------------------------------- */

#basket_right, #news, #brands {
   margin:0 0 25px 0;
}



#basket_right {
   background-color:#E70808;
   color:#fff;
   font-size:0.8em;
}

#basket_right .content {
   padding:5px 10px 0 10px;
}

#news {
   background-color:#333399;
   color:#fff;
   font-size:0.8em;
}

#news .content {
   padding:5px 10px 0 10px;
}

#basket_right a, #news a {
   color:#fff;
   font-weight:bold;
}

#news a:hover {
   text-decoration:none;
}

#news h2 {
   font-size:1em;
   margin:0;
}

#news h2 a {
   text-decoration:none;
}

#news h2 a:hover {
   text-decoration:underline;
}

#news .item {
   border-bottom:1px solid #fff;
   padding:5px 0 0 0;
}

#banners {
   padding:20px 0 0 0;
}

/* Footer
----------------------------------------------- */

#footer .footleft {
   float:left;
   width:495px;
}

#footer .footright {
   float:right;
   width:495px;
   text-align:right;
}


/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left1, img.right1 {
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:none;
}


/* Shop 
----------------------------------------------- */

#products {
   width:590px;
   text-align:left;
   padding:0 32px;
   margin:0 0 20px 0;
}

#products .line {
   border-bottom:1px solid #999;
   margin:0 0 10px 0;
}


#products .title {
   border-bottom:10px solid #999;
   padding:0 0 1px 0;
}

#products a {
    color:#213A93;
    font-weight:bold;
    text-decoration:none;
}

#products a:hover {
    text-decoration:underline;
}

#products td.descript {
   padding:0 0 0 12px;
}


#products span.price {
    color:#213A93;
    font-weight:bold;
    font-size:1.3em;
}

#products span.prodcode {
    font-weight:bold;
}

#furtherinfo, #related {
   border-bottom:1px solid #999;
   margin:20px 0 0 0;
}

#furtherinfo .content, #related .content {
   padding:10px;
}

#related table td {
   width:33%;
   text-align:center;
}


#gamlinsheader {
   background:#213A93 url("graphics/gamlinsheader.gif") no-repeat 0 0;
   width:100%;
   margin:0 auto;
   height:110px;
   text-align:right;
   padding:20px 0;
}

#gamlinsheader a {
   color:#fff;
   font-size:0.85em;
   padding:20px;
}

.largeproduct {
   text-align:center;
}


/* Form
-------------------------------------------- */

#form {
   background:#CBD4F1;
   padding:10px 0 10px 0;
   margin-bottom:8px;
}


#form table td {
   background-color:transparent;
   color:#656D7D;
   padding:6px 6px 6px 6px;
   text-align:left;  
}
#form label {
     color:#656D7D;
}
form input.border1 {
  background: #FFF;
  border: 1px #333399 solid;
  font:Verdana;
}
#basket table th {
   padding:6px 4px 6px 4px;
   color:#FFF;
   text-transform:uppercase;
   text-align:left;
   background-color:#333399;
}
#basket table td {
   padding:6px 4px 6px 4px;
   background-color:#CBD4F1;
   color:#656D7D;
   border-top:2px solid #FFF;
}
#basket table td.total {
   background-color:#DAE2FE;
   color:#656D7D;
   text-transform:uppercase;
}

#basket table td.total2 {
   background-color:#E70808;
   color:#fff;
   text-transform:uppercase;
}
#basket label {
     color:#656D7D;
}
#basket div.steps {
      color:#330099;
      font-weight:bold;
      font-size:1.2em;
}
div.basketnav {
      text-align:right;
      padding:6px 0 6px 0;
      border-top:1px solid #333399;
      border-bottom:1px solid #333399;
    }
    
    div.basketnav img {
          padding:0 0 0 10px;
    }

/* Page nav
----------------------------------------------- */

.pagenav {
   font-size:0.85em;
   padding:0;
}
.pagenav p {
   font-size:1.1em;
}
.pagenav a {
   font-weight:bold;
   text-decoration:none;
}
.pagenav a:hover {
   text-decoration:underline;
}
.pagenav img.left {
   float:left;
   padding:0;
   margin:0 10px 0 0;
}


/* News Listing 
----------------------------------------------- */

div.news_listing {
   padding:0 0 20px 0;
}
div.news_listing h2 {
   font-size:1.4em;
   font-family:Arial, San serif;
   color:#999986;
   text-transform:lowercase;
   line-height:1.2em;
   margin:0;
   padding:0 0 5px 0;
}
div.news_listing span {
   color:#7BC143;
}
div.news_listing img {
   float:left;
   margin:5px 12px 0 0;
}
div.news_listing h2 {
   color:#666;
   padding:0 0 0.8em 0;
}
div.news_listing p {
   line-height:1.6em;
   margin:0 0 0.5em 0;
}
div.news_listing a {
   font-weight:bold;
}

/* Content 
----------------------------------------------- */

#shopcontent {
   text-align:left;
   font-size:1em;
   margin:0 0 10px 0;
}

#content {
   text-align:left;   
   font-size:1em;
   padding:0 32px;
   margin:0 0 10px 0;
}

#content p {
   line-height:1.5em;
}

#intro {
   padding:0 32px;
}



h1 {
   font-size:2em;
   padding:0 0 0.3em 0;
   margin:0 0 0.8em 0;
   font-weight:900;
   color:#333399;   
}
h1 a, h2 a, h3 a {
   color:#01409d;
   text-decoration:none;
}
h2 {
   font-size:1.5em;
   margin:0 0 0.5em 0;
}
h3 {
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
h4 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
table td h2 {
   margin:0 0 0 12px;
}
#content ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
#content ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:10px 4px;
   padding:0px 10px 1em 25px;
   margin:0;
}
#content table {
   margin:0 0 1em 0;
   width:580px;
   border:none;

}
#content table.register {
   margin:0 0 1em 0;
   width:50%;
   border:none;

}
#content td {
   padding:10px;
   border:none;
   background-color:#a9bcff;

}
#content th {
   padding:10px;
   border:none;
   background-color:#333399;
   color:#fff;

}
ol {
   padding:0 0 1em 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}


/* Sitemap
----------------------------------------------- */

#sitemap {
   margin:0 0 20px 0;
}

#sitemap h2 {
   background-color:#333399;
   font-size:1.2em;
   font-family:Arial;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
}
#sitemap h2 a {
   color:#fff;
}
#sitemap h2 a:hover {
   color:#fff;
   text-decoration:underline;
}

#sitemap p {
   line-height:1.6em;
   margin:0 0 1.5em 0;
}
#sitemap ul {
   line-height:1.4em;
   list-style-type:none; 
   margin:0;
}
#sitemap ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:10px 9px;
   padding:4px 2px 0.5em 22px;
   margin:0 0 1px 0;
   background-color:#CBD4F1;
}


#sitemap ul li a {
   font-weight:bold;
   text-decoration:none;
}
#sitemap ul li a:hover {

   text-decoration:underline;
}
#sitemap ul li li {
   background-image:url("graphics/bullet02.gif");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding:4px 2px 0.2em 22px;
   margin:0 0 1px 0;
   background-color:#CBD4F1;
}

#sitemap ul li li a {
   font-weight:normal;
   text-decoration:none;
}


/* Product Description Styles
----------------------------------------------- */

#furtherinfo h2, td.descript h2 {
   margin:0 0 10px 0;
   font-size:1.5em;
   color:#000;
}


#furtherinfo ul li, td.descript ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:10px 4px;
   padding:0px 10px 1em 25px;
   margin:0;
}

#furtherinfo h3, td.descript h3 {
   font-size:1.2em;
   margin:0 0 0.5em 0;
   color:#000;
}
#furtherinfo h4, td.descript h4 {
   font-size:1em;
   margin:0 0 0.5em 0;
   color:#000;
}


/* Pagetools
----------------------------------------------- */

#pagetools {
   padding:0 0 1em 32px;
}
#pagetools table {
   border-top:1px solid #999;
}
#pagetools table td table td {
   padding:1px;  
}

#pagetools table td table {
   border:none;
   padding:10px 0;
}