/* General Attributes */
* {margin:0px; padding:0px; line-height:100%;}
html, body {font:normal 0.85em Arial, Helvetica, sans-serif;}
a img,:link img,:visited img {border:none; outline:none;}
a {text-decoration:none; color:#000; outline:none;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.none {text-indent: -5000px; position: absolute; overflow:hidden;}
.left {float:left;}
.right {float:right;}
.block {display:block;}
.both {clear:both;}
.red, .sale {color:#c00;}
.alignleft {text-align:left;}
hr {display:none;}
.normal {line-height:150%; padding:0 10px 15px 23px;}
.normal a {color:#c30;}

/* css-p */
#wrapper {width:798px; margin:auto; text-align:left;}

#top {width:798px; height:5px; background: #fff url('../../images/top.gif') top left no-repeat; font-size:1px;}

#topnav {display:none;}

#leftnav {display:none;}

#botnav {display:none;}

#main {float:left; width:579px; background: #fff url('../../images/bgmain.gif') top right no-repeat;}
.dottedline {width:574px; float:right; background: #fff url('../../images/singledot.gif') 0px 17px repeat-x; padding:18px 0; font-size:1px;}
.dottedlineV {width:1px; float:left; background: #fff url('../../images/singledotV.gif') top left repeat-y; font-size:1px; height:90px;}
#quickorder {float:left; width:574px; margin-top:10px; height:113px;}
#quickorder .dottedlineV {background-color:#ff9; height:113px;}
#quickorframe1 {width:13px; height:113px; float:left; background: transparent url('../../images/yellowleft.gif') top left no-repeat;}
#quickorderbutt {width: 60px; height:21px; background: #fff url('../../images/order.gif') top left no-repeat; border:0; cursor:pointer; vertical-align:bottom; margin-left:3px; position:relative; left:210px; top:-50px; margin-bottom:-15px;}
#quickorder input {margin: 0 0 3px 0; display:inline; padding:0;}
#quickorder p {margin-top:8px;}
#quickorder form {font: normal 9px/100% Verdana, Arial, Helvetica, sans-serif;}
#quickorleft {float:left; height:112px; width:264px; border-bottom:1px solid #f2e77c; border-top:1px solid #f2e77c; background-color:#ff9;font: normal 11px/1.1em Arial, Helvetica, sans-serif;}
#quickorright {float:left; height:112px; width:273px; padding-left:10px; background-color:#ff9; border-bottom:1px solid #f2e77c; border-top:1px solid #f2e77c;}
#quickorright form {width:260px; position:relative; top:6px;}
#quickorleft img {margin-top:5px;}
#quickorleft strong {color:#c00;}
#quickorright form  .intro {color:#c00; margin: 5px 0 10px 0;}
#quickorright #buttons {float:left; width:240px; margin-right:1px;}
#quickorright form input {width:100px;}
#quickorframe2 {width:13px; height:113px; float:left; background: transparent url('../../images/yellowright.gif') top left no-repeat;}

#heroes {float:left; width:576px; margin-top:20px;}
#heroes h4 {font: bold 11px/1.1em Arial, Helvetica, sans-serif; margin-left:13px;}
#heroes p {font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
#heroes p, #heroes h3 {margin-left:12px;}
#heroes .viewdetails {margin:8px 0 0 0;}
#heroes img {margin:0 12px 0 0;}
.heroprod {float:left; width:287px;}
.herotxt {float:left; width:190px;}
#welcome {float:left; width:352px; clear:right;}
#welcome img {margin:8px 0 8px 0;}
#welcome p {margin:12px 20px 0 15px; font:normal 11px Arial, Helvetica, sans-serif;}
#catalogue {float:left; width:172px; clear:right;}
#catalogue p {margin:9px 0 9px 0;}
#banners img {padding:0 5px 0 5px; float:left;}
#banners {float:right; width:579px;}

/* category page */
#catintro {}
#catintro p {font: normal 11px/1.8em Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0 0;}
#catintro #breadcrumb {font: bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif;}
.dottedlinelist {width:564px; float:left; background: #fff url('../../images/singledot.gif') 0px 1px repeat-x; padding:1px 0; font-size:1px;}
#catintro img {margin-bottom:10px;}
.list {width:282px; float:left; margin:10px 0; background: #fff url('../../images/arrow.gif') 250px 80px no-repeat;}
.list a {display:block; height:8.7em; line-height:150%;}
.list a:hover {text-decoration:none; background: #fff url('../../images/moreinfo.gif') 230px 80px no-repeat;}
.list p {font: normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif; padding-bottom:15px; background: transparent url('../../images/singledot.gif') bottom left repeat-x; }
.list img {padding-right:10px; float:left;}
#catintro p {font: normal 11px/1.8em Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0 0;}

/* product page */
#main h3 {width:562px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0; background: #fff url('../../images/singledot.gif') 0px 23px repeat-x;}
#main h3 span {background-color:#fff; margin-left:20px; padding:0 3px;}
#prodbox {float:left; width:28.7em; height:22em;}
#prodbox p, #prodbox strong {line-height:200%;}
#prodbox strong {color:#c00;}
#prodbox img{padding:0 10px 0px 0; margin-bottom:10px;}
#proddesc {clear:both; font: normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif; padding-top:15px; margin:0px 0 20px 0;}
#zoomin, #seeinside {position:relative; bottom:-82px; right:0;}
#prodorder {float:right; width:189px; padding-right:15px;}
#ordertop {height:29px; background: transparent url('../../images/ordertop.gif') top left no-repeat;}
#ordertop img {margin:10px 0 0 10px;}
#ordermid p {font: normal 11px/1.1em Arial, Helvetica, sans-serif; margin-top:-8px;}
#ordermid form {font: bold 12px/4em Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:12px 0 0 0; display:block;}
#ordermid img {vertical-align:middle; margin-bottom:5px;}
#orderbot img {margin:0 0 10px 15px;}
#ordermid {background: transparent url('../../images/ordermid.gif') top left repeat-y; padding:12px 12px;}
#orderbot {height:36px; background: transparent url('../../images/orderbot.gif') top left no-repeat; margin-bottom:5px;}
#related {float:left; padding:15px 0px;;}
#related p {font: bold 12px/1.1em Verdana, Arial, Helvetica, sans-serif;}
#upsellbox {clear:both;}
.upsell {float:left; width:134px; height:157px; background: transparent url('../../images/bgrelated.gif') top left no-repeat; margin:0 8px 0px 0; padding-bottom:8px;}
.upsell p {display:inline; float:left; padding: 12px 0 0 15px; font: normal 10px/1.4em Arial, Helvetica, sans-serif;}

#largedetails {position:relative; left:-80px; min-height:100px; float:left; clear:both;}
#largedetails p {line-height:180%; font: normal 12px/1.7em Verdana, Arial, Helvetica, sans-serif;}
#largedetails strong {color:#c00;}


/* wishlist page */
#wishtotal {margin:-10px 16px 0 0; width:563px;}
#wishtotal p {font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif; float:right; clear:both;}
#selectline {width:563px; font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif; float:left; margin-top:20px;}
.wishselect {float:left; width:50px; text-align:center;}
.wishdetails {float:left; width:285px;}
#selectline .wishdetails {padding-left:85px; width:200px;}
#selectline .wishdetails, #selectline .wishprice {line-height:300%;}
#selectline .wishselect input {margin-top:2px;}
.wishprice {float:left; width:60px; text-align:center;}
.wishadd {float:left; text-align:center;}
.wishprod {width:569px; font: normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif; float:left;  background: transparent url('singledot.gif') top left repeat-x;}
.wishprod img {float:left; padding-right:10px;}
.wishprod input {vertical-align:middle;}
.wishprod .wishselect input, .wishprod .wishprice {margin-top:44px;}
.wishprod .wishdetails {padding:12px 0;}
.wishdetails h4 {font: bold 12px/1.15em Arial, Helvetica, sans-serif; margin-bottom:35px;}
.wishdetails p {font: normal 10px/1.4em Verdana, Arial, Helvetica, sans-serif;}
.wishprod .wishprice {color:#c00; font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
.wishadd {float:right; width:157px; padding:40px 0 0 7px; text-align:right;}
#wishoptn {clear:both; float:left; padding-left:23px;} 
#wishoptn #line {float:left; width:540px; display:block; padding:0px 0 35px 0px; background: #fff url('../../images/singledot.gif') 0px 2px repeat-x;} 
#wishoptn span {background-color:#fff; margin-left:20px; padding:0 4px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; float:left; position:relative; top:-5px;}
.dottedlineV2 {width:24px; float:left; background: #fff url('../../images/singledotV.gif') 0px 18px repeat-y; height:25px; clear:left;}

/* search page */
#advanceddiv {margin:25px 0 25px 0; width:400px;}
#advanceddiv label, #advanceddiv p {padding:5px 0 7px 0; float:left;}
#advanceddiv input, #advanceddiv select {width:290px;}
#textline {padding:8px 0 11px 110px; float:left;}
#advanceddiv label {float:left; text-align:right; width:100px;}
#advanceddiv input, #advanceddiv select {float:right; display:inline;}
#advancedsearchbutt {width:88px; height:21px; background: #fff url('../../images/searchfull.gif') top left no-repeat; border:0; cursor:pointer; vertical-align:bottom; margin:13px 0 20px 110px; float:left; clear:both;}

/* basket page */
.baskettext {font: 11px Arial, Helvetica, sans-serif;}
#basketbox table {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; width:569px; padding:3px 0; float:left;}
table th, .tableborder {border-bottom:1px dotted #c5b73c; border-right:1px dotted #c5b73c;}
th, td {padding:7px;}
.noright {border-right: 0px dotted #c5b73c;}
#totalcell {font-size:11px; font-weight:bold; height:56px; padding:0;}
.totalline {font-size:12px; color:#c00; line-height:200%;}
table #topleft {background: #fff url('../../images/btopleft.gif') top left no-repeat;}
table #topright {background: #fff url('../../images/btopright.gif') top right no-repeat;}
table #botleft {background: #fff url('../../images/bbotleft.gif') top left no-repeat;}
table #botright {background: #fff url('bbotright.gif') top right no-repeat;}
.btop {background: #ff9 url('../../images/blinetop.gif') top left repeat-x;}
.bleft {background: #ff9 url('../../images/blineleft.gif') top left repeat-y;}
.bbot {background: #ff9 url('../../images/blinebot.gif') top left repeat-x;}
.bright {background: #fff url('../../images/blineright.gif') top right repeat-y;}
.bgcol {background-color:#ff9;}

#updatebasket {background: transparent url('../../images/update.gif') top left no-repeat; height:21px; width:61px; display:block; float:left; margin:0 0 20px 20px;}
#discountline {font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin:20px 0 5px 0;}
#discountline p {float:left;}

#updatebasketintable {background: transparent url('../../images/update.gif') top left no-repeat; height:21px; width:61px; display:block; float:left; vertical-align:top;}

#basketoptns {clear:both; float:left; line-height:150%; padding:20px 0 0 40px;}
#voucher {width:125px;}
#basketqty {width:33px;}
#basketoptns p {padding-top:5px; float:left; display:block;}
#continue {background: transparent url('../../images/btncontshop.gif') top left no-repeat; height:21px; width:149px; display:block; float:left; padding-bottom:70px; margin-left:32px;}
#proceed {background: transparent url('../../images/btncheckout.gif') top left no-repeat; height:21px; width:157px; display:block; float:left; margin-left:32px;}

/* flat pages */
#flatpage {margin:0 8px 15px 8px; width:563px;}
#flatpage p, #flatpage li {line-height:150%;}
#flatpage li {margin:0 0 0 16px; margin-top:8px;}
#flatpage ul {padding-bottom:12px;}
#flatpage p {margin-top:10px;}