/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.4
 * CSS Author:    Fear of Mice
 * Copyright:     Fear of Mice
 * Browser:        0
 * Browser group: 
 */
html, body {height:100%; font-family:'Ubuntu', arial, serif; font-size:12px; background: #2A5E8E url('../../images/public/bg-header.png') top left repeat-x; color:#B6BDC9; margin:0; padding:0;}
img {border:0;}
.cleared {clear:both;}
.floatright {float:right;}
.floatleft {float:left;}
.push-right {margin-left:10px;}
.smaller {font-size:0.8em;}
.bolden {font-weight:bold;}
.normalised {margin:0; padding:0;}
.utf-icon {font-family:"arial bold";font-weight:bolder;}
.button-icon {margin-right:5px;vertical-align: middle;}
a {color:#FFFFFF; text-decoration:none;}
a:hover, a:active {outline:0; color:#FFFFFF; text-shadow:0 2px 2px #333333;}
#content {position:relative; min-height:100%; width:100%; margin:0; padding:0;}
#breadcrumb {position:relative; height:16px; font-size:0.8em; line-height:0.9em;}
#header {position:relative; height:45px; width:900px; margin:0 auto 0 auto; background:transparent;}
#hometag {position:absolute; top:5px; left:5%; width:32px; height:32px; z-index:2;}
#h1 {display:block; position:relative; height:110px; width:500px; margin:0 auto 0 auto; text-align:center; color:#FFFFFF; background:url('../../images/public/h1-flare.png') top left no-repeat;}
#h1 h1 {font-size:32pt; margin:0;}
#h1 h2 {font-size:16pt; margin:0;}
hr.withbackground {height:2px; border:0; background:url('../../images/public/hr.jpg') 50% top no-repeat;}
h2 {margin-top:3px;}
#minicart {position:absolute; right:20px;}
#minicart .carticon {position:relative; float:left; width:32px; margin:5px 10px 0 0;}
#minicart .carttext {position:relative; float:left; margin-right:10px; line-height: 40px;}
#minicart .checkouticon {position:relative; float:left; width:32px; margin:7px 0 0 0;}
#page {position:relative; overflow:auto; width:100%; padding-bottom:32px;}
#pagecontent {position:relative; width:900px; margin:0 auto 0 auto; text-align:justify; font-size:12pt;}
h1, h2, h3, h4, h5, h6 {color:#FFFFFF; text-shadow:0 2px 2px #333333;}
h1, h2 {text-align:center;}
#addwidget {width:150px;float:right;text-align:right;margin-right:5px;}
#addwidget a:active, #addwidget a:hover, #addwidget a:visited {color:#CB0A1D; font-weight:normal;}
#checkoutbutton {width:100px; float:right; text-align:right;}
#checkoutbutton a, #checkoutbutton a:link, #checkoutbutton a:visited, #checkoutbutton a:hover {color:#CB0A1D; font-size:18px; font-weight:normal;}
#footer {position:relative; clear:both; background:#16293E; color:#808080; font-size:12px;padding:10px; height:32px; margin-top:-52px;}
#main_menu_box {position:relative; float:left; width:100%; overflow:hidden;}
.main_menu {position:relative; left:50%; clear:left; float:left; list-style:none outside none; margin:0; padding:0; font-variant:small-caps; text-align:center;}
.main_menu .menuitem {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
.main_menu .menuitem a {display:block; margin:0 0 0 1px; padding:3px 10px;}
.main_menu .menuitem a, .main_menu .menuitem a:link, .main_menu .menuitem a:visited {color:#FFFFFF; font-size:14pt; line-height:40px;}
.main_menu .menuitem a:hover, .main_menu .menuitem a:active {color:#A0D4FF;}
#categories {position:relative; width:720px; margin:0 auto 0 auto;}
.category {width: 120px; margin:0 20px 20px 0; padding: 0; float:left; border: 1px solid #333333; border-radius: 10px 10px 2px 2px; background: rgba(0,0,0,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }
.catimage {width:120px; text-align:center;}
.catimage > img {height:118px; width:120px; clip:rect(0px,120px,120px,0px); border-radius: 8px 8px 0 0;}
.catimage:nth-child(5) {margin-right:0 !important;}
.cattitle {margin:0; padding:5px; height:50px; color:#DFFBF5; font-size:0.8em;}
.cattitle span {vertical-align:middle;}
.catlink:hover > div.catimage {border-radius:8px 8px 0 0; box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 14px rgba(255,255,255,0.2), inset 0 14px 28px rgba(255,255,255,0.25), inset 0 -15px 38px rgba(0,0,0,0.3);}
.productsitem {position:relative; margin:0 20px 20px 0; background:#1F3D5B; border-radius:8px; font-size:0.8em; float:left; width:430px;}
.productsimage {position:relative; margin:10px; float:left;}
.productsimage img {border-radius:8px;}
.productstext {position:relative; float:left; min-height:155px; padding:0 5px 5px 0; margin:0 0 10px 0; text-align:left; width:220px; overflow:hidden;}
.productstext h3 {text-align:left; margin:8px 0 8px 0; text-shadow:none;}
.productstext h3 a {color:#FFFFFF !important;}
.productstext h3 a:hover {text-shadow:0 2px 2px #333333;}
.productsfooter {position:relative; color:#DFFBF5; padding-top:5px;}
.button {font-size:9pt; padding:5px 10px; border: 1px solid #333333; border-radius:5px; background: rgba(0,0,0,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 4px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);}
.button a {color: #DFFBF5; cursor:pointer;}
.button:hover {box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 8px rgba(255,255,255,0.2), inset 0 14px 28px rgba(255,255,255,0.25), inset 0 -15px 38px rgba(0,0,0,0.3);}
.price {color:yellow; font-weight:bold;}
#shopping_cart {width:800px;margin:20px auto 0 auto;}
#shopping_cart a, #shopping_cart a:link, #shopping_cart a:hover,#shopping_cart a:visited {color:#527FA9;}
tr.headings th {border-bottom:2px solid #527FA9;}
th.borderleft, td.borderleft {border-left:2px solid #527FA9;}
p.emptybasket {margin-left:100px !important;font-weight:bold;}
.paypalbutton {text-align:right !important; margin-right:20px !important;}
.paypalbutton > input {cursor:pointer; color:#FFFFFF; font-size:9pt; height:40px; padding:5px 10px 5px 55px; border: 1px solid #333333; border-radius:5px; background: rgba(0,0,0,0.25) url('../../images/public/icons/paypal-curved-32.png') 3px 3px no-repeat; float:right; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 4px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);}
.paypalbutton > input:hover {box-shadow: 0 2px 10px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 8px rgba(255,255,255,0.2), inset 0 14px 28px rgba(255,255,255,0.25), inset 0 -15px 38px rgba(0,0,0,0.3);}
.cloud-zoom-lens {border: 4px solid #888;margin:-4px; background-color:#fff; cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
#contactform {padding:10px 20px; width:600px; background:#1F3D5B; border-radius:8px; text-align:left;}
#contactform p {margin-bottom:10px; clear:left; height:28px;}
input, textarea {padding:7px; border:solid 1px #E5E5E5; border-radius:5px; outline:0; width: 200px; background: #FFFFFF url('../../images/public/bg_form.png') left top repeat-x; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; float:left; }
textarea {width:380px; max-width:380px; height:150px; line-height:150%;}
.form label {position:relative; display:block; width:200px; float:left; line-height:16px; }
.required {font-size:0.7em; font-style:italic;}
.submit input {width:auto; color:#FFFFFF; float:right; margin-top:5px;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}
.slide-out-div {width:260px; background:#1F3D5B; box-shadow:0 0 6px rgba(0,0,0,0.5);}
#searchform {height:110px; padding:0 0 0 20px;}
h2.searchform {padding:15px;}
#searchform input.button {color:#FFFFFF;width:100px;margin:10px 0 0 60px;}
#dialog {display:none;}
a:active, a:hover {outline:none;}
a.nohover, a.nohover:active, a.nohover:hover, a.nohover:focus {border:0 !important;text-decoration:none;}
#content {display:table;height:100%}