/*
========================
Global
========================
*/
* {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:'Segoe UI','Lucida Grande',sans-serif;
	color:#333333;
}
body {
	background:#ccc;
	margin:15px;
}
a {
    color:#000;
}
h1 {
    font-size:22px;
    font-style:italic;
    letter-spacing:1px;
    margin-bottom:1em;
    color:#3F92BA;
}
ul {
	list-style:none;
}
div.clear {
	clear:both;
	height:0px;
}
div.container {
	margin:auto;
	width:946px;
	background:#fff;
	border:7px solid #fff;
}
div.content {
	margin:16px 8px 0 8px;
}
div.divider {
	height:20px;
	background:url(/Images/bg-divider.gif) center repeat-x;
}
.thumbSize, .gallerySize, .largeSize {
	background:#ddd url(/Images/bg-noimage.gif) center no-repeat;
}

/*
========================
Header
========================
*/
.header {
	height:100px;
	background:#3F92BA;
	position:relative;
}
.header .logo img {
	border:none;
}
.header .logo {
	float:left;
	margin:20px;
	outline:none;
}

/*
========================
Login
========================
*/
div.loginStatus {
	float:right;
	color:#fff;
	margin:10px;
}
div.loginStatus * {
	font-weight:bold;
	color:#fff;
}

/*
========================
CartSummary
========================
*/
div.cartLinks {
	position:absolute;
	right:10px;
	bottom:-26px;
	height:20px;
}
div.cartLinks a {
	font-weight:bold;
	color:#fff;
	float:left;
	height:20px;
	line-height:20px;
	padding-left:23px;
	position:relative;
}
div.cartLinks em {
	color:#fff;
	font-style:normal;
}
a.cartCount {
	background:url(/Images/icon-cart.gif) no-repeat;
}
a.checkout {
	display:none;
}

/*
========================
Search Refinement
========================
*/
div.categories ul.refine {
	height:2.5em;
	background:#444;
	border-top:1px solid #ddd;
}
div.categories ul.refine li {
	float:left;
}
div.categories ul.refine li a {
	float:left;
	color:#fff;
	padding:0 1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:2.5em;
}
div.categories ul.refine li a:hover,
div.categories ul.refine li a.active {
	background:#888;
}
div.categories .levelTwo ul.refine {
	height:1.9em;
	background:#aaa;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
div.categories .levelTwo ul.refine li a {
	text-transform:none;
	line-height:1.9em;
}
div.categories .levelTwo ul.refine li a:hover {
	background:#aaa;
}
div.categories .levelTwo ul.refine li a.active {
	background:#3F92BA;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

/*
========================
Category Menu (Home)
========================
*/
ul.categoryMenu {
	list-style:none;
}
ul.categoryMenu li {
	float:left;
	width:33%;
	height:157px;
	text-align:center;
	margin-top:20px;
}
ul.categoryMenu li a {
	text-decoration:none;
	color:#777;
}
ul.categoryMenu li a img {
	display:block;
	margin:auto;
	border:none;
}
ul.categoryMenu li a span {
	font-size:20px;
	font-style:italic;
	color:inherit;
	letter-spacing:0px;
	line-height:110%;
}
ul.categoryMenu li a:hover {
	color:#333;
}

/*
========================
Breadcrumb
========================
*/
.breadCrumb {
	margin-bottom:7px;
}
/*
========================
Non-Store Pages
========================
*/
div.static {
    margin:20px;
}
address {
	margin-bottom:1.5em;
	font-style:normal;
	line-height:140%;
}
div#map {
	float:right;
	width:510px;
	height:300px;
	margin-bottom:16px;
	border:2px solid #fff;
	background:#ccc url(/Images/bg-map.gif) center no-repeat;
}

/*
========================
Footer
========================
*/
div.footer {
	clear:both;
	width:932px;
	background:#999999;
	color:#fff;
	padding:6px 8px;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	border-top:16px solid #e7e7e7;
}

/*
========================
Product Results (Public)
========================
*/
div.productListHeader {
	background:#d7d7d7;
	margin-bottom:12px;
	height:20px;
	padding:8px;
	text-align:right;
	line-height:20px;
}
div.productViewOptions {
	position:absolute;
	top:10px;
	right:15px;
}
* html div.productViewOptions {
	right:35px;
}
div.search {
	float:left;
}
div.search input.text {
	float:left;
	width:200px;
	height:18px;
	border:none;
	border-right:1px solid #ccc;
	padding:2px 0 0 2px;
}
div.search input.search {
	float:left;
	width:72px;
	height:20px;
	background:url(/Images/button-search.gif) no-repeat;
}
div.productSearchResults {
	padding:16px 0;
}
div.productList {
	margin-top:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	height:1%;
}
div.pagingContainer
{
	background: #EEEEEE;
	margin:4px 11px 4px 0px;
	padding:2px 0 2px;
	height:20px;
}
div.pagerText {
	float:left;
	padding: 3px 0px 0px 10px;
}
div.pager {
	float:right;
	padding-top: 3px;
	margin-right:18px;
}
div.pager a:hover 
{
	color: #999999;
}
div.pager a:link, 
div.pager a:visited 
{
	text-decoration:none;
}
div.pager span.disabled {
	color: #999999;
}
div.pager * {
	margin:0 2px 0 2px;
}
div.productListPagingPages {
	height:20px;
	float:right;
	padding-top:20px;
}
div.productListPagingPages * {
	float:left;
	margin-right:6px;
	line-height:20px;
}
div.productListPagingPages img {
	border:none;
	margin:0;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}
div.productListPagingPages img.prev {
	background-image:url(/Images/icon-prev.gif);
}
div.productListPagingPages img.next {
	background-image:url(/Images/icon-next.gif);
}
div.product {
	float:left;
	background:#fff;
	width:168px;
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
div.product * {
	text-align:center;
}
div.product span.specialPrice {
	margin:0;
}
h3.productName {
	border-top:1px dotted #ccc;
	padding-top:3px;
	font-size:12px;
	line-height:120%;
	font-weight:bold;
	font-style:italic;
}
div.product a {
	text-decoration:none;
	color:#666;
}
img.productImage {
	display:block;
	margin:0 auto 8px auto;
	cursor:pointer;
	border:none;
}
input.productQty {
    width:20px;
    text-align:center;
}
.add, .compare, .moreinfo, .moreinfo img, .enquire {
	width:72px;
	height:20px;
	background-repeat:no-repeat;
	border:none;
}
.add {
	background-image:url(/Images/button-add.gif);
}
.moreinfo {
	background-image:url(/Images/button-moreinfo.gif);
}
.compare {
	background-image:url(/Images/button-compare.gif);
}
.enquire {
	background-image:url(/Images/button-enquire.gif);
}

/*
========================
Product Page
========================
*/
div.productDisplay {
	background:#fff;
	margin:10px 0 18px 0;
	padding:12px 18px 18px 18px;
	border:1px solid #d7d7d7;
	float:left;
	width:660px;
}
div.productDisplayHeader {
	height:30px;
}
div.productDisplayHeader .breadCrumb {
	float:left;
}
div.productDisplayHeader div.productLinks {
	float:right;
	width:400px;
}
div.productDisplayHeader div.productLinks a {
	float:right;
	padding-left:22px;
	margin-left:16px;
}
div.productDisplay h1 {
	border-bottom:1px solid #88BDD8;
	line-height:110%;
	padding-bottom:5px;
}
div.productDisplay p {
	clear:left;
	margin-bottom:1em;
}
a.email {
	background:url(/Images/icon-email.gif) left center no-repeat;
}
a.print {
	background:url(/Images/icon-print.gif) left center no-repeat;
}
ul.bulletedList
{
	list-style-type: disc;
	padding-left: 12px;
}

/* Product Info & Pricing */
p.productInfo {
	height:2em;
}
p.productInfo * {
	float:left;
}
p.productInfo input,
p.productInfo span.oldPrice {
	margin-right:5px;
}
div.productDisplay h3 {
	font-size:16px;
	font-style:italic;
	margin:0;
	padding:1.3em 0 .5em 0;
	color:#555;
	clear:left;
}
span.productPrice,
span.specialPrice {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#3F92BA;
	margin-right:10px;
}
span.specialPrice {
	color:red;
}
span.oldPrice {
	text-decoration:line-through;
	font-size:16px;
}


/* Product Images */
div.imageContainer {
	float:right;
	text-align:center;
}
div.imageContainer .thumbs {
	text-align:center;
	margin-top:8px;
}
div.imageContainer .thumbs img {
	cursor:pointer;
}
div.imageContainer .thumbs span {
	display:block;
	padding-top:8px;
	font-style:italic;
	font-weight:bold;
	color:#aaa;
	margin-bottom:18px;
}


/* Product Attributes */
div.attributesContainer {
	height:1%;
}
div.attribute {
	float:left;
	background:#ddd;
	padding:8px;
	margin:0 8px 0 0;
	border-bottom:16px solid #fff;
}
div.attribute b, div.attribute p {
	display:block;
	margin-bottom:3px;
}
div.attribute option {
	padding-right:15px;
}
div.attribute label {
	padding-left:3px;
}

/* Product Features List */
div.productDisplay ul.features {
	list-style:disc;
	padding-left:15px;
}
div.productDisplay ul.features li {
	margin-bottom:7px;
}

/*
========================
Forms
========================
*/
div.form {
	float:left;
	width:381px;
	background:#ddd;
	padding:8px;
}
div.static div.form {
	clear:left;
}
div.form * {
	margin-top:7px;
	padding:2px 0;
}
div.form h3 {
	color:#777;
	font-size:18px;
	margin:0 0 .7em 0;
	font-style:italic;
	padding-bottom:2px;
	border-bottom:1px solid #999;
}
div.form label {
	float:left;
	clear:left;
	width:110px;
}
div.form label.checkbox {
	float:none;
	clear:none;
	width:auto;
}
div.form input.text,
div.form textarea {
	width:260px;
	border:1px solid #c7c7c7;
	background:#fff;
	padding:2px;
}
div.form textarea {
	height:60px;
}
div.form input.button {
	margin:15px 0 5px 110px;
}
div.form span.buttonText {
	padding-left:15px;
}
div.validationContainer {
	float:right;
	width:335px;
}
div.validationContainer h3 {
	width:230px;
	padding:4px 6px;
	background:#f00;
	color:#fff;
	border:1px solid #f00;
}
div.validationContainer ul {
	list-style:none;
	width:230px;
	background:#fff;
	padding:6px;
	border:1px solid #f00;
}
div.validationContainer ul li {
	margin:2px 0;
}

/*
========================
Tables
========================
*/
table.gridView {
	width:100%;
	background:#fff;
}
table.gridView div {
	text-align:right;
}
table.gridView tr.total div input {
	width:70px;
	text-align:right;
	background:none;
}
table.gridView tr.unavailable {
	background:#F4ACAC;
}
table.gridView tr.warning {
	background:#ffc;
}
table.gridView tr.total * {
	border-width:0;
}
table.gridView tr.total select {
	border-width:1px;
	margin-left:5px;
}
table.gridView tr.total select option {
	padding-right:10px;
}
table.gridView tr.total td {
	padding-top:10px;
	padding-bottom:6px;
	padding-right:10px;
	text-align:right;
}
table.gridView th, table.gridView td {
    padding:3px 0 3px 10px;
    text-align:left;
    border-bottom:1px solid #ddd;
}
table.gridView th {
	color:#fff;
	background:#3F92BA;
	font-style:italic;
}
table.gridView th a
{
	color:#fff;
	font-style:italic;
}
table.gridView th select {
	font-weight:normal;
	font-style:normal;
}
table.gridView th select.categorySelect {
	width:175px;
}
table.gridView input.text {
	width:25px;
	text-align:center;
}
table.gridView .productName {
	width:240px;
}
table.gridView .money {
	text-align:right;
	width:70px;
	padding-right:10px;
}
table.cart .highlight {
	background:#fff;
}
table.gridView .customer {
	padding-top:8px;
	padding-bottom:8px;
}
table.gridView .subtotal {
	border-top:10px solid #ddd;
}
table.gridView td.total {
	font-weight:bold;
}
table.gridView a {
	float:left;
	margin-right:15px;
	color:#3F92BA;
}
table.gridView a img {
	border:none;
}
table.gridView a.remove {
	background:url(/Images/bg-remove.gif) left center no-repeat;
	padding-left:10px;
}
input.nextButton {
	float:right;
	margin-top:10px;
	padding:4px;
}
input.backButton {
	float:left;
	margin-top:10px;
	padding:4px;
}
td dl {
	padding-top:4px;
}
td dl * {
	color:#777;
	font-size:10px;
	font-family:Verdana;
	line-height:145%;
}
td dt {
	font-weight:bold;
	float:left;
	padding-right:.3em;
}
td dd {
	text-transform:uppercase;
}
/* 
=====================================
Enquiry Form
=====================================
*/
div.enquiryForm {
	background: #DDDDDD none repeat scroll 0%;
	float:left;
	padding:8px;
	width: 381px;
	height:400px;
}
div.enquiryRight {
	float:left;
	margin-left: 10px;
}
div.enquiryProductDetail {
	background-color: #EEEEEE;
	padding: 10px;
	border:solid 1px #AEAEAE;
}
div.enquiryProductDetail span 
{
	color:#666666;
	font-weight:bold;
	font-size:11px;
	margin-top:5px;
}
img.enquiryImage 
{
	background-color: #DDDDDD;
	padding: 10px;
	border:solid 1px #AEAEAE;
	margin-top:10px;
}

/* 
=====================================
Popup Container
=====================================
*/
#popup-dimmer {
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
	filter:alpha(opacity=75);
	opacity:.75;
	width:100%;
	height:100%;
	z-index:1000;
	visibility:hidden;
	display:none;
}
#popupHeader {
	color:#FFF;
	font-weight:bold;
	padding:5px;
	height:15px;
	background-color:#88BDD8;
	position:relative;
	width:790px;
}
#popup-container {
	position:absolute;
	z-index:1001;
	visibility:hidden;
	display:none;
	background:#ddd;
	color:#555;
	border:5px solid #fff;
}
#popup-container img.closebutton {
	position:absolute;
	cursor: pointer;
	top:2px;
	right:2px;
}
#popup-container iframe {
	border:0;
	visibility:hidden;
}

/*
========================
Category List
========================
*/
ul.categoryList {
	border-top:1px solid #ccc;
	width:160px;
}
ul.categoryList li {
	line-height:2em;
	border-bottom:1px solid #ccc;
	background:whitesmoke;
	padding:0;
}
ul.categoryList li a {
	display:block;
	padding:0 8px;
	text-decoration:none;
	color:#777;
	font-weight:bold;
	overflow:hidden;
	height:2em;
}
ul.categoryList li.active {
	background-color:#fff;
}
ul.categoryList li.active ul {
	padding:0;
	margin:0;
}
ul.categoryList li.active a {
	color:#3F92BA;
	background:url(/Images/arrow-down.gif) 8px 9px no-repeat;
	padding-left:18px;
}
ul.categoryList li.active li {
	border-width:1px 0 0 0;
	background:#fff;
}
ul.categoryList li.active li a {
	font-weight:normal;
	color:#777;
	background:url(/Images/arrow-left.gif) 8px 9px no-repeat;
	margin-left:10px;
}
ul.categoryList li.active li.active a{
	color:#3F92BA;
	font-weight:bold;
}
ul.categoryList li.active li a:hover {
	color:#3F92BA;
}

/*
========================
Sitemap
========================
*/
div.sitemap {
	float:left;
	width:680px;
	background-color:#fff;
}
div.sitemap img {
	display:block;
	background:#ddd url(/Images/bg-noimage.gif) center no-repeat;
	width:100px;
	height:75px;
	float:left;
}
div.sitemap h3 a
{
	padding:0 0 5px 20px;
	color:#10a1d1;
}
div.sitemap ul {
	margin-left:120px;
}
div.sitemap ul li {
	float:left;
	width:30%;
	padding-right:3%;
	line-height:140%;
}
div.sitemap div.clearList {
	clear:left;
	height:20px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}