@charset "UTF-8";
/* CSS Document */

html, body, 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,  sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	font-family:inherit;
}


/* POSSIBLE FIX FOR IE6 BUGS

* {_zoom:1;}

*/



body {
	font:11px/1.4 Verdana, Helvetica, sans-serif;
}

/* FONT FACE declaration */


@font-face {
	font-family: "Neo";
	src: url(../images/NeoSansIntel.eot);
}

@font-face {
	font-family: "Neo";
	src: url(../images/NeoSansIntel.ttf) format("truetype");
}


/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

.clear {
	clear:both;
}
html, body {
	height:100%;
}

h2 {
	color:#999;	
	font: normal 22px/1.3 Segoe, Arial, Helvetica, sans-serif;
}

.ui-tabs-hide {
	display: none;
}

#toolbox-intro {	
width:732px;
padding:0 0 15px;
	}

#toolbox-panel {background-color:#fff;
border:1px solid #e1e1e1;
padding:18px;
position:relative;
width:586px;
margin:0 auto;
top:50px;
border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
_padding-bottom:50px;}

#assets-tabs {left:-1px;position:absolute; list-style:none; background-color:#E2F5FB;width:100%; border:1px solid #e1e1e1;margin:-67px 0 0;padding:11px 0 0;
border-top-left-radius:5px;-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
border-top-right-radius:5px;-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
_width:624px;
}

#assets-tabs li { float:left; position:relative;}
 #assets-tabs li a { background-color:#f6fcfe;border:1px solid #e1e1e1;margin:0 0 0 10px;padding:10px;outline:0; font: 14px/14px Neo, Verdana, Geneva, sans-serif; text-decoration:none; color:#000; position:relative; top:1px; border-top-left-radius:5px;-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px;-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; display:block; }
#assets-tabs li.ui-tabs-selected a {background-color:#FFFFFF; border-bottom:1px solid #fff}


.assets-panel {
    width:588px;
}
.info-content {border-bottom: 3px solid #00a8df}

h2.mktg {
	background: url(../images/sprite.png) no-repeat 0 -720px;
	_background: url(../images/sprite.gif) no-repeat 0 -720px;
	height:33px;
	text-indent:-999em;
}
h2.pop {
	background: url(../images/sprite.png) no-repeat 0 -753px;
	_background: url(../images/sprite.gif) no-repeat 0 -753px;
	height:33px;
	text-indent:-999em;
}
          
#toolbox-panel h3 {
	background:#f2f2f2 url("../images/h3-bg.gif") repeat-x bottom left;
	border-bottom:2px solid #fff;
	height:44px;
	line-height:44px;
	cursor:pointer;
}         
#toolbox-panel h3 span {
	display:block;
	height:44px;
	width:350px;
	font: 16px/44px Neo, Verdana, Geneva, sans-serif;
	padding:0 0 0 50px;
}
          
#toolbox-panel h3.selected {
	background:#5cc7eb url("../images/h3-bg-on.gif") repeat-x bottom left;
	color:#fff;
}          
#toolbox-panel h4 {
	background-color:#e5f6fc;
	padding:10px;
	font-size:11px;
}

h3.banners span {background: url(../images/pos_sprite.png) no-repeat 6px -400px;_background: url(../images/pos_sprite.gif) no-repeat 6px -400px;}
h3.retail span {background: url(../images/pos_sprite.png) no-repeat 6px -354px;_background: url(../images/pos_sprite.gif) no-repeat 6px -354px;}
h3.emails span {background: url(../images/pos_sprite.png) no-repeat 6px -304px;_background: url(../images/pos_sprite.gif) no-repeat 6px -304px;}
h3.scr span {background: url(../images/pos_sprite.png) no-repeat 6px -255px;_background: url(../images/pos_sprite.gif) no-repeat 6px -255px;}
h3.posters span {background: url(../images/pos_sprite.png) no-repeat 6px -30px;_background: url(../images/pos_sprite.gif) no-repeat 6px -30px;}
h3.postcards span {background: url(../images/pos_sprite.png) no-repeat 6px -73px;_background: url(../images/pos_sprite.gif) no-repeat 6px -73px;}
h3.counter span {background: url(../images/pos_sprite.png) no-repeat 6px -117px;_background: url(../images/pos_sprite.gif) no-repeat 6px -117px;}
h3.merch span {background: url(../images/pos_sprite.png) no-repeat 6px -163px;_background: url(../images/pos_sprite.gif) no-repeat 6px -163px;}
h3.stickers span {background: url(../images/pos_sprite.png) no-repeat 6px -207px;_background: url(../images/pos_sprite.gif) no-repeat 6px -207px;}
 


ul.downloads {}
ul.downloads li {
background:#fff url(../images/li-bg.gif) repeat-x bottom left;min-height:86px; height:auto!important; height:86px}
ul.downloads li div {float:left;}
ul.downloads li img {left:10px;position:absolute;top:10px; border:1px solid #6d7aae}
ul.downloads li div a {display:block; color:#054a98; font-weight:bold; text-decoration:none}
ul.downloads li div a:hover {text-decoration:underline}
ul.downloads li div a span {background:url("../images/plus.gif") no-repeat 0 0;display:block;height:12px;left:56px;position:absolute;text-indent:-999em;top:56px;width:12px;}
a.magnify { background:url(../images/sprite.png) no-repeat 0 -796px;_background:url(../images/sprite.gif) no-repeat 0 -796px; padding-left:22px}
a.download { background:url(../images/sprite.png) no-repeat 0 -829px;_background:url(../images/sprite.gif) no-repeat 0 -829px; padding-left:22px}
	ul.downloads .dtls {padding:10px 0 10px 76px;position:relative;width:290px;}
		ul.downloads .dtls .title {display:block; font-weight:bold;}
		ul.downloads .dtls .dimensions {display:block; color:#666;}
	ul.downloads .links {border-left:1px solid #f0f1f7; width:158px; padding: 10px 0px 0px 10px;}
	ul.downloads .sizes {color:#666; padding:10px 0px 0px 0px;}
.links a{padding:0px 10px 0px 0px;}
	
#assets .asset-type { padding:5px 0 0}
.asset-type span {float:left; margin-right:5px; text-indent:-999em; height:13px;}
.asset-new {background: url(../images/pos_sprite.png) no-repeat 0 0;_background: url(../images/pos_sprite.gif) no-repeat 0 0; width:31px}
.asset-consumer {background: url(../images/pos_sprite.png) no-repeat -37px 0;_background: url(../images/pos_sprite.gif) no-repeat -37px 0; width:65px}
.asset-business {background: url(../images/pos_sprite.png) no-repeat -107px 0;_background: url(../images/pos_sprite.gif) no-repeat -107px 0; width:60px}
	
.prodcode {
	font-style: italic;
	color:#666;}	
	
input.order-num { width:30px}


h2#order-form-hd { background-color:#e1f5fb;border:1px solid #ccc;padding:10px;outline:0; font: 18px/18px Neo, Verdana, Geneva, sans-serif; text-decoration:none; color:#005eaa;
border-top-left-radius:5px;-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
border-top-right-radius:5px;-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
border-bottom:none}
#order-form {border:1px solid #ccc;
border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;	
	}	


/* Order Form styles*/

#order-intro {
		font-weight:bold;
		padding:15px 0;
	}

div#info                       { padding:15px 15px 20px 20px; position:relative }
div#info div                        { clear:both;position:relative;margin:0 0 10px; }
div#info label                      { cursor:pointer;display:block; font-weight:bold }
div#info input[type="text"]        { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#info select        { width:150px;border:1px solid #999;padding:5px;-moz-border-radius:4px; }
div#info input[type="text"]:focus,form#info select:focus   { border-color:#000; }
div#info input[name="postcode"],form#info input[name="extension"]          { width:60px; }
div#info input[name="phone"]         { width:224px; }

/* submit button */
div#info input[type="submit"]       { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;background:#eee; }
div#info input[type="submit"]:hover,
div#info input[type="submit"]:focus { border-color:#333;background:#ddd; }
div#info input[type="submit"]:active{ margin-top:1px; }


div#info p { position:absolute; top:10px; right:10px; _right:30px }
div#info span.required { color:red }