html{ overflow:scroll; } body{ background-color:#fff; color:#555; font-family:Arial,Sans-Serif; } h1,h2,h3,h4{ color:#003f7e; font-family:Arial; letter-spacing:normal; line-height:normal; } h1{ margin:0 0 0 0; } h2{ margin:1em 0 0 0; } h3{ font-size:1.2em; font-weight:bold; margin:1em 0 0 0; } a.selected{ text-decoration:none; } .header{ margin-bottom:1.2em; } .header h1, .header h2{ font-weight:bold; line-height:1em; margin:0.2em 0 0em 0; margin-bottom:0em; } .header .metaMenu{ text-align:right; } .header .headerContent{ margin-left:0.5em; } .main{ background-color:#fff; color:#555; font-family:Arial,Sans-Serif; } ul.languages{ list-style-type:none; margin:0; padding:0; } ul.languages li{ float:right; text-transform:capitalize; } ul.languages li a, ul.languages li a:visited{ text-decoration:underline; } ul.languages li.selected a{ font-weight:bold; text-decoration:none; } .topBar{ background-color:#efefef; height:3em; margin:0 0 0.5em 0; padding-left:0.5em; } .topBar ul{ display:block; height:1em; list-style-type:none; margin:0; overflow:hidden; padding:0.64em 0; } .topBar li{ display:block; float:left; margin-right:1.3em; } .topBar li a{ color:#555; font-size:120%; font-weight:bold; } .topBar li a:hover{ color:#007a7e; } .topBar li.selected a{ color:#007a7e; } .topBar li li, .topBar li li li{ display:none; } .sideBar{ overflow:hidden; padding:0.35em 0.5em 0.3em 0; } .sideBar .block{ background-color:#e5f3ff; margin:0 0 0.5em 0; padding:0.5em 0.7em 0.5em 0.7em; } .sideBar ul.navigation{ margin:0; padding:0; } .sideBar .navigation ul{ margin-left:1.5em; } .sideBar .navigation li{ list-style-type:none; } .sideBar .navigation li.selected>a, .sideBar .navigation li.selected>a:hover{ color:#0061b6; font-weight:bold; text-decoration:none; } .sideBar .categories ul, .sideBar .pages ul{ list-style-type:none; } .sideBar .categories ul li a, .sideBar .pages ul li a{ font-size:1.2em; } .sideBar .categories ul li li a, .sideBar .pages ul li li a{ font-size:1em; } .sideBar .categories a.selected, .sideBar .categories a.selected:hover, .sideBar .pages a.selected, .sideBar .pages a.selected:hover{ color:#0061b6; font-weight:bold; text-decoration:none; } .sideBar .categories a:hover, .sideBar .pages a:hover{ text-decoration:underline; } .content{ width:48em; } .content a, .content a:visited{ color:#0061b6; text-decoration:underline; } .content a:hover{ color:#007a7e; } .content .description{ margin:0 0 1.5em 0; } .footer{ border-top:solid 1px #aaa; color:#aaa; font-size:90%; margin-bottom:2em; margin-top:2em; padding-left:0.5em; padding-top:1em; } .footer a{ color:#aaa; text-decoration:underline; } .footer a:hover{ color:#007a7e; } .operationBar{ background-color:#e5f3ff; margin:0 0 0.5em 0; padding:0.5em 0.7em 0.5em 0.7em; } .operationBar .control{ margin-right:10px; } .products{ width:100%; } .products .product{ float:left; height:20em; margin-bottom:0em; margin-right:1em; position:relative; width:47%; } .products .product h3{ font-size:120%; } .products .product .photo{ border:solid 1px #D7D7D7; height:110px; overflow:hidden; width:110px; } .products .product .photo img{ margin:3px; } .products .product .description{ font-size:90%; margin:2px 0 0 0; max-height:3em; min-height:0em; overflow:hidden; padding:2px; width:100%; } .products .product .price{ color:red; float:left; font-size:1.1em; margin-right:5px; text-align:left; } .products .product .cart{ color:red; font-size:1.1em; text-align:left; } .singleProduct{ } .singleProduct .product{ width:100%; } .singleProduct .product h3{ } .singleProduct .product .photo{ float:left; margin-right:30px; width:200px; } .singleProduct .product .photo img{ margin:3px; } .singleProduct .product .description{ } .singleProduct .product .price{ color:Red; font-size:120%; text-align:right; width:100%; } .editSingleProduct{ } .editSingleProduct .product{ width:100%; } .editSingleProduct .product h3{ } .editSingleProduct .product .photo{ border:solid 1px silver; margin-bottom:1em; margin-right:30px; padding:0.5em; width:80%; } .editSingleProduct .product .photo img{ display:block; margin:3px; width:200px; } .editSingleProduct .product .description textarea{ height:200px; width:400px; } .editSingleProduct .product .price{ color:Red; font-size:120%; text-align:right; width:100%; } .editSingleProduct .product p.title input{ width:400px; } fieldset{ margin:1em 0; padding:1em; } fieldset p{ margin:1px 12px 1px 0px; } fieldset label{ display:block; } fieldset label.inline{ display:inline; } fieldset legend{ font-size:1.1em; font-weight:600; padding:2px 4px 4px 4px; } fieldset input[type="text"]{ border:1px solid #CCC; width:200px; } fieldset input[type="password"]{ border:1px solid #CCC; width:200px; } fieldset textarea{ border:1px solid #CCC; height:5em; margin-right:1em; width:200px; } fieldset select{ border:1px solid #CCC; width:203px; } fieldset .controls{ margin-top:2em; } table{ border:solid 1px #e8eef4; border-collapse:collapse; } table td{ border:solid 1px #e8eef4; padding:5px; } table th{ background-color:#e8eef4; border:solid 1px #e8eef4; padding:6px 5px; text-align:left; } .validation-summary-errors{ color:#ff0000; } .theme{ margin-bottom:1em; } .theme h3{ font-size:110%; font-weight:bold; margin:0; } .theme .description{ } .theme .preview{ border:solid 1px silver; float:left; height:100px; width:100px; } .theme .subthemes div{ margin-left:2em; } .ordersList{ } .ordersList .order{ border:solid 1px silver; margin-bottom:1em; width:100%; } .ordersList .order .select{ float:left; width:2em; } .ordersList .order .date{ float:left; width:10em; } .ordersList .order .name{ float:left; width:12em; } .ordersList .order .phone{ float:left; width:12em; } .ordersList .order .address{ clear:left; float:none; margin-left:2em; width:100%; } .pager{ clear:left; display:block; margin-top:1.5em; position:relative; } .marker-red{ background-color:red; color:White; } .marker-green{ background-color:Green; color:White; } .marker-yellow{ background-color:Yellow; color:Black; } .date{ color:Silver; } .fileBrowser{ width:100%; } .fileBrowser .files{ float:left; height:20em; margin-right:1em; width:21em; } .fileBrowser .files select{ border:solid 1px #A0A0A0; border-style:groove; height:17em; width:100%; } .fileBrowser .preview{ float:left; height:20em; text-align:left; width:15em; } .fileBrowser .upload{ clear:left; width:100%; } .fileBrowser .controls{ text-align:left; width:100%; } ul.rss{ list-style-type:none; margin:0; padding:0; } ul.rss li{ clear:left; margin-bottom:1em; } ul.rss li .title{ clear:left; font-weight:bold; margin-top:1em; } ul.rss li .date{ } ul.rss li .summary{ } ul.rss li .photo{ border:solid 1px gray; float:left; height:100px; margin-bottom:0.5em; margin-right:0.5em; overflow:hidden; width:100px; } ul.rss li .photo img{ width:100px; } .categorySummary{ width:100%; } .categorySummary h3{ font-size:1.5em; } .categorySummary .product{ float:left; width:100px; } .categorySummary .product h3{ font-size:1.1em; } .categorySummary .more{ clear:left; text-align:right; width:100%; } .categorySummary .categorySummaryFooter{ clear:left; }