body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 87.5%; background: #000; color: #fff; min-height: 101%;}
html {width: 100%; min-height: 100%;}

.clear { clear: both; }

a { color: #000; }

.main {  }

img.seecmsimagedefault {display: inline-block; margin: 0 12px 0 12px!important;}
img.seecmsimageleft {float: left; margin: 0 12px 0 0!important;}
img.seecmsimageright {float: right; margin: 0 0 0 12px;}
img.seecmsimagecentre, img.seecmsimagecentreundefined {margin-left: auto; margin-right: auto; display: block;}

.header { height: 173px; background: url(../images/top-back.gif) repeat-x; padding: 30px 0 0 0; background-size: auto 100%; box-sizing: border-box;}
.header h1 {display: block; text-align: center; font-family: 'Milonga', cursive; font-size: 400%;}
.header img.uk { position: relative; top: -40px; left: -375px; }
.header .minibasket { position: relative; top: -70px; left: 335px; margin: 0 auto; height: 15px; width: 88px; background: url(../images/mini-basket.gif) no-repeat; font-size: 90%; padding: 10px 30px 10px 10px; }
.header .minibasket a { color: #999; }

.content { background: url(../images/content-back.gif) top center repeat-x; margin: 0 0 30px 0; }
.contentinner { width: 900px; margin: 0 auto; }
.content .left { width: 438px; float: left; margin-right: 24px; }
.content .leftwide { width: 448px; float: left; margin-right: 24px; }
.content .centre { width: 438px; float: left;}
.content .centrenarrow { width: 428px; float: left; }

#message p strong { color: #f00; }

.content h1 { height: 74px; text-transform: uppercase; font-weight: normal; font-size: 150%; letter-spacing: 5px; margin: 0; padding: 20px 0 0 0; }

.content .freedelivery { vertical-align: bottom; padding: 20px 0; }

.content .leftwide h1 { font-size: 130%; }
.content .leftwide img { border: 1px solid #fff; vertical-align: bottom; }
.content .leftwide img.bigpic { margin-bottom: 24px; width: 446px;}
.content .leftwide img.smallpic { margin-right: 24px; width: 128px;}
.content .leftwide img.smallpicno { width: 128px;}
.content .basketdetails { min-height: 54px; background: #fff url(../images/shopping-basket.gif) no-repeat; margin: 20px 0; font-size: 80%; color: #333; }
.content .basketdetails p { padding: 7px 0 0 250px; }
.content .basketdetails a { color: #333; }

.content .items {margin-left: -24px;}
.content .item { border: 1px solid #fff; background: #2f2f2f; position: relative; margin: 0 0 10px 24px; float: left; width: 436px;}
.content .item img { display: block; border: 0; width: 100%;}
.content .item p { margin: 0; padding: 3px; text-transform: uppercase; min-height: 38px;}
.content .item p.price { position: absolute; top: 7px; right: 7px; width: 65px; height: 65px; line-height: 65px; border-radius: 50%; background: #000; text-align: center; font-weight: bold; font-size: 105%; }

.content .itemDescription { border: 1px solid #fff; padding: 10px 10px 0 10px; background: #000; /*filter:alpha(opacity=70); opacity:0.7;*/ }
.content .itemDescription p { padding: 0 0 10px 0; margin: 0; }
.content .itemDescription img { border: 1px solid #fff; }
.content .itemDescription .addtobasket { border-top: 1px solid #fff; padding: 10px 0; }
.content .itemDescription .addtobasket img { vertical-align: bottom; }
.content .itemDescription .addtobasket .qty img { vertical-align: baseline; }
.content .itemDescription .price { float: right; padding: 10px; font-weight: bold; font-size: 130%; border: 1px solid #fff; margin: 0 0 10px 10px; }
.content .itemDescription .price p { margin: 0; padding: 0; }
.content .itemDescription #colourbox.selected { border: 1px solid #f00; padding: 10px; }

.content .textblock { border: 1px solid #fff; padding: 20px 20px 10px 20px; background: #000; /*filter:alpha(opacity=70); opacity:0.7;*/ }
.content .textblock .col1 {float: left; width: 573px; margin: 0 20px 0 0; min-height: 10px;}
.content .textblock .col2 {float: left; width: 265px;}
.content .textblock p { margin: 0; padding: 0 0 10px 0; }
.content .textblock a { color: #fff; }

.content .basketitem { border-bottom: 1px solid #fff; padding: 10px; margin: 0; }
.content .basketitem img { float: left; border: 1px solid #fff; vertical-align: bottom; margin: 0 10px 0 0; }
.content .basketitem strong { text-transform: uppercase; }
.content .basketitem .remove { float: right; }
.content .basketitem .remove a { color: #fff; }

.content #total { text-align: right; font-size: 130%; color: #fff; margin-top: 10px; line-height: 80%; }

.footer { padding-bottom: 80px; background: url(../images/footer-back.gif) bottom center no-repeat; margin: 0 0 20px 0; text-align: center; }
.footer p { padding: 0; margin: 0; font-size: 80%; }
.footer a { color: #444; text-decoration: none; }

.navigation {}
.navigation ul {margin: 0 auto; padding: 0; width: 900px; display: table;}
.navigation li {display: block; padding: 13px 0; margin: 0px; text-align: center; display: table-cell; padding: 13px 10px; text-transform: capitalize; letter-spacing: 5px;}
.navigation a  { color: #fff; text-decoration: none; }
.navigation a:hover { color: #666; text-decoration: none; }

img.fullwidth {width: 100%;}

.sections {margin-left: -20px; padding: 70px 0;}
.sections .section {float: left; width: 270px; margin: 0 0 20px 20px; text-align: center; border: 1px solid #fff;}
.sections .section img {width: 100%; display: block;}
.sections .section h3 {margin: 0; background: #2f2f2f; padding: 5px; text-transform: uppercase; font-weight: normal; font-size: 100%;}

.form {width: 80%;}
.form input {width: 100%; padding: 5px 10px; box-sizing: border-box; margin: 5px 0 0 0;}
.form textarea {width: 100%; padding: 5px 10px; box-sizing: border-box; margin: 5px 0 0 0;}
.form input[type="submit"] {width: auto; cursor: pointer;}

.gallery a, .gallery img, .gallery div {outline: none!important;}
.gallery .slider-for {margin-bottom: 0;}
.gallery .slider-nav {margin-left: -10px; width: 458px;}
.gallery .slider-nav a {padding: 0 10px;}
.gallery .slider-nav a img {width: 100%;}