﻿/* RESET http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
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,b, u, i, center,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-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */:focus {outline:0;}
/* remember to highlight inserts somehow! */ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */

body {background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#333;}

/* LINKS */
a {color:#025a9a} 
a:hover {color:#999999;}
a.golink {padding:5px 0 0 18px;background:url(../_images/icons/golink.gif) no-repeat 0 8px;}
a.print {padding:5px 0 0 22px;background:url(../_images/iconset/062.png) no-repeat 0 6px;}

/* GENERAL */
img {border:none} 
.clear {clear:both;}
.big {font-size:14px;line-height:18px;}
.small {font-size:11px;}
.subdued {color:#999}

/* TYPOGRAPHY */
p {margin:0 0 15px 0;line-height:18px}
ul {list-style:none;line-height:16px}
p.small {font-size:11px;}
p.right {text-align:right}
p.center {text-align:center}
h1 {font-size:22px;color:#025a9a;margin:0 0 10px 0;}
h2 {font-size:18px;margin:18px 0 8px 0;color:#ff903e;}
h3 {font-size:14px;margin:5px 0 5px 0;color:#468b9b;}
h4 {font-size:12px;margin:0 0 15px 0;color:#b2d1e7;}

/* RESPONSES */
.info, .success, .error {padding:20px;margin:0 0 30px 0;}
.info h3, .success h3, .error h3 {margin:0 0 8px 0;font-size:16px;}
.info p, .success p, .error p {margin:0;}
.info {color:#666666;background-color:#f5f5f5;border:1px solid #e9e9e9;}
.info h3 {color:#666666;}
.error {color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;}
.error h3 {color:#c00;}
.success {color:#499524;background-color:#e1ffd1;border:1px solid #c5f8ac;}
.success h3 {color:#499524;}
.alert {color:#ff903e;background-color:#fcdec9;border:1px solid #ff903e;padding:5px;vertical-align:top;}

/* WRAPPER */
#wrap {clear:both;width:960px;background:#fff;margin:0 auto;position:relative;text-align:left;}

/* HEADER */
#header-wrap {background:#003366;width:100%;height:120px;}
#header {color:#fff;width:920px;height:130px;margin:0 auto;background:url(../_images/layout/headerbg.jpg) no-repeat;padding:5px 20px;}
#header h1 {font-size:24px;color:#fff;margin:18px 0 3px 0;text-transform:uppercase;}
#header p {color:#fff;margin:0;font-size:11px;text-transform:uppercase;}
#logo {width:100px;height:72px;float:left;}

#topnav {height:15px;width:960px;text-align:right;padding:5px 0 0 0}
#topnav a {margin:0 0 0 10px;padding:0 0 0 10px;text-decoration:none;border-left:1px solid #fff;color:#fff;}
#topnav a:hover {text-decoration:underline;}
#topnav a.first {border-left:none;}

/* NAV */
#nav-wrap {clear:both;background:url(../_images/layout/navbg.gif) repeat-x;width:100%;height:40px;}
#nav {width:960px;margin:0 auto;text-transform:uppercase;}
#nav ul {height:40px;list-style:none;border-left:1px solid #378daa;line-height:14px;}
#nav li {position:relative;float:left;display:block;margin:0;}
#nav a, #nav a:hover {width:78px;padding:14px 20px 12px 19px;text-decoration:none;cursor:pointer;color:#fff;display:block;border-right:1px solid #378daa;border-left:1px solid #94cee2;text-align:center;font-weight:bold;white-space:nowrap;}
#nav a:hover {background-color:#369dbf;border-right:1px solid #369dbf;border-left:1px solid #369dbf;}
#nav li:hover, #nav li.hover {position:static;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;z-index:99999}
#nav a.active {background:#fff url(../_images/layout/gradgw40.gif) repeat-x;border-left:1px solid #fff;color:#000}
#lastnav a, #lastnav a:hover {width:1px;padding:14px 0 12px 0;border-left:1px solid #94cee2;border-right:none;background:none;}

/* CONTENT */
#content {padding:20px 0 40px 0;background:#fff;min-height:620px;height:auto !important;height:620px;}
#col1 {width:620px;margin:0 30px 0 0;float:left;}
#col2 {width:310px;float:left;}
#colnav {width:350px;margin:0 30px 0 0;float:left;}
#coldata {width:580px;float:left;}

/* RHS PANELS */
.rsection {border:3px solid #717171;background:#717171 url(../_images/layout/panelbg.gif) repeat-x;padding:15px 20px 20px 20px;margin:0 0 20px 0;color:#fff;}
.rsection h3 {color:#fff;font-size:14px;text-transform:uppercase;margin:5px 0 10px 0;font-weight:bold;}
.rsection a {color:#fff;}

/* LOGIN */
.loginbar {padding:15px 25px;margin:20px 0 0 0;height:37px;color:#666666;background:#f5f5f5 url(../_images/layout/bar-bg.gif) repeat-x;;border:1px solid #e9e9e9;}
.loginbar label {display:block;float:left;font-size:16px;font-weight:bold;color:#666;}
.loginbar label.new {width:135px;margin:10px 0 0 100px;}
.loginbar label.existing {width:160px;margin-top:10px;}
.loginbar input {vertical-align:bottom;float:left;}
.loginbar img {vertical-align:bottom;float:left;}
.loginbar .textbox {color:#000;border:1px solid #ccc;background-color:#fff;padding:8px 8px;font-size:14px;margin:0 5px 0 0;}

/* CART BAR */
.cartbar {padding:15px 20px;margin:20px 0 0 0;height:37px;color:#666666;background-color:#f5f5f5;border:1px solid #e9e9e9;}
.cartbar .searchpanel {width:290px;float:left;border-right:1px solid #ccc;padding:0 20px 0 0;margin:0 0 0 0;}
.cartbar .cartpanel {float:right;border-left:1px solid #ccc;padding:0 0 0 20px;margin:0 0 0 0;}
.cartbar input {vertical-align:bottom;float:left;}
.cartbar img {vertical-align:bottom;float:left;}
.cartbar p {vertical-align:bottom;float:left;text-align:center;margin:0 10px}
.cartbar .textbox {color:#666;border:1px solid #ccc;background-color:#fff;padding:8px 8px;font-size:12px;margin:0 5px 0 0;width:120px;}
.itemcount {font-size:20px;font-weight:bold;}


/* FORMS */
fieldset {border:none;padding:20px;display:block;margin:0 0 20px 0;background:#f2f2f2;line-height:16px;}
fieldset br {clear:left;}
fieldset label {display:block;width:180px;float:left;padding:0 20px 0 0;margin:5px 5px 10px 0;text-align:right;font-weight:bold;background:Transparent;color:#666;}
fieldset label.req {background:url(../_images/icons/required.gif) no-repeat 100% 2px;}
fieldset textarea {margin-bottom:8px;border:1px solid #ccc;background-color:#fff;color:#000;padding:4px 4px;}
fieldset .textbox {color:#000;border:1px solid #ccc;background-color:#fff;padding:4px 4px;margin:0 3px 0 0}
fieldset select {margin:3px 0 0 0;}
fieldset .formbutton {padding:5px 0 0 157px;}
#savebutton {padding:10px 0 20px 225px;height:40px;margin:0 0 40px 0;background:#ddd;}
#insetbutton {padding:0 0 0 197px;height:40px;}
fieldset .radio {text-align:left;margin:8px 0 15px 115px;}
fieldset .radio input {border:none;background-color:Transparent;width:auto;}
.checkbox {padding:4px 0 0 0;}
.checkbox input {margin:0 2px 0 0;vertical-align:middle;}
.checkbox img {vertical-align:middle;}
.checkboxlist input {width:20px;border:none;}
.checkboxlist label {float:none;font-weight:normal;display:inline;text-align:right;margin:0;padding:0;}
#pageform h2 {background:#003366 url(../_images/layout/bluegrad.gif) repeat-x;padding:10px;color:#fff;font-size:12px;margin:0 0 2px 0}
.valsummary {color:#c00;background-color:#ffd3d1;border:1px solid #f8b1ac;padding:20px;margin:10px 0 20px 0;}
.valsummary ul {list-style-type:disc;margin:10px 0 0 20px;}
.valsummary li {padding:3px 0 0 0;}

/* IMAGES */
.imgl, .imglnb {border:3px solid #666;float:left;margin:0 20px 20px 0;}
.imgr, .imgrnb {border:3px solid #666;float:right;margin:0 0 20px 20px;}
.imglnb {border:none;}
.imgrnb {border:none;}
.imgb {border:1px solid #333;margin-bottom:10px;}

/* FOOTER */
#footer {clear:both;width:900px;color:#333;line-height:16px;clear:both;background:#666;padding:30px;color:#fff;font-size:12px;margin:0 0 40px 0}
#footer a {margin:0 7px 0 0;padding:0 7px 0 0;border-right:1px solid #ccc;color:#ccc;text-decoration:none;}
#footer a.credit {border-right:none;padding:0;margin:0;}
#footer a:hover {color:#999;}
#footer li {float:left;white-space:nowrap}
#footerinfo img {float:left;margin:0 15px 0 0;}
#footerinfo p {margin:0 0 5px 0}
#footerinfo {width:400px;float:left;border-right:1px dotted #999;padding:0 25px 0 0;margin:0 25px 0 0;}

/* GRID */
table {width:100%;margin:0 0 10px 0;}
td {padding:8px;border-bottom:1px solid #ddd;line-height:18px;}
th {padding:8px;border-bottom:1px solid #fff;border-right:1px dotted #ccc;background:#717171 url(../_images/layout/thdarkbg.gif) repeat-x;color:#fff}
th .nrb {border-right:none;}

/* LINKS */
.xlsdownload {margin:8px 0 10px 0;padding:15px 10px 10px 50px;background:#f3f3f3 url(../_images/icons/excel.gif) no-repeat 10px 12px;border:1px solid #d3d4d6;font-size:16px;height:25px;display:block;color:#333;}
.pdfdownload {margin:8px 0 10px 0;padding:17px 10px 8px 50px;background:#f3f3f3 url(../_images/icons/pdf.gif) no-repeat 10px 12px;border:1px solid #d3d4d6;font-size:16px;height:25px;display:block;color:#333;}

/* LISTS */
.textlist {list-style-type:none;margin:0;line-height:17px}
.textlist li {padding:5px 0 5px 20px;background:url(../_images/iconset/131.png) no-repeat 0 7px;}
.blanklist {list-style-type:none;margin:0;}
.blanklist li {padding:5px 0}
.bulletlist {list-style-type:square;margin:0 0 0 20px;}
.bulletlist li {padding:5px 0}
.ordermethods {line-height:18px;font-size:14px;}
.ordermethods li {padding:0 0 10px 0}
.sitemap {line-height:18px;font-size:14px;}
.sitemap ul {margin-top:10px;}
.sitemap li {padding:5px 0 5px 20px;background:url(../_images/iconset/131.png) no-repeat 0 7px;}
.sitemap li li {padding:5px 0 5px 20px;background:url(../_images/icons/site-map.gif) no-repeat 0 7px;}

/* BUTTONS */
input.button {background-color:#025a9a;margin:10px 0 0 0;border:1px solid #025a9a;padding:10px 10px 10px 32px;font-size:12px;font-weight:bold;color:#fff;cursor:pointer;text-align:left;width:auto;overflow:visible;}
.darbtn {color:#fff;background-color:#666;border:1px solid #666;}
.send {background-image:url(../_images/iconset/003.png);background-repeat:no-repeat;background-position:8px 9px;}
.payment {background-image:url(../_images/iconset/181.png);background-repeat:no-repeat;background-position:8px 9px;}
.order {background-image:url(../_images/iconset/181.png);background-repeat:no-repeat;background-position:8px 9px;}
.updatecart {background-image:url(../_images/iconset/096.png);background-repeat:no-repeat;background-position:8px 9px;}
.subscribe {background-image:url(../_images/iconset/028.png);background-repeat:no-repeat;background-position:8px 9px;}

/* CONTACT */
#contactinfo {border-right:1px dotted #ccc;width:410px;padding:20px 0 0 0 ;float:left;font-size:14px;margin:0 30px 0 0}
#contactinfo dl {clear:both;line-height:1.2;font-size:12px;}
#contactinfo dt {width:160px;clear:left;float:left;font-weight:bold;color:#003366;padding-right:15px;font-size:14px;}
#contactinfo dd {float:left;width:220px;padding-bottom:10px;}

#contactform {padding:10px 0 0 0;width:510px;float:left;}
#contactform fieldset label {width:130px;}
#contactform fieldset .radio {margin:8px 0 0 155px;}
.map {width:960px;height:400px;margin:5px 0;border:1px solid #333;}

/* OTHER */
p.caption {clear:both;border-bottom:1px solid #eee;font-style:italic;padding:0 0 7px 0;}
.blueindent {color:#025a9a;font-size:14px;font-weight:bold;margin:5px 0 12px 208px;}
.section {border-bottom:1px dotted #ddd;padding:0 0 20px 0;margin:0 0 20px 0}
.thankyoupanel {text-align:center;border:3px solid #ccc;padding:20px 30px 30px 30px;background:#f2f2f2;margin:0 0 20px 0}
.thankyoupanel .printbtn {margin:0 7px 0 0;}
.commodo {float:right;border:none;vertical-align:baseline;}

/* ORDERING */
#orderoptions {margin:0 0 20px 0;line-height:18px;font-size:14px;}
#orderoptions h3 {padding:10px;color:#333;}
#orderoptions li {padding:8px 8px 8px 36px;border:1px dotted #999;font-size:12px;background-color:#fff;margin:0 0 8px 0;color:#666;}
#orderoptions li a {color:#ff903e;font-weight:bold;}
#orderoptions li strong {color:#025a9a;font-weight:bold;font-size:14px;}
.online {background-image:url(../_images/icons/online.png);background-repeat:no-repeat;background-position:8px 12px;}
.fax {background-image:url(../_images/icons/fax.png);background-repeat:no-repeat;background-position:8px 12px;}
.phone {background-image:url(../_images/icons/phone.png);background-repeat:no-repeat;background-position:8px 12px;}
.tradefairs {background-image:url(../_images/icons/tradefairs.png);background-repeat:no-repeat;background-position:8px 12px;}
.salesreps {background-image:url(../_images/icons/salesreps.png);background-repeat:no-repeat;background-position:8px 12px;}

/* NEWS */
.news-item h4 {font-size:14px;line-height:20px;margin:10px 0 3px 0}
#rss {padding:5px 10px 0 18px;background:url(../_images/icons/rss-small.png) no-repeat 0 8px;}

/* PANELS */
#buygiftware {border:3px solid #003366;background:#003366 url(../_images/layout/bannerbg.gif) repeat-x;padding:15px 20px 10px 20px;color:#fff;margin:0 0 20px 0}
#buygiftware #slideimage {border:5px solid #fff;background:#fff;margin:0 0 15px 0;width:220px;height:165px;overflow:hidden;}
#buygiftware #slideimage img {width:220px;}
#buygiftware h2 {color:#fff;font-size:16px;text-transform:uppercase;margin:10px 0 20px 0;font-weight:normal;}
#buygiftware ul {font-size:14px;margin:0 0 20px 0}
#buygiftware li {background:url(../_images/icons/tickli.png) no-repeat 0 6px;padding:8px 0 8px 30px;}

/* TRADE FAIRS */
.trade-fair th {width:100px;background:#717171 url(../_images/layout/thdarkbg2.gif) repeat-x;}
#reed {border:3px solid #717171;background:#717171 url(../_images/layout/reedbg.gif) repeat-x;padding:15px 20px 20px 20px;margin:0 0 20px 0;height:280px;color:#fff;}
#reed h3 {color:#fff;font-size:14px;text-transform:uppercase;margin:10px 0 20px 0;font-weight:bold;}
#reed img {border:3px solid #fff;margin:0 15px 20px 0;width:120px;height:150px;float:left;}
#reed .golink {color:#df9e9d;font-weight:bold;padding:5px 0 0 18px;background:url(../_images/icons/golink-pink.gif) no-repeat 0 8px;}

/* GIFTWARE RANGE */
#giftware-range {margin:0;background:#f2f2f2;padding:10px 20px 20px 20px;}
#giftware-range ul {line-height:18px;}
#giftware-range li {padding-bottom:10px;}

/* NEWSLETTERS */
#newsletters {background:#f2f2f2;border-top:1px dotted #ccc;padding:15px 20px 20px 20px;margin:-20px 0 20px 0}
#newsletters img {border:3px solid #42aacc;margin:0 15px 0 0;width:90px;height:90px;float:left;}

/* PRODUCTS */
.productcategory {border:3px solid #717171;background:#717171 url(../_images/layout/panelbg.gif) repeat-x;}
.productcategory td {padding:0;border-bottom:1px dotted #ddd}
.productcategory a {text-decoration:none;color:#fff;font-size:14px;display:block;padding:9px 10px;}
.productcategory a:hover {background:#666;}
.productcategory td.selected a {background-color:#42aacc;}
.productgallery img {border:3px solid #333;float:left;width:150px;margin:0 15px 15px 0;height:110px;}

.twitter {margin:0 0 20px 0;}