/** Please put all crucial styles here: ie. ned specific things, such as display: none for debug etc.
Note that this style sheet should be able to be used in conjunction with a frontend style sheet without
"breaking" frontend design **/

.feedback {
        font-size: 8pt;
}

.feedback_problem {
        color: red;
}

.feedback_notice {
        color: blue;
}

.feedback_debug {
        color: grey;
        display: none;
}
.nowrap { white-space: nowrap; }
.vbottom { vertical-align: bottom; }
.tr_off  { display: none; }
.tr_on  { display: table-row; }
.comment { 
        color: blue; 
        font-size: x-small;
}
.tiny { font-size: 7pt; }
/*** Start tab style ***/
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid  #7B7984;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #7B7984;
margin: 2px 2px 0 2px;
border: 1px solid #7B7984;
}

li.tab {
border-bottom: 1px solid #fff;
background-color: #fff;
}

li.tab a {
color: #fff;
}

#tabnav a {
float: left;
display: block;
color: #fff;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover, #tabnav a:active, #tabnav li.selected a {
background: #fff;
color: #000;
}
/*** End tab style ***/
div.editlink {
        margin-top: 10px;
        margin-right: 5px;
}
div.editlink a {
        background-image: url('/ned/images/button_edit.gif');
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        font-weight: bold;
}
.editlink a:hover {
        border-bottom: 1px solid #ddd;
}
.sortingup { background-image: url('/ned/images/sortup.gif'); background-position: right; background-repeat: no-repeat; padding-right: 12px; }
.sortingdown { background-image: url('/ned/images/sortdown.gif'); background-position: right; background-repeat: no-repeat;padding-right: 12px;}


/****** End crucial ned ****** */


* {margin:0;padding:0; border: 0;}
ul, ol, li {list-style-type:none;}
a {color: #e80106;text-decoration: none; }
a:hover { text-decoration: underline;}

body {
font: 62.5% "Tahoma", Verdana, sans-serif; 
margin: 0 auto ;
text-align: center;
background: #dfdbd1 url(/images/bg.gif) 0 0 repeat-x;
color: #474439;
}
.wrapper {
width: 910px;
margin: 0 auto;
text-align: left;
}




/* left side elements 
--------------------------------  */
.left {
width: 220px;
float: left;
margin-bottom: 25px;
}
h1 {
font: bold 2.2em/1.2em "Georgia", Times, sans-serif; 
height: 120px;
float: left;
}
h1 img {margin: 30px 0 0;}

.container {
width: 220px;
float: left;
background: #fff url(/images/left.gif) 0 0 no-repeat;
}
.container-btm {
width: 220px;
float: left;
padding-bottom:25px;
background: transparent url(/images/left-btm.gif) 0 bottom no-repeat;
}
.left h4 { 
margin: 10px auto 8px;
font: normal 1.3em/1.8em "Tahoma", Verdana, sans-serif;  
color: #fff;
text-indent: 10px;
display: block;
width: 200px;
height: 25px;
}
.left h4.blue { background: #2e278e url(/images/h4-blue.gif) 0 0 no-repeat;}
.left h4.brown { background: #938b7a url(/images/h4-brown.gif) 0 0 no-repeat;}

/* products navigation */
ul.products, ul.help {width:200px; margin: 0 auto;}
ul.products li, ul.help li {
float:left;
width:200px;
display:block;
border-bottom: 1px solid #dbdacb;
}
ul.products li a, ul.help li a {
display:block;
width:185px;
color: #e00106;
text-decoration: none;
font: bold 1.3em/1.8em "Tahoma", Verdana, sans-serif;  
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0 0 0 15px;
background: url(/images/arrow-red.gif) 5px center no-repeat;
}
ul.products li a:hover, ul.help li a:hover {text-decoration: underline;}
ul.products li a.active, ul.help li a.active {
color: #fff;
background: #e00106 url(/images/arrow-white.gif) 5px center no-repeat;
}
ul.products li ul  {padding: 0 0 5px; float: left;}
ul.products li ul li  {border-bottom: 0;}
ul.products li ul li a {
font: normal 1.2em/1.4em "Tahoma", Verdana, sans-serif;  
border-top: 0;
border-bottom: 0;
width:175px;
padding: 0 0 0 25px;
background: url(/images/arrow-red.gif) 15px center no-repeat;
}
ul.products li ul li a.active {font-weight: bold; background: #fff url(/images/arrow-red.gif) 15px center no-repeat; color: #e00106; }
ul.products li ul li ul li a.active {font-weight: bold; background: #fff url(/images/arrow-red.gif) 30px center no-repeat; color: #e00106; }
ul.products li ul li ul li ul li a.active {font-weight: bold; background: #fff url(/images/arrow-red.gif) 45px center no-repeat; color: #e00106; }


ul.products li ul li ul li a {
font: normal 1.2em/1.4em "Tahoma", Verdana, sans-serif;  
border-top: 0;
border-bottom: 0;
width:160px;
padding: 0 0 0 40px;
background: url(/images/arrow-red.gif) 30px center no-repeat;
}
ul.products li ul li ul li ul li a {
font: normal 1.2em/1.4em "Tahoma", Verdana, sans-serif;  
border-top: 0;
border-bottom: 0;
width:160px;
padding: 0 0 0 55px;
background: url(/images/arrow-red.gif) 45px center no-repeat;
}


/* help navigation */
ul.help li a {font: normal 1.2em/1.8em "Tahoma", Verdana, sans-serif;  }




/* right side elements 
--------------------------------  */
.right {
width: 690px;
float: right;
background: #fff url(/images/right.gif) 0 bottom no-repeat;
}
.right-btm {
width: 690px;
float: right;
background: url(/images/right-top.gif) 0 0 no-repeat;
}
h2 {
font: bold 1.7em/1.2em "Tahoma", Verdana, sans-serif;  
height: 97px;
text-align: right;
color: #292271;
}
h3 {
font: bold 2.2em/1.2em "Tahoma", Verdana, sans-serif;  
/*float: left;*/
/*width: 350px;*/
padding: 20px 0 0 25px;
margin: 0 0 20px;
color: #e00106;
}
h4 {
font: bold 1.4em/1.2em "Tahoma", Verdana, sans-serif;  
margin: 5px 25px;
color: #292271;
}
h2 img {margin: 35px 10px 0;}
p {font: normal 1.2em/1.4em "Tahoma", Verdana, sans-serif;  }
p span {color: #e80106;}
.content p { margin: 0 25px 15px;}



/* main navigation */
ul.nav {
width: 660px;
height: 28px;
margin: 0 auto;
}
ul.nav li {
height: 28px;
float: left;
display: inline;
}
ul.nav li.red {float: right;}
ul.nav li a{
height: 28px;
display: block;
float: left;
color: #fff;
text-decoration: none;
display: inline;
margin: 0 2px 0 0;
background: #2f288f url(/images/nav.gif) left -28px no-repeat;
font: bold 1.2em/2.2em "Tahoma", Verdana, sans-serif;  
}
ul.nav li a span {
height: 28px;
display: block;
float: left;
padding: 0 14px;
background: transparent url(/images/nav.gif) right -28px no-repeat;
}
ul.nav li.red a{ background: #e80106 url(/images/nav.gif) left -56px no-repeat;}
ul.nav li.red a span {background: transparent url(/images/nav.gif) right -56px no-repeat;}
ul.nav li a:hover {text-decoration: underline;}
ul.nav li a.active {background: #fff url(/images/nav.gif) left 0 no-repeat;}
ul.nav li a.active span {background: transparent url(/images/nav.gif) right 0 no-repeat;color: #2f288f;}
ul.nav li.red a.active span {color: #e80106;}



/* homehead */
.homehead  {
width: 680px;
margin: 0 auto;
clear: both;
padding-bottom: 15px;
background: transparent url(/images/catdog.jpg) right bottom no-repeat;
}
.homehead h3 {
font: normal 1.3em/1.4em "Tahoma", Verdana, sans-serif; 
margin: 0 350px 5px 25px;  
padding: 0;
width: auto;
float: none;
color: #231c85;
 }
.homehead p {
font-size: 1.3em;
margin: 0 400px 0 25px;  
}



/* 3 boxes on home page */
ul.threeboxes {
width: 660px;
margin: 0 auto;
height: 165px;
border-top: 1px solid #dfded2;
padding: 12px 0 0;
}
ul.threeboxes li {
width: 215px;
float: left;
display: inline;
height: 145px;
}
ul.threeboxes li.red {
background: #dc0304 url(/images/3boxes.gif) 0 bottom no-repeat;margin-right: 7px;}
ul.threeboxes li.green {background: #7aa837 url(/images/3boxes.gif) -222px bottom no-repeat;margin-right: 7px;}
ul.threeboxes li.beige {background: #efebe1 url(/images/3boxes.gif) -445px bottom no-repeat;}
ul.threeboxes li h5 { 
color: #fff;
margin: 0 0 3px;
font: bold 2em/1.2em "Tahoma", Verdana, sans-serif;  
}
ul.threeboxes li.beige h5 { color: #2d268c;}
ul.threeboxes li p { 
color: #fff;
margin: 0 13px 10px;
font: normal 1.2em/1.3em "Tahoma", Verdana, sans-serif;  
}
ul.threeboxes li.beige p { color: #140d61;}
ul.threeboxes li p a {color: #fff; text-decoration: underline;}




/* box with gradient (store locator etc.) */
.gradbox {
width: 660px;
clear: both;
margin: 0 auto 20px;
background: #fff url(/images/gradbox.gif) 0 0 no-repeat;
}
.gradbox-btm {
width: 660px;
padding: 15px 0 10px;
background: transparent url(/images/gradbox-btm.gif) 0 bottom no-repeat;
}
.gradbox p {
font: bold 1.7em/1.2em "Tahoma", Verdana, sans-serif;  
color: #2e278e;
text-align: center;
}
.gradbox p img.btn { margin-left: 65px;}








/* products listings */
.product-listings {
width: 670px;
margin: 15px 0 10px;
float: right;
clear: both;
}
.product-listings div {
width: 320px;
height: 100px;
padding: 0;
margin: 0 10px 10px 0;
float: left;
background: transparent url(/images/product-bg.gif) 0 0 no-repeat;
}
.product-listings div h4 {
font: bold 1.3em/1.2em "Tahoma", Verdana, sans-serif; 
color: #231c85;
margin: 8px 8px 2px 12px;
}
.product-listings div p {
font: normal 1.1em/1.25em "Tahoma", Verdana, sans-serif; 
margin: 0 8px 2px 12px;
}
.product-listings div small {
font: normal 0.85em/1.75em "Tahoma", Verdana, sans-serif; 
color: #aaa;
}
.product-listings div b {
font: bold 1.2em/1.2em "Tahoma", Verdana, sans-serif; 
color: #e80106;
margin: 0 12px;
padding: 3px 0 0;
display: block;
}
.product-listings div img.btn, .product-listings div input {
font: bold 1em/1.2em "Tahoma", Verdana, sans-serif; 
margin: 0 5px 0 10px;
color: #e80106;
float: right;
}
.product-listings div div {
width: 100px;
height: 90px;
text-align: center;
padding: 5px 0;
background: none;
float: right;
margin: 0;
}




/* sort by & page links */
.sort-pages {
width: 640px;
margin: 0 auto;
clear: both;
height: 25px;
font: normal 1.2em/1.2em "Tahoma", Verdana, sans-serif; 
}
.sort-pages form input.radio {
margin: 0 1px 0 14px; 
padding: 0; 
height: auto; 
width: auto; 
background: 0; 
outline: none; 
border: 0;
}
.sort-pages form {float: left;}
.content .sort-pages p {
float: right;
font: normal 1em/1.2em "Tahoma", Verdana, sans-serif; 
margin: 0;
padding: 2px 0 0;
}
.sort-pages p a { padding: 0 1px;}
.sort-pages p a.selected { font-weight: bold; color: #000; }




/* general form elements --- */
input, textarea, select {
border: 1px solid #b0aba1;
margin: 2px 0;
padding: 3px;
color: #251d80; 
background: url(/images/input-bg.gif) 0 bottom repeat-x;
font: normal 1em/1.2em "Tahoma", Verdana, sans-serif;
}
.content form select { width: auto; }
.content form input.checkbox, .content form p input.radio {margin: 2px 2px 0; padding: 0; height: auto; width: auto; background: 0; outline: none; border: 0;}
.content form textarea:focus, .content form p input:focus, .content form p select:focus { background: #f2f0ec; border: 1px solid #dd001e;}
.content form label {
float: left;
clear: left;
width:200px;
padding: 0 20px 0 0;
text-align: right;
}
.content { padding-left: 20px; }



/* search box on all pages */
.search {width: 245px; float: right;}
.search form {
width: 245px;
margin: 18px 0 0 0;
}
.search input {
background: #f8f6f2 url(/images/searchinput.gif) center center no-repeat;
height: 21px;
width: 141px;
border: 0;
float: left;
color: #474439;
font: normal 1em/1.1em "Tahoma", Verdana, sans-serif;
padding: 6px 5px 0;
margin: 0;
}
.search input.search {
width: 69px;
height: auto;
float: left;
padding: 0;
border: 0;
margin: 1px 0 0 5px;
outline: none;
background: none;
}	
.search form input:focus {background: #f8f6f2 url(/images/searchinput.gif) center center no-repeat; border: 0;color: #474439;}




/* table elements for shopping checkout etc.. */
table.checkout {
border-top: 1px solid #b0aba1;
border-right: 1px solid #b0aba1;
font: normal 1.15em/1.2em "Tahoma", Verdana, sans-serif;
width: 92.5%;
margin: 5px 25px 5px;
}
table.checkout thead th {
border-left: 1px solid #b0aba1;
border-bottom: 1px solid #b0aba1;
padding: 5px 10px;
color: #251d80; 
background: url(/images/input-bg.gif) 0 bottom repeat-x;
}
table.checkout tbody td {
border-left: 1px solid #b0aba1;
border-bottom: 1px solid #b0aba1;
padding: 3px 10px;
}
table.checkout tbody th {
border-left: 1px solid #b0aba1;
border-bottom: 1px solid #b0aba1;
padding: 5px 10px;
font-weight: normal;
background: url(/images/input-bg.gif) 0 bottom repeat-x;
}
table.checkout tbody th.none {
border-left: 0;
border-bottom: 0;
padding: 5px 10px;
font-weight: normal;
background: none;
}
table.checkout input {
border: 1px solid #b0aba1;
width:15px;
margin: 2px 0;
padding: 0 2px;
color: #251d80; 
text-align: center;
font: normal 1em/1.2em "Tahoma", Verdana, sans-serif;
}
table.checkout input.checkbox {margin: 0; padding: 0; height: auto; width: auto; background: 0; outline: none; border: 0;}
table.checkout input:focus { background: #f2f0ec; border: 1px solid #dd001e;}
form p input.checkout {
width: 85px;
height: auto;
padding: 0;
border: 0;
float: right;
outline: none;
background: none;
margin: 5px 0 0;
}	



/* content elements */
.content {
clear: both;
margin: 0 0 35px;
}
.content ul {
margin: 0 40px 15px;
}
.content ul li {
margin: 0 0 5px;
padding: 0 0 0 12px;
font: normal 1.2em/1.4em "Tahoma", Verdana, sans-serif;  
background: url(/images/ul-li.gif) 0 6px no-repeat;
}


/* stock logos */
ul.stock {
width: 660px;
clear: both;
margin: 0 auto;
}
ul.stock li {
font: normal 1.2em/1.1em "Tahoma", Verdana, sans-serif;  
float: left;
height: 53px;
color: #888;
display: inline;
list-style-type: none;
background: none;
}
ul.stock li a {margin: 0 27px 0 0;}
ul.stock li.none a { margin: 0;}
ul.stock li span {
display: block;
padding: 10px 25px 0 10px;
font-weight: bold;
}






/* footer */
.footer {
width: 690px;
clear: both;
margin: 0 auto;
padding: 12px 0;
}
.footer p {font: normal 1.1em/1.5em "Tahoma", Verdana, sans-serif; text-align: center; color: #827c67;  }
.footer p a {padding: 0 2px;}

#feedback { margin-top: 3em; margin-left: 6em; width: 500px; height: auto; }


div.subcategories { margin-left: 2em; }
div.subcategories h1 { float: none; padding: none; margin: none; height: auto; }
div.subcategories a:hover h3 { text-decoration: underline; }