/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #252525 url(images/gap/body-bg.jpg) repeat-x;
margin: 0 0 0 0;
padding: 0 0 0 20px;
color: #ffffff; 
}
html {
overflow-y:scroll;
}
#title-home {
background: url(images/gap/header-home.jpg) no-repeat;
height: 0;
padding-top: 105px;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
h1 {
font-size: 13px;
margin: 0 0 8px 0;
padding: 0 0 0 0;
}
h2 {
font-size: 13px;
margin: 0 0 8px 0;
padding: 0 0 0 0;
}
h3 {
font-size: 13px;
margin: 3px 0 25px 0;
padding: 0 0 0 0;
}
p {
margin: 0 0 8px 0;
padding: 0 0 0 0;
}
a:link {
color: #fff; 
text-decoration: underline; 
}
a:visited {
color: #fff; 
text-decoration: underline; 
}
a:hover {
color: #888; 
text-decoration: none; 
}
a:active {
color: #fff; 
text-decoration: underline; 
}
#container {
width: 1000px;
background: url(images/gap/container-bg.jpg) repeat-y;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
#header a{
width: 250px;
float: left;
display: block;
overflow: hidden;
background: url(images/gap/header-bg.jpg);
height: 0;
margin: 0 auto 0 auto;
padding: 265px 0 0 0;
}
#nav {
height: 55px;
width: 750px;
float: right;
background: url(images/gap/nav-bg.jpg);
margin: 0 0 0 0;
padding: 210px 0 0 0;
}
#nav-2 ul{
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#nav-2 li{
list-style: none;
float: left;
margin: 0 0 0 0;
padding: 5px 5px 0 5px;
}
#nav-2 a{
display: block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(images/gap/nav-led-off.jpg) no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 17px;
height: 23px;
}
#nav-2 a:hover{
color: #898989;
background: url(images/gap/nav-led-on.jpg) no-repeat;
background-position: 0px 2px;
}
#basket {
width: 206px;
float: left;
background: url(images/gap/basket-bg.jpg) no-repeat;
height: 37px;
margin: 0 0 0 0;
padding: 41px 0 0 35px;
color: #ccc;
font-weight: bold;
font-size: 12px;
}
#basket li{
display:inline;
list-style: none;
margin: 0 0 0 0;
padding: 0 10px 0 0;
}
#cart-button {
float: left;
margin: 0 0 0 0;
padding: 2px 0 10px 66px;
}
.green {
color: #00FF00;
}
#left {
width: 242px;
float: left;
background: url(images/gap/left-bg.jpg) repeat-y;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#l-menu li{
list-style: none;
margin: 0 0 0 15px;
}
#l-menu a{
width: 149px;
display: block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
background: url(images/gap/left-men-off.jpg);
padding: 7px 0 0px 35px;
height: 21px;
}
#l-menu a:hover{
color: #00ff00;
background: url(images/gap/left-men-on.jpg);
}
#center {
width: 556px;
float: left;
background: #343434 url(images/gap/center-bg.jpg) repeat-x;
margin: 0 0 0 0;
padding: 20px 10px 20px 20px;
}
#home-section ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#home-section li{
float: left;
list-style: none;
width: 126px;
height: 164px;
background: url(images/gap/section.jpg);
padding: 6px 5px 0 0;
margin: 0 0 7px 0;
text-align: center;
}
#home-section li img{
padding-bottom: 10px;
}
#home-section a{
font-weight: bold;
}
#home-section a:link{text-decoration: none;color: #000;}
#home-section a:visited{color: #000;}
#home-section a:hover{color: #ff4200;}
#home-section a:active{color: #000;}
#right {
width: 172px;
float: right;
background: #343434 url(images/gap/center-bg.jpg) repeat-x;
margin: 0 0 0 0;
padding: 0 0 10px 0px;
}
#right img{
padding: 0 0 0 0;
}
#footer {
clear: both;
background: #343434;
margin: 0 0 0 53px;
padding: 5px 10px 5px 10px;
border-top: solid 1px #252525;
color: #e6e6e6;
font-size: 10px;
text-align:center;
}

#footer ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#footer li{
list-style:none;
padding: 0 5px 0 5px;
margin: 0 0 0 0;
border-right: 1px solid #e6e6e6;
display:inline
}

#footer a{
text-decoration: none;
color: #e6e6e6;
}
#footer a:hover{
color: #ffffff;
}

.img-left {
float: left;
margin: 0 8px 3px 0;
}
.img-right {
float: right;
margin: 0 0 3px 8px;
}
input {
padding: 0 2px 2px 2px;
}
.dialog-staticpage {
width: 532px;
color: #e6e6e6;
border-top: 1px solid #181818;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
border-left: 1px solid #181818;
background: #2c2c2c;
padding: 13px 5px 10px 15px;
float: left;
}
.dialog-staticpage h2{
color: #fff;
padding: 0 0 8px 0;
margin: 0 0 0 0;
}
.tabs {
padding:20px 0 20px 0;
}
#featured-df {
width: 536px;
color: #e6e6e6;
border-top: 1px solid #181818;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
border-left: 1px solid #181818;
background: #2c2c2c;
padding: 13px 0 10px 15px;
float: left;
margin: 0;
}
#product-featured {
margin: 0 10px 5px 0px;
background: #fff;
width: 117px;
float: left;
text-align: center;
min-height: 170px;
border-top: 3px solid #181818;
border-right: 3px solid #424242;
border-bottom: 3px solid #424242;
border-left: 3px solid #181818;
}
#thumbnail-df {
width: 539px;
color: #e6e6e6;
border-top: 1px solid #181818;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
border-left: 1px solid #181818;
background: #2c2c2c;
padding: 13px 0 10px 15px;
float: left;
margin: 0;
}
#product-thumbnail {
margin: 0 10px 5px 0px;
background: #fff;
width: 158px;
float: left;
text-align: center;
border-top: 1px solid #181818;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
border-left: 1px solid #181818;
}
.price-row-2 {
background: #252525;
height: 17px;
color: #e6e6e6;
font-weight: bold;
}
.product-cell-2 {
background: #252525;
height: 15px;
padding: 5px 0 0 0;
font-weight: bold;
font-size: 11px;
}
.product-cell-2-feat{
background: #252525;
height: 15px;
padding: 5px 0 0 0;
font-weight: bold;
font-size: 11px;
} 

.product-cell-2-feat a{
text-decoration:none;
}

.product-cell-3 {
background: #252525  url(images/gap/featured-product-button.jpg);
height: 25px;
padding: 7px 0 0 0;
font-weight: bold;
}
.product-cell-4 {
background: #252525  url(images/gap/featured-product-button.jpg);
background-position: 18px 0px;
height: 25px;
padding: 7px 0 0 0;
font-weight: bold;
}
.product-cell-4 a:link{text-decoration: none;color: #000;}
.product-cell-4 a:visited{color: #000;}
.product-cell-4 a:hover{color: #ff4200;}
.product-cell-4 a:active{color: #000;}
.product-cell-2 a:link{text-decoration: none;color: #fff;}
.product-cell-2 a:visited{color: #fff;}
.product-cell-2 a:hover{color: #000;}
.product-cell-2 a:active{color: #fff;}
.product-cell-3 a:link{text-decoration: none;color: #000;}
.product-cell-3 a:visited{color: #000;}
.product-cell-3 a:hover{color: #ff4200;}
.product-cell-3 a:active{color: #000;}
.image-2 {
min-height: ;
}
.image-3 {
min-height: 110px;
padding-top:5px;
}
.featured-title h2
{
background-image: url(images/gap/featured-product.jpg);
background-repeat: no-repeat;
background-position: 20px 3px;
height: 0;
padding-top: 24px;
overflow: hidden;
display: block;
float:left;
width:200px;
}
.product-image {
text-align:center;
padding: 20px 0 20px 0;
border: 2px dotted #888;
margin: 30px 30px 0 30px;
}
#product-df {
border-top: 2px solid #252525;
border-right: 2px solid #4d4d4d;
border-bottom: 2px solid #4d4d4d;
border-left: 2px solid #252525;
padding:30px;
background:#343434;
}
#social-bookmarks a img{
width:30px;
margin-top:10px;
}
#social-bookmarks a:hover img {
width:40px;
margin-top:0px;
}
.quantity {
font-size: 14px;
font-weight: bold;
float: left;
}
.checkout {
background:#fff;
padding : 10px;
}
.checkout-details {
background:#fff;
color: #000;
padding : 10px;
}
.title-checkout h2{
color:#000;
padding: 5px 0 0 2px;
font-size: 16px;
font-weight: bold;
}
.delivery-descr {
display:block;
padding-top:10px;
font-size: 14px;
}
.register-table td{
color: #252525;
}
.boxout {
background:#252525 url(images/gap/boxout-header.jpg) repeat-x;
padding:10px;
margin-bottom:10px;
}
#recently-viewed {
background:#252525 url(images/gap/recently.jpg) no-repeat;
padding:50px 5px 0 5px;
margin:0 0 10px 13px;
border: 3px solid #fff;
width:111px;
float:left;
font-size:10px;
}
#recently-viewed  ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#recently-viewed  li{
text-align:center;
list-style:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.invoice-data-box {
padding-top:20px;
}
.order-invoice {
padding:10px;
}
ul#l-menu li.sub a:link, ul#l-menu li.sub a:active, ul#l-menu li.sub a:visited{
font-size: 10px;
background-image: none;
height: 11px;
color: #ccc;
}
ul#l-menu li.sub a:hover{
font-size: 10px;
background-image: none;
height: 11px;
color: #00ff00;
}
ul#l-menu li.sub-last a:link, ul#l-menu li.sub-last a:active, ul#l-menu li.sub-last a:visited{
font-size: 10px;
background-image: none;
height: 11px;
margin-bottom: 14px;
color: #ccc;
}
ul#l-menu li.sub-last a:hover{
font-size: 10px;
background-image: none;
height: 11px;
margin-bottom: 14px;
color: #00ff00;
}

#product-df h1 a:link{
color:#000;
}

#product-df h1 a:hover{
color:#666;
}

#audio a, #audio a:visited, #audio a:active, #audio a:hover,#audio a:link{
color: #000;
}

#product-df a:visited {
color:#000;
}

#manufacturers {
background: url(images/gap/manufacturers.jpg) no-repeat;
background-position:13px 0px;
padding:35px 0 10px 13px;
}

#soundbite {
float:left;
width:493px;
height:140px;
background:url(http://www.gapco.co.uk/skin1/images/gap/sound-bites.jpg) no-repeat;
padding:47px 10px 0 20px;
}

#vid-outer {
float:left; 
margin-bottom:10px;
}

#vid-left {
float:left;
width:310px;
}

#vid-right {
float:right;
width:150px;
height:124px;
margin-left:10px;
background:url(http://www.gapco.co.uk/skin1/images/gap/u-tube.jpg);
padding:4px 0 0 5px
}

#vid-left img {
float:left;
margin-right:10px;
border:none;
width:49px;
height:61px;
}