html{
background-color:white;
overflow-y:scroll;
}
body{
font-family: Arial, Helvetica,sans-serif;
text-align:center;
line-height:16px;
}
#container{
width:939px;
margin:10px auto 20px auto;
text-align: right;
}
.innercontent{
font-size: 12px;
min-height: 360px;
}
#containerwrapper{
background-image: url(../images/contextbg.jpg);
background-position: right 0;
background-repeat: no-repeat;
}
.branding{
background-image: url(../images/snapirLogo.jpg);
background-position: 0 0;
background-repeat: no-repeat;
width: 287px;
height: 85px;
float:left;
}
#mainnavigation{
background-image: url(../images/menubg.jpg);
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 10px;
clear: both;
}
#mainnavigation .wrapper{
padding: 3px 10px 0 10px;
}
#search{
float: left;
width: 209px;
font-size: 11px;
}
#searchwrap{
background-image: url(../images/searchbg.gif);
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 21px;
}
#search a{
background-image: url(../images/searchbutton.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 24px;
height: 21px;
display: block;
float: left;
}
#search a:hover{
background-position: 0 -21px;
}
#search input{
border: 1px solid #cacaca;
width:160px;
float: right;
height: 19px;
}
#search label{
padding-right: 22px;
display: block;
}
#secondarymenu{
float:right;
width: 167px;
border-top: 1px solid #b7c7cf;
}
#maincontent{
width:739px;
float: left;
}
#content{
background-image: url(../images/contentbg.gif);
background-position: right top;
background-repeat: repeat-y;
margin-bottom: 30px;
}
#contentbg{
background-image: url(../images/contentbottom.gif);
background-position: right bottom;
background-repeat: no-repeat;
}
#top{
height: 93px;
}
#hp{
font-size: 12px;
}
.innerwrap{
padding: 3px 9px 20px 9px;
}
#bottommenu{
border-top:1px solid #2c80b4;
color:gray;
height: 29px;
text-align: center;
border-bottom:1px solid #2c80b4;
}
#bottommenu li{
display: inline;
line-height: 29px;
color:black;
font-size: 12px;
padding: 0 6px;
}
#bottommenu li a{
color:gray;
}
.seotext{
padding: 10px 10px 20px 10px;
font-size: 1.1em;
}
#topbar{
background-image: url(../images/topbg.jpg);
background-position: right top;
background-repeat: no-repeat;
}
.loginbutton{
height: 9px;
width: 14px;
display: block;
float: left;
background-image: url(../images/loginbutton.gif);
margin-top: 5px;
margin-right: 5px;
}
.loginpanel{
float: right;
padding-top: 2px;
margin-left: 10px;
}
#hpbanner{
width:316px;
height: 115px;
float: left;
}
#fieldchooser{
float: right;
width: 243px;
}
#brandingbar{
width:647px;
float: left;
}
#hpcontext{
background-image: url(../images/hpbg.jpg);
height: 147px;
margin-bottom: 3px;
}
#productfinder label{
display:block;
float:right;
line-height:32px;
clear:both;
}
.valigtop{
width:240px;
display:block;
margin:0px auto 4px;
}
#productfinder{
width: 314px;
float: right;
margin-top:24px;
}
#topbanner{
float: right;
width:303px;
}
#productsearch span{
display:block;
color:white;
font-weight:bold;
font-size:14px;
color:white;
padding-bottom:4px;
}
#productsearch input{
margin-top:-6px;
margin-right:6px;
display:block;
float:right;
}
#productsearch input.searchinput{
margin:0px !important;
border:2px solid #b9b9b9;
height:17px;
width:200px;
}
#productsearch{
float: left;
width:280px;
margin-top:30px;
}
#hpbar{
background-color: black;
color:white;
background-image: url(../images/blackarrow.gif);
background-position: right 4px;
background-repeat: no-repeat;
line-height: 23px;
font-size: 12px;
padding-right: 327px;
font-weight: bold;
}
#categorylogo{
float: right;
width:293px;
}
#categorydirectory{
font-size:11px;
margin-bottom: 5px;
}
#categorydirectory li{
background:none;
display: block;
float:right;
width: 166px;;
margin-bottom: 5px;
}
#breadcrumbs{
line-height: 23px;
background-image: url(../images/greenarrow.gif);
background-position: right 4px;
background-repeat: no-repeat;
padding-right: 28px;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
}
.treeseparator{
padding: 0 6px 0 3px;
display: block;
float: right;
}
.treelink{
display: block;
float: right;
color: white;
font-weight: normal;
}
.treelink:hover{
color:white;
text-decoration: underline;
}
#bottom{
margin: 20px 0 0 0;
}
#bottombanner{
height: 51px;
margin:10px 0 10px 0;
}
#productlist{
padding: 7px;
font-size:12px;
}
#productitemlist li{
display: block;
float: right;
margin-bottom: 20px;
list-style:none !important;
}
#productlist li{
display: block;
margin-bottom: 12px;
background: none;
}
#productlist img{
float: left;
height: 62px;
width: 62px;
margin-right: 10px;
border:1px solid #bdcad3;
}
.producttitle{
display: block;
color:black;
font-weight: bold;
margin-top:3px;
}
#productlist .aboutproduct{
color: #555555;
}
#productlist .productprice
{
display: block;
direction: rtl;
font-weight: bold;
}
.add2shoppingcart{
display: block;
}
.gotoproductpage{
display: block;
}
.add2shoppingcart:hover,.gotoproductpage:hover{
background:none !important;
}
#productlist .productrating{
background-image: url(../images/ratings.gif);
width: 77px;
height: 12px;
display: block;
text-indent: -9999px;
position: absolute;
top: 94px;
left:102px;
}
.rating2, .rating2:hover{
background-position: 0 -12px !important;
}
.rating3, .rating3:hover{
background-position: 0 -24px !important;
}
.rating4,.rating4:hover{
background-position: 0 -36px !important;
}
.rating5,.rating5:hover{
background-position: 0 -48px !important;
}
.rating0,.rating0:hover{
background-position: 0 -60px !important;
}
#productlist .productrating:hover{
background: url(../images/ratings.gif) no-repeat;
}
#productpage h1{
font-size: 16px;
line-height: 2em;
margin: 0 0 0.5em 0;
color:#565757;
font-weight: bold;
border-bottom:1px solid #565757;
}
#productpage {
}
#productdetails{
width:370px;
float:left;
}
#productimage{
width: 350px;
padding-top: 8px;
float:right;
}
#productlinks{
float: right;
width:130px;
margin-top:34px;
}
#productpage h2{
line-height: 23px;
background-image:url(../images/secondmenubg.jpg);
background-position: right bottom;
background-repeat:repeat-x;
padding-right: 10px;
color: #565757;
border-top:1px solid #2c80b4;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
font-size:14px;
}
#productpage .shortdescription{
margin: 0.5em 0;
}
#productpage .productprice{
font-size: 1.25em;
font-weight: bold;
margin: 0.5em 0;
}
#relatedproducts h3{
border-top:2px solid #2c80b4;
line-height: 23px;
background-image:url(../images/secondmenubg.jpg);
background-position: right bottom;
background-repeat:repeat-x;
padding-right: 10px;
color: #565757;
font-weight: bold;
margin-bottom: 10px;
margin-top: 30px;
font-size:12px;
}
table.shoppingcart{
text-align:center;
}
.shoppingcart a.remove{
color:#ff6000;
}
.plus, .minus{
color:#FF5900;
text-decoration:none !important;
}
.plus:hover, .minus:hover{
color:black;
background: #EFF3FC;
border:1px solid black;
}
table.quntity{
margin:0 auto;
}
table.quntity td{
border-bottom:0px solid red;;
}
.shoppingcart td{
padding:2px 0px;
border-bottom:1px solid gray;
}
.shoppingcart{
font-size:12px;
font-weight:bold;
}
tr.firstrow{
background:#5B8B30;
color:white;
}
.shoppingcart img{
height:78px;
}
.sumit SPAN{
font-size:13px;
font-weight:bold;
}
.sumit label{
display:block;
text-align:center;
font-size:13px;
}
.sumit{
background: url(../images/bulldog.jpg) no-repeat 0 0;
width:275px;
float:left;
}
#fieldchooser a{
width:119px;
height:151px;
display:block;
float:right;
text-align:center;
line-height:266px;
color:white;
font-weight:bold;
font-size:16px;
}
a.cats{
background: url(../images/catscategory.jpg) no-repeat 0 -151px;
}
a.dogs{
background: url(../images/dogscategory.jpg) no-repeat 0 -151px;
margin-left:5px;
}
a.cats:hover,a.selectedcats{
background: url(../images/catscategory.jpg) no-repeat 0 0px;
}
a.dogs:hover, a.selecteddogs{
background: url(../images/dogscategory.jpg) no-repeat 0 0px;
margin-left:5px;
}
#fieldchooser a:hover{
background-position:0px 0px;
text-decoration:none;
}
.cats_hover .dogs_hover{
background-position:0px 0px;
text-decoration:none;
}
.innercontent .okbutton{
font-size:13px;
font-weight:bold;
color:#3b5998;
background: #B6CDFE;
display:block;
float:left;
line-height:24px;
padding:0;
text-decoration:none;
border:1px solid #3b5998;
}
.innercontent .okbutton span{
background:url(../images/sendbuttonright.gif) no-repeat right top;
display:block;
padding:0 12px;
}
.innercontent .okbutton:hover{
color:#B6CDFE;
background: black;
border:1px solid #B6CDFE;
}
.textcontentarea{
padding:5px;
}
#searchresults{
background:white;
border:1px solid #b5b5b5;
padding:12px;
}
.minus{
padding:0px 2px 2px 2px;
}
.plus{
padding:2px 2px 0px 2px;
}
.plus, .minus{
display:block!important;
float:right !important;
width:10px;
height:11px;
line-height:10px;
border:1px solid gray;
text-align:center;
}
#qnty{
width:180px;
height:78px;
float:right;
}
#qnty a:hover{
color:white;
background: #FF6000;
}
.searchbutton{
background: url(../images/searchbutton.gif) no-repeat 0 0;
float:left;
display:block;
width:89px;
height:24px;
font-size:12px;
font-weight:bolder;
line-height: 22px;
text-align: center;
color:white;
margin-left:38px;
}
.searchbutton:hover{
text-decoration: none;
color:orange;
}
.coinsbutton{
background: url(../images/coins.gif) no-repeat 0 0;
line-height:58px;
display:block;
width:248px;
margin-bottom: 10px;
text-align:left;
padding-left:10px;
color:black;
margin-top:12px;
font-weight:bold;
}
.coinsbutton:hover{
background: url(../images/coins.gif) no-repeat 0 -92px !important;
color:yellow !important;
}
#sidemenu{
}
#sidemenu a{
padding-right:18px;
color:black;
border-bottom:1px solid #dcdcdc;
background: white url(../images/arrow.gif) no-repeat 265px 5px;
}
#sidemenu a:hover{
background: #71AE3B url(../images/arrow.gif) no-repeat 265px -36px;
color:white;
}
#sidemenu li,#sidemenu a{
display:block;
}
div.domTTOverlib {
background-color: #f4f4f4;
border:1px solid #333333;
color: #333333;
font-weight: normal;
left: 0;
top: 0;
position: absolute;
text-align: right;
font-size: 1.2em;
z-index: 20;
-moz-border-radius: 10px 10px 10px 10px;
}
.tooltip .wrap{
padding: 15px;
}
.tooltip a{
background-image: url(../images/busket.jpg);
background-position: right 2px;
padding-right: 20px;
background-repeat: no-repeat;
display: block;
line-height: 20px;
margin: 0.5em 0;
font-weight: bold;
}
.tooltip h2{
margin: 0 0 0.5em 0;
font-size: 18px;
}
.tooltip .productprice
{
font-weight: bold;
}
.tooltip{
width:300px;
min-height:180px;
}
.tooltip img{
float:right;
width:120px;
margin-left:10px;
margin-bottom:10px;
display: block;
}
.tooltip .details{
float:left;
width:140px;
}
#totalsummary{
margin:145px 20px 20px 20px;
height:100px
}
.shopingcartpanel{
}
th{
font-weight:bold;
padding:2px 0;
}
.ordertable td{
border-bottom:1px solid #015990;
padding:3px 0;
}
.sumtable{
margin-top:24px;
}
.sumtable em{
font-weight:bold;
padding:0 12px;
}
.sumtable td{
padding:2px 0;
}
.orderInformation input,
.orderInformation textarea{
width:240px;
}
.checkInput input{
width:16px;
border:0px !important;
margin-left:5px;
display:inline-block;
}
.orderInformation select{
width:116px;
}
.deliverydetails{
padding-top:20px;
}
.error{
color:red;
}
.linkbutton{
text-decoration:underline;
color:white;
font-size:13px;
}
.linkbutton:hover{
color:white;
}
.registraionform input{
width:220px;
margin-bottom: 6px;
#margin-bottom: 0px;
padding:1px 2px;
border: 1px solid #015990;
}
.registraionform label{
font-weight:bold;
}
.registraionform .label{
font-weight:bold;
}
.formtable tr td input{
border:1px solid #015990;
padding:1px;
width:220px;
}
.loginbk label{
font-weight:bold;
}
.loginbk input{
padding:2px;
border:1px solid #679031;
width:400px;
}
.underlineanchor:hover{
text-decoration: underline !important;
}
.paymentdiv input, .paymentdiv textarea{
padding:2px;
border:1px solid #015990;
margin:3px 0px;
# margin:0px;
}
.paymentdiv{
background:white;
border:1px solid #015990;
padding:10px;
}
.contactformdiv{
min-height: 250px;
}
.contactformdiv .requred{
color:red;
}
.contactformdiv input,
.contactformdiv textarea{
width:220px;
padding:1px 2px;
border:1px solid #015990;
margin-bottom:4px;
}
.contactformdiv label{
width:92px;
font-weight:bold;
display:block;
float:right;
}
.manufacters a:hover{
text-decoration:none;
}
.manufacters{
margin-top:12px;
}
.manufactersmargin{
width:4px;
height: 0px;
display:inline-block;
}
#firstlevelnavigation{
border-bottom:2px solid #b6cdfe;
}
#firstlevelnavigation li{
display: block;
float: right;
}
#firstlevelnavigation a.selectednode{
background-color: #b6cdfe;
border-bottom: 2px solid #b6cdfe;
text-decoration: none;
border-top: 2px solid #b6cdfe;
color:#354568;
}
#firstlevelnavigation li a{
color:white;
background-color: #3b5998;
font-size: 1.2em;
font-weight: bold;
padding: 0 32px;
border-top: 2px solid white;
line-height: 29px;
display: block;
border-bottom: 2px solid white;
}
#firstlevelnavigation li a:hover{
background-color: #b6cdfe;
border-bottom: 2px solid #b6cdfe;
border-top: 2px solid white;
text-decoration: none;
color:#354568;
}
#firstlevelnavigation a.selectednode:hover{
border-top: 2px solid #b6cdfe;
}
#secondlevelnavigation li{
display: block;
float: right;
}
#secondlevelnavigation a.selectednode{
font-weight: bold;
}
#secondlevelnavigation{
line-height: 22px;
height: 22px;
font-size: 1.1em;
color: #2e2f2f;
background-image: url(../images/secondmenubg.jpg);
background-position: left top;
background-repeat: repeat-x;
margin-top: 2px;
margin-bottom: 22px;
}
#secondlevelnavigation li a{
margin:0 6px;
display: block;
padding-right: 9px;
background-image: url(../images/arrow.gif);
background-position: right 8px;;
color:#2e2f2f;
background-repeat: no-repeat;
}
#contextbar{
height: 62px;
margin-bottom: 8px;
}
#centerbanner{
width: 507px;
height: 62px;
margin-left: 25px;
float: left;
}
#rightbanner{
float: right;
width:167px;
height: 62px;
}
.categorycube{
height: 202px;
width: 166px;
background-image: url(../images/cubebg.gif);
position: relative;
}
.categorycube h2{
background-image: url(../images/cubetop.gif);
padding: 3px 10px;
text-align: center;
font-size: 12px !important ;
color: #565757;
}
.categorycube h2 a{
color: #565757;
}
.categorycube img{
width: 146px;
height: 146px;
}
.categorycube .imagewrap{
padding: 4px 10px 4px 10px;
}
.categorycube a.morelink{
position: absolute;
left: 20px;
bottom:4px;
font-size: 11px;
display: block;
padding-left: 10px;
background-image: url(../images/morearrow.gif);
background-position: left 6px;
background-repeat: no-repeat;
}
.categorycube a:hover{
background-position: left -21px;
text-decoration: none;
}
#contentcolumn{
float:right;
width:507px;
}
#contextcolumn{
width:209px;
float: left;
}
#leftcube h2{
background-image: url(../images/leftcubebg.gif);
color:white;
font-size: 1.2em;
font-weight: bold;
padding: 3px 10px;
}
#leftcube {
background-image: url(../images/leftcubebgg.gif);
border-bottom: 1px solid #b7c7cf;
margin-bottom: 10px;
}
#sidemanagedmenu li{
display: block;
background-image: url(../images/sidemenuseparatro.gif);
background-position: left bottom;
background-repeat: repeat-x;
font-size: 1.2em;
padding-bottom: 1px;
}
#sidemanagedmenu li a{
padding:0 17px;
display: block;
margin: 0 1px;
}
#sidemanagedmenu li a span{
display: block;
color:#565757;
font-weight: bold;
padding:9px 10px;
background-image: url(../images/sidemenuarrow.gif);
background-position: right 15px;
background-repeat: no-repeat;
}
#sidemanagedmenu li a:hover span,
#sidemanagedmenu li a:hover,
#sidemanagedmenu li a.selectednode{
background-color: white;
text-decoration: none;
}
#manufacterstrip a{
margin-left: 17px;
}
#manufacterstrip{
background-image: url(../images/manufactersbg.gif);
height: 137px;
}
#manufacterstrip h2{
color:white;
font-size: 1.2em;
font-weight: bold;
padding: 4px 10px 4px 10px;
}
#manufacterstrip .wrap{
padding: 10px 18px 10px 0px;
}
#logos_scroll
{
width:480px;
overflow:hidden;
white-space: nowrap;
text-align: right;
}
#linksmenu{
font-size: 1.2em;
margin: 10px 20px 0 0;
float: right;
}
.linksseparator{
padding: 0 10px;
}
#productdata{
float: right;
width: 330px;
margin-top:6px;
}
.backtocataloglink{
display:block;
background-image: url(../images/returnimage.jpg);
background-position: right -29px;
background-repeat: no-repeat;
padding-right: 40px;
line-height: 29px;
font-weight: bold;
margin-bottom: 10px
}
.buybtn:hover,.backtocataloglink:hover{
background-position: right 0;
}
.buybtn{
display:block;
background-image: url(../images/basket.jpg);
background-position: right -29px;
background-repeat: no-repeat;
padding-right: 40px;
line-height: 29px;
font-weight: bold;
margin-bottom: 10px
}
.maintextarea{
padding-left: 200px;
}
.abstracttext{
margin: 1em 0;
}
#pricesummary{
text-align: left;
margin-left: 100px;
margin-top:1em;
width:200px;
float: left;
font-weight: bold;
}
#pricesummary span{
display: block;
width: 140px;
float: right;
}
#pricesummary span.money{
display: block;
width: 60px;
float: left;
}
#totalprice{
font-size: 1.25em;
margin-top:0.5em;
}
.regUserTD{
padding-left:213px;
#padding-left:201px;
}
.usersbg {
background: #EFF3FC;
border:1px solid #015990;
margin:8px 0px;
}
.userEntrance input{
border: 1px solid #015990;
width:270px;
}
.userEntrance{
width:280px;
background:white;
padding:10px 167px 10px 10px;
#padding:10px 177px 10px 10px;
background: #EFF3FC;
}
.productLink img{
display:block;
}
a.productLink{
display: block;
height:120px;
width:120px;
margin-left:7px;
border: 1px solid #015990;
padding:4px;
}
span.imgTitle{
margin-left:4px;
display:block;
margin-bottom:6px;
color:#015990;
font-size:13px;
font-weight:bold;
padding:4px;
}
.paymentoption input{
border:0px;
}
.innercontent .forgotpass{
display:block;
float:right;
}
.innercontent .forgotpass:hover{
text-decoration:underline;
}
.formtable input{
margin-bottom:4px;
}
.shortdtl{
width:59px !important;
#width:61px !important;
}
.passwordremainder .right{
float:right !important;
}
.LoginSTable label{
display:block;
float:right;
width:86px;
font-weight:bold;
padding-bottom:12px;
}
.LoginSTable input{
width:160px;
}
#myaccount a{
font-weight:bold;
font-size:1.1em;
display: inline-block;
}
#myaccount a:hover{
text-decoration:underline;
}
#myaccount li{
list-style: disc !important;
list-style-position: inside;
padding:3px 0;
color:#015990;
}
#myaccount {
margin-right:12px;
margin-top:24px;
}
.myorders th,
.myorders td{
text-align: right;
padding:4px;
border-bottom:1px solid white;
}
.myorders th{
background: #B6CDFE;
color:#015990;
}
.myorders td a{
color:white;
display: block;
padding:0px 3px;
}
.myorders td a:hover{
background:white;
color:#015990;
}
.myorders td{
background: #015990;
color:white;
}
.vieworder td{
background: white;
color:#015990;
}
.orderlabel{
color:#272727 !important;
font-weight:bold;
vertical-align: top;
}
.vieworder table td{
border-bottom: 1px solid #e0e0e0;
}
.totalshippingprice label{
display:block;
float:right;
width:126px;
}
.totalshippingprice td{
}
.totalshippingprice{
MARGIN-TOP:24px;
font-weight:bold;
color:#015990;
}
.totalpricediv,
.totalpriceborderdiv{
border-bottom: 1px solid #e0e0e0;
}
.stambutton{
margin-top:12px;
display:block;
font-weight:bold;
}
.stambutton:hover{
text-decoration: underline;
}
#productProperty select{
width:76px;
font-family: inherit;
}
#productProperty label{
display: block;
float:right;
width:66px;
padding-bottom:8px;
font-weight:bold;
}
#productProperty{
margin-top:16px;
}