@import url("jquery.ui.all.css");
/*@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css");*/

/*-----------------------------------------------------
	Reset
-----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit; /*vertical-align: baseline;*/}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
del {text-decoration: line-through;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

/*-----------------------------------------------------
	Self Clearing Floats Fix
-----------------------------------------------------*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

/*-----------------------------------------------------
	Helpful Classes
-----------------------------------------------------*/
.cboth {clear:both;}
.hide {display:none}
.indent { display:block; overflow:hidden; text-indent:-9999px}
.fl {float:left}
.fr {float:right}
.cl {clear:left}

/*-----------------------------------------------------
	Type
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif; font-weight:bold}
h1	{ font-size:18px; color:#ff6600; margin-bottom:15px}
h2	{}
h3	{}
h4	{}
h5	{}
p	{}
ul {}
ol {}
li {}
blockquote {}
cite {}
cite:before {}
strong {font-weight:bold;}
em {font-style:italic;}
abbr, acronym {border-bottom:1px dotted #666;}

/*-----------------------------------------------------
	Form Elements
-----------------------------------------------------*/
fieldset {}
legend {}
label { }
input, select, textarea { font:11px Arial, Helvetica, sans-serif; color:#818181}
input[type="text"],
input[type="password"] { padding:4px 3px; border:none}
input[type="file"] { font-size:12px}
textarea {padding:3px; border:none; margin:0}
select {padding:3px; border:none}
input[type="radio"] {}
input[type="checkbox"] {}
input[type="image"] {width:auto;}

/*-----------------------------------------------------
	Links
-----------------------------------------------------*/
a {text-decoration:none; color:#ff5d00 }
a:visited {text-decoration:none; }
a:hover {text-decoration:underline; }
a:active {text-decoration:none; }
a:focus,
input[type="image"]:focus {outline: 1px dotted #000;}

/*-----------------------------------------------------
	Global Layout
-----------------------------------------------------*/
body { font:12px sans-serif; color:#8b8b8b; background:#eaeaea url(../img/skyline.jpg) no-repeat center top; margin:0 auto}

.wrapper { width:919px; margin:0 auto;}
.header { height:156px;}
.header .scLogo { width:436px; height:156px; background:url(../img/sc-logo.png) no-repeat; margin: 0 0 0 -18px; float:left}


.header .bannersTop { float:right; margin: 10px 0 0 0; width:400px}
.header .bannersTop img,
.bannersSide img { margin: 0 0 10px 0}
.bannersSide { float:right; width:80px; margin: 30px 0 0 0}

.header .scl-ad { float: right;margin: 10px 10px 0 0; display:block;}

.main { float:left; width:824px; background:#fff url(../img/bg-main.png) no-repeat bottom left; padding-bottom:60px;}
.main .content { padding: 0 20px; }
.main .leftCol { float:left; width:537px}
.main .rightCol { float:right; width:226px}
.main .rightCol a.promo-dir { height:184px; display:block}

.footerWrap { background:#fff url(../img/skyline-grey.jpg) no-repeat center top; height:600px;}
.footer { width:919px; margin:0 auto; position:relative; height:445px; clear:both}
.footer dl { float:left; width:122px; border-left:dotted 1px #797979; margin-right:20px; height:240px; padding: 5px 0 0 20px}
.footer dl.first { border-left:none; padding-left:0}
.footer dt { text-transform:uppercase; color:#000; font-weight:bold; margin-bottom:5px}
.footer dd a { color:#929291; font-size:10px; }
.footer dl.social dd { margin-bottom:10px; }
.footer .copyright { color:#777776; font-size:10px; position:absolute; bottom: 33px; left:0}
.footer .promota { color:#777776; font-size:10px; position:absolute; bottom: 0; right:95px; text-align:right; width:330px}
.footer .promota img { float:right; padding:10px 0 0 10px}
.footer .badge { position:absolute; top:-10px; right:85px}

.latestNews { height:38px; background:url(../img/ln-bg.png) no-repeat; position:relative}
.latestNews .lnLink { font-size:13px; background:url(../img/ln-arrow.png) no-repeat left center; font-weight:bold; padding: 0 15px 0 13px; line-height:31px; margin: 0 0 0 20px; float:left}
.latestNews .lnFade { height:30px; width:587px; background:url(../img/ln-fade.png) no-repeat 0 0; position: absolute; top:0; right:20px; z-index:100}

/* Ticker Styling */
#ticker-wrapper.has-js {margin: 0px;padding: 0px;width: 605px;height: 30px;display: block;float:left}
#ticker {width: 605px;height: 30px;display: block;position: relative;overflow: hidden;}
#ticker-title {padding-top: 8px;color: #990000;font-weight: bold;text-transform: uppercase;}
#ticker-content {margin: 0px;padding-top: 9px;position: absolute;color: #fff;overflow: hidden;white-space: nowrap; line-height: 12px; background-color: #321a68;}
#ticker-content:focus {none;}
#ticker-content a {text-decoration: none; color: #fff; background: #321a68;}
#ticker-content a:hover {text-decoration: underline;	}
#ticker-content span {color: #FF4500;font-size: 11px;font-weight: bold;margin: 0;}
#ticker-swipe {padding-top: 8px;position: absolute;top: 0px;background-color: #321a68; display: block;width: 800px;height: 15px; }
#ticker-swipe span {margin-left: 1px;background-color: #321a68;border-bottom: 1px solid #fff;height: 12px;width: 7px;display: block;}
.js-hidden {display: none;}
#no-js-news {padding: 10px 0px 0px 45px; color: #F8F0DB;}
.left #ticker-swipe {left: 80px;}
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {float: left;}

.utilityNav { height:53px; width:783px; margin: 0 auto}
.utilityNav .login,
.utilityNav .register, .utilityNav .logoff { display:block; text-indent:-9999px; overflow:hidden;}
.utilityNav .login { float:left; margin: 12px 0 0 0; background: url(../img/bt-login.png) no-repeat 0 0; width:114px; height:32px}
.utilityNav .logoff { float: right; margin: -3px 0 0 0; background: url(../img/bt-logoff.png) no-repeat 0 0; width:30px; height:30px}
.utilityNav .register {float:left; margin: 16px 0 0 10px; background: url(../img/bt-register.png) no-repeat 0 0; width:96px; height:22px}
.utilityNav .globalSearch { background:url(../img/bg-global-search.png); height:37px; width:303px; margin: 9px 0 0 14px; float:left; position:relative}
.utilityNav .welcome { width:220px; float:left; margin-top:10px }
.utilityNav .name { display:block; font-size:13px; font-weight:bold; float:left; width:189px}
.utilityNav .logout { font-size:11px }

.utilityNav .globalSearch label { position:absolute; left:-9999px}
.utilityNav .globalSearch input { position:absolute}
.utilityNav .globalSearch input[type="text"] { border:none; font-size:11px; color:#818181; padding: 5px 0; top:5px; left:43px; width:200px}
.utilityNav .globalSearch input[type="image"] { top:7px; right:0}

.utilityNav .basketPreview { width:226px; height:40px; background:url(../img/bg-basket-preview.png) no-repeat 0 0; float:right; margin: 7px 0 0 0; font-size:11px; color:#848484; position:relative}
.utilityNav .basketPreview .viewBasket { font-size:14px; font-weight:bold; position:absolute; top:4px; left:58px}
.utilityNav .basketPreview .items { clear:both; position:absolute; top:21px; left:58px}
.utilityNav .basketPreview .preview { color:#000; position:absolute; top:21px; left:157px; background:url(../img/down-arrow.png) no-repeat right center; padding: 0 15px 0 0; width:40px}

.basketPreview .toggle { position:absolute; top:40px; left:0; }
.basketPreview .homeBasket { width:210px; z-index: 500; position:relative}
.basketPreview li { position:relative; }
.basketPreview li a:hover { color:#f15800;}

.bxWrapperHome {background:url(../img/slider-bkg.jpg) no-repeat; width: 226px; height: 304px; padding-top: 25px; margin-bottom: 10px!important; margin-top: 10px!important;}
.bxWrapperHome ul li {/*margin: 12px 0;*/}

.basketPreview .overview,
.homeBasket .overview { width:410px; border: solid 1px #ccc; padding:20px; position:absolute; top:-65px; left:-430px; background:#fff; z-index:500}
.basketPreview .overview .thumb,
.homeBasket .overview .thumb{ width:98px; height:98px; border: solid 1px #ccc; float:left;}
.basketPreview .overview .thumb table,
.homeBasket .overview .thumb table{ width:100%; height:98px }
.basketPreview .overview .thumb td,
.homeBasket .overview .thumb td{ text-align:center; vertical-align:middle}
.basketPreview .overview h1,
.homeBasket .overview h1,
.basketPreview .overview p,
.homeBasket .overview p{ margin-left:120px}
.basketPreview .overview h1,
.homeBasket .overview h1{ color:#000; margin-bottom:5px}

.breadcrumb { width:784px; margin:0 auto 15px;}
.breadcrumb .trail { float:left; color:#f05700; font-weight:bold}
.breadcrumb .trail span { font-weight:normal; color:#8B8B8B}
.breadcrumb .backLink { float:right}
.breadcrumb a { color:#f05700}

.tabNav {height:37px; width:788px; margin: 0 auto 15px;}
.tabNav li { float:left}
.tabNav li a { float:left; display:block; height:37px; background:url(../img/tabs.png) no-repeat; display:block; overflow:hidden; text-indent:-9999px}
.tabNav li.tn1 a { width:90px; background-position: 0 0}
.tabNav li.tn2 a { width:125px; background-position: -90px 0}
.tabNav li.tn3 a { width:183px; background-position: -217px 0}
.tabNav li.tn4 a { width:151px; background-position: -398px 0}
.tabNav li.tn5 a { width:131px; background-position: -549px 0}
.tabNav li.tn6 a { width:100px; background-position: -688px 0}

.tabNav li.tn1 a:hover { background-position: 0 -37px}
.tabNav li.tn2 a:hover { background-position: -90px -37px}
.tabNav li.tn3 a:hover { background-position: -217px -37px}
.tabNav li.tn4 a:hover { background-position: -398px -37px}
.tabNav li.tn5 a:hover { background-position: -549px -37px}
.tabNav li.tn6 a:hover{ background-position: -688px -37px}

.search .tabNav li.tn1 a { background-position: 0 -74px}
.contact .tabNav li.tn2 a{ background-position: -90px -74px}
.officeLite .tabNav li.tn3 a { background-position: -217px -74px}
.customerArea .tabNav li.tn4 a { background-position: -398px -74px}
.supplierArea .tabNav li.tn5 a { background-position: -553px -74px}
.about .tabNav li.tn6 a { background-position: -688px -74px}

.versionTabs { position:fixed; left:0; top:30px}
.live-chat-header {position: absolute; left: 8px; top: 0; display: block;}

/*.versionTabs .versions,
.versionTabs .versions a,
.versionTabs .currency,
.versionTabs .currency a { background: url(../img/ver-tabs.png) no-repeat 0 0; width:26px}

.versionTabs .versions { height:134px; margin-bottom:30px; padding-top:13px}
.versionTabs .currency { height:156px; background-position: 0 -200px; padding-top:10px}

.versionTabs .versions .sc2{ background-position: 0 -147px;  height:26px;}
.versionTabs .versions .sc3{ background-position: 0 -173px; height:27px; margin-top:9px}

.versionTabs .currency .uk{ background-position: 0 -366px;  height:34px}
.versionTabs .currency .euro{ background-position: 0 -400px; height:33px; margin-top:9px}*/

.subMenu { width:774px; height:38px; background:url(../img/sub-menu-bg.png) no-repeat 0 0; margin: 0 auto 25px; padding-left: 10px; list-style:none!important;}
.subMenu li { height:38px; line-height:38px; background:url(../img/sub-menu-vr.png) no-repeat left top; float:left; padding: 0 13px}
.subMenu li:first-child { background:none}
.subMenu a { float:left; color:#898989; font-weight:bold;} 
.subMenu a.current { color:#44238c; background:url(../img/sub-menu-pointer.png) no-repeat center bottom}

.buttons a,
.buttons input[type=image]{ float:left; margin-right:15px}
.buttons a.nm { margin-right:0}

hr { background:url(../img/hr-dot.png) repeat-x 0 0; height:4px; border:none; margin: 0 0 15px 0 }



/*-----------------------------------------------------
	Search - Home
-----------------------------------------------------*/
.searchPanel { margin-bottom:20px; padding: 10px 0 0 91px; position:relative}
.searchPanel h2 { color:#44238c; font-size:18px; margin-bottom:5px; font-weight:bold}
.searchPanel label { position:absolute; left:-9999px}
.searchPanel input[type="image"],
.searchPanel .goBut { position:absolute; bottom:12px; right:20px}
.searchPanel .goBut { background:url(../img/bt-go-trans.png) no-repeat 0 0; width:56px; height:22px}


.searchPanel p { font-size:11px; color:#6e6e6e; font-weight:bold}
.searchPanel .a-z { width:100%; overflow:hidden}
.searchPanel .a-z li { float:left}
.searchPanel .a-z li a { float:left; font-size:16px; font-weight:bold; margin: 0 2px 0 0; white-space-collapse:collapse}
.searchPanel .a-z li a:hover {}
.searchPanel p { padding: 10px 0 0 0 }

.keywordSearch { background:url(../img/bg-kws.png) no-repeat 0 0; height:104px}
.keywordSearch input[type="text"] { width:320px; }
.keywordSearch #sp-offers { display:block; width:50px; height:50px; position:absolute; top:14px; right:20px;}

.ideasSearch { background:url(../img/bg-is.png) no-repeat 0 0; height:124px}
.ideasSearch select { width:206px; margin: 0 10px 10px 0; float:left}
.ideasSearch input[type="text"] { width:200px; }

.supplierSearch { background:url(../img/bg-ss.png) no-repeat 0 0; height:166px}
.supplierSearch input[type="text"] { width:420px; }
.supplierSearch select { width:206px; margin: 0 10px 10px 0; float:left}
.supplierSearch .a-z { padding-bottom:8px}

.shotgunSearch { background:url(../img/bg-sgs.png) no-repeat 0 0; height:65px}
.shotgunSearch select { width:350px}
.shotgunSearch input[type="image"],
.shotgunSearch .goBut{ bottom:16px;}

.homeBasket { background: #b6b6b6 url(../img/bg-home-basket.png) no-repeat 0 0; float:left; padding: 10px 0 0 16px; margin-bottom:30px; /*position:relative; height:371px;*/}
.homeBasket h2 { color:#f55900; font-size:18px}
.homeBasket .basketListHome { background:#fff; width:190px; padding:3px; margin-top:20px; float:left; /*height:269px;*/}
.homeBasket .basketListHome li { height:22px; font-size:11px; float:left; width:100%; position:relative}
.homeBasket .basketListHome li.even { background:#e5e5e5}
.homeBasket .view { font-size:11px; font-weight:bold}
.homeBasket p { padding: 2px 0 5px 0}
.homeBasket .listWrap { /*background:url(../img/bg-basket-preview-shad.png) no-repeat center bottom;*/ padding-bottom:11px; float:left}
.homeBasket li a { float:left; line-height:22px; color:#8b8b8b; font-size: 10px; letter-spacing: -0.5px;}
.homeBasket li .remove { background:url(../img/bt-x.png) no-repeat 0 0; height:12px; width:12px; margin:5px 10px 0 5px}
.homeBasket .basketListHome .more { float:right; margin: 0 5px 0 0}

.aside { clear:both; background:url(../img/hr-dot.png) repeat-x 0 0; padding: 20px 0 0 0}
.aside li { float:left; margin-left:21px}
.aside li.first { margin-left:0}

.aside li.psFigs { width:204px; height:214px; padding: 0 11px 0; background:url(../img/bg-ps-figs.png) no-repeat 0 0}
.aside li.psFigs th { font-size:10px; color:#371983; font-weight:bold; padding: 0 0 6px}
.aside li.psFigs td { font-size:10px; padding:3px; color:#5e5e5e; background:#fff}
.aside li.psFigs td.pro,
.aside li.psFigs td.sup { border-left:solid 1px #d1d0d0}
.aside li.psFigs tr.even td { background:#d9d9d9} 
.aside li.psFigs h5 { color:#371983; font-size:24px; line-height:24px; margin: 18px 0 15px}

.rightCol .pd-top { display:block; height:164px; margin:15px 0 0 0; clear:both}
.rightCol .pd-bot {display:block; height:165px; margin-bottom: 10px;}
.rightCol .pd-top2 { display:block; height:110px; margin:15px 0 0 0; clear:both}
.rightCol .pd-middle { display:block; height:110px; margin:0 0 0 0; clear:both}
.rightCol .pd-bot2 {display:block; height:108px;}
.rightCol .membersBut { height:70px; margin:5px 0 0 0}
.rightCol .membersBut a,
.rightCol .membersBut img { display:block; float:left;}

/*-----------------------------------------------------
	Search Listing
-----------------------------------------------------*/



.searchOpts { padding-bottom:20px; position:relative; z-index:10}

.filters { height:200px; padding: 13px 15px 0; font-size:11px; background:url(../img/bg-filters.png) no-repeat 0 0; position:relative}

.filters .itemTypes,
.filters .priceRange,
.filters .colours,
.filters .expDelivery,
.filters .supplierName { float:left; height:140px}

.filters select,
.advFilters select { display:none}

.filters .label,
.advFilters .label { color:#000; font-weight:bold; font-size:12px; margin-bottom:5px; display:block}
.filters ul.normList,
.advFilters ul.normList { margin-bottom:12px; width:100%; overflow:hidden}
.filters ul.normList li,
.advFilters ul.normList li { line-height:17px}
.filters a, .advFilters a { color:#707070}
.filters .selected,
.advFilters .selected  { color:#f95400}
.filters .removeFacet,
.advFilters .removeFacet { background:url(../img/bt-x.png) no-repeat 0 1px; padding: 0 0 0 16px}

.filters select { width:115px; float:left}
.advFilters select { width:125px; float:left}
.ui-multiselect { float:left}

.filters input[type="image"],
.advFilters input[type="image"] { float:left; margin: 1px 0 0 5px}

.filters .itemTypes { width:173px; border-right: 1px solid #c6c6c6}
.filters .itemTypes .ui-multiselect-menu { width: 250px !important;}

.filters .priceRange { width:111px; padding: 0 10px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff}
.filters .priceRange label { float:left; width:40px; color:#000; padding-top:3px}
.filters .priceRange input[type="text"] { float:left; width:60px}
.filters .priceRange p { width:100%; overflow:hidden; padding-bottom:5px; display: none;}
.filters .priceRange .label { margin-bottom:17px}
.filters .priceRange #slider { width:100px; margin:10px auto; display: none}
.filters .priceRange .ui-multiselect { width:110px !important}
.filters .priceRange .ui-multiselect-menu { width:141px !important}
.filters .priceRange .ui-multiselect-menu label { width:100px; padding-top:0;}

.filters .colours { width:152px; padding: 0 10px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff}
.filters .colours ul.normList li {float:left; margin: 0 0 5px 14px}
.filters .colours ul.normList li.first { margin-left:0}
.filters .colours ul.normList li a { float:left; display:block; width:15px; height:15px; border:2px solid #fff; text-indent:-9999px; overflow:hidden}

.filters .colours ul.normList li span { clear:both; width:19px; display:block; text-align:center; font-size:9px; color:#000}
.filters .colours select { width:110px}

.filters .expDelivery { width:76px; padding: 0 10px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff}
.filters .expDelivery .promo3d a { background:url(../img/3d-sm.png) no-repeat 0 0; height:23px; line-height:23px; float:left; display:block; padding-left:28px}
.filters .supplierName { width:163px; padding: 0 0 0 10px; border-left: 1px solid #fff}
.filters .supplierName select { width:120px}

.filters .searchStats { height:37px; width:501px; background:url(../img/bg-search-stats.png) no-repeat 0 0; position:absolute; left:15px; bottom:6px}
.filters .searchStats p { font-size:12px; color:#000; float:left; line-height:35px}
.filters .searchStats p.first { padding: 0 20px 0 65px}
.filters .searchStats p em { font-weight:bold; color:#f95400; font-style:normal}
.filters .reset, .filterback,
.filters .moreOpts { position:absolute; bottom:17px; font-size:12px; color:#000; text-decoration:underline}
.filters .reset { right:222px;} 
.filters .moreOpts { right:15px; }
.filters .filterback { right:170px; color:#000; text-decoration:underline;}

.advFiltersWrap { display:none}
.advFilters { height:151px; padding: 13px 15px 0 15px; font-size:11px; background:url(../img/bg-adv-filters.png) no-repeat 0 0; position:relative}

.advFilters .supplierRegion,
.advFilters .supplierType,
.advFilters .shape,
.advFilters .material{ float:left; height:140px}

.advFilters .supplierRegion { width:173px; border-right: 1px solid #c6c6c6}
.advFilters .supplierType { width:175px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff; padding:0 10px}
.advFilters .shape { width:175px; border-right: 1px solid #c6c6c6; border-left: 1px solid #fff; padding:0 10px}
.advFilters .material { width:175px; border-left: 1px solid #fff; padding:0 0 0 10px}

.advFilters .fsc, .advFilters .mib { float:left; height:23px;}
.advFilters .fsc a, .advFilters .mib a { display:block; height:23px; float:left; line-height:23px;}
.advFilters .fsc a img, .advFilters .mib a img { float:left; margin:0 10px 0 0;}
/*http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/*/
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; width:auto}

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; display: none;}
.ui-multiselect-header ul { font-size:11px }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; width:200px!important }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll;}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:0 1px 1px 1px; vertical-align: }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:11px; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:11px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* added style */
.ui-multiselect-checkboxes label span {line-height: 19px; vertical-align: top;}



.pageControls {  background:url(../img/bg-page-controls.png) no-repeat; height:43px; clear:both}
.pageControls .style { float:left; margin-top:8px}
.pageControls .style li { float:left; margin: 0 0 0 9px}
.pageControls .style li a { display:block; border:solid 1px #fff; width:24px; height:24px}
.pageControls .style li a.selected {border:solid 1px #f95400}
.pageControls .pagination { float:left; font-size:11px; color:#000; margin:5px 15px 0 15px}
.pageControls .pagination p { padding-bottom:2px}
.pageControls .paging a,
.dataControls .paging a{color: #000; margin-right: 0px;}
.pageControls .paging a.current,
.dataControls .paging a.current {background:#999998; padding: 1px 3px;}
.pageControls select { float:left; margin: 10px 10px 0 0; width:120px}
.pageControls .buts { float:right; margin: 10px 10px 0 0;}
.pageControls .txt { float:left; margin: 12px 0 0 30px; color:#000; font-size:16px}
.pageControls .back { float:left; margin: 10px 0 0 20px}

.dataControls { height:48px; background:url(../img/784-hr.png) no-repeat center bottom;}
.dataControls .pagination { float:left; font-size:11px; color:#000; padding-top:5px}
.dataControls .pagination p { float:left; margin: 0 10px 0 30px}
.dataControls .paging { float:left}
.dataControls select { float:right; margin: 0 0 0 20px; width:120px}
.dataControls .buts { float:right; margin: 0 0 0 20px}

.productList{ padding:10px 0; clear:both }
.shotgunList { padding:0; clear:both }

.productList > li,
.shotgunList > li,
.suppliersList > li { border-top: dotted 3px #c7c7c7; position:relative; padding:20px 0; background:#fff;}

.productList > li:first-child,
.shotgunList > li:first-child,
.suppliersList > li:first-child { border-top:none }

.productList1 .thumb { width:98px; height:98px; border: solid 1px #ccc; float:left; margin-right:20px; position:relative; }
.productList1 .thumb table { width:100%; height:98px }
.productList1 .thumb table td { text-align:center; vertical-align:middle; position:relative}
.productList1 .thumb .days { position:absolute; top:0; left:0;}
.productList1 .thumb .mag { position:absolute; bottom:5px; right:5px;}
.productList1 .desc { width:500px; float:left;}
.productList1 .desc h1,
.productList1 .desc h2 { color:#000; font-size:16px; margin-bottom:3px}
.productList1 .desc p { line-height:17px; margin-bottom:3px;}
.productList1 .desc p .orange { font-weight:bold; color:#f95400; padding-right:10px}

.productList1 .desc .addBasket,
.productList1 .desc .supplierInfo,
.suppliersList .supplierInfo,
.suppliersList .supplierBrowse,
.productList1 .desc .productTrigger,
.shotgunList .right .checkbox .productTrigger { display:block; float:left; height:21px; line-height:21px; font-size:14px; font-weight:bold; color:#898989; padding-left:27px; margin: 5px 20px 0 0}

.shotgunList li .productTrigger { display:block; float:left; height:35px; width: 157px; margin: 5px 0 0;text-indent:-9999px; background:url(../img/supplier-trigger.png) no-repeat; background-position: 0 0;}
.shotgunList li .productTrigger.added {background-position: 0 -35px;}

.productList1 .desc .addBasket { background:url(../img/plus.png) no-repeat center left; }

.productList1 .desc .supplierInfo,
.suppliersList .supplierInfo,
.suppliersList .supplierBrowse{ background:url(../img/info.png) no-repeat center left; }


.productList1 .desc .supplierInfo span { color:#000}
.productList1 .desc .badge { float:right; margin:-40px 0 0 8px}
.productList1 .misc {border-left: dotted 1px #7f7f7f; float:right; width:135px; padding-left:10px}
.productList1 .misc label { float:left; font-size:14px; font-weight:bold;  padding:2px 0 30px 0}
.productList1 .misc input[type="checkbox"] { float:right}
.productList1 .misc .icons { padding: 0; clear:both}
.productList1 .misc .icons li { float:left; margin: 0 0 4px 4px; padding:0;}
.productList1 .misc .icons li.first { margin-left:0}
.productList1 .desc .added {background:url(../img/added.png) no-repeat center left; color:#F95400}

.productList1 .desc .productTrigger, .suppliersList .productTrigger { background:url(../img/trigger.png) no-repeat center left;}
.productList1 .desc .productTrigger.added, .suppliersList .productTrigger.added { background:url(../img/trigger-added.png) no-repeat center left; color:#898989}
.productList1 .desc .productTrigger.adding, .suppliersList .productTrigger.adding  { background:url(../img/ui-anim_basic_16x16.gif) no-repeat center left; color:#898989}

.productList2 > li { padding:10px 0;}
.productList2 .thumb { width:43px; height:43px; float:left; margin-right:10px;}
.productList2 .desc { width:730px; float:left;}
/*.productList2 .desc h1 { color:#000; font-size:16px; text-transform:uppercase; margin-bottom:0 }*/
.productList2 .desc h1 { color:#000; font-size:16px; margin-bottom:0 }
.productList2 .desc p { margin-bottom:3px;}
.productList2 .desc p .orange { font-weight:bold; color:#f95400; }
.productList2 .desc p.priceRange,
.productList2 .desc .addBasket,
.productList2 .desc .supplierInfo,
.productList2 .desc .productTrigger,
.productList2 .desc .checkbox { float:left; color:#000; margin-right:10px; padding-right:10px; border-right: dotted 1px #7f7f7f; line-height:17px}
.productList2 .desc .checkbox { border-right: none}
.productList2 .desc .checkbox label { margin: 0 0 0 0; display:block; float:left}
.productList2 .desc .checkbox input { float:left; margin:2px 0 0 5px}
.productList2 .desc .added { color:#f95400; font-weight:bold; background:url(../img/added-sm.png) no-repeat center left; padding-left:20px}
.productList2 .desc .productTrigger.added { color:#898989; font-weight:bold; background:url(../img/trigger-added-sm.png) no-repeat center left; padding-left:20px} 
.productList2 .desc .productTrigger.adding { color:#898989; font-weight:bold; background:url(../img/ui-anim_basic_16x16.gif) no-repeat center left; padding-left:20px} 


/*.productList3 .productItem { padding:0; float:left; border:none; width:100px; margin: 15px 0 15px 35px;}*/
.productList3 > li { padding:0; float:left; border:none; width:100px; margin: 15px 0 15px 35px;}
.productList3 > li.first { margin-left:0}

/*.productList3 .productRow { position:relative}*/

.productList3 .thumb { width:98px; height:98px; border: solid 1px #ccc; float:left; margin-right:20px; position:relative; }
.productList3 .thumb table { width:100%; height:98px }
.productList3 .thumb table td { text-align:center; vertical-align:middle}
.productList3 .thumb .days { position:absolute; top:0; left:0;}
.productList3 .thumb .mag { position:absolute; bottom:5px; right:5px;}
.productList3 .desc { clear:both; padding: 5px 0 0}
.productList3 .desc label { position:absolute; left:-9999px}
.productList3 .desc input { float:right; margin-right:0}
.productList3 .desc .addBasket,
.productList3 .desc .supplierInfo,
.productList3 .desc .productTrigger { float:left; height:21px; width:21px; background:red; margin: 0 5px 0 0}
.productList3 .desc .addBasket {background:url(../img/plus.png) no-repeat 0 0;}
.productList3 .desc .supplierInfo {background:url(../img/info.png) no-repeat 0 0; }
.productList3 .desc .added {background:url(../img/added.png) no-repeat 0 0;}
.productList3 .desc .productTrigger {background:url(../img/trigger.png) no-repeat 0 0;}
.productList3 .desc .productTrigger.added {background:url(../img/trigger-added.png) no-repeat 0 0;}
.productList3 .desc .productTrigger.adding {background:url(../img/ui-anim_basic_16x16.gif) no-repeat 0 0;}

.panel { clear:both; background:#fff; position:relative; width:784px;}
.panel3d { clear:both; background:#fff; position:relative; width:430px; padding:0 0 20px}
.panel h2,
.shotgunList h2 { color:#000; font-size:16px; margin-bottom:10px; clear:both}
.panel p,
.shotgunList p { margin-bottom:10px}
.black { color:#000}
.orange { font-weight:bold; color:#f95400;}
.orangeSlim { font-weight:normal; color:#f95400;}
.panel .backLink { position:absolute; top:0; right:2px}
.panel3d .backLink { position:absolute; bottom:0; right:2px;}
.panel3d .backLink:focus { outline:none}
.panel .buttons a { margin-right:10px; display:block; float:left}

.panel .buttons .addBasket,
.shotgunList .buttons .addBasket { background: url(../img/add-to-basket.png) no-repeat left top; width:156px; height:35px}
.panel .buttons .productTrigger,
.shotgunList .buttons .productTrigger {background: url(../img/product-trigger.png) no-repeat left top; width:157px; height:35px}

.panel .buttons .addBasket.added,
.shotgunList .buttons .addBasket.added,
.panel .buttons .productTrigger.added,
.shotgunList .buttons .productTrigger.added,
.supplierDetails .productTrigger.added { background-position: left bottom}

.panelSupplierInfo .left { width:335px; float:left}
.panelSupplierInfo .right { width:408px; float:right; padding: 0 0 40px 20px; border-left: dotted 1px #7f7f7f;}

.panelSupplierInfo .icons,
.shotgunList .icons,
.supplierDetails .icons,
.suppliersList .icons {border-bottom: dotted 1px #7f7f7f; width:100%; overflow:hidden; padding:5px 0 15px 0; margin-bottom:15px}

.panelSupplierInfo .icons li,
.shotgunList .icons li,
.supplierDetails .icons li,
.suppliersList .icons li{ float:left; margin-right:4px}

.panelSupplierInfo .thumb { margin-bottom:15px}
.panelSupplierInfo .badges { float:left; width:225px; display:block; margin: 0 0 10px}
.panelSupplierInfo .offers { float:left; color:#F95400; width:225px; line-height:12px; font-size:11px; font-weight:bold}
.panelSupplierInfo .right h2 { margin-bottom:0}
.panelSupplierInfo .thumb { width:98px; height:98px; border: solid 1px #ccc; float:left; margin:0 20px 15px 0; position:relative; }
.panelSupplierInfo .thumb table { width:100%; height:98px }
.panelSupplierInfo .thumb table td { text-align:center; vertical-align:middle}
.panelSupplierInfo .thumb .days { position:absolute; top:0; left:0;}
.panelSupplierInfo .thumb .mag { position:absolute; bottom:5px; right:5px;}

.panelMoreDetail .left { width:400px; float:left}
.panelMoreDetail .right { width:335px; float:right; padding: 0 0 20px 20px; border-left: dotted 1px #7f7f7f;}
.panelMoreDetail .badges { float:left; width:50px; text-align:center; display:block; margin: 0 10px 15px 0}
.panelMoreDetail .offers { float:left; color:#F95400; width:200px; line-height:12px; padding-top:52px; font-size:11px; font-weight:bold}
.panelMoreDetail .right h2 { margin-bottom:0}
.panelMoreDetail .buttons a { /*margin-bottom:5px */}

/* Thumb image preview */
#mediaPreviewWrapper { position: absolute; z-index: 5000; display: none; top: 0; left: 0; background-color: #ffffff; font-size: 11px; padding: 15px 15px 15px 15px; border: 1px solid #ccc;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
#mediaPreviewTitle {display: none; /* remove this line to display the preview image title*/ /*background:url(../img/org-arrow-l.png) no-repeat 0 0;*/ padding-left:15px; color:#8B8B8B; margin-bottom:15px; font-weight:normal; font:12px Arial, Helvetica, sans-serif; text-align:center}
.left #mediaPreviewTitle { text-align:right}
#mediaPreviewBody {position: relative;}

.supplier-list { margin:10px 0 0; clear:both;}
.supplier-list h3 { font-size:14px; margin:0 0 10px; color:#000}
.supplier-list p { margin:0 0 10px}
.supplier-list a {}
/*.supplier-list li { display:inline;}
.supplier-list li.even a { color:#4d25a4}*/

/*-----------------------------------------------------
	Cols/widgets/Misc
-----------------------------------------------------*/
.masthead { margin-bottom:20px; position:relative}
.masthead h1 { font-size:16px; color:#44238c; margin-bottom:10px}
.masthead p { width:550px}

.dots { border-top: dotted 4px #c7c7c7; padding-top:20px}

.col248 { float:left; width:248px; margin-left:20px}
.col249 { float:left; width:248px; margin-left:20px}
.col382 { float:left; width:382px; margin-left:20px}
.col516 { float:left; width:516px; margin-left:20px}
.col784 { width:784px; margin-bottom:20px; clear:both}

.widget248,
.widget382,
.widget516 { margin: 0 0 20px 20px;}

.widget248,
.widget382,
.widget516,
.widget784 { color:#000; position:relative; padding:15px; float:left;}

.widget248 .wb,
.widget382 .wb,
.widget516 .wb,
.widget784 .wb {height:3px; position:absolute; bottom:0; left:0; width:100%}

.widget248 { background:#ebebeb url(../img/248-wt.png) no-repeat 0 0; width:218px}
.widget248 .wb { background:url(../img/248-wb.png) no-repeat 0 0; }
.widget248 h2 { font-size:16px; color:#f65800; background:url(../img/248-hr.png) no-repeat 0 bottom; padding:0 15px 20px; margin: 0 0 5px -15px; width:218px}
.widget248 .but { position:absolute; bottom: 10px; left:15px}
.widget248 .readMore {  background: url(../img/fat-arrow.png) no-repeat left center;border-bottom: 1px dotted #7F7F7F;border-top: 1px dotted #7F7F7F;clear: both;display: block;font-weight: bold;line-height: 48px; text-indent: 35px;}
.widget248 .but2 { position:absolute; bottom: 42px; left:15px}

.widget382 { background:#ebebeb url(../img/382-wt.png) no-repeat 0 0; width:352px}
.widget382 .wb { background:url(../img/382-wb.png) no-repeat 0 0; }
.widget382 h2 { font-size:16px; color:#f65800; background:url(../img/382-hr.png) no-repeat 0 bottom; padding:0 15px 20px; margin: 0 0 5px -15px; width:352px }
.widget382 .but { position:absolute; bottom: 10px; left:15px}

.widget516 {background:#ebebeb url(../img/516-wt.png) no-repeat 0 0; width:486px}
.widget516 .wb {background:url(../img/516-wb.png) no-repeat 0 0;}
.widget516 h2,
.widget516 h3 { font-size:16px; color:#f65800; background:url(../img/516-hr.png) no-repeat center bottom; padding:0 15px 20px; margin: 0 0 5px -15px; width:486px }
.widget516 .hr { background: url(../img/516-hr.png) no-repeat center 25px}
.widget516 .but { position:absolute; bottom: 10px; left:15px}
.widget516 fieldset div { width:100%; overflow:hidden; margin-bottom:10px}
.widget516 fieldset em { color:#f65800}
.widget516 fieldset label { font-size:11px; width:175px; display:block; float:left; padding:6px 15px 0 0}
.widget516 fieldset input[type=text],
.widget516 fieldset input[type=password],
.widget516 fieldset textarea { width:280px}
.widget516 fieldset select { width:286px}

.widget784 {margin-bottom:20px; background:#ebebeb url(../img/784-wt.png) no-repeat 0 0; clear:both; width:754px}
.widget784 h2 { font-size:16px; color:#f65800; background:url(../img/784-hr.png) no-repeat center bottom; padding:0 15px 20px; margin: 0 0 5px -15px; width:754px }
.widget784 .wb { background:url(../img/784-wb.png) no-repeat 0 0; }
.widget784 .hr { background: url(../img/784-hr.png) no-repeat center 25px}
.widget784 .buts td { padding:10px 0 0 0}

/* remove margin */
.nlm { margin-left:0}
.nbm { margin-bottom:0}

/* widget heights */
.h257 { height:227px;}/*-30px for padding*/
.h494 { height:464px;}/*-30px for padding*/
.h217 { height:187px}/*-30px for padding*/

.data th { padding:0 5px 10px; color:#f65800; font-weight:bold;}
.hr .data th { padding-bottom:25px;}
.data th.right { text-align:right}
.data th.centre { text-align:center} 
.data td { padding:4px 5px; }
.data .even td { background:#ddd}
.data.noBanding .even td { background:none}
.data td .highlight { color:#f25200}

.widget248 .item { padding:15px 0; border-top:dotted 1px #797979}
.widget248 .item.first { border-top:none; padding-top:0}
.widget248 .item .date { text-transform:uppercase; font-size:10px; color:#f05700; margin-bottom:0}
.widget248 .item h3 { text-transform:uppercase; color:#44238c; margin-bottom:5px}
.widget248 .item p { font-size:11px; color:#6d6d6d; margin-bottom:5px}
.widget248 .item a { font-size:11px; color:#6d6d6d; font-weight:bold}

/*-----------------------------------------------------
	Customer Area/Supplier Area
-----------------------------------------------------*/
.customerArea .masthead,
.supplierArea .masthead { background:url(../img/ic-safe.png) no-repeat top right; } 

.supplierArea .widget516 .data th h2 { font-size:15px; background:none; margin:0; padding:0; width:auto}

.marketAnalysis,
.marketAnalysisUK,
.performanceReports{ float:left}

.marketAnalysis h2,
.marketAnalysisUK h2,
.performanceReports h2,
.genInfo h2{ font-size:16px; color:#44238C; margin-bottom:8px }

.marketAnalysis { width:492px; border-right: dotted 1px #797979; margin-right:23px; background:url(../img/ic-graphs.png) no-repeat 366px top  }
.marketAnalysis p { width:345px; margin-bottom:0}

.marketAnalysisUK { width:268px; background: url(../img/ic-graphs-uk.png) no-repeat top right}
.marketAnalysisUK h2 { width:150px}
.marketAnalysisUK p { width:150px; margin-bottom:0}

.performanceReports {background:url(../img/ic-performance.jpg) no-repeat top right; width:100%}
.performanceReports p {width:550px; margin-bottom:0; }

.genInfo ul {background:url(../img/gen-info-nav.png) no-repeat 0 0; height:98px}
.genInfo li { float:left}
.genInfo li a { float:left; display:block; height:98px; overflow:hidden; text-indent:-9999px}
.genInfo li.gi1 a { width:128px }
.genInfo li.gi2 a { width:100px }
.genInfo li.gi3 a { width:113px }
.genInfo li.gi4 a { width:128px }
.genInfo li.gi5 a { width:124px }
.genInfo li.gi6 a { width:109px }
.genInfo li.gi7 a { width:82px }

/* Customer Area - User manager */
.passReset input[type=text],
.passReset input[type=password]{ width:200px; margin-right:30px}
.passReset input[type=image] { float:right}

.addUser p { margin-bottom:15px}
.addUser input[type=text] { width:190px; margin-right:15px}
.addUser select { width:190px;}
.addUser input[type=image] { float:right}

.removeUser table { margin-bottom:15px}
.removeUser input[type=image] { float:right}

.customerArea .form p { float:left}
.customerArea .form label { padding-right:10px}

.customerArea .pageControls a { margin: 10px 0 0 10px; float:left}
.customerArea .pageControls a.top { float:right; margin: 10px 10px 0 0}

/*-----------------------------------------------------
	DOL Area
-----------------------------------------------------*/
.officeLite .masthead  { height:76px}
.officeLite .masthead img { position:absolute; top:-8px; right:10px}
.officeLite .pageControls a { margin: 10px 0 0 10px; float:left}
.officeLite .pageControls a.top { float:right; margin: 10px 10px 0 0}
.officeLite .widget248 { height:95px;}

.dolFooter .storeLogo { float:right; width:248px; color:#000; font-size:11px;}
.dolFooter .storeLogo h2 { color:#F65800; font-size:14px; margin-bottom:10px}
.dolFooter .storeLogo p { margin-bottom:10px; clear:both}
.dolFooter .storeLogo input[type="text"] { float: left; background:#E9E9E9; width: 105px; margin-bottom:10px}
/*.dolFooter .storeLogo .cal {float: left;height: 34px;margin: -12px 0 0;}*/
.dolFooter .storeLogo .ui-datepicker-trigger {float: left;height: 34px;margin: -12px 0 0;}
.dolFooter .storeLogo .ui-datepicker-trigger:hover { cursor:pointer}

.dolFooter .dolDocMan { float:left} 
.dolFooter ul { margin: 0 0 0 15px; float:left; border-left:1px dotted #7F7F7F; width:316px }
.dolFooter li,
.dolFooter .tempColour { float:left; border-right:1px dotted #7F7F7F; height:135px}
.dolFooter li.priceRange, 
.dolFooter li.currency {padding: 10px 10px 0 10px}
.dolFooter li.priceRange { width:124px}
.dolFooter li.currency {float:right; width:150px}
.dolFooter h5 { font-size:14px; color:#f15800; margin-bottom:10px}

.dolFooter .tempColour {margin-left:180px; padding:10px 10px 0; width:125px; border-left:1px dotted #7F7F7F;}

.dolFooter li a { display:block; height:16px; color:#000; background:url(../img/ticks.png) no-repeat right top; font-size:14px; margin-bottom:18px}
.dolFooter li a:hover { color:#f15800}
.dolFooter li a.current { background-position: right bottom}
.dolFooter li.priceRange a { width:60px; }
.dolFooter li.currency a { width:150px}

/*-----------------------------------------------------
	Apps
-----------------------------------------------------*/
.apps .masthead { height:108px; margin-bottom:10px}
.apps .masthead h1 { color:#F05700}
.apps .masthead img { position:absolute; top:0px; right:0px}

.apps .scw { border-top: dotted 4px #c7c7c7; padding:20px 55px 0 50px}
.apps .scw h2 {color:#F05700; font-size:16px; margin:40px 0 10px}
.apps .scw p { margin-bottom:15px; color:#000; width:310px}
.apps .scw p span { font-weight:bold; font-style:italic}
.apps .scw a { display:block}
.apps .scw .scw-app { float:right}

.appList { border-top: dotted 4px #c7c7c7; padding-top:30px; }
.appList li { float:left; width:380px; margin: 0 0 20px 40px }
.appList li.nm { margin-left:-20px}
.appList .device { float:left; margin-right:20px; width:185px; text-align:right}
.appList h2 {color:#F05700; font-size:16px; margin-bottom:10px}
.appList p { margin-bottom:15px; color:#000}

/*-----------------------------------------------------
	Contact
-----------------------------------------------------*/
.contact h2 { font-size:16px; color:#F05700; margin-bottom:15px}
.contact .content p { margin-bottom:15px}

.contact .col248.brd { border-right:dotted 1px #7F7F7F; width:247px}
.contact .col516.brd { border-right:dotted 1px #7F7F7F; width:515px}
.contact .col248 { margin-bottom:20px}
.contact .col249 { margin-bottom:20px;padding-bottom:20px}
.contact .whereToStay { margin-bottom:15px}

.contactNumbers li { margin-bottom:15px; background:url(../img/contact-logos.png) no-repeat 0 0; height:46px}
.contactNumbers li.cn1 { background-position: 0 0}
.contactNumbers li.cn2 { background-position: 0 -59px}
.contactNumbers li.cn3 { background-position: 0 -118px}
.contactNumbers li.cn4 { background-position: 0 -177px}
.contactNumbers li.cn5 { background-position: 0 -237px}
.contactNumbers li div { border-bottom: dotted #666 1px; margin: 0 0 0 56px; padding: 9px 0 5px 0}
.contactNumbers li span { display:block; color:#f35800}

.contactNumbers2 li { margin-bottom:0 20px 15px 0; background:url(../img/contact-logos.png) no-repeat 0 0; height:60px}
.contactNumbers2 li.cn1 { background-position: 0 0}
.contactNumbers2 li.cn2 { background-position: 0 -59px}
.contactNumbers2 li.cn3 { background-position: 0 -118px}
.contactNumbers2 li.cn4 { background-position: 0 -177px}
.contactNumbers2 li.cn5 { background-position: 0 -237px}
.contactNumbers2 li div { border-bottom: dotted #666 1px; margin: 0 20px 0 56px; padding: 9px 0 5px 0}
.contactNumbers2 li span { display:block; color:#f35800}
.col249 ul.sbs2 { list-style:none; margin: 20px 0 15px 0; float:left; width: 120px}
.col249 ul.sbs2 img {margin: 20px 0 0 0;}
.col249 ul.sbs3 { list-style:none; padding:0 0 0 15px; margin: 20px 0 15px 0; float:left; width: 105px}



.contact .diLtd { background:url(../img/di-logo.png) no-repeat 0 5px; height:82px; margin-bottom:0}
.contact .diLtd h2,
.contact .diLtd p {padding-left:100px}

/*-----------------------------------------------------
	Baskets
-----------------------------------------------------*/
.basketNav { position:absolute; top:109px; left:30px}
.basketNav li { float:left; margin-left:24px}
.basketNav li:first-child { margin-left:0}
.basketNav a { float:left; background:url(../img/basket-nav.png) no-repeat 0 0; height:51px; display:block; text-indent:-9999px; overflow:hidden}
.basketNav .bn1 a { background-position:  0 0; width:157px}
.basketNav .bn2 a { background-position: -181px 0; width:168px}
.basketNav .bn3 a { background-position: -373px 0; width:145px}
.basketNav .bn4 a { background-position: -542px 0; width:182px}

.basketControls {  background:url(../img/bg-page-controls.png) no-repeat; height:43px; clear:both; margin-bottom:20px}
.basketControls.bottom { margin:20px 0 0 0}
.basketControls .pagination { float:left; font-size:12px; color:#000; padding-top:14px}
.basketControls .pagination p { float:left; margin: 0 10px 0 30px}
.basketControls .paging { float:left}
.basketControls .paging a {color: #000; margin-right: 5px;}
.basketControls .paging a.current {background:#999998; padding: 1px 3px;}
.basketControls .buts { float:right; margin: 10px 20px 0 0}
.basketControls .back { float:left; margin: 10px 0 0 20px}
.basketControls .arrow { margin-top:4px}
.basketControls .link { color:#000; font-weight:bold; margin: 14px 0 0 20px; float:left}
.basketControls .selectAll,
.basketControls .clearAll{ background:url(../img/select-all.png) no-repeat 0 0; width:108px; height:22px; float:right; margin:10px 20px 0 0}
.basketControls .clearAll { background:url(../img/clear-all.png) no-repeat 0 0;}
.basketControls .selectAll label,
.basketControls .clearAll label{ position:absolute; top:0; left:-9999px}
.basketControls .selectAll input,
.basketControls .clearAll input{ margin: 4px 0 0 83px; padding:0}
.basketControls .txt { float:left; margin: 12px 0 0 15px; color:#000; font-size:16px}
.basketControls a.top { float:right; margin: 10px 10px 0 0}

.basketNavSmall { background:url(../img/bg-basket-footer.png) no-repeat 0 0; height:63px;}
.basketNavSmall .back { float:left; margin:20px 0 0 20px}
.basketNavSmall ul { float:right; margin:14px 20px 0 0}
.basketNavSmall li { float:left; margin-left:15px}
.basketNavSmall li a { float:left; background:url(../img/basket-nav-sm.png) no-repeat 0 0; height:33px; display:block; text-indent:-9999px; overflow:hidden}
.basketNavSmall .bn1 a { background-position:  0 0; width:115px}
.basketNavSmall .bn2 a { background-position: -130px 0; width:116px}
.basketNavSmall .bn3 a { background-position: -261px 0; width:100px}
.basketNavSmall .bn4 a { background-position: -376px 0; width:125px}

.creatorMasthead { height:108px; padding:10px 20px 15px 133px; background:url(../img/bg-creator-basket.png) no-repeat 0 0; position:relative; margin-bottom:20px}
.creatorMasthead h1 { color:#f65800; font-size:28px; margin-bottom:5px }
.creatorMasthead h1 span {font-size:12px; color:#000; font-weight:normal; padding-left:15px}
.creatorMasthead p { font-size:12px; color:#000;}
.creatorMasthead h1 + p { margin-bottom:5px}

.creatorForm { margin-bottom:10px}
.creatorForm h2 { color:#000; background:none; padding-bottom:0; margin-bottom:10px}
.creatorForm input[type=text] { margin: 0 0 10px 20px; width:358px}
.creatorForm input[type=text].first { margin-left:0}
.creatorForm label { font-weight:bold; padding:10px 0 4px 0; display:block}
.creatorForm textarea { width:745px; height:70px; margin-bottom:10px}
.creatorForm .jqEasyCounterMsg { text-align:left !important}

.creatorSend { margin-bottom:10px}
.creatorSend h2 { color:#000; background:none; padding-bottom:0; margin-bottom:10px}
.creatorSend div { margin: 0 0 10px 20px; float:left}
.creatorSend p { margin-bottom:15px}
.creatorSend div.first { margin-left:0}
.creatorSend label {padding:0 0 4px 0; display:block}
.creatorSend input[type=text] { width:358px}
.creatorSend textarea { width:358px; height:118px;}
.creatorSend .browse { clear:both; background:#fff; width:734px; padding: 10px; margin:5px 0 0}
.creatorSend .browse input { float:left}
.creatorSend .browse input[type=image] { margin-left:15px; background:#fff}
.creatorSend .browse .refs { float:left; font-size:10px; margin: -2px 0 0 15px; line-height:11px}
.creatorSend .browse label { color: #000000; display: block; padding-bottom: 3px;}

.basketList { clear:both }
.basketList > li { border-top: dotted 1px #7f7f7f; position:relative; padding:20px 0; background:#fff;}
.basketList > li:first-child { border-top:none }
.basketList .thumbWrap {float:left; margin-right:20px;}
.basketList .thumbWrap .first { margin-right:10px}
.basketList .thumb { width:98px; height:98px; border: solid 1px #ccc;  position:relative;; margin-bottom:10px }
.basketList .thumb table { width:100%; height:98px }
.basketList .thumb table td { text-align:center; vertical-align:middle}
.basketList .thumb .days { position:absolute; top:0; left:0;}
.basketList .thumb .mag { position:absolute; bottom:5px; right:5px;}

.basketList .fields { float:left; width:664px}
.basketList .fields h2 { color:#000; font-size:16px; margin-bottom:12px; float:left}
.basketList .fields .remove { float:right; background:url(../img/remove.png) no-repeat right center; height:23px; line-height:23px; color:#000; font-weight:bold; text-transform:uppercase; padding-right:30px; margin-top:-2px}
.basketList .fields p { margin-bottom:15px; color:#000}
.basketList .fields label { display:block; color:#000; padding-bottom:3px}
.basketList .fields textarea { width:658px; height:70px; background:#e9e9e9; margin-bottom:10px}
.basketList .fields input[type=text] { background:#e9e9e9}
.basketList .fields .nb { color:#000; clear:both; display:block; font-size:10px; font-weight:bold}
.basketList .fields strong { color:#f15800}
.basketList .fields .browse { margin-bottom:15px}
.basketList .fields .browse input { float:left}
.basketList .fields .browse input[type=image] { margin-left:15px}
.basketList .fields .browse .refs { float:left; font-size:10px; margin: -2px 0 0 15px; line-height:11px}

.productList .desc .browse { padding-top:15px; clear:both}
.productList .desc .browse input { float:left}
.productList .desc .browse input[type=image] { margin-left:15px}
.productList .desc .browse .refs { float:left; font-size:10px; margin: -2px 0 0 15px; line-height:11px}
.productList .desc .browse label { color: #000000; display: block; padding-bottom: 3px;}

.basketList .specs { margin-bottom:15px; position:relative} 
.basketList .specs p:first-child { font-size:11px; font-weight:bold; color:#F15800;}
.basketList .specs .field { float:left; padding-bottom:5px}
.basketList .specs .field label { font-size:11px}
.basketList .specs .field input[type=text] { width:106px; margin:0 10px 0px 0; float:left; }
.basketList .specs .field input[type=text].highlight { background:#fde2d3}
.basketList .specs .field .calc {  margin:-1px 10px 0 0; float:left; height:23px }
.basketList .specs .field input#brandingDetails { width:526px}
.basketList .specs .field input#CostPerOrigination,
.basketList .specs .field input#QuantityOfOrigination{ width:164px}
.basketList .specs .field input#OriginationCostTotal { width:166px}
.basketList .specs .CarriageTBA { position:absolute; top:0; right:7px}
.basketList .specs .CarriageTBA label { float:left; display:inline; color:#818181; font-size:11px; font-weight:bold; padding: 3px 2px 0 0}
.basketList .supplier { padding:15px 0 0 0}
.basketList .supplier label { float:left; display:inline; padding: 4px 10px 0 0; font-size:11px}
.basketList .supplier input { float:left; margin-right:10px}
.basketList .supplier input#SupplierQuoteRef { width:145px}
.basketList .supplier input#NotesFromSupplier { width:275px; margin-right:0}
 
.compDetails { margin-bottom:5px}
.compDetails li { float:left; font-size:10px; margin-left:15px; font-weight:bold}
.compDetails li:first-child { margin-left:0}
.compDetails li span { color:#000}

.basket .masthead { height:143px; padding:15px 20px; background:url(../img/bg-basket-mast.png) no-repeat 0 0}
.basket .masthead h1 { color:#f65800; font-size:28px; margin-bottom:5px }
.basket .masthead h1 span {font-size:14px; color:#000; font-weight:normal; padding-left:15px}
.basket .masthead p{ font-size:18px; color:#000; width:525px}
.basket .masthead .icon { position:absolute; top:18px; right:35px}
.basket .basketControls { margin-bottom:0}
.basket .misc { height:100px; position:relative}
.basket .misc label { padding-bottom:0; margin-left:50px}
.basket .misc .remove { position:absolute; bottom:0; right:0; font-size:14px; text-transform:uppercase; color:#000; font-weight:bold; background: url(../img/remove.png) no-repeat right center; height:23px; line-height:23px; padding-right:30px}

.ideasList .icon { position:absolute; top:16px; left:23px}
.quotation .icon { position:absolute; top:18px; left:20px}
.eshot .icon { position:absolute; top:20px; left:21px}
.getPrices .icon { position:absolute; top:24px; left:14px}

.ideasList .dolFooter,
.quotation .dolFooter,
.eshot .dolFooter{border-top: dotted 1px #7f7f7f; padding-top:10px; width:100%; overflow:hidden; margin-bottom:30px}

.quotation .dolFooter .dolDocMan,
.quotation .dolFooter .storeLogo,
.quotation .dolFooter .dolDocMan,
.quotation .dolFooter .storeLogo,
.eshot .dolFooter .dolDocMan,
.eshot .dolFooter .storeLogo { margin-top:10px}

.quotation .dolFooter ul,
.eshot .dolFooter ul { border:none}
.quotation .dolFooter li.currency,
.eshot .dolFooter li.currency{ border-left:1px dotted #7F7F7F}

.eshot .basketList .specs { margin-bottom:5px}

.getPrices .basketList .fields { width:100%;}
.getPrices .compDetails { float:left;  margin-bottom:15px}
.getPrices .compDetails li { float:none; margin: 0 0 2px 0; font-size:14px; color:#000; font-weight:normal}
.getPrices .basketList .fields h2 { float:none; clear:both; margin-bottom:0px}
.getPrices .basketList .fields p { color:#797979}
.getPrices .basketList .fields label { clear:both}
.getPrices .basketList .specs { margin-bottom:5px;} 

.getPrices #qty1,
.getPrices #qty2,
.getPrices #qty3 { width:90px; margin-bottom:5px}

.getPrices #brandingPrice { width:170px; height:55px}
.getPrices #productColour { width:170px;}
.getPrices #additionalNotes { width:170px; height:104px; margin-bottom:0}

.getPrices .sampleOrder { margin: 0 0 0 20px; float:left; padding-top:14px}
.getPrices .sampleOrder h3 { font-size:14px; color:#f15800; margin-bottom:7px}
.getPrices #sampleQty,
.getPrices #sampleColour { width:56px}
.getPrices #sampleRequest { width:105px; margin-right:0}
.getPrices .sampleOrder .cal {  margin:-12px 0 0 0; float:left; height:34px }

.getPrices .optIns { clear:both}
.getPrices .optIns div { float:left; position:relative; margin-left:15px; padding-left:15px; border-left: 1px dotted #7F7F7F}
.getPrices .optIns .opt1 { width:365px; margin-left:0; padding:0; border-left: none}
.getPrices .optIns .opt2,
.getPrices .optIns .opt3 { width:85px}
.getPrices .optIns label { padding: 0 0 0 0; font-weight:bold}
.getPrices .optIns input { position:absolute; bottom:0; right:0}

.getPrices .fields input[type=image] { position:absolute; bottom:16px; right:0}


.register .content p { margin-bottom:15px}
.register .content h2 { font-size:18px; color:#f65800; margin-bottom:10px}
.register .widget516 .moreUsersBut { float:right; margin: -40px -240px 0 0}
.register .content em { color:#F65800; font-style:normal}


.shotgun h1 { font-size:18px}
.shotgun .creatorMasthead { padding:10px 20px; height:113px; background:url(../img/shotgun-masthead.png) no-repeat !important;}
.shotgun .creatorMasthead .icon { right:37px; top:18px; position:absolute; display:none}
.shotgun .creatorMasthead p { margin-bottom:5px; width:500px}
.shotgun .creatorMasthead p.title { font-size:18px; font-weight:bold; margin-bottom:0}
.shotgun .creatorMasthead a { background:url(../img/fat-arrow.png) no-repeat center right; height:24px; line-height:24px; display:block; float:left; padding-right:30px; color:#000}

.shotgun .shotgunList,
.suppliersListing .shotgunList { padding:0}

.shotgunList .icons,
.supplierDetails .icons,
.suppliersList .icons{ border:none; margin-bottom:0}

.shotgunList .left { width:390px; float:left; border-right:1px dotted #7F7F7F}
.shotgunList .left .but { float:left; margin-right:10px;}

.shotgunList .right { float:right; width:370px}
.shotgunList .right h3 { font-size:16px; color:#000; margin-bottom:5px}
.shotgunList .right .checkbox { position:absolute; bottom:25px; right:0}
.shotgunList .right .checkbox label { text-transform:uppercase; font-size:14px;; font-weight:bold;}
.shotgunList .right .checkbox .productTrigger { background:url(../img/trigger.png) no-repeat center left; float:none; margin-right:0}
.shotgunList .right .checkbox .productTrigger.added { background:url(../img/trigger-added.png) no-repeat center left; color:#898989}
.shotgunList .right .checkbox .productTrigger.adding { background:url(../img/ui-anim_basic_16x16.gif) no-repeat center left; color:#898989}

.supplierListing .basketControls { margin-bottom:0}
.supplierListing .shotgunList .left { width:356px; border:none}
.supplierListing .shotgunList .right { float:right; width:407px; position:relative; border-left:1px dotted #7F7F7F; padding-left:20px}
.supplierListing .shotgunList .thumb { margin-bottom:15px}
.supplierListing .shotgunList .badges { float:left; width:50px; text-align:center; display:block; margin: 0 10px}
.supplierListing .shotgunList .offers { float:left; color:#F95400; width:200px; line-height:12px; padding-top:52px; font-size:11px; font-weight:bold}
.supplierListing .shotgunList .right h2 { margin-bottom:0}
.supplierListing .shotgunList .thumb { width:98px; height:98px; border: solid 1px #ccc; float:left; margin:0 20px 15px 0; position:relative; }
.supplierListing .shotgunList .thumb table { width:100%; height:98px }
.supplierListing .shotgunList .thumb table td { text-align:center; vertical-align:middle}
.supplierListing .shotgunList .thumb .days { position:absolute; top:0; left:0;}
.supplierListing .shotgunList .thumb .mag { position:absolute; bottom:5px; right:5px;}
.supplierListing .shotgunList .right .checkbox { position:absolute; top:0; right:0}


.ideasSearchResults .filters h1,
.itemTypeSearchResults .filters h1,
.supplierDirDetail .widget784 h1,
.supplierDirListing .widget784 h1 {margin-bottom:2px}

.prodtrig {width: 100%; border-bottom: 1px dotted #7F7F7F; float: left; padding: 10px 0 0 0; margin: 0 0 10px 0;clear: both;}
.prodtrig .productTrigger {display:block; text-indent:-9999px; background: url(../img/supplier-trigger.png) no-repeat; background-position: 0 0; width:157px; height:35px; margin: 0 0 10px;}
.prodtrig .productTrigger.added {background-position: 0 -35px;}

.ideasSearchResults .filters h1 span,
.itemTypeSearchResults .filters h1 span { color:#000}

.ideasSearchResults .filters h1+p,
.itemTypeSearchResults .filters h1+p,
.supplierDirDetail .widget784 h1+p,
.supplierDirListing .widget784 h1+p { margin-bottom:10px; color:#000; font-size:12px}

.ideasSearchResults .filters .hr,
.itemTypeSearchResults .filters .hr{ background:url(../img/784-hr.png) no-repeat center top ; height:12px; border:0; clear:both; outline:none}

.ideasSearchResults .filters select { float:left; margin: 0 0 20px 20px }
.ideasSearchResults .filters .first { margin-left:0}
.ideasSearchResults .filters .long { width:264px}

.ideasSearchResults .filters .searchStats { bottom:15px; background:url(../img/bg-search-stats2.png) no-repeat 0 0}
.itemTypeSearchResults .filters .searchStats { bottom:25px; background:url(../img/bg-search-stats2.png) no-repeat 0 0}

.ideasSearchResults .filters .reset { bottom:18px; right:145px}
.ideasSearchResults .filters input[type=image] { position:absolute; bottom:15px; right:15px}

.alphabet { margin-bottom:15px}
.alphabet li { float:left; display:block; font-size:28px; line-height:normal; font-weight:bold; margin-left:8px}
.alphabet li:first-child { margin-left:0}
.alphabet li a { color:#f65800}

.itemTypeSearchResults .filters input[type=text] { position:absolute; bottom:33px; right:50px; width:250px}
.itemTypeSearchResults .filters input[type=image] { position:absolute; bottom:33px; right:15px}

.itemList li { width:100%; overflow:hidden}
.itemList .even {background:#ddd}
.itemList .item { float:left; width:382px; padding:5px;}
.itemList a { float:left}
.itemList .checkbox {float:right;}
.itemList .toggleContainer {clear:both}

.supplierDirDetail .widget784 input[type=text],
.supplierDirListing .widget784 input[type=text]{ position:absolute; top:28px; right:50px; width:250px}
.supplierDirDetail .widget784 input[type=image],
.supplierDirListing .widget784 input[type=image] { position:absolute; top:28px; right:15px}

.supplierDirDetail h2,
.suppliersList h2{ font-size:20px; color:#000; margin-bottom:10px}

.supplierDetails {}
.supplierDetails .top { overflow:hidden; width:100%; padding-bottom:20px; clear:both}

.supplierDetails .supLogo,
.suppliersList .supLogo { border: solid 0px #ccc; float:left; margin-right:20px; max-height:100px; max-width:100px;}
.suppliersList .suppinfocon { float:right; width:660px}
.supplierDetails .suppinfocon { float:left; width:660px}
.supplierDetails .suppinfocon .backlink { float:right}
.supplierDetails .col { float:left; border-left: 1px dotted #7F7F7F; margin-bottom:20px}
.supplierDetails .col.first { margin-left:0; border:none; padding:0;}
.supplierDetails .col1 { width:234px; border:none}
.supplierDetails .col2 { width:262px; padding: 0 20px}
.supplierDetails .col3 { width:226px; padding: 0 0 0 20px}
.supplierDetails .col3 img { display:block; margin-bottom:10px}
.supplierDetails .col p { margin-bottom:10px}
.supplierDetails .supBrands { clear:both; border-top: 1px dotted #7F7F7F; padding:10px 0 20px 0; margin:0}

.linkList { padding: 20px 0 0 0; clear:both}
.linkList h2 {clear:both; border-top: 1px dotted #7F7F7F; padding:10px 0 0 0; margin: 0 0 10px 0}
.linkList h2:first-child { border:none; padding:0}
.linkList p { margin-bottom:15px;}
.linkList a.odd { color:#8B8B8B}

.supplierDirListing .suppliersList h2 { margin-bottom:2px}
.supplierDirListing .suppliersList .icons { float:left; width:auto; padding-bottom:0}
.supplierDirListing .basketControls { margin-bottom:0}

.supplierArea.supplierDirDetail .linkList {border-top: 1px dotted #7F7F7F; padding:10px 0 10px 0}
.supplierDirDetail .productList .misc { height:114px}

#markup {position: relative; width:490px}
#markup img.char { margin:10px 0 0 30px; }
#markup table {border: none; width: 100%; float:left; margin-bottom:15px; font-size:11px}
#markup table tr th {padding: 5px 0; text-align:center; font-weight:bold}
#markup table tr th.col1 { text-align: left }
#markup table tr td.col1,
#markup table tr td.col3{ width:55px; color: #000;}	
#markup table tr td.col2 { width: 30px; text-align: left; color: #000; }
#markup table tr td {color: #6d6d6d; padding:2px 4px; vertical-align: middle; text-align: center; border-left: 1px solid #fff; color:#000}
#markup table tr .col1 {text-align: left;}
#markup table tr.even td {background-color: #eae5f1; border-left: 1px solid #fff;}
#markup table tr.even td.col1,
#markup table tr.even td.col2,
#markup table tr.even td.col3 {background-color: #300075; color: #fff; border:none; border-width: 0;}
#markup table tr.even td.input {background-color: #300075; text-align: center}
#markup input[type=image] { cursor: pointer; float:right }



/*-----------------------------------------------------
	Our Brands
-----------------------------------------------------*/

.brands .accordion { margin-bottom:20px; float:left}
.brands .accordion h2.trigger { height:47px; line-height:47px; background:url(../img/accor-trigger.png) no-repeat top left; font-size:18px; text-transform:uppercase; color:#838181; padding: 0 0 0 20px; margin-bottom:10px; float:left; width:100%;}
.brands .accordion h2.trigger:hover { cursor:pointer}
.brands .accordion h2.trigger a {color:#838181; text-decoration:none}
.brands .accordion h2.active { background-position: bottom left; color:#44238a}
.brands .accordion h2.active a {color:#44238a}
.brands .accordion .toggleContainer { float:left;}
.brands .accordion img { float:left}
.brands .accordion h3 { padding:45px 0 0 86px}
.brands .accordion .msLinks {width:auto; float:right;}

.msLinks {width:393px; margin: 20px auto 0; list-style:none!important;}
.msLinks li { float:left; margin: 0 0 0 15px}
.msLinks li:first-child { margin-left:0}

.partner-logo { float:left;}
.partners .content h2 {padding: 35px 0 0 160px; text-indent:-9999px;}
/*-----------------------------------------------------
	General
-----------------------------------------------------*/
.static .content p { margin-bottom:15px}
.static .content p span { color:#ed5600; font-size:15px; font-weight:bold}
.static .content h2 {font-size:18px; color:#ff6600; margin-bottom:15px}
.static .content h3 {font-size:16px; color:#ff6600; margin-bottom:15px}
.static .content h4 {font-size:16px; color:#ff6600; margin-bottom:0}
.static .content .intro { border-bottom:3px dotted #c7c7c7; margin-bottom:15px; padding-bottom:15px}
.static .content .intro img { float:right}
.static .content hr { clear:both}
.static .content img.rha {float:right; clear:both; margin:0 20px 0 0}
.static .content ul { list-style:disc outside; padding:0 0 0 15px; margin-bottom:15px}
.static .content ul li {}
.static .content ul.sbs { list-style:disc outside; padding:0 0 0 15px; margin:0 30px 15px 0; float:left}
.static .content .but {margin:0 15px 15px 0}
.static .content .basketControls .buts { float:left; margin: 10px 0 0 20px}
.static .content .basketControls { margin-bottom:0}

/*-----------------------------------------------------
	Help
-----------------------------------------------------*/
.help .content p { margin-bottom:15px}
.help .content h2 { font-size:18px; color:#f65800; margin-bottom:10px}
.help .widget516 .moreUsersBut { float:right; margin: -40px -240px 0 0}
.help .content em { color:#F65800; font-style:normal}
.help .content textarea { height:110px}
.help .content img { float:right; margin:0 20px 0 0}
.help .content .basketControls .buts { float:right; margin: 10px 20px 0 0}

/*-----------------------------------------------------
	RoHs
-----------------------------------------------------*/
.rohs .content p a { margin:0 15px 0 0}
.rohs .content img { float:right; margin:0 20px 0 0}

/*-----------------------------------------------------
	Terms
-----------------------------------------------------*/
.terms .content ul { list-style:lower-roman outside; padding:0 20px 0 20px; margin-bottom:15px}
.terms .content ul li {margin-bottom:10px}

/*-----------------------------------------------------
	Member Benefits
-----------------------------------------------------*/

.benefitsAvailable { border-top: solid 3px #44238c}
.benefitsAvailable .baList { float:left; width:351px; padding: 20px 20px 0; border-left: solid 1px #ccc; margin-bottom:0;}
.benefitsAvailable .baList:first-child { border:none}
.benefitsAvailable .baList h3 { color:#666; margin-left:-10px}
.benefitsAvailable .baList li { margin-bottom:10px}

.becomeBox { padding:15px; color:#fff; margin-bottom:15px}
.becomeBox span { font-size:14px; font-weight:bold}
.becomeBox a { text-decoration:underline; color:#fff}
.becomeBox.paying { background:#44238c}
.becomeBox.paying h3 { color:#FF6600;}
.becomeBox.nonPaying { background:#FF6600}
.becomeBox.nonPaying  h3 { color:#44238c}



/*-----------------------------------------------------
	Error
-----------------------------------------------------*/
.error { margin:150px 0 0 0}
.error .wrapper, .error .main { width: 684px}
.error .main { background:url(../img/error-bkg.png) no-repeat; padding-top:30px}
.error .content hr { clear:none; width:365px}
.error .content img.rha {float:right; clear:both; margin:0}

.errors { float:left; margin:10px 0 0 20px !important}
.errors span { display:block; list-style:disc; color:#FF0000; float:left; clear:both; margin0 0 5px:}

/*-----------------------------------------------------
	Colourpicker
-----------------------------------------------------*/
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('../img/fancybox/fancybox.png');}
#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;}
#fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('../img/fancybox/fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('../img/fancybox/blank.gif');z-index: 1102;display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}

#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico {background-image: url('../img/fancybox/fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico {background-image: url('../img/fancybox/fancybox.png');background-position: -40px -60px;}

#fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;right: 20px;}

.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
#fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url('../img/fancybox/fancybox-x.png');}
#fancybox-bg-ne {top: -20px;right: -20px;background-image: url('../img/fancybox/fancybox.png');background-position: -40px -162px;}
#fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url('../img/fancybox/fancybox-y.png');background-position: -20px 0px;}
#fancybox-bg-se {bottom: -20px;right: -20px;background-image: url('../img/fancybox/fancybox.png');background-position: -40px -182px; }
#fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('../img/fancybox/fancybox-x.png');background-position: 0px -20px;}
#fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('../img/fancybox/fancybox.png');background-position: -40px -142px;}
#fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url('../img/fancybox/fancybox-y.png');}
#fancybox-bg-nw {top: -20px;left: -20px;background-image: url('../img/fancybox/fancybox.png');background-position: -40px -122px;}

#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}
.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside {padding-top: 10px;color: #fff;}
.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over {padding: 10px;background-image: url('../img/fancybox/fancy_title_over.png');display: block;}
.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;}
#fancybox-title-float-wrap td {border: none;white-space: nowrap;}
#fancybox-title-float-left {padding: 0 0 0 15px;background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('../img/fancybox/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right {padding: 0 0 0 15px; background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;}

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px");}

#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sourcingcity.co.uk/content/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#loginModal { background:#dbdbdb; padding:15px 20px; position:relative; width:342px}
#loginModal h5 { font-size:18px; color:#f65800; margin:0 0 10px 0; background:url(../img/lm-hr.png) no-repeat center bottom; padding: 0 0 22px 0;}
#loginModal .backLink { position:absolute; right:20px; top:18px; font-size:14px; background:url(../img/close.png) no-repeat center right; height:19px; line-height:19px; display:block; padding-right:26px}
#loginModal label { float:left; width:100px; padding-top:5px; color:#000 }
#loginModal input[type=text],
#loginModal input[type=password]{ float:left; width:234px;}
#loginModal div { clear:both; overflow:hidden; margin-bottom:10px}
#loginModal .checkbox { margin-bottom:20px}
#loginModal .checkbox label { width:auto; padding-top:2px}
#loginModal input[type=radio],
#loginModal input[type=checkbox] { float:left; margin-left:5px}
#loginModal input[type=radio] { margin-right:10px}
#loginModal input[type=image] { float:left; margin-left:18px}
#loginModal input[type=image].nm {margin-left:0}

#screenshot {position:absolute; border:1px solid #ccc; background:#fff; padding:20px; display:none; color:#fff; z-index:10000}

.ui-autocomplete { z-index:500!important; max-width: 410px;}
.ui-autocomplete .ui-menu-item, .ui-autocomplete li {border-top: 1px dotted #7F7F7F; border-left: 1px #fff; padding: 5px; box-sizing:border-box; float: left; width: 98%}
.ui-autocomplete li:first-child {border-top: none;}
.ui-autocomplete .ui-menu-item .thumb { float: left; margin-right: 10px; min-width: 90px; margin: 5px 0 0 3px}
.ui-autocomplete .ui-menu-item .thumb a {padding: 0;}
.ui-autocomplete .ui-menu-item .desc {max-width: 370px; min-height: 85px}
.ui-autocomplete .ui-menu-item .desc h1 {margin: 5px; color: #000; font-size: 14px; line-height: 17px}
.ui-autocomplete .ui-menu-item .desc h1 a:hover{color: #F95400}




.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color: #F95400}

/*.ui-autocomplete .ui-menu-item .desc h1 a {font-size: 15px; color:#ff6600; padding: 0; line-height: 1.1;}*/

/*.tooltip { display:none; position:absolute; background-color:#fff; -webkit-border-radius: 5px; border-radius: 5px;  padding:10px; color:#666; -webkit-box-shadow: 0px 0px 5px 5px #cccccc; box-shadow: 0px 0px 5px 5px #cccccc; width:400px; z-index:5000}*/

#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}

.defaultTheme {
	background:#fff;
	margin:0;
	padding:10px;	
	-webkit-border-radius: 5px; border-radius: 5px;  padding:10px; color:#666; -webkit-box-shadow: 0px 0px 5px 5px #cccccc; box-shadow: 0px 0px 5px 5px #cccccc; width:400px;
	
}


/*-----------------------------------------------------
	IE7 Fixies
-----------------------------------------------------*/
.ie7 input[type="text"],
.ie7 input[type="password"]{ padding:3px 3px; border: solid 1px #fff}
.ie7 .shotgunSearch input[type="image"] {bottom: 19px;}
.ie7 .addUser select { width:170px;}
.ie7 .addUser p { height:22px}
.ie7 .creatorForm input[type="text"] { width: 356px;}
.ie7 .creatorForm textarea { border: solid 1px #fff}

.ie7 .basketList .specs .field input[type="text"] {width: 104px;}
.ie7 .basketList .specs .field input#brandingDetails { width: 524px;}
.ie7 .basketList .specs .field input#CostPerOrigination,
.ie7 .basketList .specs .field input#QuantityOfOrigination { width: 162px;}
.ie7 .basketList .specs .field input#OriginationCostTotal {width: 164px;}

.ie7 .getPrices #qty1,
.ie7 .getPrices #qty2,
.ie7 .getPrices #qty3 {width: 88px;}
.ie7 .getPrices #brandingPrice { height: 53px; width: 168px;}
.ie7 .getPrices #productColour { width: 168px;}
.ie7 .getPrices #additionalNotes {height: 102px; width: 168px;}
.ie7 .getPrices #sampleQty,
.ie7 .getPrices #sampleColour {width: 54px; border:solid 1px #E9E9E9;}
.ie7 .getPrices #sampleRequest,
.ie7 .dolFooter .storeLogo input[type="text"] { width: 103px; border:solid 1px #E9E9E9; border-right: none}

.ie7 .basketControls .selectAll input,
.ie7 .basketControls .clearAll input{ margin-top:1px}

.ie7 .ui-multiselect-checkboxes label span {vertical-align: middle; line-height:normal}

/*.ie7 .wrapper { z-index:0!important; position:relative}

.ie7 .productList1 .thumb table td img { position:static!important;}
.ie7 .productList1 .thumb table td img:hover {z-index:10000!important; position:relative!important}
.ie7 .productList1 li { position:static}
ie7 .shotgunList > li,
.ie7 .suppliersList > li*/ 

.ie7 .productList1 .thumb { position:relative; }
.ie7 .productList1 .thumb table td {position:relative}
.ie7 .productList1 .thumb .days { position:static;}
.ie7 .productList1 .thumb .mag { position:static; }

/*-----------------------------------------------------
	IE8 Fixies
-----------------------------------------------------*/
.ie8 .shotgunSearch input[type="image"] {bottom: 18px;}

/*-----------------------------------------------------
	IE Fixies
-----------------------------------------------------*/
.ie .productList2 .desc .checkbox input { margin:0 0 0 5px}






#loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%;background-image:url("../img/transparentbg.png"); }

@media only screen and (max-width: 1130px) {
	.versionTabs { display: none!important;}
}