html, body{margin: 0; padding: 0; background-color: #bcc4b9;}
img{border: none;}

/* Start of LAYOUT */
#layoutId{margin: 0 auto; width: 918px; background: url(../img/design/shadow.gif) repeat-y; font-size: 10px; font-family: Arial, sans-serif;}
#layout2Id{padding: 0 0 9px 0; background: url(../img/design/bottom.gif) bottom no-repeat;}
#layout3Id{margin: 0 10px; width: 898px; border-bottom: 1px solid #bcc4b9;}
#topBoxId{height: 225px;}
#topLeftBoxId{float: left; width: 210px; height: 225px;}
#topLeftLogoId{width: 209px; height: 71px; background: url(../img/design/logobackground.gif) repeat-x;}
#topLeftCartId{width: 209px; height: 87px; background: url(../img/design/cart.jpg);}
#topRightBoxId{float: left; width: 688px; height: 225px;}
#topRightMenuId{position: relative; height: 45px; background: url(../img/design/menustrip.gif) top repeat-x;}
#topRightBannerId{height: 180px; background: url(../img/design/pic.jpg) no-repeat;}
#bannerTextId{padding: 50px 350px 10px 110px; font-size: 16px; line-height: 30px; font-family: Trebuchet MS, sans-serif; color: #fff; }
#menuBoxId{float: left; width: 164px; height: 209px; background: url(../img/design/menu.jpg);}
#mainBoxId{width: 898px; background: url(../img/design/mostwantedstrip.gif) repeat-y;}
#mainBoxWiderId{width: 898px; background: url(../img/design/nonmostwantedstrip.gif) repeat-y;}
#searchSortGroupBoxId{float: left; margin-top: -67px; width: 209px; background-color: #2b2b2b;}
#searchBoxId{position: relative; width: 209px; height: 67px; background: url(../img/design/search.jpg);}
#sortGroupBoxId{background: url(../img/design/sortgroupstrip.gif) repeat-y;}
#sortGroupBox2Id{background: url(../img/design/sortgroup.jpg) top no-repeat;}
#sortGroupBox3Id{background: url(../img/design/sortgroupbottom.gif) bottom no-repeat;}
#sortGroupId{padding: 35px 16px 20px 16px;}
#categoryMakerId{width: 176px; height: 18px;}
.categoryMaker{display: block; float: left; padding-top: 2px; width: 88px; height: 18px; color: #d8fdff; text-decoration: none; text-align: center;}
.categoryMaker:hover{color: #eea552; background: url(../img/design/categorymaker.gif) repeat-x;}
#sortGroupMenuId{clear: left; padding-top: 10px; padding-right: 6px;}
#contentBoxId{float: left; width: 689px;}
#actionContentBoxId{float: left; width: 480px;}
#mostWantedBoxId{position: relative; float: left; width: 208px; padding: 32px 0; background: url(../img/design/mostwanted.jpg) top no-repeat;}
#mostWantedShadowId{position: absolute; width: 210px; height: 23px; top: -23px; background: url(../img/design/mostwantedshadow.jpg) no-repeat;}
#footerId{bottom: 0; left: 0; width: 898px; height: 48px; color: #0070a7; background: url(../img/design/footer.jpg);}
#raynetId a{display: block; width: 209px; height: 48px; background: url(../img/design/footer.jpg);}
/* End of LAYOUT */

.clearBoth{clear: both;}

#totalId{padding: 45px 20px 20px 40px; font-size: 14px; font-weight: bold; color: #89c672;}
#totalId a{text-decoration: none; color: #89C672;}

.menu a{display: block; float: left; padding: 12px 15px 11px 15px; font-size: 18px; font-family: Arial, sans-serif; color: #545c51; text-decoration: none;}
.menu a:hover{color: #fff; background: url(../img/design/menuhoverstrip.gif);}
#menuLoginId{position: absolute; padding: 10px 10px 0px 10px; font-weight: bold; right: 0px; width: 120px; height: 44px; background: url(../img/design/menuseparator.gif) top left no-repeat;}
#menuLoginLabelId{font-size: 10px; text-align: center; color: #666;}
#menuLoginTextId{overflow: hidden; width: 120px; font-size: 14px; text-align: center; color: #080;}
.menu2 {display: block; padding: 3px 0 2px 10px; font-size: 12px; font-family: Arial, sans-serif; color: #c1e1ff; text-decoration: none;}
.menu2 a{display: block; padding: 3px 0 2px 10px; font-size: 12px; font-family: Arial, sans-serif; color: #c1e1ff; text-decoration: none;}
.menu2 a:hover{color: #c9a174; background: url(../img/design/menu2.gif) left center no-repeat;}
.menu3 a{display: block; border-bottom: 1px solid #616360; margin-left: 10px; padding: 3px 0 2px 12px; font-size: 11px; font-family: Arial, sans-serif; color: #a4bfd9; text-decoration: none;}
.menu3 a:hover{color: #c9a174; background: url(../img/design/menu2.gif) left no-repeat;}

ul{margin: 0; padding: 0; line-height: 24px; list-style: none;}
ul li{margin: 0; padding: 0 0 0 20px; background: url(../img/design/contentarrow.gif) 0 center no-repeat;}

#searchFieldBoxId{position: absolute; top: 17px; left: 30px; width: 128px; height: 16px;}
#searchFieldId{width: 128px; height: 16px; color: #0D1A7A; line-height: 16px; border: none; background: none;}
#searchButtonBoxId{position: absolute; top: 16px; left: 170px; width: 20px; height: 18px;}
#searchButtonId{width: 20px; height: 18px; border: none; font-size: 14px; font-weight: bold; line-height: 24px; background: url(../img/design/searchbtn.jpg) no-repeat; color: #c1e1ff;}
#searchBoxId a{display: block; position: absolute; top: 44px; left: 30px; color: #cce; text-decoration: none;}
#searchBoxId a:hover{text-decoration: underline;}

/* Start of CONTENT */
#actionLabelId{height: 48px; background: url(../img/design/actionlabel.jpg) no-repeat;}
#actionLabelIdNone{padding-left: 40px; padding-top: 10px; height: 38px; background: url(../img/design/actionlabel_none.jpg) no-repeat; color: #e48216; font-size: 24px; font-weight: bold; text-align: left;}
#itemLabelId{background: url(../img/design/itemy.gif) repeat-y; border-bottom: 1px solid #e4e8e3;}
#itemLabel2Id{padding: 10px 40px; color: #e48216; font-size: 18px; font-weight: bold; text-align: left; background: url(../img/design/item.jpg) top left no-repeat;}
#categoryBoxId{width: 689px; height: 24px; background: url(../img/design/category.jpg) top left no-repeat;}
#categoryBox2Id{padding: 2px 0 0 15px; font-size: 10px; font-family: Arial, sans-serif; color: #2a418d;}
#categoryBox2Id img{border: none; margin: 0 4px; margin-bottom: -4px;}
#categoryBox2Id select{_margin-top: -1px; font-size: 10px; font-family: Arial, sans-serif; color: #2a418d;}
.productBox{float: left; overflow: hidden; width: 239px; height: 170px; border-bottom: 1px solid #E4E8E3; border-left: 1px solid #BCC4B9; background-color: #fff;}
 #mainBoxWiderId .productBox{width: 343px;}
.product{padding: 12px; height: 148px; background: url(../img/design/sortbackground.gif) repeat-x;}
 #mainBoxWiderId .product{padding: 12px 24px;}
.product a{text-decoration: none; color: black;}
.product a:hover{text-decoration: none;}
.productTopInfo{height: 138px;}
.productImage{float: left; width: 130px; height: 120px; border: none; background-repeat: no-repeat;}
.productCodeLabel{padding-left: 135px; font-size: 10px;}
 #mainBoxWiderId .productCodeLabel{padding-left: 180px; font-size: 11px;}
.productCode{padding-left: 135px; padding-top: 4px; font-size: 11px; font-weight: bold;}
 #mainBoxWiderId .productCode{padding-left: 180px; padding-top: 4px; font-size: 12px;}
.productPrice{padding-left: 135px; padding-top: 10px; font-size: 17px; font-weight: bold; font-family: Georgia, serif; color: #00ac00;}
 #mainBoxWiderId .productPrice{padding-left: 180px; padding-top: 10px; font-size: 18px;}  
.addToCart a{display: block; margin-left: 145px; margin-top: 10px; width: 61px; height: 42px; background: url(../img/design/addtocart.gif) no-repeat;}
 #mainBoxWiderId .addToCart a{margin-left: 185px;} 
.productLabel a{font-size: 14px; font-weight: bold; color: #2a418d;}
 #mainBoxWiderId .productLabel a{font-size: 16px;}
.productOverview{padding-top: 10px; font-size: 11px;}
 #mainBoxWiderId .productOverview{overflow: hidden; width: 300px; font-size: 13px;}

#productsAsTableId{padding: 6px 15px 0 15px;}
.productLabelAsTable a{display: block; float: left; padding: 0; width: 600px; font-size: 11px; text-decoration: none; font-weight: bold; color: #2a418d;}
.productLabelAsTable a:hover{width: 600px; background: #ddd;}
.productPriceAsTable{font-size: 12px; font-weight: bold; color: #00ac00; text-align: right;}
.productOverviewAsTable a{display: block; border-bottom: 1px solid #eee; width: 600px; padding: 0 40px 6px 10px; font-size: 11px; text-decoration: none; text-align: justify; color: #666;}
.productOverviewAsTable a:hover{text-decoration: underline;}

.textContent{padding: 15px; text-align: left; font-size: 11px; color: #585a57; line-height: 12px;}
.textContent table{width: 100%; border-collapse: collapse;}
.textContent table th{background-color: #ccffff;}
.textContent table tr{color: #585a57;}
.textContent form{color: #585a57;}
.textContent legend{padding: 20px 0 20px 0; color: #e48216; font-size: 14px; font-weight: bold;}
#textContentNotSignupId{padding: 50px; text-align: center; font-size: 14px; font-weight: bold; line-height: 30px; color: #e48216;}
#registrationContentId{padding-top: 20px; padding-left: 160px;}
img{border: none;}
fieldset{margin: 0px; padding: 0px; font-weight: bold; border: none;}
legend{padding: 20px 0 10px 0px; color: #e48216;}
.usersTable{width: 100%; text-align: left; color: #585a57;}
.usersLabelTable{width: 50%;}
.usersTable input{border: 1px solid #cdd;}
.usersTable select{border: 1px solid #cdd;}
.userLabelWidth{width: 120px;}
.usersSubmit input{font-size: 14px; font-weight: bold; color: #fff; border: 1px solid #cdd; background: #e48216;}

#loginId{padding: 50px 220px; font-size: 11px; color: #585a57;}
#loginId table{width: 200px;}
#loginId td{width: 50%; text-align: center;}
#loginId .textField{width: 142px; height: 29px; background: url(../img/design/textfieldbright.gif) no-repeat;}
#loginId .textField input{margin: 0; padding: 0; padding-top: 6px; width: 132px; height: 29px; border: none; background: none;}
#loginId .submitButton{display: inline;}
#loginId .submitButton input{font-size: 14px; font-weight: bold; color: #fff; border: 1px solid #cdd; background: #e48216;}

.productDetails{background-color: #fff;}
.productDetailsPicture{float: left; width: 300px; height: 240px;}
.productDetailsInfo{overflow: hidden; float: left; width: 350px; height: 240px; font-size: 10px; font-weight: bold;}
.productDetailInfoWOadd{padding-bottom: 15px;}
.manufacturerWidth{width: 100px;}
.detailValue{padding: 4px 0; font-size: 12px; font-family: Verdana, sans-serif; color: #555;}
.detailValue a{padding: 4px 0; font-size: 12px; font-family: Verdana, sans-serif; color: #555;}
.detailValue a:hover{text-decoration: none;}
.prizeWVat{padding: 4px 0; font-size: 18px; font-family: Verdana, sans-serif; color: #00ac00;}
.addToBasketTable{padding-top: 30px; border-top: 1px solid #e4e8e3;}
.addToBasket{font-size: 10px;}
.addToBasketWidth{width: 55px; vertical-align: top;}
.addToBasketSubmit{font-weight: bold; color: #fff; border: 1px solid #cdd; background: #e48216;}
.productDetailsTextBox{margin-top: 40px; border: 1px solid #c9cbc8; background-color: #dddfdc;}
.productDetailsText{line-height: 20px; text-align: justify; padding: 20px; color: #2f312f;}
.inputerror{border: 1px solid red;}
.comment{color: #585a57; font-size: 11px; display: inline;}
input.inputerror{border: 1px solid red;}

#searchResultId{width: 689px; height: 24px; font-size: 12px; font-weight: bold; color: #fff; background-color: #aaa;}
#searchResult2Id{padding: 4px 0px 0px 14px; font-weight: bold; color: #fff; background-color: #aaa;}
#searchResult2Id a{color: #fff;}
#searchResult2Id a:hover{text-decoration: none;}

#searchAdvanceId{margin: 0 0 0 1px; width: 688px; height: 110px; background-color: #eef;}
.formElement{float: left; padding: 8px 12px; font-size: 10px; font-weight: bold; color: #585a57;}
#searchAdvanceId input, #searchAdvanceId option{font-size: 10px;}
.usersSubmit input{font-size: 14px;}

#numberingId{clear: left; padding: 10px 0; text-align: center; font-size: 14px; color: #aaa;}
#numberingId a{color: #111; text-decoration: none;}
/* End of CONTENT */

.mostWantedProductsBox{padding: 0 14px;}
.mostWantedProduct{width: 178px; border: 1px solid #b5b7b3; border-top: none;}
.mostWantedImageBox{overflow: hidden; padding-top: 0px; width: 178px; height: 160px;}
.mostWantedImage{padding-top: 40px; width: 178px; height: 120px; background-repeat: no-repeat;}
.mostWantedData{padding: 10px;}
.mostWantedLabel a{display: block; text-decoration: none; font-size: 14px; font-weight: bold; color: #2a418d;}
.mostWantedOverview{padding-top: 10px; font-size: 11px;}
.mostWantedPrice{text-align: right; padding-top: 10px; font-size: 18px; font-weight: bold; color: #00ac00;}

.basketTable td{padding: 5px 2px;}
.basketTable a{text-decoration: none;}
.basketTable a:hover{text-decoration: underline;}
.adminOrdersStuff{overflow: hidden; width: 40%;}
.pcs{width: 7%;}
.adminOrdersPrize{width: 15%;}
.adminOrdersPrizeTotal{width: 15%;}
.adminActions{width: 23%;}
.atcid{margin: 4px 10px 4px 0; overflow: hidden; width: 240px;}
.atcid form{display: inline;}
#adminOrdersPrizeTotalId{font-size: 12px; font-weight: bold;}
.basketAlias{padding-left: 100px; font-size: 14px; font-weight: bold; color: #e48216; text-decoration: none;}
.basketAlias:hover{ text-decoration: underline;}