@CHARSET "ISO-8859-1";

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:#D7D7D7 url(../img/layout/body-bg.jpg) 0 0 repeat-x; font:11px arial,helvetica,verdana,sans-serif; color:#666666; }
a { letter-spacing:0.3px; color:#009DEB; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { font-size:15.4px; font-family:georgia, serif; font-size:28px; font-weight:400; }
h1.shaded { color:white; }
#header h1 { color:blue; font-size:30px; margin:30px 0 30px 10px; }

#page { width:1020px; margin:0 auto; background-color:white; }
#header {  }
#leftcol { float:left; padding:6px 6px 6px 12px; width:188px; }
#content { float:left; padding:6px 12px 6px 6px; width:796px; }

ul.vertical { background-color:#F0F4F5; margin-bottom:12px; }
ul.vertical li { padding:4px 10px; }
ul.vertical li.bold { font-weight:bold; }
ul.vertical li.linkDepth1, h1.shaded { background-color:#009DEB; border-bottom:4px solid #7AC5E6; padding:7px 10px; }
ul.vertical li.linkDepth1 a { font-weight:bold; color:white; font-size:15.4px; }
ul.vertical li.linkDepth3 { padding-left:25px; }
ul.vertical li.linkDepth2.bold, ul.vertical li.linkDepth2.branch { background-color:#DFDFDF; }

ul.horizontal { background-color:#009DEB; height:32px; margin:0 12px; }
ul.horizontal li { float:left; border-right:1px solid white; }
ul.horizontal li a { color:white; line-height:32px; padding:0 10px; display:block; font-size:12px; }
ul.horizontal li a:hover { background-color:#00608F; }
#footer { clear:both; }

p { margin-top:10px; line-height:16px; }
p.breadcrumbs { background-color:#F0F4F5; padding:0 6px; margin:0; line-height:26px; }
p.breadcrumbs a { background:url(../img/layout/bc-split.jpg) right center no-repeat; line-height:26px; padding-right:17px; }
p.price { font-size:18px; color:black; }

div.product { float:left; width:173px; text-align:center; padding:6px; margin:6px; border:1px solid white; }
div.product.active { background-color:#F0F4F5; border:1px solid #7AC5E6; }
div.product div.prodimg { background-color:red; height:200px; width:140px; margin:0 auto; }
div.product h3 { height:30px; line-height:15px; }
div.product h3 a { letter-spacing:normal; }

table.basket { border:1px solid #7AC5E6; width:100%; margin-top:10px; }
table.basket td { vertical-align:middle; text-align:center; padding:5px 0; font-weight:bold; background-color:#F0F4F5; border-bottom:1px solid #7AC5E6; }
table.basket tr.odd td { background-color:#E0ECEF; }
table.basket td img { border:1px solid #7AC5E6; }
table.basket td.name, table.basket th.name { text-align:left; padding-left:10px; }
table.basket th, table.basket td.total  { color:white; background-color:#009DEB; font-size:15.4px; padding:5px; }
table.basket td.total { text-align:right; font-size:25px; font-weight:bold; }
table.basket td.total span { font-size:14px; }
table.basket input.qtyAdjust { width:20px; }

#product { margin-top:10px; }
#product img { float:left; margin-right:10px; }
#product #prod_info { float:left; width:486px; }
#product #prod_info p { color:#333; font-size:12px; line-height:18px; color:#6F6F6F; }
/* Removed atb */
#product #atb { background-color:#F0F4F5; border:5px solid #7AC5E6; padding:5px; text-align:center; width:220px; }
#product #atb h3 { font-size:25px; font-weight:400; font-family:georgia,serif; }
#product .atbButton { color:white; border:0; background-color:#7AC5E6; width:150px; }
.buttonSurround { border:1px solid #7AC5E6; padding:2px; width:152px; background-color:white; margin:0 auto; }
/* */
#product button.atb { background:url(../img/layout/atb.png) 0 0 no-repeat; border:0; width:168px; height:48px; text-indent:-9999px; overflow:hidden; }
#product button.atb:hover { background-position:right 0; cursor:pointer; }
#product h3 { color:black; font-size:26px; margin:10px 0; }
#product #prod_info p.delIncentive { font-weight:bold; color:#009DEB; font-size:14px; margin:10px 0; }
#product #qtyBox { float:right; margin:-32px 100px 0 0; height:25px; }
#product #qtyBox input { width:20px; float:left; }
#product #qtyBox label { float:left; color:black; font-weight:bold; font-size:13px; margin-right:10px; }
#product #qtyBox ul { width:15px; height:20px; display:block; float:left; }
#product #qtyBox ul { text-indent:-9999px; overflow:hidden; }
#product #qtyBox ul li.up { background:url(../img/layout/up.png) 0 0 no-repeat; }
#product #qtyBox ul li.down { background:url(../img/layout/down.png) 0 0 no-repeat; }
#product ul.prodInfo { height:28px; margin-top:15px; }
#product ul.prodInfo li { float:left; margin-right:5px; font-size:15px; font-weight:bold; padding:5px 15px; line-height:18px; }
#product ul.prodInfo li.on { background-color:#7AC5E6; }
#product ul.prodInfo li.on a { color:white; }
#product ul.prodInfo li.off { background-color:#F0F4F5; }
#product p { margin:0 0 10px 0; }
#product .infoBox { border:0px solid #7AC5E6; height:100px; background-color:#F0F4F5; padding:10px 5px 5px 5px; }
#product #delivery, #product #sizing { display:none; }

/* Messages */

.success, .error, .notification {
    border: 1px solid;
    margin-bottom: 10px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
}

.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/layout/tick.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image:url('../img/layout/cross.png'); }
.notification { color: #00529B; background-color: #BDE5F8; background-image:url('../img/layout/info.png'); }
