* {margin: 0px; padding: 0px;}
html {height: 100%:}
body {margin: 0px; padding: 0px; background: #ffffff; color:#555; font: 70% Arial, Helvetica, sans-serif; text-align:left; line-height:150%;}
.saran {margin: 0px auto; padding: 0px; width: 800px;}
.header {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: #0a1e39 url(/graphics/plain/bkg-header.jpg) repeat-x bottom;}
.logo {margin: 0px; padding: 0px; width: 225px; height: 100px; float: left; background: url(/graphics/plain/bkg-logo.jpg) repeat-x top; cursor: pointer;}
.logo h1 {margin: 0px; padding: 0px; font-size: 1px; display: none; visibility: hidden;}
.mast {margin: 0px; padding: 0px; width: 565px; height: 42px; float: right; background: none;}
.mast h1 {margin: 0px; padding: 15px 5px; color: #ffffff; float: left; font-size: 20px;}
.search {margin: 0px; padding: 5px; width: 557px; height: 23px; float: right; background: url(/graphics/plain/bkg-search.jpg) no-repeat top center;}
.search form {margin: 0px; padding: 0px; float: left;}
.search input {margin: 2px 0px 0px 40px; padding: 1px 2px; width: 270px; height: 14px; border: 2px solid #d8d8ce; color: #888888; font-size: 13px;}
.search p {margin: 0px; padding: 5px 10px 5px 5px; float: right; font-size: 12px;}
.slug {margin: 0px; padding: 0px; width: 565px; height: 27px; float: right; background: none;}
.slug h2 {margin: 0px; padding: 5px; font-size: 18px; text-align: right; color: #676663;}
.content {margin: 0px; padding: 0px; width: 100%; height: auto; float: left; background: url(/graphics/plain/bkg-content.jpg) repeat-x top;}
.con-wrap {margin: 0px; padding: 0px 0px 20px 0px; width: 100%; height: auto; float: left; background: url(/graphics/plain/bkg-con-wrap.jpg) repeat-x bottom;}
.footer {margin: 0px; padding: 0px; width: 100%; height: 100px; float: left; background: url(/graphics/plain/bkg-footer.jpg) repeat-x top;}
.footer ul {margin: 0px 10px; padding: 0px; list-style-type: none; float: right;}
.footer ul li {margin: 0px; padding: 0px;}
.footer ul li a {margin: 2px 2px; padding: 0px 5px; line-height: 25px; display: block; float: left; background: #ffffff; border: 1px #dadad7 solid; border-top: none;}
.obj {margin: 5px; padding: 5px;}
#content ol, #content ul {margin: 0px; padding: 0px 20px; line-height: 20px; color: #555555;}
/* ----- tables ----- */
table, td, input, textarea, select, li {font: 100% Arial, Helvetica, sans-serif; color:#000;}
th {background:#ddd; padding:5px;}
td {padding:5px;}
/* ----- global links ----- */
a:link, a:visited, a:active {color:#275f81; text-decoration:none;}
a:hover {color:#555;}
/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6 {margin:1em 0;}
h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4, h5 {font-size:100%;}
hr {display:none;}
/* ----- global images ----- */
img {border:none;}
/* ----- hidden items ----- */
#skip {display:none;}
.hidden {display:none;}
/* ----- float left / right classes ----- */
.left {float:right;margin-right:.3em;}
.right {float:right;margin-left:.3em;}
/* ----- company contact details ----- */
address {font-style:normal; margin:1em 0;}
/* ----- container size & positioning ----- */
#container {}
/* ----- header area ----- */
#header {}
/* ----- company logo & strapline ----- */
#logo {}
#tagline {}
/* ----- shopping basket info ----- */
#info {position:absolute; margin:0; padding:0; top:10px; right:30px; z-index:10;}
/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid {}
/* ----- breadcrumb trail ----- */
#breadcrumbs {margin: 5px; padding: 5px; border-bottom: #eeeeee solid 1px;}
/* ----- search box ----- */
#search {margin: 0px; padding: 0px; background: none;}
#search label {display:none;}
/* ----- side navigation ----- */
#navDept, #navDept li {margin:0; padding:0; list-style:none;}
#navDept {margin-bottom:1em;}
#navDept li {margin-bottom:1px;}
#navDept li a {display:block; width:100%; background:#f2f2f2; color:#555;}
#leftmenu {margin: 0px 0px 10px 0px;}
#leftmenu li a:hover, #leftmenu li a.selected {background:#ddd;}
#navDept li a:hover, #navDept li a.selected {background:#ddd;}
#navDept li a span {display:block; padding:3px 20px;}
/* ----- subdepartment navigation ----- */
#navSubDept, #navSubDept li {margin:0; padding:0; list-style:none;}
#navSubDept {margin: 0px; padding: 0px; width: 100%; height: 25px; background: none; border-bottom: 1px solid #eee; color:#777;}
#navSubDept li {margin: 0px; padding: 0px; list-style:none;}
#navSubDept li a{margin: 0px 2px; padding: 0px 6px; color:#777; display: block; float: right; border: 1px solid #eee; border-bottom: none; line-height: 25px; }
#navSubDept li a:hover, #navSubDept li a.selected{color:#777;text-decoration:underline;}
/* ----- customer tool list ----- */
#navTools, #navTools li {margin:0; padding:0; list-style:none;}
#navTools {margin-bottom: 10px;}
#navTools li {margin-bottom:1px;}
#navTools li a {display:block; width:100%; background:#f2f2f2; color:#555;}
#navTools li a:hover, #navTools li a.selected {background:#ddd;}
#navTools li a span {display:block; padding:3px 20px;}
/* ----- nav static menu items ----- */
.navStatic, .navStatic li {margin:0; padding:0; list-style:none;}
.navStatic {margin-bottom:1em;}
.navStatic li {margin-bottom:1px;}
.navStatic li a {display:block; width:100%; background:#f2f2f2; color:#555;}
.navStatic li a:hover {background:#ddd;}
.navStatic li a span {display:block; padding:3px 20px;}
#navToolsTitle, #navDeptTitle, .navStaticTitle {margin: 0px; padding:3px 20px; margin-bottom:1px; background:#ddd; font-size:100%;}
/* ----- side navigation column ----- */
#side {float:left; display:inline; width:200px; margin-left:10px; margin-top:10px;}
/* ----- main content area ----- */
#main {float:left; display:inline; width:530px; margin-left:10px;}
#main h2 {font-weight:normal; padding:0; color:#275f81; font-size:160%; clear:both;}
#main h2#pageTitle {font-weight:normal; padding:0; margin:0; margin-bottom:1em; color:#275f81; font-size:180%;}
.note {font-size:110%;}
.highlight {font-size:140%;}
.module1 {float:left; width:250px;}
.module2 {float:right; width:250px;}
/* ----- footer area ----- */
#footer {background:#ccc; padding:10px;}
#footer p {margin:0;}
#footer ul, #footer li {margin:0; padding:0; list-style:none;}
#footer li {display:inline;margin-right:.5em;}
#footer a:hover {color:#777; text-decoration:underline;}
#footer #credits {float:right; margin-top:-1.5em;}
/* ----- pagination (page 1/2 etc.) ----- */
#pagination {margin:1em 0;}
#pagination li {margin:0; height:16px; line-height:16px; float:left;}
#pagination a {display:block; float:left; width:9px; height:9px; margin-left:10px; margin-top:3px; text-indent:-8000px; overflow:hidden;}
#pagination a#firstPage{background:url(/graphics/plain/ico_first.gif)no-repeat 0 0;}
#pagination a#prevPage{background:url(/graphics/plain/ico_prev.gif) no-repeat 0 0;}
#pagination a#nextPage{background:url(/graphics/plain/ico_next.gif) no-repeat 0 0;}
#pagination a#lastPage{background:url(/graphics/plain/ico_last.gif) no-repeat 0 0;}
/* ----- product thumbnail list ----- */
.products {margin:1em 0;}
.products ul, .products li {margin:0; padding:0; list-style:none;}
.products li {margin: 5px; padding: 3px; width: 150px; height: 160px; background:#f1f1f1; border:1px solid #e1e1e1; color:#777; float: left;}
.products li:hover {background:#f5f5f5; border:1px solid #e5e5e5;}
.products li h3 {margin: 2px; padding:0; background:none;}
.products li h3 a {color:#555;}
.products li h3 a:hover{color:#275f81;}
.products li h3 span {margin: 0px 0px 0px 10px; color: #275f81;}
.products .image {float:left; margin:0;}
.products .image a img {height: 105px; border:1px solid #e2e2e2; padding:2px; background:#fff;}
.products .image a:hover img {border:1px solid #ccc; padding:2px; background:#e2e2e2;}
.products .price {clear:both; margin:1em 0; text-align:right; line-height:180%; color:#13689d; font-size:110%; font-weight:bold;}
.products .quantity {clear:both; margin:1em 0; text-align:right; line-height:180%;}
/* ----- individual products ----- */
#product {margin:1em 0;}
#product .image {float:left; margin-bottom:1em;}
#product .image p {margin:.5em 0;}
#product .image img {border:1px solid #e1e1e1;}
#product .info {float:right; width:270px;}
#product .price {color:#13689d; font-size:120%;}
#product .info p {margin:0; margin-bottom:.2em;}
#product .info h3 {margin:0; margin-bottom:.2em;}
#product .actions {border-top:1px solid #e1e1e1; clear:both;}
#product #addBasket {border-top:1px solid #e1e1e1; padding-top:1em;}
#product #addWishlist a {}
/* ----- featured articles ----- */
#articles {}
#articles ul, #articles li {margin:0; padding:0; list-style:none;}
#articles ul {margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777;}
#articles ul li {margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none; background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;}
#articles ul li a {color:#777;}
#articles ul li a:hover {color:#777;text-decoration:underline;}
/* ----- customer reviews ----- */
#reviews {}
#reviews ul, #reviews li {margin:0; padding:0; list-style:none;}
#reviews ul {margin:1em 0; padding:3px 10px; background:#f1f1f1; border:1px solid #eee; color:#777;}
#reviews ul li {margin:.5em 0; line-height:150%; padding:0; padding-left:15px; list-style:none;}
#reviews ul li a {color:#777;}
#reviews ul li a:hover {color:#777;text-decoration:underline;}
/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li {margin:0; padding:0; list-style:none;}
#sitemap {margin:1em 0;}
#sitemap li {margin:.5em 0;}
#sitemap li h3 {margin:.2em 0;}
#sitemap ul {padding-left:20px;}
/* ----- tables and forms ----- */
fieldset {border:none; padding:0; margin:1em 0;}
legend {font-weight:normal; padding:0; margin:0; color:#555; font-size:120%; clear:both;}
fieldset h3, fieldset h3 {margin:1em 0 0 0;}
#content table {width:100%; margin:.5em 0; border-collapse:collapse; line-height:150%;}
th {border:1px solid #fff; background:#ddd; padding:5px;}
td {background:#eee; border:1px solid #fff; padding:5px; vertical-align:top;}
.formField, .formSelect {background:#fff; border:1px solid #e1e1e1; width:200px;}
.formFieldShort, .formFieldMedium {background:#fff; border:1px solid #e1e1e1; width:20px; margin-right:5px;}
.formFieldMedium {width:96px;}
table .price {color:#13689d; font-size:110%; font-weight:bold;}
.formFieldProduct {width:150px;}
table .price {color:#13689d; font-size:110%; font-weight:bold;}
.formRadio {vertical-align:middle;}
.formButton {background:#296fa4; color:#fff; border:none; padding-top:3px; padding-bottom:3px;}
label span {color:#13689d; font-size:110%; font-weight:bold;}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus {background: #fff; border: 1px solid #bbb;}
/* ----- shopping cart ----- */
#total {margin:1em 0; padding:0; width:295px; font-size:110%;}
#total dt {width:200px; float:left; font-weight:bold;}
#total dd {margin-left:201px; text-align:right;}
.actions {clear:both; margin:0; padding:.5em 0;}
/* ----- first table data style ----- */
td.first {width:40%;}
/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.inner, .products, .products li, #pagination, #total, .modules {display:block;}
/* \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
/* */
/* ----- end float fix ----- */