body { margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; font-family: 'Verdana'; font-size: 12px; } body { background: #384367 url(../images/BgBody.jpg) repeat-y center; color:#2f2928; } /* General Links */ a:link { color: #3D486E; text-decoration : underline; border: 0px;} a:active { color: #3D486E; text-decoration : none; border: 0px;} a:visited { color: #3D486E; text-decoration : underline; border: 0px;} a:hover { color: #618ecd; text-decoration : none; border: 0px;} img { padding: 0px; margin: 0px; border: none;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } .input { color: #2f2928; font-size: 12px; } .inputH { font-family: "Verdana"; height:12px; line-height:12px; color: #2f2928; font-size: 12px; border:2px solid #FFFFFF; font-weight: bold; text-align:right; } .InputSelect { font-size:10px; font-family:'Verdana' } textarea { color: #2f2928; font-size: 12px; } select { color: #2f2928; font-size: 11px; } form { padding:0; margin:0; } h1, h2, h3 { font-family: "Verdana"; } h4 { font-family: 'Verdana'} #NavBot { background: #fff; width: 960px; margin: 0 auto; text-align: left; } /* IE min height hack */ * html #mContent { height: 250px;} #mContent, #mwContent { padding: 0; margin:0; float: left; min-height: 250px; margin-top:0px; padding-top:10px; } #mContent { background: url(../images/BgContainer.gif) no-repeat left top; height:10xp; } #mwContent { background: url(../images/BgArtContainer.gif) no-repeat left top; height:10xp; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .LeftW { float: left; width: 775px; margin-right: 10px; } .LeftAW { float: left; width: 960px; } .RightW { float: left; width: 775px; margin-left: 10px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - SYSTEM, RIGS - */ .ContentR { float: right; width: 775px; padding: 5px 0 0 0px; } .ContentR ul { } .ContentR l1 { font-size:10px; } .IBox1{ border: 1 solid #3D486E; font-family: "Verdana"; background-color:#FFFFFF; padding-left:10px; color:#000000; font-size: 12x; font-weight : normal; } .IBox2 { border: 0 solid #3D486E; font-family: "Verdana"; background-color:#FFFFFF; padding-top:6px; text-align:center; font-size:20px; color:#ff7602; font-weight:900; line-height: 14px; } .IBox3 { border: 0 solid #000000; font-family: "Verdana"; background-color:#FFFFFF; padding-top:0px; font-size:12px; color:#000000; font-weight:normal; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Content { width: 590px; padding:0; margin:0; } .wContent , .Content { float: right; padding-top: 10px; } .wContent { width: 775px; } .wContent .iC, .Content .iC { float:left; vertical-align:middle; padding-bottom:20px; } .wContent .iC { width: 755px; } .Row { padding: 3px 3px 3px 0; border-bottom:2px solid #fffaf5; } .Content h1 { font-size: 13px; letter-spacing: 0px; font-weight: bold; font-family: "Tahoma"; padding:0; margin: 0px; color:#3D486E; text-decoration:none; } .wContent h2, .Content h2 { font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: "Verdana"; padding:0; margin: 0px; color:#3D486E; text-decoration:underline; } .Content h3 { font-size: 14px; letter-spacing: 0px; font-weight: bold; font-family: "Verdana"; padding:0; margin: 0px; color:#333333; text-decoration:underline; } .Content .T50 { float:left; width:288px; } .Content .BG1 { background-color: #fff; border-right: 2px solid #f9f9f9; } .Content .BG2 { background-color: #fff; } .Content .Title { float:left; width:510px; color:3D486E; } .wContent .Title { float:left; width:670px; color:3D486E; } .Content .iR { float:left; width:590px; color:3D486E; } .Content .Back , .wContent .Back { float:left; width:80px; line-height:18px; text-align:right; } .Content .Back a { color:#6d6d6d; } .Content .TD { border: 1px solid #f6f7f9; } .Content .TRH { background-color:#f6f7f9; font-weight:bold; text-decoration:none; } .Content .TH { font-weight:bold; text-decoration:none; } .Content .TC { text-decoration:none; } .Content .TexU { text-decoration:underline; } .Content .Row { border-bottom:1px solid #eef0f2; } .Content .RowO { background-color: #e7e8ed; cursor: pointer; line-height:14px; } .Content .RowH { background-color: #da251d; cursor: e7e8ed; line-height:14px; } .Content .Warn{ float:left; vertical-align:middle; width:100%; font-size:12px; font-weight:bold; color:#CC0000; padding:5px; text-align:center; } .Content .WarnS { float:left; vertical-align:middle; width:100%; font-size:10px; color:#CC0000; padding:5px; text-align:center; } .Content li { padding:5px; font-size:14px; } .Content .Trail { font-weight:12px; color:#333333; padding: 0 0 5px 0; } .Content .Head { margin: 5px 0 5px 0; } .ContentHalf { float:left; width:280px; display:block; border-bottom:1px solid #eef0f2;} .CHaL { float:left; width:60px; vertical-align:middle; text-align:center; padding:5px 2px 5px 2px; overflow:hidden; } .CHaR { float:right; width:200px; color:#000000; padding: 5px 2px 0px 2px; } .CHaR h1 a { text-decoration:none; } .Desc { width: 100%; color:#666666; font-size: 11px; line-height:14px; } .Small { color:#999999; font-size: 10px; font-weight:normal; } .sIMG { height:50px; border: 2px solid #f6f6f6; } .TS11 { font-size:11px; font-weight:normal; color:#333333; } .TS10 { font-size:9px; color:#3D486E; } a.CT2 { color:#3D486E; font-family: 'Verdana'; font-size: 12px; text-decoration: underline; } a.CT2:hover { color:#000000; font-family: 'Verdana'; font-size: 12px; text-decoration: underline; } .CT3 { font-size:10px; color:#3D486E; font-weight:bold; } .CT4 { color:#333333; font-family: 'Verdana'; font-size: 10px; line-height: 12px; } .CT5 { color:#333333; font-family: 'Verdana'; font-size: 12px; line-height: 14px; } .CTG { font-family: 'Verdana'; font-size: 11px; color:#999999; } .CTR { font-family: 'Verdana'; font-size: 11px; color:#e93429; } .CTO { color:#ff7602; } .SR { text-decoration:underline; color:#ff7908; font-weight:bold; } .BoxContent { float: right; width: 590px; padding:0; } .wContent { float: left; width: 730px; padding: 0 5px 0 5px;} .BoX { float:left; width:165px; border:1px solid #eef0f2; padding:4px; margin-bottom:4px; text-align:center} .BoX .Row { border-bottom:1px solid #eef0f2; } .BoXh, .BoXCh { float:left; width:175px; height:26px; margin-top:4px; } .BoXh { background: url(../images/BoXHead.png) no-repeat 0 0; } .BoXCh { background: url(../images/BoXContactHead.png) no-repeat 0 0;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header { background: url(../images/HeaderTop.jpg) no-repeat left bottom; } .header { width: 960px; height:105px; position: relative; } .header h1 { font-size: 32px; letter-spacing: -2px; font-weight: normal; font-family: "Trebuchet MS"; padding: 20px 0px 20px 10px; margin: 0px; text-transform: lowercase;} .loginbox { float:left; width: 175px; height:150px; font-weight:bold; padding: 2px 0 2px 0; text-align:center; vertical-align:top; } .loginbox .toLin .Lpadd { padding: 0px 0 0 10px; } .loginbox .toLin .Lt { float:left; width:115px; padding:0; margin:0; } .loginbox .toLin .Lr { float:right; width:45px; padding: 15px 0 0 0 ; } .loginbox form { padding:0; margin:0; } .loginbox .input { font-size: 11px; padding: 2px;} .loginbox p { padding: 0px 10px 0px 0px; margin: -0px -0px 0px -10px; top: 0px; background: none; float: center; } .loginbox .arrow { background: url(../images/ButtonArrow.png) no-repeat; width: 34px; height: 22px; } .loginbox .arrow:hover { background:url(../images/ButtonArrow.png) no-repeat 0 -22px; } .loginbox .arrowIE { background: url(../images/ButtonArrow.png) no-repeat 0 -22px; } .cartbox { background:url(../images/CartBoxBG.jpg) no-repeat 0 0px; float:left; width: 175px; height:85px; vertical-align:middle; padding: 0 0 0 0; text-align:center; cursor:pointer; } .cartbox { font-size: 11px; font-family: 'Tahoma'; font-weight:bold; color:#FFFFFF; letter-spacing:0px; text-decoration:none; } .cartbox .red { font-size: 11px; color:#ff7707; } .loginbox .toLin{ background:url(../images/LoginBoxLin.jpg) no-repeat 0 0px; float:left; width: 175px; height:150px; font-weight:bold; text-align:left; vertical-align:top; } .loginbox .toLin .R { width:160px; text-align:center; line-height:13px; } .loginbox .toLin .aRw{ color:#FFFFFF; font-size:10px; } .loginbox .toLin .aRr{ color:#ff7707; font-size:10px; } .loginbox .toLin .aRw:hover { } .loginbox .toLin .aRr:hover { } .loginbox .toLout{ background:url(../images/LoginBoxLout.jpg) no-repeat 0 0px; float:left; width: 175px; height:150px; font-size: 11px; font-family: 'Tahoma'; font-weight:bold; color:#FFFFFF; letter-spacing:0px; text-align:left; } .loginbox .toLout .Lpadd { padding: 30px 0 0 12px; } .loginbox .toLout ul { width:100%; padding:0; padding-bottom:5px; margin: 0px; } .loginbox .toLout li a { list-style:square; } .loginbox .toLout li a:hover { list-style:square; } .loginbox .toLout .W { color:#FFFFFF; text-decoration:none; } .loginbox .toLout .W a:hover{ color:#FFFFFF; text-decoration:underline; } .loginbox .toLout .R { color:#ff7707; text-decoration:underline; padding: 3px 0 0 0;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #menu { width:100%; top: 15px; right: 0px; vertical-align:middle; background: url(../images/MenuBG1png) repeat-x right top;} #menu ul { width:100%; padding-left:0; padding-right:0px; margin: 0px; text-align:center; } #menu li { float: left; display: block; list-style: none; font-size: 11px; letter-spacing: -1px; font-weight: bold; text-decoration: none; } #menu li a { color:#FFFFFF; background: url(../images/MenuLeft.png) no-repeat left top; display: block; float: left; text-decoration: none; padding: 0px 0px 0px 10px; margin-right: 1px;} #menu a:hover { color: #FFFFFF; background-position: 0% -32px; text-decoration: none;} #menu a:active { color:#FFFFFF; background-position: 0% -32px; text-decoration: none; } #menu a .spanNormal { font-size:13px; font-family: 'Verdana'; font-weight:bold; font-variant:small-caps; background: url(../images/MenuRight.png) no-repeat right top; color: #0d1d5d; padding: 8px 10px 6px 0px; display: block; float: left; margin:0; } #menu a:hover .spanNormal { color:#FFFFFF; background-position: 100% -32px; cursor: pointer; } #menu a:active .spanNormal { color: #FFFFFF; background-position: 100% -32px; text-decoration: none; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .left { float: left; width: 175px; } .left .categories { background:#6e7994 url(../images/CatBgBottom.gif) no-repeat left bottom; padding: 0px 5px 10px 5px; margin-bottom: 0px; float: none;} .left .categories h2 { font-size: 12px; display: block; height: 20px; letter-spacing:-1px; padding: 8px 0px 0px 0px; margin: 0px; background: url(../images/CatBgTop.gif) no-repeat left center; color:#FFFFFF; text-align:center; text-decoration: none; } .left .categories ul { background: #6e7994 url(../images/CatBgUL.gif) repeat-x top; padding: 7px; margin: 0px; } .left .categories li { background: url(../images/categories_ico_arrow.png) no-repeat left center; padding: 2px 0px 2px 10px; margin: 0px; list-style-type: none; border-bottom:1px dotted #CCCCCC;} .left .categories li a { color:#fff; font-size: 11px; letter-spacing: -1px; text-decoration: none; } .left .categories li a:hover { color: #a5aec4; text-decoration : none; } .left .search { background:#b2b9cc url(../images/SearchBgBottom.gif) no-repeat left bottom; vertical-align:bottom; margin-top:2px; } .left .search h2 { font-size: 13px; letter-spacing:-1px; background: url(../images/SearchBgTop.gif) no-repeat left top; color:#0c1c3f; display: block; height: 20px; padding: 4px; padding-right:15px; margin: 0px; text-align:center} .left .search form { padding: 0px 10px 10px 10px; margin: 0px;} .left .search input { margin-bottom: 4px;} .left .search select { margin-bottom: 4px;} .left .search img { padding: 0px; margin: 0px; border: none; vertical-align:middle; } .left .search .input { font-size: 11px; padding: 2px;} .left .search .arrow { background: url(../images/ButtonOk.png) no-repeat 0 0; width: 34px; height: 22px;} .left .search .arrow:hover { background: #ffd780 url(../images/ButtonOk.png) no-repeat 0 -22px; } .left .search .arrowIE { background: #ffd780 url(../images/ButtonOk.png) no-repeat 0 -22px; } /*\ IE/Win min height hack */ * html .searcharrow { vertical-align:bottom; } /* */ .searcharrow { padding: 0px 5px 0px 0px; top: 0px; background: none; float: left;} .left .search p { padding: 1px 0px; margin: 0px; font-size: 10px;} .left .search p a { color:#0c1c3f; background: url(../images/SearchIco.png) no-repeat left center; padding-left: 2px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ItemListSmall { float:left; width:175px; line-height:16px; vertical-align:middle; text-align:center; } .ItemListSmall .iTD1 { float:left; width:10px; font-size: 10px; color:#CCCCCC; text-align:left; padding-left: 1px; } .ItemListSmall .iTD2 { float:left; width:162px; padding:0; padding-left:2px; margin:0; text-align:left; } .ItemListSmall .iTD2 h1 { font-size: 10px; letter-spacing:0px; line-height:13px; font-weight:bold; color:#3D486E; margin:0; text-decoration:underline; } .ItemListSmall .iTD2 h1 a { } .ItemListSmall .iTD2 a:hover { color:#17296; } .ItemListSmall .iTD3 { float:left; width:175px; padding: 0px 0 5px 12px; text-align:left; } .ItemListSmall .iTD3 .Price .pTile { font-size:14px; font-family: 'Tahoma'; font-weight:bolder; } .ItemListSmall .iTD3 .Price .pSellOut { font-size:14px; font-family: 'Tahoma'; font-weight:bolder;} .ItemNN { float:left; background:url(../images/NPHeadBG.png) no-repeat 0 0; width: 87px; height: 26px; padding:0; cursor:pointer; } .ItemNN:hover { background: #ffd780 url(../images/NPHeadBG.png) no-repeat 0 -26px; padding:0; } .ItemNB { float:left; background:url(../images/NPHeadBG.png) no-repeat -87px 0; width: 88px; height: 26px; padding:0; cursor:pointer;} .ItemNB:hover { background: #ffd780 url(../images/NPHeadBG.png) no-repeat -87px -26px; padding:0; } #iNews, #iBest { width: 175px; text-align:center; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .right { float: left; width: 175px; text-align:right; } .right ul { padding: 10px 10px 0px 10px; margin: 0px; } .right li { padding: 0px; margin: 0px; list-style-type: none;} .right h2 { background: url(../Images/right_bkg_h2.gif) no-repeat left top; padding: 10px 10px 0px 10px; font-size: 14px; margin: 0px;} .right li a { font-size: 11px;} .right li a:visited { } .rightArt { float: right; width: 175px; } .rightArt .search { background:#6e7994 url(../images/ArtSearchBgBottom.gif) no-repeat left bottom; } .rightArt .search h2 { font-size: 13px; letter-spacing:-1px; color: #FFFFFF; display: block; height: 20px; padding: 4px; margin: 0px; text-align:center} .rightArt .search form { padding: 0px 10px 10px 10px; margin: 0px;} .rightArt .search input { margin-bottom: 4px;} .rightArt .search select { margin-bottom: 4px;} .rightArt .search img { padding: 0px; margin: 0px; border: none; vertical-align:middle; } .rightArt .search .input { font-size: 11px; padding: 2px;} .rightArt .search .arrow { background: url(../images/ButtonOk.png) no-repeat 0 0; width: 34px; height: 22px;} .rightArt .search .arrow:hover { background: #ffd780 url(../images/ButtonOk.png) no-repeat 0 -22px; } .rightArt .search .arrowIE { background: #ffd780 url(../images/ButtonOk.png) no-repeat 0 -22px; } /*\ IE/Win min height hack */ * html .searcharrow { margin: -25px 5px 0px 150px; } /* */ .searcharrow { padding: 0px 5px 0px 0px; margin: -26px 0px 0px 120px; top: 0px; background: none; float: right;} .rightArt .search p { color:FFFFFF; padding: 1px 0px; margin: 0px; font-size: 10px;} .rightArt .search p a { color:#FFFFFF; background: url(../images/SearchIco.png) no-repeat left center; padding-left: 2px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .footer { padding: 10px 0px 10px 0px; width: 100%; margin: 0 auto; background: #f8f8f8; clear: both; color:#61614e;} .footer p { padding: 0px; margin: 0px; font-size: 10px; text-align:center} .footer HR { float:left; width:95%; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - ITEMS,- */ .ItemTile { float:left; border: 1px #CCCCCC solid; text-align:center; padding:0; margin:0; } .ItemTile .W1 { width:140px; margin:2px; height:80px; } .ItemTile .W2 { width:173px; height:80px; } .ItemTile h1 { font-family: 'Tahoma'; font-size: 11px; letter-spacing:0px; text-decoration:none; font-weight:bold; color:#000000; margin:0; padding:2px; height:45px; } .ItemTile .imgW1 { border:0; vertical-align:middle; text-align:center; overflow:hidden; width:120px; padding:5px; } .ItemTile .imgW2 { border:0; vertical-align:middle; text-align:center; overflow:hidden; width:160px; padding:1px; } .ItemTile img.iB { } .ItemTile img.iSize { height:80px; } .ItemTile .form { padding:0; margin:0; } .ItemTile .bI { height:24px; padding:0px 5px 0px 5px; margin:0px; float:left; text-align:center; } .ItemTile .Price { float:left; } .ItemTile .cI { float:right; width:25px; padding:0 5px 0 5px; text-align:right; } .Cart { background:url(../images/ButtonCart.png) no-repeat; width: 34px; height: 22px; } .Cart:hover { background: #ffd780 url(../images/ButtonCart.png) no-repeat 0 -22px; } .CartBig { background:url(../images/ButtonAddToCart.png) no-repeat; width: 80px; height: 22px; } .CartBig:hover { background: #ffd780 url(../images/ButtonAddToCart.png) no-repeat 0 -22px; } .ItemList { float:left; width:590px; height:20px; line-height:20px; border-top:1px solid #eef0f2; vertical-align:middle; padding: 0; margin:0; } .ItemList .iTD1 { float:left; width:15px; text-align:center; } .ItemList .iTD2 { float:left; width:480px; text-align:left; } .ItemList .iTD2 h1 { font-size: 12px; font-family: "Tahoma"; letter-spacing:0px; text-decoration:none; font-weight:normal; color:#000000; margin:0; } .ItemList .iTD2 h1 a{ text-decoration:none; } .ItemList .iTD2 h1 a:hover { font-weight:bold; color:#384367; } .ItemList .iTD3 { float:left; width:40px; padding:0; margin:0;} .ItemList .iTD4 { float:right; width:35px; text-align:center; margin:0; padding:0; } .ItemList .iTD3 .Price { font-family: 'Tahoma'; } .ItemList .iTD3 .Price .pTile { font-size:12px; font-weight:bolder; } .ItemList .iTD3 .Price .pSellOut { font-size:12px; font-weight:bolder;} .GB { float:left; width:590px; background-color:#FFFFFF; cursor: pointer; height:22px; line-height:20px; } .GBO { background-color: #e7e8ed; cursor: pointer; height:22px; line-height:20px; font-weight:bold; } .GBH { background-color: #da251d; cursor: e7e8ed; height:22px; line-height:20px; font-weight:bold; color:#384367; } .CatList { background: #ffd780 url(../images/ListHeadBg.png) no-repeat 0 0; float:left; width:590px; height: 22px; font-family: 'Tahoma'; font-size: 11px; line-height:22px; font-weight:bold; color:#FFFFFF; background-color:#e77802; text-align:center; vertical-align:text-bottom; } .CatChildList { background: #ffc84d url(../images/ListHeadBg.png) no-repeat 0 -22px; float:left; width:590px; height: 18px; font-family: 'Tahoma'; font-size: 11px; line-height:18px; font-weight:bold; color:#FFFFFF; background-color:#ff5f5a; text-align:center } .ManList { background: #ffd780 url(../images/ListHeadBg.png) no-repeat 0 -40px; float:left; width:590px; height: 18px; font-family: 'Tahoma'; font-size: 11px; line-height:18px; font-weight:bold; background-color:#e6e7ec; padding:0; margin-top:2px; margin-bottom:2px; text-align:center } .pRetail { font-family: 'Tahoma'; font-size:10px; color:#666666; text-decoration:none; } .pSellOut { font-size:20px; color:#ff7602; font-weight:bold; } .pTileS { font-size:12px; color:#3D486E; font-weight:bold; } .pTile { font-size:20px; color:#333333; font-weight:900; } div.Paging { float:none; width:590px; padding-bottom:5px; padding-top:5px; font-family: 'Tahoma'; font-size: 12px; text-align:center; } /* - ITEM VIEWS,- */ .ItemView { float:left; width:590px; } .ItemView h1 { font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: "Tahoma"; padding:0; margin: 0px; } .ItemView .iR { float:left; width: 590px; line-height:20px; vertical-align:middle; padding-bottom:20px; } .ItemView .iGap { float:left; width:590px; height:10px; } .ItemView .Title { float:left; width:510px; } .ItemView .Back { float:left; width:80px; font-weight:bold; text-align:right; } .ItemView .Details { float:left; width:350px; border:0px solid #CCCCCC; } .ItemView .Details .dH { float:left; width:130px; font-size: 11px; color:#FFFFFF; font-weight:bold; background-color:#ff881b; padding:1px; padding-left:5px; margin:1px; } .ItemView .Details .dC { float:left; width:200px; font-size: 11px; color:#FFFFFF; font-weight:bold; background-color:#ffaf5a; padding:1px; padding-left:5px; margin:1px; } .ItemView .Man { float:left; width:350px; height:auto; font-weight:bold; vertical-align:middle; text-align:center; padding-top:15px; padding-bottom:15px; } .ItemView .ImagesList { float:left; width:590px; text-align:center; border-bottom: 2px solid; color:#fcfdff; border-top: 2px solid; color:#f8f8f9; } .ItemView .ImagesList .iTH { font-size: 13px; letter-spacing:0px; font-weight:bold; color:#3b4662; margin-bottom:10px; } .ItemView .ImagesList .iM { float:left; width:auto; padding:2px; } .ItemView .ImagesList .iO { float:left; width:auto; padding:2px; vertical-align:middle; } .ItemView .ImagesList img { padding:5px; margin:2px; background-color:#f9fafd; vertical-align:middle; } .ItemView .imageb { border: 2px solid #ecf0fb; background-color:#F9FAFD; } .ItemView .boxtoCart { background: url(../images/AddToCart.png) no-repeat left top; padding: 0px; margin:0px; float:right; width:180px; height: 100px; vertical-align:middle; padding-top:30px; text-align:right; } .ItemView .iRi{ width:auto; height:18px; line-height:18px; vertical-align:bottom; } .ItemView form { padding-top: 10px; } .ItemView .tPrice { font-size: 12px; letter-spacing:0px; font-weight:bold; color:#000000; padding:2px; } .ItemView .rPrice { font-size:10px; color:#666666; text-decoration:none; padding:2px; } .ItemView .Summary { font-size: 12px; letter-spacing:0px; text-decoration:none; line-height: 15px; text-align:justify; padding-bottom:0; } .ItemView .Content { width:590px; font-size: 12px; padding-top:10px; overflow:hidden; } .ItemView .cRow { background: #FFFFFF url(../images/ItemDetailsBG.gif) repeat-y 0 0; float:left; width:590px; padding: 0 1px 0 1px; margin: 1px 0 1px 0; } .ItemView .cTU { float:left; width:270px; text-align:left; font-size:11px; padding: 2px 5px 2px 5px; } .ItemView .cTH { float:left; width:230px; text-align:left; font-size:12px; font-weight:bold; padding: 2px 5px 2px 5px; text-align:left;} .ItemView .cTC { float:left; width:326px; height:100%; text-align:left; font-size:11px; padding:2px 5px 2px 5px; text-align:left; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - GALLERY, CONTENT TOP JAVASCRIPT- */ /*.contentslide { float:left; background-image:url(../images/DynBG.png); background-repeat:no-repeat; padding:0; width: 590px; height: 300px; }*/ .contentslide { float:left; background-repeat:no-repeat; padding:0; width: 590px; height: 180px; } /*.contentslide .contentdiv{ height:300px; display: none; text-align:left; }*/ .contentslide .pagination{ width: 590px; padding-bottom:0px; text-align: right; } .contentslide .pagination a{ padding: 2px 5px; padding-bottom:2px; margin-bottom:2px; text-decoration: none; font-size:12px; font-weight:bold; color:#FFFFFF; background-color: #3b4662; vertical-align:middle;} .contentslide .pagination a:hover, .pagination a.selected{ color:#FFFFFF; background-color: #ff881b; } .DTop { float:left; } .DTop .DTopC { float:left; width:590px; height:155px; } .DTop .ContentLeft { width:155px; height:155px; vertical-align:middle; text-align:center; padding:0px 0px 0px 0px; background: #FFFFFF url(../images/DynBGLeft.png) no-repeat 0 0; overflow:hidden; } .DTop .ContentRight { width:425px; height:155px; vertical-align:top; color:#FFFFFF; padding-left:10px; background: #142344 url(../images/DynBG.png) no-repeat 0 0; } .DTop h1 { font-family: 'Tahoma'; font-size: 18px; letter-spacing:-1px; text-decoration:none; font-weight:bold; color:#FFFFFF; margin:0; padding: 10px 10px 10px 15px; /*border-bottom: dashed 1px #faeede; */ } .DTop h1 a { color:#FFFFFF; } .DTop h1 a:visited { color: #FFFFFF; } .DTop .Desc { color:#FFFFFF; font-size: 12px; line-height:14px; font-weight:bold; margin: 5px 10px 5px 15px;} .DTop .small { color:#FFFFFF; font-size: 9px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - ARTICLES,- */ .Articles { float:left; width:775px; padding:5px 0 5px 0; margin:0; border-bottom:2px solid #edf0fb; } .Articles h2 { font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: "Tahoma"; padding:0; margin:0px; color:#3D486E; text-decoration:none; } .Articles .iR { float:left; width:775px; height:20px; vertical-align:middle; padding-bottom:5px; border-bottom:2px solid #f7f7f8;} .Articles .Title { float:left; width:690px; color:3D486E; text-decoration:underline; } .Articles .Back { float:left; font-size: 14px; width:80px; font-weight:bold; line-height:14px; color:3D486E; text-align:right; } .ArticleList { float:left; width:775px; padding:5px 0 5px 0; margin:0; border-bottom:2px solid #edf0fb; } .ArticleList .cT1 { float:left; width:120px; padding:2px; margin:2px; vertical-align:middle; text-align:center; background:#FFFFFF; border:2px solid #edf0fb; } .ArticleList .cT2 { float:left; width:620px; padding:5px; margin:0; vertical-align:middle; position:relative; } .ArticleList .cT2 .cT2TR { float:left; width:620px; padding:0; padding-bottom:5px; margin:0; vertical-align:middle; text-align:left; } .ArticleList .cT2 .cT2TR .Image { float:left; width:10px; padding: 0 0 0 0; margin:0; vertical-align:bottom; text-align:left; } .ArticleList .cT2 .cT2TR .Title { float:left; width:520px; } .ArticleList .cT2 .cT2TR .Date { float:left; width:85px; font-size:12px; font-family: 'Tahoma'; color:#3D486E; font-weight:bold; text-align:right; } .ArticleList .cT2 .cT2TR .TitleD { float:left; width:415px; } .ArticleList .cT2 .cT2TR .Link { float:left; width:20%; } .ArticleList .cT2 .cT2TR .Details { float:left; } .ArticleList .cT2 .cT2TR .Details .d1 { font-size: 10px; color:#999999; text-decoration:none; } .ArticleList .cT2 .cT2TR .Details .d2 { font-size: 11px; color:#666666; } .ArticleList .cT2 .cT2TR h1 { font-size: 14px; letter-spacing:0px; font-weight:bold; color:#3D486E; margin:0; padding:0; } .ArticleList .cT2 .Summary { font-size: 12px; letter-spacing:0px; text-decoration:none; line-height: 14px; text-align:justify; padding-bottom:5px; } .ArticleList .cT2 .Summary a { text-decoration:none;} .ArticleView { float:left; width:950px; padding:5px 0 5px 0; margin:0; vertical-align:middle; } .ArticleView .dTable { border:1px solid #cdd6f1; } .ArticleView .dTable .description { background-color:#e4eafb; font-weight:bold; padding: 2px 4px 2px 4px; border:1px solid #cdd6f1; text-align:left; } .ArticleView .dTable .content { padding: 2px 4px 2px 4px; border:1px solid #cdd6f1; text-align:left; } .ArticleView .iR { float:left; width:950px; height:20px; vertical-align:middle; padding-bottom:5px; border-bottom:2px solid #f7f7f8; text-align:center;} .ArticleView .iGap { float:left; width:950px; height:5px;} .ArticleView .Rating { float:left; width:950px; height:20px; vertical-align:middle; padding-bottom:5px; padding-top:5px; margin: 10px 0 10px 0; border-bottom:2px solid #f7f7f8; border-top:2px solid #f7f7f8; text-align:center;} .ArticleView h1 { font-size: 20px; letter-spacing: 0px; font-weight: bold; font-family: "Tahoma"; padding:0; margin: 0px; color:#3D486E; text-decoration:none;} .ArticleView .Title { float:left; width:870px; } .ArticleView .Back { float:left; font-size: 14px; width:80px; font-weight:bold; line-height:14px; color:3D486E; text-align:right;} .ArticleView .Details { float:left; width:940px; border:0px solid #CCCCCC; text-align:center; } .ArticleView .Details .d1 { font-size: 10px; color:#999999; text-decoration:none; } .ArticleView .Details .d2 { font-size: 11px; color:#666666; } .ArticleView .Content { float:left; width:940px; font-size: 12px; letter-spacing:0px; text-decoration:none; line-height: 15px; text-align:justify; padding: 15px 5px 15px 5px; } .ArticleView .Content img { border: 2px solid #3a4360; } .ArticleView .Content .ImgB { border: 2px solid #000000; } .ArticleView .Link { float:left; width:940px; } .ArticleView .SmallRating { height:10px; padding:5px; font-size:11px; font-family: "Tahoma"; margin: 0px; color:#999999;} .ArticleView .TL1 { color:#FFFFFF; } /* */ .SysImages { } .SysImages img { vertical-align:middle; text-align:center; width:60px;} .SysImage, .SysImages .imageb {vertical-align:middle; text-align:center; border: 2px solid #ecf0fb; background-color:#F9FAFD; } .SysItem .Price .pTile { font-size:14px; font-family: Arial, Helvetica, sans-serif;} .SysItem .Row { padding: 3px 3px 3px 0; border-bottom:2px solid #fffaf5; } .SysItem .Price .pSellOut { font-size:14px; font-family: Arial, Helvetica, sans-serif;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - STARS - */ .StRating { float:left; width:950px; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(../images/star.gif) left -1000px repeat-x; } .star-rating{ position:relative; width:250px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; } .star-rating a.one-star{ width:10%; z-index:10; } .star-rating a.two-stars{ width:20%; z-index:9; } .star-rating a.three-stars{ width:30%; z-index:8; } .star-rating a.four-stars{ width:40%; z-index:7; } .star-rating a.five-stars{ width:50%; z-index:6; } .star-rating a.six-stars{ width:60%; z-index:5; } .star-rating a.seven-stars{ width:70%; z-index:4; } .star-rating a.eight-stars{ width:80%; z-index:3; } .star-rating a.nine-stars{ width:90%; z-index:2; } .star-rating a.ten-stars{ width:100%; z-index:1; } .star-rating .current-rating{ z-index:1; background-position: left center; } /* for an inline rater */ .inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; } /* smaller star */ .small-star{ width:100px; height:10px; } .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(../images/star_small.gif); line-height: 10px; height: 10px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .PageContent { float:left; width:100%; padding:5px 0 5px 0; margin:0; } .PageContent .iR { float:left; width:590px; height:20px; vertical-align:middle; padding-bottom:5px; border-bottom:2px solid #edf0fb; } .PageContent h2 { font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: "Tahoma"; padding:0; margin: 0px; color:#3D486E; text-decoration:none; } .PageContent .Title { float:left; width:540px; color:3D486E; } .PageContent .Back { float:left; font-size: 14px; width:34px; font-weight:bold; line-height:14px; color:3D486E; text-align:right; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - BUTTONS - */ .ButtonToShop { background: #ff7606 url(../images/Buttons.png) no-repeat 0 0; } .ButtonUpdateCart { background: #ff7606 url(../images/Buttons.png) no-repeat 0 -30px; } .ButtonToCheckOut { background: #36405b url(../images/Buttons.png) no-repeat 0 -60px; } .ButtonOrder { background: #36405b url(../images/Buttons.png) no-repeat 0 -90px; } .ButtonLogin { background: #36405b url(../images/Buttons.png) no-repeat 0 -120px; } .ButtonSave { background: #36405b url(../images/Buttons.png) no-repeat 0 -150px; } .ButtonVote { background: #36405b url(../images/Buttons.png) no-repeat 0 -180px; } .ButtonForget { background: #36405b url(../images/Buttons.png) no-repeat 0 -210px; } .ButtonPrint { background: #ff7606 url(../images/Buttons.png) no-repeat 0 -240px; } .ButtonBackToConfig { background: #36405b url(../images/Buttons.png) no-repeat 0 -270px; } .ButtonBack { background: #3e4964 url(../images/ButtonBack.png) no-repeat 0 0; width:80px; height:25px; cursor:pointer; } .ButtonToShop, .ButtonUpdateCart, .ButtonToCheckOut, .ButtonOrder, .ButtonLogin, .ButtonSave, .ButtonVote, .ButtonForget, .ButtonPrint, .ButtonBackToConfig { width:150px; height:30px; cursor:pointer; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - Banners - */ #BannerLeft { margin: 5px 0 5px 0; padding: 5px 0 5px 0; } .Gap { } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - FormT - */ .FormT { padding:0; margin:0; } .FormT td { padding: 5px; } .FormT th { font-family: "Trebuchet MS"; font-size: 12px; font-weight:bold; line-height:18px; color:#333333; padding: 5px; text-align: center; background-color:#fffbf6; } .FormT table{ padding: 3px; font-size: 12px; border: 2px solid #ecf0fb; } .FormT table td table{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:bold; text-align:left; padding: 0; font-size: 12px; border:none; } .FormT div{ font-family: "Trebuchet MS"; font-size: 12px; font-weight:bold; text-align:left; padding: 0; font-size: 12px; border:none; } .FormT .Bt, .InP{ text-align:center; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* - PAGING BUTTONS - */ .Pages { float:left; width:775px; padding: 10px 0 5px 0; text-align:center; } .PageL, a.PageL, a.PageL:visited, a.PageL:active{ color:#434d68; font-size: 11px; text-align: center; border: solid 1px #434d68; padding:2px 3px 2px 3px; margin-right: 5px; background-color:#FFFFFF; cursor: pointer; text-decoration:none; } .PageLnO { color:#CCCCCC; font-size: 11px; text-align: center; border: solid 1px #CCCCCC; padding:2px 3px 2px 3px; margin-right: 5px; background-color:#FFFFFF; cursor: pointer; text-decoration:none; } .PageLO { color:#FFFFFF; font-size: 11px; text-align: center; border: solid 1px #434d68; padding:2px 3px 2px 3px; margin-right: 5px; background-color:#434d68; cursor: pointer; text-decoration:none; } a.PageL:hover, a.PageLhover{ color:#FFFFFF; font-size: 11px; text-align: center; border: solid 1px #434d68; padding:2px 3px 2px 3px; margin-right: 5px; background-color:#434d68; cursor: pointer; text-decoration:none; } .Note { text-align:center; font-size:10px; color:#999999; padding: 0 10px 0 10px; }