/* Body and general structure ids */
body{padding: 0 auto; margin: 0 auto; text-align: center; background-color:#000; background-image: url("../image/bg_tile.jpg"); background-repeat:repeat-x; font-family:verdana, sans-serif; color:#999; font-size: 12px;}
#maincontent{margin-left: auto; margin-right: auto; width: 770px; text-align:left;}
#contentcontainer{margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 770px;}
#content{float: right;width: 490px;padding-bottom: 35px;}
#newscontainer{float: right;width: 490px;border-bottom: 1px solid #111;padding-bottom: 0px;margin-bottom: 15px; padding-top: 0px;}
#newscontainer img{border: 1px solid #333;margin-bottom: 20px;}

/* Containers for eshop pages */
#shopleft{float: left; width: 140px;}
#shopcontent{float: left; margin-left: 10px; width: 400px; padding-bottom: 20px; text-align: left;}
#shopcontent img{margin: 0px; margin-bottom: 5px; border:0px;}
#shopright{float: right; width: 200px;}

/* Footer Container and ids */
#footercontainer{margin:0px;padding: 0px;height: 85px;border: none; text-align: left;}
#footercontainer img{border: none;}
#footer{width: 770px; height: 36px; padding: 0 auto; margin: 0 auto;}

/* Footer menu ids & classes */
#menufooter {list-style-type:none; padding: 10px 0px 25px 0px; margin: 0px 0px 10px 0px; border: 1px solid #777; text-align: center; clear:both;}
#menufooter ul {list-style-type:none; padding:0; margin:0;}
#menufooter li {float:left; margin:0; position:relative;}
#menufooter a {color: #777; font-size:10px; text-decoration: none;}
#menufooter a:hover {color: #999; text-decoration: none;}
#menufooter table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;padding-top:10px;}
.sub7 {width: 90px;}
.sub3 {width: 115px;}
.sub2 {width: 100px;}
.sub1 {width: 120px;}
.sub0 {width: 70px;}
.table{list-style-type: none;}

/* Right menu for section links */
#opmenu{float: left;width: 270px;}
.shopmenu{margin: 0px; padding: 0px 0px 30px 10px; list-style-type:none;}
.shopmenutext{margin: 6px 0px 0px 0px;padding: 10px 0px 0px 15px;color:#fff;background-image: url("../image/bt_arrow_k.png");background-repeat:no-repeat;background-position: 0px 11px;}
.shopmenutext a{border-bottom: 1px dotted #111; color:#777;}
.shopmenutext a:hover{color:#fff;border-bottom: 1px dotted #777;background-image: url("../image/bt_arrow_k.png");background-repeat:no-repeat;background-position: -12px 11px;}
.shopmenutext a, .shopmenutext a:hover{margin: 12px 0px 10px 0px;padding: 12px 0px 6px 0px;}
.shopmenutext, .shopmenutext a, .shopmenutext a:hover{line-height: 14px;text-decoration:none;}
/* Right menu FF Hacks */
html>body .shopmenutext{margin: 6px 0px 0px 0px; padding: 10px 0px 0px 15px; font-size:12px; color:#fff; line-height: 14px; text-decoration:none; background-image: url("../image/bt_arrow_k.png"); background-repeat:no-repeat; background-position: 0px 11px;}
html>body .shopmenutext a{margin: 12px 0px 10px 0px; padding: 12px 0px 6px 0px; border-bottom: 1px dotted #111; color:#777; font-size:12px; line-height: 14px; text-decoration:none;}
html>body .shopmenutext a:hover{margin: 12px 0px 10px 0px; padding: 12px 0px 6px 0px; font-size:12px; color:#fff; border-bottom: 1px dotted #777; line-height: 14px; text-decoration:none; background-image: url("../image/bt_arrow_k.png"); background-repeat:no-repeat; background-position: -12px 11px;}

/* Genral container classes for content: News/Locations/Contact */
.newproduct{float: right;width: 490px;border-bottom: 1px solid #111;padding-bottom: 20px;padding-top: 0px;}
.newproduct img{border: 1px solid #333;margin-bottom: 10px;}
.newscontent{float: right;width: 290px;padding-top: 20px;padding-bottom: 0px;}
.gallery{ float: right;width: 500px; margin: 0px; padding-top: 20px;padding-bottom: 10px; border-bottom: 1px solid #111; border-top: 1px solid #111;}
.gallerycomment{float: right; width: 340px; margin: 4px 0px 5px 0px; padding: 4px 0px 0px 10px; font-size: 9px;}
.out{text-decoration:line-through; color:#333;}
.newscontent img{border: 1px solid #333;margin-bottom: 20px;}
.newsimg{float: left;width: 200px;}
.newsimg img{border: 1px solid #333;margin-bottom: 10px;margin-top:20px;}
.address{float: right;width: 240px;padding-bottom: 0px;}
.addressleft{clear: both; width: 490px;padding-bottom: 10px; border-top: 1px solid #111;}
.addressleft_no{clear: both; width: 490px;padding-bottom: 10px;}
.locks{clear: both; width: 490px;padding-bottom: 15px; padding-top: 35px; border-top: 1px solid #111;}
.list{width: 200px;}

/* Google maps id */
#map_canvas{margin-bottom: 20px; padding: 0;}

/* Warranty table classes */
.table{width: 470px; background-color:#000; margin-bottom: 5px;}
.tableleft{background-color:#222; width: 90px;text-align:center;vertical-align:top;padding: 5px 0px 0px 0px;}
.tableright{background-color:#101010; padding: 5px 0px 0px 10px;}

/* Eshop swatch list */
.color{margin: 0px; padding: 0px;}
.color ul{list-style-type: none;}
.color li{margin: 20px 0px 5px 10px; float: right; display: inline;}

/* Eshop thumbs list */
.thumbs{margin: 0px;padding: 0px;}
.thumbs ul{list-style-type: none;}
.thumbs li{text-align: right;margin: 5px 10px 5px 0px;float: left;display: inline;}

/* Eshop splash page*/
#pkgcontainer{width: 770px;}
.pkg{margin: 0px; padding: 0px; width: 770px; clear: both;}
.pkg_01{margin: 0px 0px 30px 0px; padding: 0px; width: 770px; float: left; height: 54px; background-image:url(../eshop/images/pkg_10.jpg); background-repeat:no-repeat; }
.pkg_02{margin: 0px; padding: 0px; width: 770px; float: left; height: 74px; background-image:url(../eshop/images/pkg_18.jpg); background-repeat:no-repeat;}
.pkg ul, .pkg_01 ul, .pkg_02 ul{width: 770px;margin: 0px;padding: 0px;list-style:none;}
.pkg li, .pkg_01 li, .pkg_02 li{float: left;margin: 0px;padding: 0px;display:inline;}
.pkg_01 li{padding-top: 20px;margin: 0px;width: 128px;text-align:center;}
.pkg_02 li{padding-top: 20px;width: 128px;text-align:center;}
.pkg img{border: none;margin: 0px 0px -4px 0px;padding: 0px;}

#size {list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; text-align: left; clear:both;}
#size ul {list-style-type:none; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;}
#size li {margin:0; position:relative; padding-left: 10px;}
#size a {color: #444; font-size:10px; text-decoration: none;}
#size a:hover {color: #999; text-decoration: none;}
#size table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;padding-top:10px;}

/* Main Index page tab ids and classes*/
#tabcontainer{width: 770px;height: 190px;margin: 0px 0px 0px 0px;}
#left{float: left;margin: 0px 26px 0px 0px;}
#mid{float: left;margin: 0px 0px 0px 0px;}
#right{float: right;margin: 0px 0px 0px 0px;}
#left, #mid, #right{border-bottom: 1px solid #666;padding: 0px;width: 240px;height: 155px;}
.tabimg img{float: left;margin: 0px 5px 30px 0px;border: 1px solid #666;}
.tabtext{float: right;margin-top: -1px;width: 155px;font-size: 11px;line-height: 18px;}
/* FF */
html>body .tabtext{float: right;margin-top: -1px;width: 155px;font-size: 12px;line-height: 18px;}

.tabtitle a{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #666;width: 240px;font-size:16px;color:#888;float: left;text-decoration:none;}
.tabtitle a:hover{color:#fff;border-bottom: 1px solid #111;padding-bottom: 15px;}
.go, .go a{margin:5px 20px 0px 5px;padding: 0px 20px 0px 0px;color: #fff;font-size: 12px;text-decoration: none;background-image: url("../image/bt_arrow.gif");background-repeat:no-repeat;background-position: 21px 1px;}
.go:hover, .go a:hover{border: none;color: #fff;}


/* Site font sizes and styles */
#letter{margin: 10px 10px 20px 5px;padding: 15px 20px 15px 25px;border: 1px solid #333;background-color: #0F0F0F;}
#letter a:hover{color: #222; text-decoration: underline;}
.line{border-top: 1px dotted #222;margin: 10px 0px 10px 0px;}

.sub10{margin: 23px 0px 5px 0px;padding: 0px;text-decoration:none;}
.ch11{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 0px;line-height: 20px;text-decoration:none; font-size: 13px;}
.ch11 a{color: #777; text-decoration:underline;}
.ch11 a:hover{color: #fff; text-decoration: underline;}
.ch11w{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 0px;color:#fff;line-height: 20px;text-decoration:none;}
.month{margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;line-height: 12px;text-decoration:none; color: #fff;}
.month a{color: #777; text-decoration: none;}
.caption{margin: 10px 40px 0px 0px;padding: 0px 0px 0px 0px; float: left;text-align:center;}
.caption10{margin: 4px 0px 10px 0px; width: 80px; height: 30px; text-align:center; font-size: 10px; color: #777; text-decoration:none;}
.caption10 a:link{text-decoration:none; color: #777;}
.caption10 a:hover{text-decoration:none; color: #fff;}
.captionlast{margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px; float: left;}
.qanda{margin: 0px 0px 2px 0px;padding: 0px 0px 3px 12px;font-size:12px;color:#fff;width: 230px;line-height: 18px;text-decoration:none;border-bottom: 1px dashed #222;background-image: url("../image/bt_arrow_k.png");background-repeat:no-repeat;background-position: 0px 2px;}
.qandalong{margin: 0px 0px 2px 0px;padding: 0px 0px 3px 12px;font-size:12px;color:#fff;width: 490px;line-height: 18px;text-decoration:none;border-bottom: 1px dashed #222;background-image: url("../image/bt_arrow_k.png");background-repeat:no-repeat;background-position: 0px 2px;}
.shoptext{margin: 0px;padding: 7px 0px 10px 4px;border-top: 1px solid #333;line-height: 16px;text-decoration:none;}
.text11{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 14px;text-decoration:none;}
.text11 a{margin: 0px;padding: 0px;line-height: 14px; color: #777;text-decoration:none;}
.text11 a:hover{margin: 0px;padding: 0px;color:#fff;line-height: 14px;text-decoration:none;}
.text14 {margin: 0px;padding: 0px 0px 7px 0px;font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#fff;text-decoration:none;}
.text16{margin: 0px 0px 10px 0px;padding: 15px 0px 10px 0px;font-family: Arial, Helvetica, sans-serif;line-height: 26px;font-size:16px;color:#fff;text-decoration:none;}
.text18 {margin: 0px 0px 0px 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:letter-spacing: -0.1px; 22px;color:#fff;text-decoration:none;}
.text18 a{margin: 0px 0px 0px 0px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: -0.1px;font-size:14px;line-height: 22px;letter-spacing: -1px;color:#fff;text-decoration:none;}
.text20 {margin-left: 10px;padding-bottom: 5px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;color:#fff;text-decoration:none;}
.text20b {margin-left: 0px 0px 0px 10px;padding: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:20px;color:#fff;text-decoration:none;}
.text20b a{color: #777;}
.text20u {margin: 0px;padding: 0px 0px 15px 0px;font-family: Verdana, Arial, Helvetica, sans-serif;border-bottom: 1px solid #222;font-size:20px;color:#fff;text-decoration:none;}
.text24 {margin: 0px 0px 0px 30px;padding: 10px 0px 10px 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:22px;color:#fff;text-decoration:none;}
.map16{margin: 4px 0px 10px 0px;padding: 0px 0px 10px 0px;border-bottom: 1px solid #111;font-family: Arial, Helvetica, sans-serif;font-size:16px;color:#fff;text-decoration:none;}
.notavailable{text-decoration: line-through; color:#222;}
.sorry {margin: 0px 0px 10px -5px;padding: 0px 0px 10px 5px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 34px;font-size:22px;border-bottom: 2px dotted #111;color:#fff;text-decoration:none;background-image:url(../eshop/counter/images/bg_warning.jpg);}
.sizecomp{margin: 0px;padding: 0px 0px 0px 17px;line-height: 14px;text-decoration:none;background-image: url("../image/bt_stop.png");background-repeat:no-repeat;background-position: 0px 1px;}
.sizecomp a{margin: 0px;padding: 0px; color: #777;line-height: 14px;text-decoration:none;}
.sizecomp a:hover{margin: 0px;padding: 0px;color:#fff;line-height: 14px;text-decoration:none;}
.warning{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 18px;line-height: 18px;text-decoration:none;background-image: url("../image/bt_stop.png");background-position: 0px 2px;background-repeat: no-repeat;}

/* Hacks for FF */
html>body .warning{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 18px;font-size:12px;line-height: 18px;text-decoration:none;background-image: url("../image/bt_stop.png");background-position: 0px 3px;background-repeat: no-repeat;}
html>body .ch11{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 0px;font-size:12px;line-height: 20px;text-decoration:none;}
html>body .ch11w{margin: 0px 0px 5px 0px;padding: 0px 0px 10px 0px;font-size:12px;color:#fff;line-height: 18px;text-decoration:none;}
html>body .newslink{padding: 0px 0px 0px 12px;color:#888;background-image: url("../image/bt_arrow_tr.gif");background-repeat:no-repeat;background-position: 0px 1px;}

.top, .top a{float: right;margin: 5px;padding-left: 10px;font-size: 10px;color: #777;text-decoration: none;}
.top a:hover{float: right;margin: 5px;color: #fff;padding-left: 10px;font-size: 10px;text-decoration: none;background-image: url("../image/top.png");background-repeat:no-repeat;background-position: 0px 2px;}

.newslink{padding: 0px 0px 0px 12px;font-size:11px;color:#888;background-image: url("../image/bt_arrow_tr.gif");background-repeat:no-repeat;background-position: 0px 2px;}
.newslink a{padding: 0px;color:#888;}
.newslink a:hover{padding: 0px;color:#fff;text-decoration: none;}
.newslink img{border: 1px solid #000;float: left;margin: 0px 5px 1px 0px;}

/* Main navigation ids and classes: Special note to Stu Nicholls for his work: http://www.cssplay.co.uk */
#menu {list-style-type:none; padding: 0px 0px 24px 0px; margin: 0px 0px 10px 0px; border-top: 1px dotted #333;}
/* #menu ul {list-style-type:none; padding:0; margin:0; border: 1px solid #333;} */
#menu ul {list-style-type:none; padding:0; margin:0; border: 1px solid #333; z-index: 9;}
#menu li {float:left; margin:0; position:relative;}

.sub{font-size:12px;width: 105px;text-align: center;line-height:25px; color:#555; letter-spacing: -0.1px;}
.sub4{font-size: 12px; width: 130px;text-align: center;line-height:25px; color:#555;}
.sub5{font-size: 12px; width: 70px;text-align: center;line-height:25px; color:#555;}
.sub6{font-size: 12px; width: 150px;text-align: center;line-height:25px; color:#555;}
.sub8{font-size: 12px; width: 135px;text-align: center;line-height:25px; color:#555;}
.sub9{font-size: 12px; width: 115px;text-align: center;line-height:25px; color:#555;}

#menu .sub li, #menu .sub5 li, #menu .sub4 li, #menu .sub6 li{font-size:10px;line-height: 18px;border-top: 1px dotted #333;margin-top: -1px;text-indent: 5px; height: 25px;width: 150px;text-align: left;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;}

/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
#menu li a {display:block; color:#fff; background-color:#0C0C0C;height:25px; font-family:arial, sans-serif; line-height:24px; text-decoration:none;}
#menu :hover {color:#888; background-color: #000000; background-image: url("../image/bg_shade_n.gif");background-repeat:no-repeat;}
#menu :hover > a {color:#888;background-color:#0F0F0F;background-image: url("../image/bg_shade.gif"); background-repeat:no-repeat;}
#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px;}
#menu :hover ul{left:0;top:27px; } /* the background image is for IE7 */
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {padding:0; left:125px;}
#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {padding:0 3px; left:-131px; top: 0px;}

/* Button classes for gel buttons */
a.boldbuttons{background: transparent url("../image/bt_submit_01.gif") no-repeat top left;display: block;float: left;font-size: 10px;height: 22px;padding-left: 8px;text-decoration: none;}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{color: white;}
.boldbuttons img{margin: 0px 6px 0px 0px;padding: 1px 0px 0px 0px;border: none;}
a.boldbuttons span{background: transparent url("../image/bt_submit_02.gif") no-repeat top right;display: block;padding: 4px 10px 6px 2px;}
a:hover.boldbuttons{text-decoration: underline;}
.buttonwrapper{margin: 0px 0px 0px 0px;overflow: hidden;}

/* MISC */
#title{margin:0px;padding: 0px;height: 85px;}
#title img{border: none;}

.shopping {margin: 0px;padding: 0px;}
ul.shopping li{margin: 35px 0px 0px 0px;padding: 0px 20px 0px 0px;float: right;display:inline;}
.shopping a, .shopping{padding-top: 3px;font-size:10px;color:#888;text-decoration: none;}
.shopping a:hover{font-size:10px;color:#fff;text-decoration:none;}
.shopping img{padding: 0px 5px 1px 0px;float: left;}

ul.policy li{margin: 30px 0px 0px 0px;padding: 0px 10px 0px 0px;float: right;display:inline;}
.policy {margin: 0px;padding: 0px;font-size:10px;color:#888;text-decoration:none;filter: alpha(opacity=75);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);-moz-opacity: 0.75; opacity:0.75;}
.policy a{font-size:10px;color:#888;text-decoration: none;}
.policy a:hover{font-size:10px;color:#fff;text-decoration:none;}
.policy img{padding: 0px 5px 0px 0px;float: left;}

#banner {
    position: relative;
}
#banner .left {
    width: 200px;
    float: left;
}

#banner .left img{
    margin-bottom: 5px;
}

#banner .right {
    width: 220px;
    float: right;
}


#banner h1 {
    font-size: 20px;
}
#banner .center {
    width: 300px;
    margin-left: 220px;
    font-size: 12px;
}
#banner .center p {
    line-height: 20px;
    margin-bottom: 20px;
}

#banner .center strong{
    color: #bc0000;
}

#banner .location {
    position: absolute;
    bottom: 0;
}
#banner a {
    color:#33f;
    font-size: 12px;
    text-decoration: none;
}
#banner a:hover {
    color:#fff;
}
#banner .right table {
    width: 210px;
    border: none;
}
#banner .right td {
    /*background-color: white;*/
    padding-bottom:10px;
}
#banner .right img {
    vertical-align: middle;
}
#banner .right div {
    font-size: 10px;
    margin-left: 10px;
}
#banner .right strong {
    color: #ff0;
    font-weight: normal;
}

#facebox .content.salsa-popup {
    width: 600px;
    color: black;
    font-size: 18px;
}

#facebox .content.salsa-popup img {
    float: left;
    position: relative;
    left: 10px;
}

.salsa-popup .text {
    margin-left: 220px;
}

.salsa-popup .title {
    font-weight: bold;
    margin-top: 7px;
}

.salsa-popup .text2 {
    font-size: 12px;
}

#facebox .content.ad-popup {
    width: 600px;
    color: black;
    font-size: 18px;
}

#facebox .content.ad-popup img {
    float: right;
    position: relative;
}

.ad-popup .text {
    margin-left: 10px;
}

.ad-popup .title {
    font-weight: bold;
    margin-top: 7px;
    color: #005bac;
    font-size:14px;
}

.ad-popup .text1 {
    font-size: 12px;
}

.ad-popup .text2 {
    font-size: 10px;
}

#page-location table td {
    vertical-align: top;
}