/*Header*/
#header  {margin: 10px 0; float: left; width:760px; position:relative;}
/*#header a {font-weight: normal; text-decoration: none;}*/
#header #logo {float: left; clear:left;}
#header .secure {float: right; clear:right;}
#header #secureShop {float: left; width: 272px; height: 14px; background: transparent url(/gen/img/shop_guaranteed.gif) no-repeat top left; position:absolute; right:145px; top:45px;}
#header #secureShop {display:none;} /*hide the shopping guarantee image*/
#header #specialsLinks {float:left; clear:right; margin-bottom:12px;}
#header #specialsLinks li {float:left; border-right:1px solid #888; margin-right:4px; padding-right:4px;}
#header #specialsLinks li.last {border:0;}

#testMode {z-index:1; background: transparent url(/gen/img/testMode.gif) top right no-repeat; height: 100px; width: 100px; position: absolute; right: 0; top: 0; z-index: 2; text-indent:-9995px; overflow:hidden;}
#motoMode {z-index:2; background: transparent url(/gen/img/motoMode.gif) top right no-repeat; height: 140px; width: 140px; position: absolute; right: 0; top: 0; z-index: 2; text-indent:-9995px; overflow:hidden;}

#miniLinks {float: right; margin-bottom:12px;}
#miniLinks ul li {padding-left: 5px; border-left: 1px solid #DDD; display: inline;}
#miniLinks li.first {border-left: 0;}
/* link bar */
#linkBar {clear:both; height: 1%; border: 1px solid #888;}

div#body {margin-top:8px; margin-bottom: 12px;}
.terminator {clear:both;}

/*Header search*/
#headerSearch {background: #F6F6F6; padding: 6px; float: left; width:746px;}
#quickSearch {float:right;}
#quickSearch form div {white-space: nowrap !important;}
#quickSearch label {float:left; margin-right: 5px; text-align: right; font-weight: bold; line-height: 1.6em;}
#searchR {float: right;}
#quickSearch input, #quickSearch button {float: left; font-size: 1em;}
#quickSearch input {width: 150px;}
/*.searchSwatch {height: 17px; border: 1px solid #888; float: left; margin: 0 5px; text-align: center; background: #FFF;}*/
.searchSwatch {height: 17px; width: 17px; border: 1px solid #888; float: left; margin-left: 5px; text-align: center; background: #FFF url(/gen/img/icons/icon_colourPicker.jpg) left center no-repeat;}
.searchSwatch a{display: block; height: 17px; text-decoration: none; color: #000; padding: 0 2px; font-size: 1em; font-weight: normal;}
.catsearchSwatch a{display: block; height: 17px; text-decoration: none; color: #000; padding: 0 2px; font-size: 1em; font-weight: normal;}
.searchSwatch a:hover {text-decoration:none;}
#button-quickSearch {margin-left: 5px;}
#topAdvSearch {font-weight: normal;}

#signUp h4 {font-size:1em; margin:0 0 4px 1px; font-weight:normal;}

/*Breadcrumb */
#headerSearch .breadcrumb {float: left; margin-top: 2px;}
.breadcrumb span {color: #888;}

/*Links*/
a {font-weight: bold; text-decoration: underline; color: #777;}
a:hover {text-decoration: underline; color: #333;}

a.fnote, span.fnote {font-size: 1.2em; text-decoration: none; color: #600;}

/*Headings*/
h1.pageTitle {font-size: 1.7em;}
h2 {font-size: 1.2em;}
h2.bar {background: #F6F6F6; color: #666; padding: 4px; font-size: 1.1em; border: 1px solid #E0E0E0;}

p {margin: 5px 0;}

/*Lists*/
ul.stnd li, ol.stnd li {padding-left: 20px; list-style-position:inside;}
ul.stnd li {list-style-type: disc;}

.searchInfo {margin: 10px 20px;}

/*User messages*/
p.msg {padding:10px; background:#FFD; margin:10px 0; font-weight: bold; color: #444;}

/*Standard product images and holders*/
.imgfullsize {width: 402px;}
.imgthumbnail {width: 150px; height: 150px; text-align: center;}
.imgsthumbnail {width: 75px; height: 75px; text-align: center;}
.imgfullsize img {display: block; margin: 0 auto;}

/*Required fields*/
span.formReq {color: #900; padding-left: 3px;}
span.formOK {color: #090; padding-left: 3px;}

/*Prices*/
.wasprice {white-space: nowrap;}
.prodlistBody .price {color: #900; font-size: 1.2em;}

/*Artist pages */
.artistX {padding: 2px;}
.artistX strong {font-size: 1.2em; margin-right: 10px;}
.artistsCol {float: left; margin-left: 20px; width: 200px;}
.artistList {clear: left; margin-top: 10px; float: left;}

/*Unit menu*/
.units {font-size: 0.8em;}

.ellipsis:after {content: "...";}

/*Generic list styles*/
.listInfo {display:block; margin: 10px 0;}
#numberOfPics {float:left;padding: 5px;}
#numberOfPics span {font-size:1.8em;font-weight:bold;}
#numberOfPics {font-size:1em; color:#888; font-weight:bold;}

/*Swatches*/
.swatchsml {width: 13px; height: 13px; margin-right: 3px; float: left; display: block; border: 1px solid #888;}

/*HISTORY NAV*/
#historynav {border: 1px solid #AAA; width: 758px; float: left; padding-bottom:2px;margin-bottom: 10px;}
#historynav #viewedProds li {margin-right: 10px;}
#historynav .section h3 {color: #666; font: bold 1em Tahoma, Geneva, Sans Serif; background: #F9F9F9; padding: 5px 30px 5px 5px;}
#historynav .section ul {margin: 3px 2px 3px 10px;}
#historynav .section a {color: #888; font-weight: normal;}
#historynav .section a:hover {color: #000;}
#historynav li {margin: 1px 0 1px 5px;}
#viewedProds li {float: left;}
/*Swatches*/
.swatchsml {width: 13px; height: 13px; margin-right: 3px; float: left; display: block; border: 1px solid #888;}
#recentSearches ul {float:left;}
#recentSearches ul li {padding: 1px 0; float:left; clear:left;}

/*FOOTER*/
#footer {margin: 5px 0; background: #EEE;}
#footer p {padding: 0; margin: 0; color: #777;}
#footer .contact {float: left; padding: 10px;}
#footer .contact strong {color:#555; font-weight: normal;}
#footer a {text-decoration:none; font-weight: normal;}
#footer .fLinks {float: right; padding: 10px;}
#footer .fLinks li {display: inline; margin-left: 4px;}
#subfooter {clear: left; float:left; margin:2px 0 20px 0; width:100%;}
#subfooter .storeCopyright {float: left; color: #888;}
#subfooter .ms,#msPowered {float:right; color: #777;}
#subfooter .ms span,#msPowered span {display: block; float: left; margin-right: 0.4em;}
#subfooter .ms a,#msPowered a {display: block; display:inline-block; float: left; width: 92px; margin-top: 0.2em; height: 10px; background: transparent url(/gen/img/logos/magbox_tiny.gif) no-repeat top left; text-indent: -9995px; overflow: hidden;}

#footer .hublinks {text-align:center;}
#footer .hublinks li {display: inline; border-right:1px solid #999; text-align:center; padding: 0 5px 0 2px; margin:0;}
#footer .hublinks li a {font-weight:normal;}
#footer .hublinks li.last {border:none;}

#adminMenu {position:absolute; top:0; left:0; padding:2px 3px; background:#666; color:#fff; z-index:50;}
#adminMenu h4 {float:left; margin-bottom:2px; cursor:default; color:#fff;}
#adminMenu ul {float:left; clear:left;}
#adminMenu li {margin:2px 0;}
#adminMenu li a {color:#fff; font-weight:normal; text-decoration:none;}
#adminMenu li a:hover {color:#fff; text-decoration:underline;}

/* edittable snippets/content */
.admin-editable-snip {border:1px dashed #FFE06C; padding:3px;}
.admin-editable-snip:hover {border:1px dashed #900;}
.admin-editable-snip a.edit-snip {background:transparent url(/gen/img/icons/pencil.png) top left no-repeat; display:block; height:16px; margin:1px; font-size:0.8em; padding-left:18px;}

.currencyInline {float:right; line-height:2.2em;}
.currencyInline .preLabel {float: left; padding: 1px 0 1px 17px; background-position: 0px -145px;}
.currencyInline ul {line-height: 1.5em; font-size: 1.2em; padding: 2px 5px; float: left;}
.currencyInline li {margin: 0; display:inline; margin-left: 4px;}
.currencyInline a {border-style: solid; border-width: 1px; border-color: #828282; padding: 2px 5px; color: #BBB;}
.currencyInline a:hover {border-color: #AAA; color: #FFF;}
.currencyInline ul li.current {padding: 2px 5px;}

table.info {border-color:#666; border-style:solid; border-width:1px 1px 1px 1px; margin-left:20px;}
table.info th {text-align:left; border-color:#999; border-style:solid; border-width:0 0 1px 0;}
table.info th,table.info td  {padding-right:14px; padding-left:4px;}

table.p2aOptions {width: 500px; margin: 0 auto;}
table.p2aOptions td {padding: 3px;}
table.p2aOptions thead td {background: #EEE; font-weight: bold;}
table.p2aOptions tbody td.price {font-weight: bold; color: #600;}
table.p2aOptions col.fixed {width: 170px;}

table.info {width: 500px; margin: 0 auto; border:1px solid #ccc;}
table.info td {padding: 4px;}
table.info thead td {background: #EEE; font-weight: bold;}
table.info tbody td.price {font-weight: bold; color: #600;}
table.info col.fixed {width: 170px;}