Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- body {
- font-family: arial, helvetica, sans-serif;
- background:url(../images/bg.png) repeat-x;
- margin:0px;
- padding:0px;
- clear: both;
- }
- /** Reset Styles **/
- html, div, span, object, h1, h2, h3, h4,
- h5, h6, p, blockquote, a, em, font, img, strong,
- dl, dt, dd, ol, ul, li, fieldset, form {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
- }
- a {
- text-decoration:none;
- color:black;
- font-family:trebuchet ms, arial, helvetica, sans-serif;
- border:none;
- }
- a:hover {
- text-decoration:underline;
- color:black;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after, q:before, q:after {
- content: '';
- content: none;
- }
- /** header **/
- #container {
- width:960px;
- margin-top:15px;
- margin-left:auto;
- margin-right: auto;
- clear: both;
- }
- #header {
- height:111px;
- overflow:hidden;
- }
- #header img {
- float:left;
- margin-top:24px;
- border:none;
- }
- #header ul#nav {
- float:right;
- font-size:13px;
- font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- position:relative;
- margin-top:27px;
- }
- #nav li {
- display:inline;
- padding-left:15px;
- float:left;
- color: #626262;
- }
- #nav li a {
- color:#626262;
- font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- }
- #nav li a.currentPage {
- color:#09C;
- font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
- }
- #nav li .leftRegion {
- float:left;
- width:10px;
- height:23px;
- padding-top: 3px;
- }
- #nav li:hover .leftRegion {
- float:left;
- background-image:url(../images/nav-leftRegion.png);
- width:10px;
- height:23px;
- padding-top: 3px;
- }
- #nav li .centerRegion {
- float:left;
- height:23px;
- padding-top: 3px;
- }
- #nav li:hover .leftRegion #currentPage {
- float:left;
- width:10px;
- height:23px;
- padding-top: 3px;
- background-image: url(none.html);
- }
- #nav li:hover .centerRegion {
- float:left;
- background-image:url(../images/nav-centerRegion.png);
- height:23px;
- padding-top: 3px;
- }
- #nav li .rightRegion {
- float:left;
- width:10px;
- height:23px;
- padding-top:3px;
- }
- #nav li:hover .rightRegion {
- float:left;
- background-image:url(../images/nav-rightRegion.png);
- width:10px;
- height:23px;
- padding-top:3px;
- }
- #nav li a:hover {
- color:#1e7896;
- text-decoration:none;
- }
- #pageTitle {
- font-family: trebuchet ms, Arial, Helvetica, sans-serif;
- font-size: 36px;
- color: #232323;
- font-weight:normal;
- margin-top: 42px;
- margin-bottom: 50px;
- }
- /* main content + slider */
- #main
- {
- background-image:url(../images/center_bg.png);
- height: 276px;
- background-repeat: no-repeat;
- background-position: center;
- margin-top:25px;
- }
- #header img
- {
- background:left;
- margin: 0 0 0 0;
- margin-top:-3px;
- }
- #header .dk
- {
- margin-left:-25px;
- margin-top:30px;
- }
- #example {
- margin-top:-5px;
- width:600px;
- height: 270px;
- margin-left:183px;
- position:absolute;
- }
- #frame {
- position:absolute;
- z-index:0;
- width:600px;
- height:255px;
- top:-3px;
- left:-80px;
- }
- /*
- Slideshow
- */
- #slides {
- position:absolute;
- top:15px;
- left:4px;
- z-index:100;
- }
- /*
- Slides container
- Important:
- Set the width of your slides container
- Set to display none, prevents content flash
- */
- .slides_container {
- width:570px;
- overflow:hidden;
- position:relative;
- display:none;
- }
- /*
- Each slide
- Important:
- Set the width of your slides
- If height not specified height will be set by the slide content
- Set to display block
- */
- .slides_container div.slide {
- width:570px;
- height:255px;
- display:block;
- }
- /*
- Next/prev buttons
- */
- #slides .next,#slides .prev {
- position:absolute;
- top:107px;
- left:-29px;
- width:24px;
- height:43px;
- display:block;
- z-index:101;
- }
- #slides .next {
- left:575px;
- }
- /*
- Pagination
- */
- .pagination {
- margin:26px auto 0;
- width:100px;
- }
- .pagination li {
- float:left;
- margin:0 1px;
- list-style:none;
- }
- .pagination li a {
- display:block;
- width:12px;
- height:0;
- padding-top:12px;
- background-image:url(../images/slider/pagination.png);
- background-position:0 0;
- float:left;
- overflow:hidden;
- }
- .pagination li.current a {
- background-position:0 -12px;
- }
- /*
- Caption
- */
- .caption {
- z-index:500;
- position:absolute;
- bottom:-35px;
- left:0;
- height:30px;
- padding:5px 20px 0 20px;
- background:#000;
- background:rgba(0,0,0,.5);
- width:540px;
- font-size:1.3em;
- line-height:1.33;
- color:#fff;
- border-top:1px solid #000;
- text-shadow:none;
- }
- a:link,a:visited {
- color:#599100;
- text-decoration:none;
- }
- a:hover,a:active {
- color:#599100;
- text-decoration:underline;
- }
- /* products */
- #content {
- background-image:url(../images/bg_products.png);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement