/* Theme Name: Melia Theme URI: http://wordpress.org/ Description: Custom thema voor Melia.nl Author: Michael Tak (Studio Takkemike) Version: 2.0 Tags: white, webshop, baby, */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html {} body {margin: 0px;} body p {color:#444; font-family: Arial; font-size: 12px; line-height: 18px; margin-top: 0px;} a:link {color: #676767; text-decoration: none;} a:link img {border: none;} a:hover {text-decoration: none;} a:visited {color: #CCC;} pre {visibility: hidden; display: none;} h2 {margin: 0px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 30px; color: #333; text-transform: uppercase; letter-spacing: 0.08em} h3 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 20px; letter-spacing: 0.06em; font-weight: normal; margin: 0px; margin-top: 5px;} #wrapper{width: 100%} .grey {border-bottom: 1px solid #c8c8c8; margin-bottom: 10px; padding: 15px 0px 5px; height: auto; z-index: -2; background-color: #f5f5f5; min-height: 45px;} #container{width: 940px; margin-left: auto; margin-right: auto; margin-top: 0px;} /*header elements*/ #top {width: 100%; height: auto; margin: 0px; background-image:url(images/headerbg.png); padding: 0px; border-bottom: 1px solid #c6c6c6;} .top {margin: 0px; padding: 0px;} #topleft {float: left; width: 130px; vertical-align: middle; margin-top: 35px;} #topright {float: right; width: 500px; height: 30px; vertical-align: middle; text-align: right;} .top img {max-width: 230px;} .nav {width:900px; margin-bottom: -2px; margin-top: 4px; float: left; border-bottom: none; } .nav li {float:left; list-style: none;} .nav li a:link {font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; font-size: 16px; color:#676767; text-decoration: none; text-shadow: 0 1px 0 #FFF;letter-spacing: 0.08em; padding: 4px 10px 5px; float: left;} .nav li a:visited {color:#676767; text-decoration: none; } .nav li a:hover {text-decoration: none; color: #000;} .nav ul {margin: 0px; padding: 0px; list-style: none;} .nav li a.current, .nav li.current-menu-item a, .nav li.current-menu-parent a, li.current-menu-ancestor a{ -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFF; border-color: #C6C6C6 #C6C6C6; border-style: solid solid none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-width: 1px 1px medium; color: #333; text-shadow: 1px 1px 1px #C6D9E9; } .topright {margin-top: 55px; width: 500px;} #language{margin-top: 8px; margin-left: 10px; width: 200px; float: right;} #language ul{margin:0px; padding: 0px; list-style-type: none;} #language li{list-style: none; -moz-box-shadow: 1px 1px 2px #000; /* Firefox/Mozilla */ -webkit-box-shadow: 1px 1px 2px #000; /*Safari/Chrome */ box-shadow: 1px 1px 2px #000; /* Opera & hoe het zou moeten */ /* Voor IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')"; /* Voor IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000'); } li.lang-en{margin-right: 10px; float: right;} li.lang-nl{margin-right: 10px; float: right;} li.lang-de{margin-right: 10px; float: right;} li.lang-es{margin-right: 10px; float: right;} .shoppingbutton {background-color: white; border: 1px solid #C8C8C8; float: right; height: 23px; margin-left: 10px; margin-right: 2px; padding-right: 10px; padding-top: 4px; text-align: left; vertical-align: middle; width: auto; } .shoppingbutton a:link, .shoppingbutton a:visited {font-family:"Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif; font-size: 11px; color: #676767; margin-top: 8px; margin-left: 8px; text-decoration: none;} .shoppingicon {float: right; height: 25px; width: 30px; background-image: url(images/shopping.png);} #top_search {float: right; vertical-align: middle;} .top_search {height: 25px; width: 150px; font-size: 12px; padding: 0px; color: #c8c8c8;} .field {float:right; background-color: #FFF; color: #676767; width: 100px; height: 25px; border:1px solid #c8c8c8; margin-right: 0px; padding-left: 8px;} .submit {background-image: url(images/search.png); background-color: transparent; border: none; height: 25px; width: 30px; font-size: 0px; color: transparent; float: right; color: #FFF; cursor: pointer; margin-top: 0px;} #clear {clear: both; width: 10px; height: 1px; background-color: transparent;} /*home page style elements*/ .leader {width: 940px; height: 50px; margin-left: 10px; margin-bottom: 30px;} .leader h2 {font-family: Trebuchet MS, Helvetica, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.10em; font-size: 24px; color:#00a6ba; margin-top:20px; margin-bottom: 0px; height: 40px;} .leader h3 {font-family: Arial; font-style: normal; font-size: 18px; color:#888; margin-top: -5px; margin-bottom: 20px; font-weight: normal; letter-spacing: 0.10em;} #content {width: 960px; margin-left: auto; margin-right: auto;} #bigthumb {float:left; display:block; width: 458px; height: 273px; margin: 0px 10px 10px; overflow: hidden; border: 1px solid #c8c8c8;} #bigthumb img {z-index: -1; position: absolute; width:458px; height: 273px;} #featuregradient {width: 458px; height: 273px; margin: 0px; margin-top: -10px; background-image: url(images/featuregradient.png); display: block; padding-top: 10px;} #features {z-index:50; display: block; margin-top: 10px; margin-left: 15px; width: 400px; text-align: left;} #features h2 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 32px; text-transform: uppercase; margin: 0px; letter-spacing: 0.06em; font-weight: normal; text-shadow: 0 1px 0 #000;} #features h4 {color: white; font-size: 18px; font-family: Arial; font-weight: normal; letter-spacing: 0.04em; margin-top: 0px; margin-bottom: 5px; text-shadow: 0 1px 0 #000; float: left;} #features h4 a:link, #features h4 a:visited {color: white;} #next {width: 25px; height: 25px; float: left; margin-left: 10px;} #next a:link {cursor: pointer;} .nextpink {background-image: url(images/next_pink.png)} .nextred {background-image: url(images/next_red.png)} .pink h2 a:link, .pink h2 a:visited {color: #ff78e1; text-decoration: none;} .red h2 a:link, .red h2 a:visited {color: #df320a; text-decoration: none;} .sub h5 {font-size: 22px; color: white; font-weight: normal; font-family: Trebuchet MS, Helvetica, sans-serif; letter-spacing: 0.04em; margin-top: 0px; float:left; margin-bottom: 0px; margin-right: 5px;} .priceinfo {margin-right:5px; font-size: 10px; color: white; font-family: Arial; letter-spacing: 0.02em; margin-top: 10px; float: left; margin-bottom: 5px;} .sub {width: 200px; margin-left: 15px; margin-top: 10px;} #product {float:left; width: 298px; height: 208px; margin: 10px; border: 1px solid #c8c8c8; overflow: hidden;} #slideshow {float:left; width: 298px; height: 208px; margin: 0px; margin-right: 20px; } #slideshow img { width: 298px; height: 208px; padding: 0px; z-index: -1;} #product img {position: absolute; z-index: -1; height: 208px; width: 298px;} #producttop {padding:10px; width: 288px; background-color: white; margin: 0px; vertical-align: middle;} #producttop h3 {font-family: Arial; font-size: 16px; font-weight: normal; margin-top: 0px; display: inline; letter-spacing: 0.03em} #producttop h5 {font-family: Arial; font-size: 24px; display: inline; letter-spacing: 0.04em;} #producttop p {font-family: Arial; font-size: 24px; display: inline; letter-spacing: 0.04em;} .green {border-bottom: 1px solid #23ba00;} .green h3 {color:#23ba00;} .green h3 a:link, .green h3 a:visited {color:#23ba00;} .green h5 {color:#23ba00;} .green p {color:#23ba00;} .blue {border-bottom:1px solid #0058ba;} .blue h3 a:link, .blue h3 a:visited {color:#0058ba;} .blue h3 {color:#0058ba;} .blue h5 {color:#0058ba;} .blue p {color:#0058ba;} .purple {border-bottom:1px solid #8634cc;} .purple h3 a:link, .purple h3 a:visited {color:#8634cc;} .purple h3 {color:#8634cc;} .purple h5 {color:#8634cc;} .purple p {color:#8634cc;} .aqua {border-bottom:1px solid #00a6ba;} .aqua h3 {color:#00a6ba;} .aqua h3 {color:#00a6ba;} .aqua h3 a:link, .aqua h3 a:visited {color:#00a6ba; font-weight: normal;} .aqua h5 a:link, .aqua h5 a:visited {color:#00a6ba; font-weight: normal;} .aqua h5 {color:#00a6ba;} .aqua p {color:#00a6ba;} #productnext {width: auto; height: 30px; float: right; margin-top: 129px;} #productnextleft {height: 30px; width: 10px; float: left; } #productnextright {height: 30px; float: right; padding-right: 28px;} #productnextright h3 {float:left; font-size: 14px; margin-top: 7px; font-family: Trebuchet MS, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.06em;} #productnextright h3 a:link, #productnextright h3 a:visited {color: white; text-decoration: none;} #productnext img{height: 15px; width: 15px; z-index: 10; margin-left: 5px; float: right; margin-top: 8px; border: none;} .nextrightgreen {background-color:#23ba00;} .nextrightblue {background-color:#0058ba;} .nextrightpurple {background-color:#8634cc;} .nextrightaqua {background-color:#00a6ba;} .nextgreen {background-image:url(images/sliding-door_02.png); background-repeat: no-repeat;} .nextblue {background-image:url(images/sliding-door_03.png); background-repeat: no-repeat;} .nextpurple {background-image:url(images/sliding-door_04.png); background-repeat: no-repeat;} .nextaqua {background-image:url(images/sliding-door_06.png); background-repeat: no-repeat;} #nav { z-index: 50; position:relative; top: 15px; margin-left: auto; font-size: 0px;} #nav a { margin-left: 7px; margin-right: -4px; padding: 8px 8px; background-image: url(images/slider_inactive.png); color:#000; text-decoration: none; } #nav a.activeSlide { background-image: url(images/slider_active.png); color:#CCC; } #nav a:focus { outline: none; } #next2{width: 20px; height: 20px; background-image: url(images/next.png); top: 49px; left: 595px; z-index: 50; position: relative; cursor: pointer;} #prev2{width: 20px; height: 20px; background-image: url(images/prev.png); top: 69px; left: 570px; z-index: 50; position: relative; cursor: pointer;} .portfolio {width: 233px; height: 155px; overflow: hidden;border: 1px solid #000;float: left;} .portfolio a:link img, .portfolio a:visited img { width: auto; height: 155px; float: left; margin: 0px; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; border: none;} .portfolio a:hover img { zoom: 1; filter: alpha(opacity=100); opacity: 1.0; } /*single page style elements*/ #subnav {width: 100%; height: 35px; background-color: white; border-bottom: 1px solid #c8c8c8;} #subnav ul {margin: 0px; padding: 0px; list-style: none;} #subnav li {margin: 8px 10px; float: left; list-style: none;} #subnav li a:link, #subnav li a:visited {font-family: Arial; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #898989;} #subnav li a:hover, #subnav li a:active {color: #000; text-decoration: none;} #subnav li a.current, #subnav li.current-menu-item a, #subnav li.current-menu-parent a, li.current-menu-ancestor a {color: black;} #singletop {height: 36px; margin: 0px 10px;} #singletop h2 {float: left; margin-right: 10px;} #singletop h2 a:link, #singletop h2 a:visited {color: #333;} #singletop ul {margin: 0px; padding: 0px;} #singletop li {float: left; list-style: none; margin-left: 10px; margin-top: 8px;} #singletop li a {background-color: #f5f5f5; padding: 6px 8px; border: 1px solid #f5f5f5;font-family: Arial; font-size: 12px; color: #7b7b7b} #singletop li a:hover {background-color: white; border: 1px solid #c8c8c8;} #age {padding: 6px 10px; width: auto; float: left; margin: 5px 5px; border: 1px solid #f5f5f5;font-family: Arial; font-size: 12px; color: #7b7b7b;} a:hover #age, a:active #age {border: 1px solid #c8c8c8; background-color: white; color:#333;} #singleproduct {width:608px; height: 398px; float: left; border: 1px solid #c8c8c8; display: block; margin: 10px 20px; overflow: hidden;} #singleproduct img {width: 608px; height: 398px; position: absolute; z-index: 0;} #sorts {width: 93px; height: 63px; position: relative; margin: 20px 10px -10px; background-color:#f4f4f4; border: 1px solid #c8c8c8; z-index: 9999;} #sorts img {width: 93px; height: 63px; position: absolute; left: 0px; top: 0px;} #singleinfo {float: left; width: 300px; height: auto; margin-top: 4px;} #singleinfo ul {padding: 0px; margin: 0px;} #singleinfo h3 {margin: 10px 0px; font-size: 18px; font-family: Trebuchet MS; color: #666; font-weight: normal; letter-spacing: 0.08em;} #singleinfo .top {width: 300px; height: auto;} #singleinfo .top p {float: left; font-family: Arial; font-size: 24px; font-weight: bold; color: #00a6ba; margin: 0px; margin-right: 5px; margin-top:10px; width: 300px; margin-bottom: 10px;} #singleinfo .priceinfo {color:#676767; float: left;} #singleinfo .info {float: left; font-family: Arial; font-size: 10px; margin-top: 11px; margin-left: 5px; } #singleinfo .shopping {width: 30px; height: 25px; background-image: url(images/addtocart.png); float: left; margin-top: 3px; margin-left: 5px;} #singleinfo a:link, #singleinfo a:visited {text-decoration: none; color: #00a6ba;} #singleinfo li {list-style: none; background-color: #00a6ba; float: left; padding: 2px 4px; color: white; font-family: Trebuchet MS; text-transform: uppercase; letter-spacing: 0.05em; font-size: 14px; margin-bottom: 15px;} #singleinfo li a:link, #singleinfo li a:visited {text-decoration: none; color: white;} #sidenext {float:left; width: auto; height: 25px; margin-right: 5px;} #sidenextleft {width: 10px; height: 25px; float: left;} #sidenextright {width: auto; height: 25px; float: left; padding-right: 10px;} .sidenextaqua {background-color: #00a6ba;} .sidenextgreen {background-color: #23ba00; padding-right: 10px;} .sidenextgrey {background-color: #676767; padding-right: 10px;} .nextleftaqua {background-image: url(images/sidenext.png);} .nextleftgreen {background-image:url(images/sliding-door_02.png);} .nextleftgrey {background-image:url(images/sliding-door_05.png);} #sidenext a:link, #sidenext a:visited {float:left; font-family: Trebuchet MS; font-size: 10px; color: white; text-transform: uppercase; margin-top: 6px; letter-spacing: 0.05em; text-decoration: none;} #sidenext a:hover {text-decoration: underline;} #sidenext img {float: left; margin: 0px 0px 0px 5px;} #extra {clear:both; padding-top: 10px;} .extra {font-family: Trebuchet MS; font-size: 14px; color: #333; ; letter-spacing: 0.04em; margin: 10px;} #related {float:left; width: 218px; height: 153px; margin: 10px; border: 1px solid #c8c8c8; overflow: hidden; } #related img {position: absolute; width: 218px; height: 153px; z-index: -1;} #relatedtop {min-height:23px; padding:6px; width: 288px; background-color: white; margin: 0px; vertical-align: middle;border-bottom:1px solid #00a6ba;} #relatedtop h3 {font-family: Arial; font-size: 14px; font-weight: normal; margin-top: 0px; display: inline; letter-spacing: 0.03em; color:#333;} #relatedtop h5 {font-family: Arial; font-size: 18px; display: inline; letter-spacing: 0.04em; color: #333;} #relatedtop h4 {font-family: Arial; font-size: 18px; display: inline; letter-spacing: 0.04em; color: #333;} #relatedtop h3 a:link, #relatedtop h3 a:visited {color: #333;} #relatednext {float: right; width: auto; height: 25px; margin-right: 0px; margin-top: 92px;} #relatednextleft {background-image: url(images/sidenext.png); width: 10px; height: 25px; float: right;} #relatednextright {width: auto; height: 25px; background-color: #00a6ba; float: right; padding-right: 10px;} #relatednexticon {width: 12px; height: 13px; background-image: url(images/sidenext_arrow.png); float: right; margin: 0px 0px 5px 5px;} #relatednext a:link, #relatednext a:visited {float:right; font-family: Trebuchet MS; font-size: 10px; color: white; text-transform: uppercase; margin-top: 6px; letter-spacing: 0.05em; text-decoration: none;} #relatednext a:hover {text-decoration: underline;} /*ordering page style elements*/ .withsidebar {width: 600px; float: left;} #orderform {float: left; width: 610px; margin-top: 0px; margin-right: 20px; margin-left: 10px;} #orderform .product {float: left; width: 215px; height: 180px; background-color: #f8f8f8; margin-right: 10px;} #orderform .cost {float: left; width: 90px; height: 180px; background-color: #f8f8f8; margin-right: 10px; margin-top: 0px;} #orderform .number {float: left; width: 50px; margin-left: 33px; margin-top: 10px; } #orderform .text {height: 16px; width: 60px; float: left; margin-top: 10px; margin-left: 30px; margin-right: 5px; padding: 3px 0px; font-family: Arial; font-size: 12px; font-weight: bold;} #orderform .toptext {width: 60px; float: left; margin-top: 10px; margin-left: 20px; margin-right: 15px;} #orderform .row {width: 620px; height: 30px; margin-left:0px;} #orderform hr {float:left; width:600px; height: 1px; margin:10px; border:none; border-bottom: 1px solid #c8c8c8;} #orderform #relatednext {margin-top: 10px;} #orderform a:link, #orderform a:visited {color:#00a6ba;} #selection {height: 22px; width: 215px; float: left; margin-top: 10px;} #selectbox {height: 20px; width: 177px; float: left; color: #666; border: 1px solid #c8c8c8; background-color: white; margin-left: 10px; vertical-align: middle; padding: 0px 3px;} .selectbox {font-family: Arial; font-size: 12px; color: #666;} #selectarrow {height: 20px; width: 18px; float: left; background-color: #c8c8c8; border: 1px solid #c8c8c8; margin-left: -1px;} a:link #selectarrow {background-image: url(images/select.png); border: 1px solid #c8c8c8; } a:hover #selectarrow {background-image: url(images/select_hover.png); border: 1px solid #c8c8c8; } #smallselection {height: 22px; width: 51px; float: right; margin-top: 10px; margin-left: 20px; margin-right: 10px;} #smallselectbox {height: 18px; width: 14px; float: left; color: #666; border: 1px solid #c8c8c8; background-color: white; margin-left: 10px; vertical-align: middle; padding: 1px 3px;} #total {height: 16px; width: 100px; float: right; margin-left: 40px; padding: 3px 0px; font-family: Arial; font-size: 12px; text-align: right; text-transform: uppercase;} #add {clear:left; padding-top: 20px;} .addition {font-family: Arial; font-size: 12px; color: #333; margin-left: 10px;} #contactform {width: 340px; height: 215px; float: left; margin: 10px; margin-top: 30px;} #contactform .label {width:100px; height: 22px; padding-top: 2px; font-family: Trebuchet MS; font-size: 14px; color: #333; float: left;} #contactform .field {width: 230px; height: 20px; float: left;} #contactform .row {float: left; height: 20px; margin-bottom: 10px;} #contactform .house .field {width: 40px;} #contactform .postal .field {width: 90px; margin-bottom: 5px;} #contactform .postal .label {width: 70px; margin-left: 20px;} #contactform .remark .field {height: 80px; vertical-align: top;} .contactsend {float: left; margin-top: 207px;} .sendright{padding-right: 10px; background-color: #23ba00;} .sendleft {} /*aanpassing gravity forms elements*/ #gform_wrapper_1 .gform_heading .gform_title {font-size: 30px; font-family: Trebuchet MS; letter-spacing: 0.08em; margin: 0; text-transform: uppercase; margin-bottom: 5px; margin-top: -5px;} .gform_title {width: 100px; margin-right: 20px;} .gform_wrapper {} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields {float: left; margin-top: 3px;} .gform_wrapper{clear: left; padding-right: 0px;} .gfield {float: left; width: 560px;} .gform_footer{clear: both;} .ginput_container {display: inline; width: 330px; float: right; margin-top: 8px; margin-right: 2px;} #sidebar .ginput_container {display: inline; width: 180px; float: right; margin-top: 8px; margin-right: 0px; margin-left: 5px;} .gform_wrapper h2.gsection_title, .gform_wrapper, .gsection_description {color: #333333; font-weight: normal; font-family: Trebuchet MS;} .sidebar {border: none; float: left; width: 280px;} .sidebar .gform_title {width: 100px; margin-left: 50px;} .gform_wrapper .gform_footer input[type="submit"]{width: 95px; height: 25px; background-image: url(images/verstuur.png); font-size: 0px; border: none; font-size: 10px; text-transform: uppercase; font-weight: normal; color: white; padding-right: 20px;} #gforms_confirmation_message {font-family: Arial; font-style: normal; font-size: 18px; color:#888; margin-top: -5px; margin-bottom: 20px; font-weight: normal; letter-spacing: 0.10em;} /*sidebar style elements*/ #sidebar {width: 320px; float: right; margin-top: 5px; background-image: url(images/gradient.png); background-repeat: repeat-y; padding-bottom: 20px;} #sidebar h2 {float:left; font-size: 18px; text-transform: none; color: #444; margin-right: 10px;} #sidebartop {width: 300px; height: 25px; float: left;} #sidebartext {margin-left: 20px; width: 300px; float: left; margin-bottom: 10px;} #sidebartext p {margin-top: 10px; color: #444;} #sidebar ul {float: left; margin: 0px 0px 10px; padding: 0px; list-style: none;} #sidebar li {display: block; font-family: Trebuchet MS; font-size: 14px; line-height: 20px;} #sidebar li a:link, #sidebar li a:visited {color: #676767;} #sidebar li a:hover {color: #333;} #sidebarform {width: 300px; height: 215px; float: left; margin:0px; margin: 10px 0 0;} #sidebarform .label {width:80px; height: 22px; padding-top: 2px; font-family: Trebuchet MS; font-size: 12px; color: #333; float: left; margin-bottom: 5px;} #sidebarform .row {float: left; height: 20px; margin-bottom: 10px;} #sidebarform .name .field {float:left; width: 180px; margin-bottom: 5px; height: 20px;} #sidebarform .remark .field {float:left; width: 180px; margin-bottom: 5px; height: 80px;} #sidebarform #relatednext {margin-top: 10px; margin-right: 30px;} #sidebarform #relatednextleft {background-image:url(images/sliding-door_05.png);} #sidebarform #relatednextright {background-color:#676767;} #closer {height: 20px; width: 20px; clear: right;} /*manual page style elements*/ #maintext {width:600px; float: left; min-height: 100px; margin: 10px;} #maintext img {margin: 5px 15px 8px 0px; float: left; border: 1px solid #c8c8c8;} #maintext p {margin-bottom: 10px;} #bigsearchform {float: left; width: 600px; margin-left: 10px; margin-top: 0px;} #bigsearchform h2 {font-size: 24px; text-transform: none; font-weight: normal;} .bigsearchsend {margin-top: 7px; margin-left: 20px;} .results {font-family: Trebuchet MS; font-size: 14px; color: #333; ; letter-spacing: 0.04em; font-weight: bold;} #results {width:600px; background-image:url(images/results.png); float: left; margin:0px;padding-bottom: 1px;} .row {width: 620px; height: 30px; margin-left:0px;} #pdfrow {height: 24px; width: 560px; float: left; float: left; margin: 8px;} #pdfrow img {float: left; margin-top: 0px; border: none;} .pdfrow {float: left; margin: 6px; font-family: Arial; font-size: 12px; letter-spacing: 0.02em;} #pdfrow a:link,#pdfrow a:visited {color: #333;} #pdfrow a:hover {text-decoration: underline;} .kb {float: left; margin: 6px; margin-left: 0px; font-family: Arial; font-size: 12px; color: #676767;} /*selling point page style elements*/ #selling img {width: 600px; height:630px;} #selling {float: left; margin-left: 10px;} #bus {width: 75px; height: 50px; border: 1px solid #c8c8c8; float: left; background-color: blue; margin-top: 3px; margin-right: 10px; margin-bottom: 10px; background-image: url(images/bus.png)} /*regular page style elements*/ .headertext p {font-size: 14px; line-height: 20px; letter-spacing: 0.08em;} .headertext ul {margin: 0px; padding: 0px 20px;} .headertext li {font-size: 16px; line-height: 24px; font-family: Times; font-style: italic;} .socialmedia {float: left; width: 30px; height: 30px; margin: 5px 5px 15px 0px; background-color: blue;} /*contact page style elements*/ #maintext iframe {border: 1px solid #c8c8c8;} /*product page style elements*/ .singleslideshow { width: 620px; height: auto; max-height: 413px; background-color:#000; border: 1px solid #333; float: left; overflow: hidden; } .singleslideshow img { width: 620px; height: 413px; padding: 0px;} #singlenav { clear:left; z-index: 50; position:relative; top: 18px; margin-left: auto; font-size: 0px;} #singlenav a { margin-left: 7px; margin-right: -4px; padding: 8px 8px; background-image: url(images/slider_inactive.png); color:#000; text-decoration: none; } #singlenav a.activeSlide { background-image: url(images/slider_active.png); color:#CCC; } #sibglenav a:focus { outline: none; } .headertext {font-size: 14px;} .te_div {font-family: Arial; line-height: 18px; color: #333; font-size: 12px; margin-bottom: 10px; margin-top: 10px;} .breadcrumbs {font-family: Tahoma; font-style: normal; font-weight: normal; font-size: 12px; color: #CCC; display: inline; margin-right: 3px;} .breadcrumbs a:link {color: #CCC} .breadcrumbs a:hover {color: #FFF} .pagehead {float: left; width: 570px; margin-top: 5px; margin-bottom: 1px;} #blogicon {float: left; height: 20px; width: 205px; margin-top: 5px;} .blogicon {float: left; width: 25px; height: 20px; background-image: url(images/blog.png); margin-left: 0px; margin-top: 5px;} .blogadress {margin-left: 5px; color: #CCC; float: left; font-weight: normal; width: 90px; font-size: 10px;} .video {position: absolute; top: 158px; width: 621px; overflow: hidden; padding-left: 1px; z-index: 100;background-color: black;} .video p{font-size: 0px;} .video object {width:620px; background-color: #000; margin-bottom: 80px;} /*search page style elements*/ #maintext a:link, a:visited h3 {color: #000;} .hilite {background-color: #FFF;} /*footer.php elements*/ #space {clear: both; height: 10px; width: 940px;} .footer {margin-left:10px; width: 940px; float: left; height: 50px;} .footer li {font-family: Arial; margin: 0px; font-size: 10px; color: #999; letter-spacing: 0.06em; margin-right: 15px; display: inline; list-style: none;} .footer li a:link {text-decoration: none; color: #999; cursor: pointer;} .footer li a:visited {color: #999} .footer li a:hover {text-decoration:none; color: #000;} /* =IE7 ----------------------------------------------- */ #ie7 #title h1{font-size: 36px; color: #FFFFFF} #ie7 .top ul {margin-left: 0px;} #ie7 .tooltip ul {margin-left: 0px;} #ie7 .submit { text-indent: -9000px; text-transform: capitalize;} #ie7 #singlenav { text-indent: -9000px; text-transform: capitalize; } #ie7 #nav { text-indent: -9000px; text-transform: capitalize;} #ie7 .video p{display: none;} #ie7 .wpcf7-submit {text-indent: -9000px; text-transform: capitalize;} #ie7 .feedthumb {text-indent: -9000px; text-transform: capitalize;} #ie7 #submit { height: 50px;} #ie7 #sidebar h2 {margin-bottom: 11px;} #ie7 html, body {background-color:transparent;} #ie7 .te_div {background-color: purple; display: none;} #ie7 #next2{width: 20px; height: 20px; background-image: url(images/next.png); top: 0px; left: 595px; z-index: 999; position: relative; cursor: pointer;} #ie7 #prev2{width: 20px; height: 20px; background-image: url(images/prev.png); top: 0px; left: 570px; z-index: 999; position: relative; cursor: pointer;}