/*
-----------------------------------------------

Site: Troops
Author: Tim Lenton - IT4B (www.it4b.org.uk)    
Created: 18.03.2008
Last Modified: 18.03.2008

----------------------------------------------- 
*/

/*
Undo Browser Defauls --------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}



/*
Reset Some Styles --------------------- */

ul, ol { margin: 0 20px 10px 20px; }
li { margin: 0 0 5px 0; list-style: disc; }

strong { font-weight: bold; }
em { font-style: italic; }

a, a:visited, a:active { color: #eb6800; text-decoration: underline; outline:none; }
a:hover { text-decoration: none; }
a img, img { border: none; } /* Gets rid of IE's blue borders */

img { display: block;}

table { border: none; border-collapse: collapse; border-spacing: 0; }
th { }
td { border: none; margin: 0px; padding: 2px; }



/*
Headings --------------------- */

h1, h2, h3, h4, h5, h6, pre, code { color: #eb6800; }

h1 { color: #000; }
h1 span, h2 span { display: none; }

h2 {}

h3 {}

h4 {  }



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

form { }
fieldset { margin-left: 0px; border:0px; }
legend { padding: 2px 6px; color: #71949B; }
label { width: 150px; display: block; float: left; height: 22px; }
.prodLabel { width: 100px !important; font-weight: bold; font-size: 11px !important; }
select { border: 1px solid #000; color: #000; padding: 2px; font-size: 11px; }
option { }
textarea { border: 1px solid #000; color: #000; padding: 2px; }
input[type="button"] { background: #2B2B2B; color: #fff; font-weight: bold; padding: 5px 10px; border: none; }
input[type="checkbox"] { }
input[type="file"] { }
input[type="hidden"] { }
input[type="image"] { }
input[type="password"] { border: 1px solid #000; color: #000; padding: 2px; }
input[type="radio"] { margin: 0; padding: 0; }
input[type="reset"] { }
input[type="submit"] {  background: #2B2B2B; color: #fff; font-weight: bold; padding: 5px 10px; border: none; }
input[type="text"] { border: 1px solid #000; color: #000; padding: 2px; }
button { }

.button_link { background: #2B2B2B; color: #fff !important; text-decoration: none !important; font-weight: bold; padding: 5px 10px; border: none; }
.button_link:hover { color: #eb6800 !important; }


/*
General Styles --------------------- */

.left { text-align: left; }
.right { text-align: right;  }
.right img { display: inline !important; }
.center { text-align: center; }
.center img { margin: 0 auto; }
.page-img {float: right; margin: 0 0 0 10px;}
.hightlightLnk { color: #C02D1B !important; }
.clearfix { clear: both; }
#go-btn { margin-left: 10px; border: none; background: #758916; color: #fff; padding: 2px; }
#voucher { border: 1px solid #999; color: #999; padding: 2px; }
.error { color: red !important; }
.errorBox { border: 1px solid red; padding: 5px; color: red; margin-bottom: 10px; background: #FFCCCC; font-weight: bold; }
.logout { font-size: 12px; }
.padd { margin-top: 20px; }
.linkImg { float: left; margin-right: 10px; margin-bottom: 20px; }
.linkContent { float: right; width: 430px; margin-bottom: 20px; }
.linkContent p { margin-bottom: 5px !important; }
.linkContent a { text-decoration: none; }
.linkContent a:hover { color: #000; }
.servicesList { margin: 0; }
.servicesList li { list-style: none; }
.servicesTitle { margin-bottom: 10px; }
.servicesHome { float: left; width: 270px; margin-bottom: 10px; margin-left: 10px; }
.servicesHome a { display: block; width: 260px; height: 46px; text-indent: -3000px; }
.servicesHome a.artwork_svr { background: url(../images/artwork-origination.jpg) no-repeat; }
.servicesHome a.garments { background: url(../images/garment-sourcing.jpg) no-repeat; }
.servicesHome a.screen { background: url(../images/screen-printing.jpg) no-repeat; }
.servicesHome a.embroidery { background: url(../images/embroidery.jpg) no-repeat; }
.servicesHome a.relabelling { background: url(../images/relabelling.jpg) no-repeat; }
.servicesHome a.distribution { background: url(../images/distribution.jpg) no-repeat; }
.servicesHome a.bagging { background: url(../images/bagging.jpg) no-repeat; }
.servicesHome a.watchus { background: url(../images/watch_print.jpg) no-repeat; }
.servicesHome a.design_consultancy { background: url(../images/design_consultancy.jpg) no-repeat; }
.servicesHome a.garment_manufacture { background: url(../images/garment_manufacture.jpg) no-repeat; }
#addedCart { padding: 5px; background: #FFD5D5; border: 1px solid red; margin-bottom: 10px; color: #FF0000; }
#sitemap { padding: 0; margin: 0; }
#sitemap li { list-style: none; }
#sitemap ul { margin-top: 5px; }
.smallTxt { font-size: 11px !important; padding-top: 5px; }
.hightlight { color: #eb6800 !important; }
.bold { font-weight: bold;  }
.quoteHelp { margin-bottom: 10px; }
.addthis_button_facebook img, .addthis_button_twitter img, .addthis_button_delicious img, .addthis_button_digg img, .addthis_button_stumbleupon img { width: 22px !important; }
.success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.success a {color:#264409;}

/*
Layout --------------------- */
html { height: 100%; }
body { height: 100%; font-family: Tahoma, Arial; font-size: 0.8em; width: 1000px; color: #000; background: #2B2B2B url(../images/pageBg.jpg) repeat-x 0px 80px; color: #505257;  }
#container { width: 900px; background:#fff; overflow: hidden; }
#shopContainer { width: 900px; background: #fff url(../images/shopBg.jpg) repeat-y; overflow: hidden; padding-bottom: 10px; }

/* Left Section */
#leftSection { float: left; margin-top: 252px; width: 170px; padding: 28px 15px 15px 15px; background: #000; display: inline; }
#leftSection  .h1 { font-family: Lucida Sans Unicode, Helvetica, sans-serif; font-size: 14px; color: #fff; font-weight: normal; margin-bottom: 10px; }
#leftSection .h2 a, #leftSection h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #eb6800; font-weight: normal; margin-bottom: 3px; padding: 0; text-decoration: none; }
#leftSection .share_btns { margin-bottom: 20px !important; }


/* Middle Section */
#middleSection { float: left; width: 600px; background: #fff; margin-top: 20px; display: inline; }
#banner { margin: 15px auto; width: 578px; z-index: 1; }
#middleSection h1, #middleSection h2 { background: #797979 url(../images/headerBg.jpg) repeat-x; color: #fff; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 10px; margin-bottom: 15px; }
#middleSection h1 a, #middleSection h2 a { color: #eb6800; text-decoration: none; }
#middleSection h1 a:hover, #middleSection h2 a:hover { color: #fff; }
#middleSection p { margin: 0 0 15px 0; }
.content { padding: 0 15px; }
.content h3 { margin-bottom: 5px; }
.content h1 { background: none !important; padding: 0 !important; color: #eb6800 !important; }

#middleSection .header { background: #797979 url(../images/headerBg.jpg) repeat-x; color: #fff; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 10px; margin-bottom: 15px; }
#middleSection .header a, #middleSection .header a { color: #eb6800; text-decoration: none; }

.blog_con { clear: both; margin-bottom: 10px; overflow: hidden; }
.blog_con img { width: 185px; float: left; }
.blog_text { width: 370px; float: right; }
.blog_text a { font-size: 13px; text-decoration: none; font-weight: bold; }
.blog_text a:hover { text-decoration: underline; }

.blog_top { width: 185px; float: left; margin-bottom: 10px; }
.blog_top img { width: 185px; }
.blog_top a { font-size: 13px; text-decoration: none; font-weight: bold; }
.blog_top a:hover { text-decoration: underline; }
.blog_padd { margin-left: 7px; }


/* Right Section */
#rightSection { float: left; margin-top: 252px; width: 170px; padding: 28px 15px 15px 15px; background: #000; display: inline; }
#rightSection .h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #eb6800; font-weight: normal; margin-bottom: 10px; padding: 0; }
#rightSection #cartItems { color: #fff; margin-bottom: 20px; font-size: 11px; }
#rightSection #cartItems span { width: 120px; display: block; float: left; margin-right: 20px; margin-bottom: 5px; }
#rightSection #cartItems p { clear: both;}
.featureItems { padding: 0; margin: 0; }
.featureItems li { list-style: none; font-size: 11px; color: #fff; clear: both; margin-bottom: 20px; line-height: 18px; }
.featureItems img {  width: 75px; float: right; margin-bottom: 20px; margin-left: 5px; }
.featureItems li a { text-decoration: none; }
.featureItems li a.prodLnk { color: #fff; }

#rightSection form { padding-top: 10px; margin-bottom: 20px; color: #fff; font-size: 12px; }
#rightSection form input[type=text] { margin-top: 2px; background: #aaa; padding: 3px; }
#rightSection form input[type=button] { padding: 3px !important; }
#rightSection p { margin-bottom: 5px; }
#rightSection form .h2 { margin-bottom: 5px !important; }
#rightSection form .smallTxt { line-height: 15px; font-size: 9px !important; }


/* Footer */
#footer { background: #000; padding: 15px; color: #fff; text-align: center; margin-top: 5px; font-size: 11px; clear: both; }


/* Product List Display */
.prods { float: left; width: 120px; display: inline; font-size: 11px; margin: 0 0 10px 0; }
.prods #prodThumb { width: 120px; }
.prods p { margin: 3px 0 3px 0 !important; color: #596c0b; font-weight: bold; }
.prods h2 { font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; }
.prods a { text-decoration: none; color: #596c0b; font-weight: normal; padding: 0 !important; margin: 0 !important; }
.prods h2 a { color: #fff !important; }

.prodsList { float: left; width: 170px; display: inline; font-size: 11px; margin: 0 0 10px 0; }
.prodsList img { width: 170px; }
.prodsList p { margin: 3px 0 3px 0 !important; color: #596c0b; font-weight: bold; }
.prodsList h2 { font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; margin-bottom: 5px !important; }
.prodsList a { text-decoration: none; color: #596c0b; font-weight: normal; padding: 0 !important; margin: 0 !important; }
.prodsList ul { margin: 0 5px; }
.prodsList ul li { margin: 0; list-style: none; }
.prodsList ul li a { font-size: 12px; color: #eb6800; }

.left-pad { margin-left: 30px; }


/* Product Detail Display */
#prodImg { float: left; width: 232px; }
.prod-main-img { padding: 3px 0 0 0; width: 232px; }
.prodSub { float: left; margin: 10px 0 10px 20px;}
.prodSub2 { float: left; width: 90px; margin: 10px 0 0 10px; }
#prodDes { float: right; width: 245px; font-size: 12px; }
#prodDes p { margin: 0 0 10px 0 !important; }
#prodDes p label { font-size: 12px; width: 300px; }
#prodDes h1 { margin: 0 0 10px 0; }
#prodDes input { font-size: 11px; }
#prodDes h3 { font-size: 12px; margin-bottom: 5px; color: #EB6800; }
#prodDes select { font-size: 11px !important; }
#prodImg h6 { background: url(../images/priceBg.jpg) repeat-x; color: #fff; padding: 10px; margin-bottom: 10px; }
#quoteInfo { font-size: 11px !important; }
#quoteInfo select { font-size: 11px !important; width: 100px; }
#quoteInfo label { font-size: 11px !important; }
.cartBtn { border: 0; }
.related { clear: both; color: #eb6900 !important; }
.prodInfo { margin: 0 22px; }
.prodInfo h1 { background: none !important; padding: 0 !important; color: #eb6800 !important; margin-bottom: 5px !important; font-family: tahoma !important; font-size:13px !important; font-weight: bold !important; }

.quoteList { margin: 0 10px 20px 10px; }
.quoteList li { list-style: none; }
#quoteInfoBlock { margin: 0 10px; }
.infoTextField { width: 135px; }
.share_btns { margin-bottom: 10px; overflow: hidden; }
.share_btns a { float: left; margin-right: 5px; }
.share_btns .hightlight { float: left; margin-right: 10px; }

/*
Navigation --------------------- */

/* Main Navigation */
ul#topMenu { width: 592px; overflow: hidden; margin: 0; background: #2b2b2b; padding-left: 8px; }
ul#topMenu li { display: inline; color: #fff; list-style: none; }
ul#topMenu li a, ul.topMenu li a:visited, ul.topMenu li a:active { padding: 5px 5px; margin-left: 6px;  color: #fff; text-decoration: none; display: block; float: left; text-indent: -3000px; }
ul#topMenu li a:hover {	color: #000033; }

ul#topMenu li a.home { background: url(../images/menu.jpg) 0 0; width: 40px; height: 17px; }
ul#topMenu li a:hover.home { background: url(../images/menu.jpg) 0 27px; }

ul#topMenu li a.clients { background: url(../images/menu.jpg) -57px 0; width: 50px; height: 17px; }
ul#topMenu li a:hover.clients { background: url(../images/menu.jpg) -57px 27px;  }

ul#topMenu li a.services { background: url(../images/menu.jpg) -125px 0; width: 58px; height: 17px; }
ul#topMenu li a:hover.services { background: url(../images/menu.jpg) -125px 27px;  }

ul#topMenu li a.profile { background: url(../images/menu.jpg) -200px 0; width: 46px; height: 17px; }
ul#topMenu li a:hover.profile { background: url(../images/menu.jpg) -200px 27px;  }

ul#topMenu li a.downloads { background: url(../images/menu.jpg) -262px 0; width: 74px; height: 17px; }
ul#topMenu li a:hover.downloads { background: url(../images/menu.jpg) -262px 27px;  }

ul#topMenu li a.news { background: url(../images/menu.jpg) -352px 0; width: 41px; height: 17px; }
ul#topMenu li a:hover.news { background: url(../images/menu.jpg) -352px 27px;  }

ul#topMenu li a.contact { background: url(../images/menu.jpg) -409px 0; width: 55px; height: 17px; }
ul#topMenu li a:hover.contact { background: url(../images/menu.jpg) -409px 27px;  }

ul#topMenu li a.basket { background: url(../images/menu.jpg) -480px 0; width: 85px; height: 17px; }
ul#topMenu li a:hover.basket { background: url(../images/menu.jpg) -480px 27px;  }

/* Shop Menu */
ul.shopMenu {  margin: 0 0 20px 0; }
ul.shopMenu li { display: list-item; color: #fff; list-style: none; }
ul.shopMenu li h2 a, ul.shopMenu li h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #eb6800; font-weight: normal; margin-bottom: 5px; padding: 0; }
ul.shopMenu li a { display: block; width: 170px; color: #fff; font-size: 12px; text-decoration: none; }
ul.shopMenu li a:hover { color: #eb6800; }
.organic { color: #44b934 !important; }


/* Info Menu */
ul#infoMenu {  margin: 0; background: #fff; width: 150px; height: 180px; padding: 20px 0 20px 20px; float: left; background: #C8D353; }
ul#infoMenu li { color: #6a7f0e; list-style: none; }
ul#infoMenu li a { display: block; width: 130px; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; }
ul#infoMenu li a:hover { color: #6a7f0e; }


/*
Cart Layout --------------------- */

#cartHeader { width: 570px; overflow:hidden; padding: 5px 0; color: #3d3d3d; font-size: 12px; background: #eee; }
.cartItem { float:left; width: 430px; font-size: 12px; padding-left:5px; }
.cartPrice { float:left; font-size: 12px; width: 80px; }
.cartQty { float:left; width: 80px; font-size: 12px;}
#chooseDel { float:left; width: 200px; padding-bottom:3px; }
.cartTotal { float:left; font-size: 12px; width: 80px; }
.cartRemove { float:left; width: 29px; text-align:center; }
.cartRowItem { width: 570px; overflow:hidden; padding-bottom:10px; padding-top:10px; border-bottom: 1px dotted #ccc; }
.cartRow { width: 200px; overflow:hidden; padding-bottom:3px; padding-top:3px; }
.cartRow2 { float:left; width: 570px; overflow:hidden; padding-bottom:3px; text-align:center; padding-top:5px; font-size: 12px; }
.cartRow2 input { border: none; }
div#cartPriceSpacer { float:left; width: 100px; }
.cartPriceTotal { float:left; width: 100px; font-size: 12px; }
hr { background-color:  #c7cbce; color:  #c7cbce; width: 570px; height:2px; border:0; margin-bottom:10px;}
#checkout { float:right; text-align:left; padding: 5px 0 10px 0; font-size: 12px; }
#cards { float:left; width:360px; height: 10px; text-align:center; padding-top: 10px; text-align: left; }
#prices { float:left; width:160px; text-align:left; overflow:hidden; }
.cartheadertxt { color:#552D52; font-weight:bold; }
.checkBtn { padding: 3px; }
.cartheadertxt{ color:#000; font-weight:bold; }
.orderTotals { background: #eee; border: 1px solid #aaa; width: 220px; float: right; margin-top: 10px; clear: both; }
.orderTotals p { position: relative; margin: 0 5px 5px 5px !important; font-weight: bold; }
.orderTotals span { position: absolute; top: 0; right: 0; }
.orderTotals h3 { background: #ccc; padding: 5px; color: #111; margin-bottom: 5px; font-style: italic; font-size: 14px; }
.bigTotal { font-size: 14px; }
.cart2, .cart2:visited, .cart2:active { font-size: 14px; text-decoration: none; }
.cart2:hover { color: #000; }
.artwork { margin-top: 10px; }

.custtxt { display: none; background: #efefef; padding: 10px; clear: both; margin-top: 0px; border-bottom: 1px solid #ccc; }


.custtxt a.big { font-size: 12px !important; }
.custtxt select { width: 150px; }

.custbtn { background: #2B2B2B; color: #fff; text-decoration: none; display: block; float: left; margin-right: 3px; }
.notes { float: right; width: 150px; border: 2px solid #EB6800; padding: 10px; background: #fff; font-size: 11px; }
.notes h3 { color: #000; font-size: 12px; margin-bottom: 2px; }
h1.cust {
	margin-top: 10px !important;
	border-bottom: 1px solid #105A9C;
	padding-bottom: 3px !important;
	padding-top: 3px !important;
	background: #E4E8F3;
}

#text{display: block;}

#plain{display: block;}
.allocateCol { width: 120px; float: left; }
.allocateCol label { width: 20px !important;  }
.allocateCol p { margin-bottom: 2px !important; clear: both; }
.separater { border-bottom: 1px dotted #ccc; height: 5px; clear: both; margin-bottom: 5px; }
.rightFloat { float: right; }
.leftFloat { float: left; }
.submitBtn { margin-top: 10px; }

.typeBlock { float: left; width: 160px; padding-bottom: 5px; }
.typeBlock select { width: 140px; }
.coloursBlock { float: left; width: 160px; padding-bottom: 5px; }
.coloursBlock select { width: 140px; }
.garmentsBlock { float: left; width: 205px; padding-bottom: 5px; }
.garmentsBlock select { width: 140px; }


a.helpLnk{
    position:relative; /*this is the key*/
    z-index:24;
    font-size: 11px; text-decoration: none;}

a.helpLnk:hover{z-index:25; background-color:#ff0}

a.helpLnk span{display: none}

a.helpLnk:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding: 3px;
    top:0; left:2em; width:15em;
    border:1px solid #E12C00;
    background-color:#EC6901; color:#fff;
    text-align: center}

.black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 3000px;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
.white_content {
	display: none;
	position: absolute;
	top: 650px;
	left: 40%;
	width: 300px;
	height: 130px;
	padding: 16px;
	border: 8px solid red;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.white_content2 {
	display: none;
	position: absolute;
	top: 500px;
	left: 30%;
	width: 600px;
	height: auto;
	padding: 16px;
	border: 8px solid grey;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.imageSwatch { width: auto !important; }

.swatchCon { width: 140px; float: left; margin: 3px; }
.swatch { width: 20px; height: 20px; float: left; margin: 0 5px 0 0; border: 1px solid #000; }
.swatch2 { width: 20px; height: 20px; float: left; margin: 0; border: 1px solid #000; border-width: 1px 0 1px 1px; }
.swatch3 { width: 20px; height: 20px; float: left; margin: 0 5px 0 0; border: 1px solid #000; border-width: 1px 1px 1px 0; }

.white_content2 h2 { background: none !important; color: #000 !important; padding: 10px 0 0 0 !important; margin-bottom: 5px !important; }
.white_content2 h2 .morepadd { margin: 20px !important; }

.white_content h1 { color: #FF0000 !important; font-weight: bold !important; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size: 14px !important; background: none !important; padding: 0 !important; }

.white_content a { color: #FF0000 !important; }