/* ----- body & background ----- */
body {
background:#fff url(../graphics/plain/back.jpg) repeat-x;
color:#555;
font: 70%  Arial, Helvetica, sans-serif;
text-align:center;
line-height:180%;
margin:0;
padding:0;
margin-bottom:1em;
}
/* ----- tables ----- */
table, td, input, textarea, select, li {
font: 100% Arial, Helvetica, sans-serif;
color:#555;
}
/* ----- global links ----- */
a {
color:#309A95;
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 ----- */
.hidden {
display:none;
}
#skip {
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 {
margin:0 auto;
width:760px;
text-align:left;
position:relative;
}
/* ----- header area ----- */
#header {
height:231px;
position:relative;
background: url(../graphics/plain/head.jpg) no-repeat 100% 100%;
}
/* ----- company logo & strapline ----- */
#logo {
position:absolute;
margin:0;
padding:0;
left:20px;
top:115px;
font:250% "Arial Narrow", Arial, Helvetica, sans-serif normal;
color:#777;
}
#logo a {
color:#777;
}
#tagline {
position:absolute;
margin:0;
padding:0;
top:145px;
left:20px;
font:140% "Arial Narrow", Arial, Helvetica, sans-serif normal;
color:#777;
}
/* ----- shopping basket info ----- */
#info {
position:absolute;
margin:0;
padding:0;
top:0px;
right:0px;
padding:0 20px;
z-index:10;
background:#CC4200;
color:#fff;
font-size:90%;
}
#info a {
color:#fff;
}
/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid {
}
/* ----- breadcrumb trail ----- */
#breadcrumbs {
float:right;
display:inline;
width:530px;
padding:0 10px;
background:#ECF3F4;
border:1px solid #DAE8E9;
color:#777;
line-height:26px;
}
#breadcrumbs a {
color:#777;
}
/* ----- search box ----- */
#search {
position:absolute;
left:0;
top:196px;
width:200px;
margin:0;
background:#fff url(../graphics/plain/ico_search.jpg) no-repeat;
height:35px;
}
#search label {
display:none;
}
#searchKeyword {
border:1px solid #e1e1e1;
background:#f1f1f1;
width:120px;
height:14px;
margin-top:7px;
margin-left:40px;
vertical-align:middle;
}
#searchSubmit {
border:1px solid #fff;
background:#fff;
color:#38B8B5;
font-size:100%;
font-weight:bold;
margin-top:7px;
margin-left:2px;
padding:0;
vertical-align:middle;
text-transform:uppercase;
}
/* ----- side navigation ----- */
#navDept, #navDept ul, #navDept li, #navTools, #navTools li {
margin:0;
padding:0;
list-style:none;
}
#navDept , #navTools {
padding:1px 1px 0 1px;
background:#fff;
border:1px solid #e1e1e1;
color:#777;
margin-bottom:1em;
}
#navDept li a, #navTools li a {
display:block;
width:100%;
background:#EDEDED url(../graphics/plain/arrow2.gif) no-repeat 8px 1em;
color:#555;
border-bottom:1px solid #fff;
}
#navDept li a:hover, #navTools li a:hover, #navDept li a.selected, #navTools li a.selected {
background:#FFFFFF url(../graphics/plain/arrow2.gif) no-repeat 8px 1em;
}
#navDept li a span, #navTools li a span {
display:block;
padding:5px 20px;
}
/* ----- subdepartment navigation ----- */
#navSubDept, #navSubDept li  {
margin:0;
padding:0;
list-style:none;
}
#navSubDept {
margin:1em 0;
margin-left:20px;
padding:3px 10px;
background:#EBEBEB;
border:1px solid #CCCCCC;
color:#777;
}
#navSubDept 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;
}
#navSubDept li a {
color:#777;
}
#navSubDept li a:hover {
color:#777;
text-decoration:underline;
}
/* ----- nav static menu items ----- */
.navStatic, .navStatic li {
margin:0;
padding:0;
list-style:none;
}
.navStatic {
position:absolute;
top:34px;
left:0;
width:500px;
text-align:right;
}
.navStatic li {
float:left;
display:inline;
font-size:90%;
margin-right:1px;
padding:0 20px;
line-height:30px;
height:30px;
background:#f1f1f1;
text-transform:uppercase;
}
.navStatic li a {
line-height:30px;
color:#777;
}
.navStatic li a:hover {
color:#ccc;
}
.navStatic li a span {
}
.navStaticTitle {
display:none;
}
/* ----- customer tool list ----- */
#navToolsTitle, #navDeptTitle, .navStaticTitle {
margin:0;
padding:3px 20px;
margin-bottom:1px;
background:#FF5200;
font-size:100%;
line-height:26px;
font-weight:normal;
color:#fff;
text-transform:uppercase;
}
/* ----- side navigation column ----- */
#side {
float:left;
display:inline;
width:200px;
padding-top:10px;
}
/* ----- main content area ----- */
#main {
float:left;
display:inline;
width:550px;
margin-left:10px;
background:url(../graphics/plain/main_back.gif) no-repeat 0 0;
}
* html #main {
height:300px;
}
html>body #main {
min-height:300px;
}
#home #main {
margin-top:10px;
}
#main #content {
width:530px;
margin-left:20px;
margin-top:.5em;
}
#main h2, #main h3 {
font-weight:normal;
padding:0;
color:#999999;
font-size:130%;
clear:both;
}
#main h3 {
font-size:120%;
}
#main h2#pageTitle {
font-weight:normal;
padding:0;
margin:0;
margin-top:1em;
color:#FF5200;
font-size:150%;
height:19px;
line-height:19px;
width:530px;
padding-left:20px;
background:url(../graphics/plain/pageTitle_back.gif) no-repeat 0 0;
}
.note {
font-size:110%;
}
.highlight {
font-size:140%;
color:#3ABAB4;
font-weight:bold;
}
.module1 {
float:left;
width:250px;
}
.module2 {
float:right;
width:250px;
}
/* ----- footer area ----- */
#footer {
padding:.5em 10px;
background:#B9B9B9;
border:1px solid #B9B9B9;
color:#fff;
}
#footer p {
margin:0;
}
#footer ul, #footer li {
margin:0;
padding:0;
list-style:none;
}
#footer li {
display:inline;
margin-right:.5em;
}
#footer a {
color:#fff;
}
#footer a:hover {
color:#fff;
text-decoration:underline;
}
#footer #credits {
float:right;
margin-top:-1.8em;
}
/* ----- 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 {
	width:530px;
	margin:1em 0;
	margin-left:20px;
}
.products ul, .products li {
	margin:0;
	padding:0;
	list-style:none;
}
.products li {
float:left;
display:inline;
width:225px;
margin-right:10px;
margin-bottom:1em;
padding:.5em 10px 0 10px;
background:#f1f1f1;
border:1px solid #e1e1e1;
color:#777;
position:relative;
}
.products li:hover {
background:#f5f5f5;
border:1px solid #e5e5e5;
}
.products li h3 {
margin-top:.5em;
margin-bottom:1em;
padding:0;
background:none;
}
.products li h3 a {
color:#555;
}
.products li h3 a:hover {
color:#7da60c;
}
.products .image {
float:left;
margin:0;
margin-right:10px;
margin-bottom:10px;
}
.products .image a img {
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 {
width:530px;
margin-left:20px;
}
#articles ul, #articles li  {
margin:0;
padding:0;
list-style:none;
}
#articles ul {
margin:1em 0;
padding:3px 10px;
background:#f2f6e6;
border:1px solid #e5edce;
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 {
width:530px;
margin-left:20px;
}
#reviews ul, #reviews li  {
margin:0;
padding:0;
list-style:none;
}
#reviews ul {
margin:1em 0;
padding:3px 10px;
background:#f2f6e6;
border:1px solid #e5edce;
color:#777;
}
#reviews 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;
}
#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;
color:#FF5200;
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:240px;*/
}
table .price {
color:#13689d;
font-size:110%;
font-weight:bold;
}
.formRadio {
vertical-align:middle;
}
.formButton {
background:#FF5200;
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 ----- */

/* Home Page Text */
.orangebold {
color:#FF5200;
font-weight:bold;
font-size:120%;
}

.deliverybold {
color:#309A95;
font-weight:bold;
font-size:120%;
}