/* =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, 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;}

:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
	
a img, :link img, :visited img { border: 0; }
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
        vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {font: 68.8%/1.5 arial, verdana, sans-serif; background: #F6F6F6 url(/images/body-background.gif) repeat-y center}
p {margin:0px 0px 1.5em 0px; color:#1F3139;}
a {color: #003366; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight: normal;}

h1 { font-size: 248%;}
h2 { font-size: 124%;}
h3 { font-size: 110%;}

strong {font-weight: bold;}
 
div.line { clear:both; font-size:1px; line-height:1px; border-top:1px solid #eeeeee;}
.clear { clear:both; height:0px; font-size:0px; line-height:0;}
.hide { display: none;}

#content ul  {list-style: square inside; margin: 0 0 1em 1em;}
#content ol {list-style: decimal inside; margin: 0 0 1em 1em;}
#content li {margin-bottom: 0.2em;}

/* SITE STRUCTURE */
div#container {text-align: left; width: 960px; margin: 0px auto 0px auto;}
div#wrapper{float:left; width:960px; margin:0px 0px; padding: 0 0 0 20px;}
 html > body div#wrapper {padding:0 0 0 0px;}

#header {padding:10px 20px 10px 40px; display:block;}
 html > body #header {padding:20px 20px 20px 20px;}

div#left {float:left; width:180px; margin-left:-940px;}
div#content {margin:0px 20px 25px 220px; background: url(/images/bg-vline.gif) -220px 0 repeat-y; padding: 0 0 0 20px; height: 1%}
html > body div#content {height: auto;}



/* SITE STRUCTURE OVERRIDE */
#home #content {margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; width:920px; w\idth:960px; \width:920px; background:none;}
#home #left { display:none; visibility:hidden;}

div#contentcheckout {margin:0px 0 0px 20px; background: none}
body#twoleft div#contentcheckout {margin:0px 20px 25px 220px; background: url(/images/bg-vline.gif) -220px 0 repeat-y; padding: 0 0 0 20px; height: 1%}
html > body#twoleft div#contentcheckout {height: auto;}

div#contentcheckout #right-col { float: left; width: 170px; padding-left: 10px; }
#center-col-checkout {float: left; width: 740px;}



/* HEADER */
.logo {margin:0px 0px; padding:0px; float: left;}
.sunderlandlogo {margin-left:20px; margin-top:4px}
ul.htools {float: right; margin: 10px 10px 0 0}
ul.htools li{float: left;}
ul.htools li.register, ul.htools li.logout  {margin-right: 50px;}
ul.htools li.basket {height: 44px; width: 206px; background: url(/images/basket_bg.gif) no-repeat top left; text-align: center; padding: 5px 0 0 0; font-weight: normal;}
ul.htools li.basket strong {color:#990000}
ul.htools li.basket span {font-weight: bold; display:block;}

/* NAVIGATION */
#left h3 {font-size: 15px;}

ul#navigation {width:920px; w\idth:960px; \width:920px; margin:0px 20px 23px 20px; clear:both; background:#eeeeee url(/images/n_fade.gif) bottom left repeat-x; float: left;}
body#home ul#navigation  {width:920px; w\idth:960px; \width:920px; margin:0px 20px 3px 20px;clear:both;}
ul#navigation li {background:#eeeeee url(/images/n_fade.gif) bottom left repeat-x; border-bottom:1px solid #CECECE; float:left; border-right:1px solid white;}
ul#navigation li.end {background-color:#eee; border-bottom:1px solid #CECECE; float:left; border-right:1px solid white;}
ul#navigation li.selected{background:#FFFFFF; border-bottom:1px solid white;}
ul#navigation li a {display:block; background:url(/images/n_fadesplit.gif) bottom right no-repeat; padding:5px 34px 5px 34px; font-weight:bold; color:#333333;}
ul#navigation li.end a {background-image: none;}
ul#navigation li a:hover {background-color:#ffffff;}
/*#home ul#navigation li.selectedhome {background:#FFFFFF; border-bottom:1px solid white; }*/
#newone ul#navigation li.selectedhome, #product ul#navigation li.selectedhome {background:#FFFFFF; border-bottom:1px solid white; }


.breadcrumb a {margin: 0 5px}
.breadcrumb {margin: 0 0 6px 0;}




/* FORMS */
form h2 {font-size: 150%; font-weight:bold}
form fieldset legend {display:none }
/*form fieldset p.forminfo { clear: left; float: left; margin: 0px 0 0px 0px!important; font-size:11px!important; vertical-align: middle; padding:0px 0px 5px 31%!important}
form fieldset p.lbl { width: 100%; clear: left; float: left; margin: 10px 0 0px 0px!important; vertical-align: middle;}
form fieldset p.lbl label {display: block; font-weight: bold; width: 30%; float: left; padding: 2px 0; margin: 0 5px 0 0; vertical-align: middle}
form fieldset p.lbl input.txt {display: block; float: left; width: 60%; vertical-align: middle}
form fieldset p.lbl input.button {display: block; float: left; vertical-align: middle; padding:5px; border-left:2px solid #666; border-top:2px solid #666; border-right:2px solid #000; border-bottom:2px solid #000; background-color:#333333; color:white; font-weight:bold}
form fieldset p.lbl select {display: block; float: left; width: 60%; vertical-align: middle}
form fieldset p.lbl textarea {display: block; float: left; width: 60%; vertical-align: middle}*/



/* HOME PANEL */
#banner {margin-bottom:10px}
#banner.homepanel {width:920px; height:400px; margin-top: 10px; display:block; background-color:#fff;}
#banner.homepanel a {width:920px; height:400px; display:block; }
#banner.homepanel a:hover { text-decoration:none}
#banner.homepanel a h2 {color:white; padding:20px 20px 0px 20px; font-size:250%}
#banner.homepanel a p {color:white; padding:20px 20px 20px 20px; font-size:150%}

/* HOME ITEMS */
.homeitem, .homeitemend {width:215px; height:126px; display:block; margin-bottom:20px; float:left; margin-right:20px;}
.homeitemend {margin-right:0px;}
.homeitem h3, .homeitemend h3 {background: url(/images/t_fade.gif) bottom left repeat-x; border-bottom:1px solid #CECECE;}
.homeitem h3 a, .homeitemend h3 a {display:block; padding:5px 5px 5px 5px; font-weight:bold; color:#333333;}
.homeitem h3 a:hover, .homeitemend h3 a:hover { background-color:#ffffff;}
.homeitem img, .homeitemend img {border-top:1px solid #ffffff;}


/* NEWS ITEMS */
.newsitem, .newsitem1 {display:block; margin-bottom:10px; border-bottom:1px solid #eeeeee; padding-bottom:10px; clear:left }
.newsitem1 {margin-right:0px; border-bottom:0px}
.newsitem h3, .newsitem1 h3 {font-size:150%; }
.newsitem p, .newsitem1 p {margin-bottom:0px}
.newsitem h3 a, .newsitem1 h3 a {}
.newsitem .image, .newsitem1 .image { float:left; margin-right:10px;  border:1px solid #fff;}


/* DEFAULT ITEMS */
.defaultitem, .defaultitem1 {display:block; margin-bottom:10px; border-bottom:1px solid #eeeeee; padding-bottom:10px; clear:left }
.defaultitem1 {margin-right:0px; border-bottom:0px}
.defaultitem h3, .defaultitem1 h3 {font-size:150%; }
.defaultitem p, .defaultitem1 p {margin-bottom:0px}
.defaultitem h3 a, .defaultitem1 h3 a {}
.defaultitem .image, .defaultitem1 .image { float:left; margin-right:10px;  border:1px solid #fff;}
h1.news {font-size: 21px;} 


/* LEFT NAV */
ul.leftnav {margin: 0 0 20px 0; height: 1%}
html > body ul.leftnav {height: auto;}
ul.leftnav li {background:url(/images/level1.gif) bottom left repeat-x; font-weight: bold;}
ul.leftnav li a {display: block; padding: 5px 0 5px 5px; color: #333333; zoom: 1}
ul.leftnav li.selected, body.directnews ul.leftnav li.all {background:transparent url(/images/level1_selected.gif) top left repeat-x; border-bottom: 0px;}
ul.leftnav li.selected a, body.directnews ul.leftnav li.all a {color: #ffffff;}
ul.leftnav li.selected li {background:#ffffff; border-bottom: 1px solid #96ABC0; font-weight: normal;}
ul.leftnav li.selected li a { color: #003366; background: url(/images/level2_bullet.gif) 3% 50% no-repeat; padding-left: 13px;}
ul.leftnav li.selected li.selected {background:#DCE3EA; border-bottom: 1px solid #96ABC0; font-weight: normal;}
ul.leftnav li.selected li.selected a {background: url(/images/level2_bullet_h.gif) 3% 50% no-repeat; font-weight: bold;}
ul.leftnav li.selected li.selected li {background: #F2F5F7; border-bottom: 1px solid #DFE0E1;}
ul.leftnav li.selected li.selected li a{ color: #003366; background: url(/images/level2_bullet.gif) 6% 50% no-repeat; padding-left: 20px; font-weight: normal;}
ul.leftnav li.selected li.selected li.selected a{ background: url(/images/level2_bullet_h.gif) 6% 50% no-repeat; font-weight: bold;}





/* SHOP HOME */

#shophome {margin: 0 0 20px 0;}
#shophome .shophome1 {width: 540px; float: left; border-right:1px solid white; margin:0px; padding:0px}
#shophome .shophome2 {width: 158px; float: left; }
#shophome .shophome2 .shopright {width: 158px; height:116px; background-color:#eeeeee; border-bottom:1px solid white}
#shophome .shophome2 .shopright img {margin: 0px 0px 0px 0px;}

/* TOPIC */
.introimg {height: 130px; width: 100%; position: relative; margin-bottom: 5px;}
.introimg h1 {position: absolute; bottom: 0px; left: 10px; color: #ffffff; font-weight: normal;}
.intro {font-size: 12px; border-bottom: 0px solid #dddddd; margin-bottom: 0.0em}
.intro p {margin: 0 0 0.5em 0;}
h1.all {border-top: 2px solid #ddd; font-size: 200%; margin: 0 0 0px 0; font-weight: normal;}


#topics {clear: both;}
#topics div {width: 160px; float: left; margin:0 20px 10px 0;}
#topics div.last {margin-right: 0px;}
#topics div h3 {background: url(/images/t_fade.gif) bottom left repeat-x; border-bottom:1px solid #CECECE; margin: 0 0 1px 0;}
#topics div h3:hover {background: #fff;}
#topics div h3 a {display:block; padding:12px 5px 2px 7px; font-weight:bold; color:#333333;}

#results {clear:both; margin: 0 0 20px 0;}
#results div.p {width: 160px; float: left; margin:0 20px 10px 0;}
#results div.p img {margin: 0}
#results div.last {margin-right: 0px;}
#results div.p h3 {font-size: 12px;}
#results div.p strong {font-weight: normal;}
#results div.p a {margin: 0}
#results div.p a.img_offerborder { display: block; }
#results div.p h3 span { font-size: 1em; margin: 5px 0 0 0; display: block;}
#results div.p h3 a {display: block; /* height: 40px; */ overflow: hidden; margin: 0; }


#results div.special h3, #results div.special h3 a {color: #CC0000;}

#results .paging {width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #DDDDDD; padding: 5px 0 5px 0; margin: 0 0 10px;}
#results .paging form {float: left;}
#results .paging .pages {float:right;}
#results .paging .pages a {padding:2px 7px;}
#results .paging .pages a:hover {color: #ffffff; background: #333333;}
#results .paging .pages a.current {padding: 0; background: none;}
#results .paging .pages a strong {padding:2px 7px; background: #333333; margin: 2px 2px; color: #ffffff;}
#results .paging .showall {margin-right: 30px;}
#results .paging .sorting {float: left;}
#results .paging .sorting a {margin-left: 5px;}

.sub {font-size: 12px;}
.sub a {margin: 0 3px;}

/* STORE LOCATOR */
form#locator {width:100%; border-bottom:1px solid #eeeeee; padding:15px 0px; margin-bottom:15px}
form#locator fieldset {}
form#locator fieldset legend {font-size:150%; font-weight:bold}
form#locator fieldset p.lbl {width: 100%; clear: left; float: left; margin: 0px 0 10px 0px!important; vertical-align: middle;}
form#locator fieldset p.lbl label {display: block; font-weight: bold; width: 120px; float: left; padding: 2px 0; margin: 0 5px 0 0; vertical-align: middle}
form#locator fieldset p.lbl select {display: block; float: left; width:200px; vertical-align: middle}
.store {border-bottom:1px solid #eeeeee; padding-bottom:15px; margin-bottom:15px;}
.store h3 {font-size: 150%; font-weight:bold}
.store p {font-size: 110%; margin-bottom:0px}
.store p span.date {}

/* PRODUCT DETAILS */
#product h1 {float: left; font-size: 180%; border-bottom:1px solid #DDDDDD; width: 100%;}
#product .tools {float: right; width: 230px; margin: 0 0 10px 0; clear: both;}

a.sendtofriend, a.popupfriend, a.bookmark, a.sizeguide, a.print {margin: 0 5px; font-weight: bold; vertical-align:top; font-size: 11px;}
a.sendtofriend img, a.popupfriend img, a.bookmark img, a.sizeguide img, strong.enlarge img, a.print img  {vertical-align: top;}

#product .intro {margin: 0 0 20px 0;}
#col1 {float: left; width: 222px; clear: both;}

#col1 a.mainimg {width: 201px; display: block; border-bottom: 1px solid #dddddd; margin: 0 0 10px 0;}
#col1 a.mainimg img {display: block;}
#col1 a.mainimg strong.enlarge {display: block; margin: 5px 0; width: 200px; text-align:center;}
#col1 a.mainimg strong.enlarge img {display: inline;}

#specialoffer { margin:10px 0 10px 0; border: 1px solid #FFCCCC; background: #FFF9F9 url(/images/special.gif) no-repeat bottom right; padding: 5px 40px 5px 5px; }
#specialoffer h2 { color:#BC1010; font-size: 120%; }
#specialoffer ul { padding:0px 5px 0px 5px!important; padding: 0px 5px 0px 5px; margin: 0px; }
#specialoffer li { padding: 0px 0px 0px 8px; list-style:none; background: url(/images/special_bullet.gif) no-repeat 0px 4px; color:#BC1010; margin: 8px 0px; }
#specialoffer li a { color:#BC1010; text-decoration:underline }




#col2 {width: 478px; float: left;}

#col2 .description {float: left; width: 190px; margin-right: 20px;}
#col2 ul.features {float: left; width: 250px; margin: 0 0 10px 0px; list-style: none outside;}
#col2 ul.features li {background: url(/images/bullet.gif) 10px 8px no-repeat; padding-left: 20px;}


/*#col2 #options {overflow: auto; height: 400px; margin-bottom: 10px;}*/
#col2 #options {margin-bottom: 10px;}
#col2 table  {width: 100%; margin: 0 0 10px 0;}
#col2 table th {font-weight: bold; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 5px 2px; text-align: center; color: #666666; font-size: 12px;}
#col2 table td {border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 5px 10px; vertical-align: middle;}
#col2 table td.price {font-size: 9px; line-height: 1.2em;}
#col2 table td.price strong {display: block; font-size: 12px;}
#col2 table td.price strong.special {color: #CC0000;}
#col2 table td.qty, #col2 table th.qty, #col2 table td.cad {border-right: 0;}
#col2 table td.cad {text-align: center;}
#col2 table td.cad img {display: block;}
#col2 table th.cad {border-right: 0px;}
#col2 table td.qty, #col2 table td.size {text-align: center;}
#col2 table td.qty input {text-align: center;}
#col2 table th.cad {text-align: left;}


#related h2 {font-size:25px ; color:#666666; margin: 0 0 10px 0px; font-weight: normal;}
#related .related {float: left; width: 140px; margin: 0 25px 0 0;}
#related .end {}
#related .related h3 {font-size: 12px;}
#related .related h3 a {float: left;}
#related .related h3 strong.price {font-weight: bold;}
#related div.special h3, #results div.special h3 a {color: #CC0000;}

.chart {float: left;}
.addbasket {float: right; text-align: right; margin:0 0 10px 0;}
.addbasket .sizeguide {display: block; margin-bottom: 10px;}

table.tcontent td {padding: 5px;}


/* SITEMAP */
.sitemap {}
.sitemap ul { list-style-type: square; margin-left:10px}
.sitemap ul li { list-style-type: disc; margin-left:10px; margin-bottom:5px; font-weight:bold}
.sitemap ul li ul li{ list-style-type: circle; margin-left:10px; margin-bottom:5px; font-weight: normal}
.sitemap #gmap { margin: 29px 0 29px 0!important ; display:block; }
.sitemap #current_index { float: left; background: #fff url("/images/letter_fade.jpg") bottom left repeat-x; width: 100px; margin: 0; padding: 0; border: 1px solid #ddd; text-align: center; }
.sitemap #current_index strong { color: #666; font-weight: normal; font-size: 80px; font-family: georgia, "Times New Roman", Times; }
.sitemap #selection_title { float: left; width: 500px; clear: both; margin: 0; padding: 15px 0 15px 0; }

.sitemap .azlist { width: 100%; }
.sitemap .azlist strong { border: 1px solid #333333; padding: 9px 10px 7px 10px; display: block; float: left; margin: 0 8px 8px 0; font-size:15px!important ; font-weight: bold; width: 1em; height: 1em; text-align: center; background:#333333; color: #ffffff!important;  }
.sitemap .azlist a { border: 1px solid #eeeeee; padding: 9px 10px 7px 10px; display: block; float: left; margin: 0 8px 8px 0; font-size:15px; font-weight: bold; width: 1em; height: 1em; text-align: center; color: #CC0000!important;}
.sitemap .azlist a:hover {border: 1px solid #CC0000; background-color: #CC0000; color: #fff!important; text-decoration: none; }
.sitemap .azlist span.inactive { border: 1px solid #eeeeee; color: #aaa; padding: 9px 10px 7px 10px; display: block; float: left; margin: 0 8px 8px 0; font-size:15px!important; font-weight: bold; width: 1em; height: 1em; text-align: center; }
.sitemap .a2zLetters { clear: left; padding: 10px 0 0px 0px; font-size:16px }



/* FOOTER */
#footer {margin:0px 20px 50px 20px; padding:10px 0px 0px 0px; color:#999999; font-size:12px; text-align:center; border-top:1px solid #eeeeee;}
#footer p {margin: 0 0 7px 0;}
#footer p.powered {font-size: 11px;}

ul#sponsors {margin: 0 auto 30px auto; width: 760px; height: 70px;}
#sponsors li {float: left; height: 61px;}
#sponsors li a {background: url(/images/partners.gif) top left no-repeat; height: 61px; width: 40px; display: block;}
#sponsors li span {display: none;}

#sponsors li.ef a {width: 135px; background-position: 15px 0;}
#sponsors li.tpe a {width: 75px; background-position: -125px 0;}
#sponsors li.iagto a {width: 118px; background-position: -196px 0;}
#sponsors li.gf a {width: 88px; background-position: -322px 0;}
#sponsors li.e08 a {width: 69px; background-position: -416px 0;}
#sponsors li.rg a {width: 120px; background-position: -526px 0;}
#sponsors li.pp a{width: 70px; background-position: -647px 0;}
#sponsors li.ps a{width: 69px; background-position: -715px 0;}

#sponsors li.ef a:hover {width: 135px; background-position: 15px -71px;}
#sponsors li.tpe a:hover {width: 75px; background-position: -125px -71px;}
#sponsors li.iagto a:hover {width: 118px; background-position: -196px -71px;}
#sponsors li.gf a:hover {width: 88px; background-position: -322px -71px;}
#sponsors li.e08 a:hover {width: 69px; background-position: -416px -71px;}
#sponsors li.rg a:hover {width: 120px; background-position: -526px -71px;}
#sponsors li.pp a:hover {width: 70px; background-position: -647px -71px;}
#sponsors li.ps a:hover {width: 69px; background-position: -715px -71px;}


/* system messages */
.message {padding:10px 0px 0px 0px; margin: 0 0 10px 0; font-weight: bold;}
.message p {padding: 7px 5px 7px 35px; margin:0px 0px 10px 0px; font-size: 13px;}
p.error { background: #fff url(/images/message-error.gif) no-repeat 0px 50%; color: #CC3333;}
p.ok { background: #fff url(/images/message-ok.gif) no-repeat 0px 50%; color: #438E43;}
p.info { background: #fff url(/images/message-info.gif) no-repeat 0px 50%; color: #496696;}

body#popup {background: #fff; padding: 20px;}
.close {font-size: 14px; text-align: center;}

table.size {border: 1px solid #555; border-width: 1px 1px 0 1px; margin: 0 0 30px 0}
table.size td, table.size th {text-align: center; padding: 3px 5px; border: 1px solid #555; border-width: 0 0 1px 0px}
table.size th {font-weight: bold;}
table.size td.t {text-align: left;}
table.size tr.odd td {background: #eee;} 
table.size tr.odd th {background: #ccc;}

/*Tool Tips*/
.tool-tip { width: 400px; z-index: 13000; text-align: left; border: 1px solid #96ABC0; }
.tool-title { font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; padding: 5px 8px 6px; background:#003366 url(/images/level1_selected.gif) repeat-x scroll left top;; }
.tool-text { padding: 4px 15px 20px 15px; background: #fff;}

    .ajax_working {
	margin:0px;
	padding:0px;
	width:16px;
	height:16px;
    background-image:url(/images/4-0.gif);
	float:left;
    }


/* SLIMBOX */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottom, #lbBottomContainer { position: absolute; left: 50%; background-color: #fff; }
.lbLoading { background: #fff url(/images/loading.gif) no-repeat center; }
#lbImage { border: 10px solid #fff; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0% 85%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 85%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block!important; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; display: none; }

#trail { width: 60%; clear: both; list-style: none; margin: 0!important; padding: 0!important; float: right;  }
#trail li { float: left; margin: 10px 0 0px 0; height: 23px; width: 110px; background-repeat: no-repeat; text-align: center; list-style:none; }
#trail li span {display: none;}
#trail li a {display: block; height: 25px}
#trail-one { background-image: url(/images/trail-one.png); }
#trail-two { background-image: url(/images/trail-two.png); }
#trail-three { background-image: url(/images/trail-three.png); }
#trail-four { background-image: url(/images/trail-four.png); }
#trail .incomplete { background-position: 0 0px; color: #666; }
#trail .current { background-position: 0 -90px; color: #000; }
#trail .complete { background-position: 0 -170px; }

/* Forms */
select { font-size: 1em; padding: 2px; }
input.field, input.qty , textarea, input { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; margin: 0px 0px 2px 0px!important; margin: 3px 0px 0px 0px; font-family: arial,verdana,sans-serif; }
.checkbox, .radio, ul.radio input {vertical-align: middle;border: none!important; background: none!important; }
input.image {border: none; padding: 0; background-image: none;}
.box { border-color: #CCC; border-style: solid; border-width: 0px 1px 1px 1px; background: #FAFAFA; padding: 0 8px 1px 8px; margin: 0 0 10px 0 }
.box h3, h3.h { color: #ffffff; background: #003366 url(/images/level1_selected.gif) repeat-x scroll left bottom; padding: 4px 5px; display: block; font-size: 1.091em; margin: 0 -9px 10px -9px; height: 1% }
h3.h { margin: 0 0px 10px 0;}
h3 span {font-weight: normal; font-size: 0.917em;}
.box h3 a {color: #fff; text-decoration: underline;}
.box2 { border-color: #CCC; border-style: solid; border-width: 0px 1px 1px 1px; background: #ffffff; padding: 0 8px 8px 8px; margin:  0 0 10px 0; height: 1%  }
html>body .box2, html>body .box {height: auto;}
.box2 h3 { color: #ffffff; background: #003366 url(/images/level1_selected.gif) repeat-x scroll left bottom; padding: 4px 5px; display: block; font-size: 1.091em; margin: 0 -9px 10px -9px; }
.box2 h4, .box h4 {font-size: 100%; font-weight: normal;}

#process {background:#34AB29 url(/images/go_button.gif) repeat scroll 0%;border:medium none;color:#FFFFFF;font-size:1.364em;font-weight:bold;height:35px;width:200px;}

div.price_promise {display: none;}
div.extra_delivery_info {}

.pad10right { padding-right:10px }
.pad20right { padding-right:20px }
.offers { color: #999; }
.offer {color: #BC1010;}
.edit-form p {margin: 4px 0 6px 0; padding: 4px 0 0 0;clear:both; }
.edit-form p label { clear: left; width:115px; \width:120px; w\idth:115px; float:left; line-height: normal; margin: 0px; text-align: right; padding-right: 5px; }
.edit-form p label.tf {float: none!important;display: inline; float:left; clear: none; width: auto;}
.edit-form p.required label { width:120px; float:left; font-weight:bold;  }

.edit-form p input.field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 190px; margin: 0px; float: left;}
.edit-form p select {float: left;}
.edit-form p input.date_field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 150px; margin: 0px;}
.edit-form p textarea.field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 190px; margin: 0px; }
.edit-form p input.title-field { font-size: 1em; border: 1px solid #999; background: transparent url(/images/input_sh.gif) no-repeat top left; color:#333; padding:2px; width: 40px;}
.edit-form p.required input.field { font-size: 1em; background:url(/images/input_field_required.gif) no-repeat 0px 0px;}
.edit-form p.required textarea.field { font-size: 1em; background:url(/images/input_field_required.gif) no-repeat 0px 0px;}
.edit-form p.error, .edit-form p.erroreven  {background-image: none; border: 1px solid #CC3333; color: #CC3333;}
.edit-form span.errortext {margin:0 0 0 120px;}
.edit-form span { display: block; margin: 8px 0px; }
.edit-form .required span  {display: inline; color: #e00; margin-right: 5px; font-weight: bold; font-size: 14px;}
.edit-form p small, .box p small {font-size: 0.9em; }
.edit-form small, .box small { font-size: 0.9em; }
.edit-form ul.radio {float:left; width: 200px;}
.edit-form .box2 ul.radio {width: 300px; margin: 3px 0 10px 5px} 

/* =CALENDAR */
#caldiv {display: block; border: 1px solid #6B787A; padding: 0; margin:0px; font-size: 110%; width:190px; background:#fff;}
#caldiv center {padding: 0!important; margin:0px!important;}
#caldiv table{ border-collapse: collapse !important; margin: 3px 0 3px 0; padding:0px; background-color:white; width: 100%;}
#caldiv a  {color: #3366CC; font-weight: bold;}
#caldiv td {border: 1px; font-size: 90%; color: #000; padding: 1px 3px; }
#caldiv th, #caldiv th a { font-weight: bold;}
#caldiv th a {color:  #6B787A; font-weight: bold; background: none; color:#fff; font-weight: bold;}
#caldiv td a {text-decoration: underline; font-weight:bold;}

.cpTodayText { background-color:#3A6189; color:#FFFFFF;}
td.cpTodayText a.cpTodayText { color:#FFFFFF !important; margin: 3px 0;}
.cpCurrentMonthDateDisabled {color: #666666; text-decoration: line-through;}
.cpCurrentMonthDateDisabled a {color: #333333;}
.cpCurrentDate { background: #DCE3EA; color:#3A6189 !important; font-weight: bold; text-align: center;}
.cpOtherMonthDateDisabled { color:#aaa; text-decoration: line-through;}
.cpOtherMonthDate, .cpCurrentMonthDate {font-weight: bold; text-align: center;}
.cpMonthNavigation, cpYearNavigation { }
td.cpDayColumnHeader {background-color:#3A6189}
td.cpDayColumnHeader span.cpDayColumnHeader { color:#FFFFFF}
td.cpCurrentMonthDate {color:#6B787A}
td.cpCurrentMonthDate span.cpCurrentMonthDate {color:#6B787A}




/* BASKET OVERVIEW */
/*#basket-overview { margin: 0 0 10px 0; width:198px;}
#basket-overview h2, #nsignup h2, #latestnews h2  { margin: 0; padding: 0 0 4px 0; width: 198px; font-size: 1em; background: url(/images/purple_bgbt.gif) no-repeat bottom left }
#basket-overview h2 a, #nsignup h2 span, #latestnews h2 a { color: #fff; display: block; width: 188px; \width: 198px; w\idth: 188px; background: #6C60AA url(/images/purple_bg.gif) no-repeat top right; padding:4px 5px 2px 5px; }
#basket-overview h2 a:hover { background-position: top right; text-decoration: none; }
#basket-overview ul {  margin:0px; padding:0px; padding: 0 0 5px 0; font-size: 1em;}
#basket-overview ul li { display:block; margin:0 0 5px 0; padding: 5px 5px 0 5px; list-style: none; clear: both;}
#basket-overview ul li a {font-weight: normal;}
#basket-overview a.basket-remove { margin: 0px 5px 0px 0px; float: left; }
#basket-overview .basket-total { background:url(/images/shadow_white.gif) top left repeat-x; padding: 5px 3px; margin: 0 0 5px 0; border:1px solid #ccc; border-width: 1px 0; text-align: right; clear:both; font-size: 1em; }
#basket-overview .basket-total a {float: left; }*/


.tablestyle1 tr.even td, .tablestyle1 tr.odd td{border-bottom: 0;}
tr.total {font-size: 1.182em;}
tr.total td {border-top: 1px solid #96ABC0; border-bottom: 1px solid #96ABC0; background: #DCE3EA; padding: 10px 5px}
tr.total td em {font-size: 0.923em }
tr.subtotal td {border-width: 2px;}
/*.basket-title {width: 130px; float: left; margin: 0 0 0px 0;}
.basket-price {float: right;}*/

.voucher-bg {border: 1px solid #DCE3EA; padding: 5px; width: 250px;}
.voucher-bg label strong {display:block;}
.voucher-bg input#coupon_code {vertical-align: top; height: 20px;}

.van-bottom-corner p {width: 200px; border: 1px solid #96ABC0; padding: 5px; margin: 10px 0 0 0; text-align: left; font-weight: bold; background: #fff;}

/*#summary-checkout { margin-left:90px  }
#summary-checkout img { border: 0px; margin: 0px 0px 10px 0px; }*/

/*.addgiftwrap { margin-left: 5px; height: 28px; width: 165px; color: #333333; border: 0px; padding: 0px 0px 0px 24px; background: transparent url(/images/add_basket_m.jpg) no-repeat left top; cursor: pointer; }
tr.wrap td {padding: 2px 0 2px 65px;}
tr.wrapselected td {background: #F9F8FB; padding: 2px 0 2px 0; border-bottom: 1px solid #DCD9EB; border-top: 1px solid #DCD9EB}*/
#free-delivery-banner { border:2px solid #4291BF; background: url(/images/truck.gif) no-repeat bottom left; margin:10px 0; padding: 7px 0 5px 60px; font-size:1.182em; clear:both;}

.line { clear: both; border-top: 1px solid #C6C6C6; padding: 0px; margin: 0px; line-height: 0%; }

#cards {margin:10px auto; text-align:center; width:460px;}
#cards img {margin:5px 4px 0 0; vertical-align: middle}
.cards {margin:5px 2px;}
/*.card { margin: 0px 5px 5px 0px; height: 40px;}*/
.bask {background:#F0FFEF; border-color:#C5EFC2; border-style:solid; border-width:1px 0; padding:4px;}


/* Basket & checkout area */
.basketthumb {border: 1px solid #eee!important; float:left; padding: 3px; margin-right: 5px;}



.tablestyle1 {margin-bottom: 10px;}
.tablestyle1 th { color: #fff; background: #003366 url(/images/level1_selected.gif) repeat-x scroll left bottom; padding: 4px 5px; font-size: 110% }
.tablestyle1 th a {color: #fff; text-decoration : none; display: block;}
.i {vertical-align: middle}
.tablestyle1 td { border-bottom:1px solid #96ABC0; padding:7px 4px; background: #FAFAFA; }
.tablestyle2 td { border-bottom:1px solid #96ABC0; padding:8px; background: #FAFAFA; }
.tablestyle2 tr.last td { border-bottom: 0px; padding:8px; }
.colquantity { width:80px }
.colunit { width:80px }
.coltotal { width:80px }
.coldelete { width:40px }
.colpreview { width:90px }
.center { text-align:center }
#update { vertical-align: middle; margin: 0; }
.update { vertical-align: middle; margin: 0; }
.printpage {margin: 10px auto 20px auto!important; display: block;}

#content ul.details, #content ul.radio {list-style: none inside;}
ul.details {float: left;}

#testimonial {}
#testimonial b {font: 1.75em/0.8 georgio,times; }
#testimonial b i {font-size: 0.75em; text-align: right; display: block; margin: 0.5em}
#testimonial p {background: #FAFAFA; padding: 10px 15px; margin: 0 0 1em 0; border: 1px solid #96ABC0; border-width: 2px 2px 2px 2px;}
#testimonial h4 {font-weight: normal; margin: 0 0 0.5em 0; font-size: 13px;}




/*.table-style { font-size:1.1em }
.table-style th { text-align:center; }
.table-style td { text-align:center; padding:9px; border-right:1px solid #E8EDF0; }
.th-dotted { padding:4px; border-left:1px dashed #DBE3E7; border-top:1px dashed #DBE3E7; border-right:1px dashed #DBE3E7}
.th-dark { padding:4px; background:#CBD6DC; border-right:1px solid #ADBFC9; color:#202B2F; font-size:12px }
.td-title { text-align:left!important; background:#E8EDF0; }
.td-line-under { margin-bottom:1px; border-bottom:1px solid #D1D5D6 }*/


#ticker {font-size: 120%; color: #666; background: url(/images/h_n.gif) top left no-repeat; float:left; width: 920px; padding: 7px 20px 7px 20px; }
#ticker strong {float: left; border-right: 2px solid #666666; padding: 0 10px 0 0; margin-right: 10px;}
#ticker a {color: #666666;}
#horizontal {width: 730px; position: relative; overflow: hidden; height: 1.8em; position: relative;}
#ticker ul#tickerhorizontal {float: left; height: 1.8em; width:730px; margin: 0; padding-left: 0; list-style: none;}
#ticker li {float: left; margin-bottom:10px!important; width:730px; overflow: hidden; height: 1.8em;}
#ticker li a {text-decoration: underline;}
#ticker li a:hover {color: #003366;}

ul.leftnav li.selected a.il {background-image: none; padding: 5px 0 0 0; float: left; display: block;}
ul.leftnav li.selected a.it {background-image: none; padding: 5px 0 0 5px; margin: 0; float: none!important; float:left; }
ul.leftnav img { margin: 5px 5px 0 0; display:block;}


/* Paypal */
.paypalintro img.paypalbadge {float:left; margin-right:10px}
input.makepayment {float:right}
.paypalintro { border:2px solid #FBE4B5; padding:5px; display:block; width:100%; float:left}