/* ---------------------------------------------------------------- obi master css ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- RESET ---------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } body { font-size:14px; font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #666; background-color: #000; } a { color: #666; text-decoration: none; } a:hover { color: #822100; } .update{ float:right; height: auto; width: 130px; text-align: left; padding: 5px; } /* ---------------------------------------------------------------- tienda online page ---------------------------------------------------------------- */ .mainleft { width: 250px; margin-top: 15px; margin-right: 0px; margin-bottom: 30px; text-align: left; padding-bottom: 15px; float: left; } .mainleft p { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin-right: 0px; margin-bottom: 0px; text-align: justify; color: #46462B; line-height: 1.4em; text-shadow: 1px #FFF; } .mainleft a:link, .mainleft a:visited, .mainleft a:active { color: #46462B; text-decoration: none; font-weight: bold; } .mainleft a:hover { color: #99A71D; font-weight: bold; text-decoration: none; } .mainleft ul { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #46462B; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } .mainleft ul li { line-height: 1.6em; } .mainleft ul li a { padding-left:0px; color: #46462B; text-decoration:none; } .mainleft ul li a:hover { color: #99A71D; } .mainleft ol { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #46462B; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } .mainleft ol li { line-height: 1.6em; } .mainleft ol li a { padding-left:0px; color: #46462B; text-decoration:none; } #main ol li a:hover { color: #99A71D; } .mainleft h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 35px; font-style: normal; font-weight: 300; text-decoration: none; padding-bottom:5px; color: #636446; line-height: 1.1em; } .mainleft h2 { text-align: left; font-family:"Open Sans", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #636446; font-weight: 300; padding-bottom: 15px; padding-top: 20px; margin-bottom: 15px; } /* ---------------------------------------------------------------- background image 1 ---------------------------------------------------------------- */ #bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } .bgline{ position:fixed; top:126px; left:0; } /* ---------------------------------------------------------------- cart - details ---------------------------------------------------------------- */ #details{ width: 650px; text-align: left; padding: 10px; height: auto; margin-left: auto; margin-right: auto; font-size:12px; font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #6F6F42; margin-top: 20px; } #details table { margin: 0px auto 20px; width: 600px; } #details table tr th { background-color: #fff; border-bottom: 2px solid #DADBC1; font-size: 110%; font-weight: normal; text-align: left; padding: 10px 0; } #details table tr:first-child td { border-top: 1px solid #DADBC1; border-bottom: 2px solid #DADBC1; padding: 12px 15px 12px 2px; font-weight: bold; } #details table td { font-size: 110%; padding: 2px 15px 2px 2px; } #details table .final-line { border: 0; padding: 20px 0; } #details table td.empty span { font-weight: bold; display: block; padding: 30px 0; } #details table .centered { text-align: center; width: 50px; } #details table th.image { text-indent: 10px; width: 60px; } #details table td.subtotal { background-color: #FFF; font-size: 14px; letter-spacing: 1px; padding: 20px 35px; } #details .continue-shopping { color: #ccc; padding-right: 15px; } #details .button { margin-left: 10px; color: #C5C69F; } /* ---------------------------------------------------------------- hover effect ---------------------------------------------------------------- */ .img { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .img:hover { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ cursor: pointer; } #stockcategorywrap{ width: 80%; text-align: left; height: auto; margin-left: 10%; margin-right: 10%; float: left; margin-top: 10px; margin-bottom: 20px; } .price{ color: #666; font-weight: normal; font-size:19px; font-family: "Trebuchet MS", Arial, sans-serif; } /* ---------------------------------------------------------------- sidebar overview ---------------------------------------------------------------- */ #overview{ width: 280px; text-align: left; padding-bottom: 15px; float: right; border: 1px dotted #C5C69F; padding: 10px; height: auto; margin-top: 20px; } #overview p { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-right: 0px; margin-bottom: 0px; text-align: left; color: #636446; line-height: 1.4em; padding-top: 5px; text-shadow: 1px #FFF; } #overview a:link, #overview a:visited, #overview a:active { color: #636446; text-decoration: none; font-weight: normal; font-size: 16px; width: 270px; padding-top: 10px; } #overview a:hover { color: #999; font-weight: normal; text-decoration: none; } #overview ul { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; width: 270px; height: auto; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } #overview ul li { height: 40px; width: 270px; display: block; } #overview ul li a { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; text-decoration:none; width: 270px; display: block; } #overview ul li a:hover { color:#333; background-color: #DADBC1; border-bottom: 1px solid #999; width: 250px; height: 30px; padding: 10px 0 0 0; } #overview ol { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #636446; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #overview ol li { line-height: 1.6em; } #overview ol li a { padding-left:0px; color: #636446; text-decoration:none; } #overview ol li a:hover { color:#999; } #overview h1 { text-align: left; font-family:"Open Sans", Trebuchet MS, Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 22px; color: #636446; font-weight: 300; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px dotted #636446; margin-bottom: 15px; } .productphoto { width: 60%; margin-top: 50px; float: right; } /* ---------------------------------------------------------------- right sidebar boxes ---------------------------------------------------------------- */ .rightbox1{ width: 280px; text-align: left; padding-bottom: 15px; float: right; border: 1px dotted #C5C69F; padding: 10px; height: auto; background-image: url(images/isimo-bg-corner.jpg); background-repeat: no-repeat; background-position: 95% 95%; margin-top: 20px; } .rightbox1 p { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-right: 0px; margin-bottom: 0px; text-align: left; color: #4D596F; line-height: 1.4em; padding-top: 5px; text-shadow: 1px #FFF; } .rightbox1 a:link, .rightbox1 a:visited, .rightbox1 a:active { color: #636446; text-decoration: none; font-weight: normal; font-size: 16px; width: 270px; padding-top: 10px; } .rightbox1 a:hover { color: #999; font-weight: normal; text-decoration: none; } .rightbox1 ul { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; width: 270px; height: auto; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } .rightbox1 ul li { height: 40px; width: 270px; display: block; } .rightbox1 ul li a { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; text-decoration:none; width: 270px; display: block; } .rightbox1 ul li a:hover { color:#000; background-color: #DADBC1; border-bottom: 1px solid #999; width: 250px; height: 30px; padding: 10px 0 0 0; } .rightbox1 ol { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #636446; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } .rightbox1 ol li { line-height: 1.6em; } .rightbox1 ol li a { padding-left:0px; color: #636446; text-decoration:none; } .rightbox1 ol li a:hover { color:#999; } .rightbox1 h1 { text-align: left; font-family:"Open Sans", Trebuchet MS, Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 22px; color: #636446; font-weight: 300; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px dotted #636446; margin-bottom: 15px; } .rightbox2{ width: 280px; text-align: left; padding-bottom: 15px; float: right; border: 1px dotted #C5C69F; padding: 10px; height: auto; margin-top: 20px; } .rightbox2 p { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin-right: 0px; margin-bottom: 0px; text-align: left; color: #4D596F; line-height: 1.4em; padding-top: 5px; text-shadow: 1px #FFF; } .rightbox2 a:link, .rightbox2 a:visited, .rightbox2 a:active { color: #636446; text-decoration: none; font-weight: normal; font-size: 16px; width: 270px; padding-top: 10px; } .rightbox2 a:hover { color: #999; font-weight: normal; text-decoration: none; } .rightbox2 ul { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; width: 270px; height: auto; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } .rightbox2 ul li { height: 40px; width: 270px; display: block; } .rightbox2 ul li a { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #636446; text-decoration:none; width: 270px; display: block; } .rightbox2 ul li a:hover { color:#000; background-color: #DADBC1; border-bottom: 1px solid #999; width: 250px; height: 30px; padding: 10px 0 0 0; } .rightbox2 ol { font-family: Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #636446; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } .rightbox2 ol li { line-height: 1.6em; } .rightbox2 ol li a { padding-left:0px; color: #636446; text-decoration:none; } .rightbox2 ol li a:hover { color:#999; } .rightbox2 h1 { text-align: left; font-family:"Open Sans", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 22px; color: #636446; font-weight: 300; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px dotted #636446; margin-bottom: 15px; } /* ---------------------------------------------------------------- structure ---------------------------------------------------------------- */ #outerwrap { width: 90%; margin-right: auto; margin-bottom: 50px; margin-left: auto; height: auto; text-align: center; padding-bottom: 20px; margin-top: 0px; position: relative; } #wrapper { width: 100%; height: auto; background-color: #FFF; float: left; margin-bottom: 20px; box-shadow: 5px 5px 5px #333; -webkit-box-shadow: 5px 5px 5px #333; -moz-box-shadow: 5px 5px 5px #333; background-image: url(images/border-left.png); background-repeat: repeat-y; } #container { padding: 0px; margin-right: auto; width: 100%; height: auto; margin-left: auto; float: left; } /* ---------------------------------------------------------------- languages ---------------------------------------------------------------- */ .languages { width:430px; height:auto; color: #999999; text-decoration: none; padding-bottom: 10px; float: right; margin-top: 15px; margin-right: auto; text-align: right; } .languages-nav { margin: 0px; padding: 0px; list-style-type: none; font-family: "Century Gothic", Trebuchet MS, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 10px; text-align: right; font-style: normal; text-transform: uppercase; text-transform: none; letter-spacing: 2px; color: #333; font-weight:normal; } .languages-nav li { margin: 0px; padding: 0px; display: inline; list-style-type: none; } .languages-nav li a:link, .languages-nav li a:visited, .languages-nav li a:active { color: #333; text-decoration: none; display: inline; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; width: auto; list-style-type: none; } .languages-nav li a:hover { color: #822100; text-decoration: none; } .centre { margin-left:auto; margin-right:auto; width:70%; } /* ---------------------------------------------------------------- header ---------------------------------------------------------------- */ #header{ min-height:138px; max-height:139px; width: 100%; margin-left: auto; margin-right: auto; float: left; background-image: url(images/obi-header1.jpg); background-size:100%; background-repeat: no-repeat; } #header p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 14px; text-align: left; line-height: 1.4em; color: #666; } #header a:link, #header a:visited, #header a:active { color: #666; text-decoration: none; font-weight: normal; font-size: 14px; } #header a:hover { color: #822100; font-weight: normal; text-decoration: none; } #header h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; margin-right: 20px; float: left; } #logo { height: auto; width: 250px; text-align: left; margin-top: 10px; float: left; margin-left: 20px; } .logo { padding-bottom: 15px; } #account{ height: auto; width: 350px; text-align: left; margin-top: 10px; float: right; margin-left: 15px; } .cart{ height: 35px; width: 80px; text-align: left; float: left; margin-left: 40px; background-image: url(images/shop.jpg); background-repeat: no-repeat; background-position: top right; padding-top: 10px; } .cartRow{ clear:both;} .cartCell{ float:left; width:50px; padding:5px;} #XcountryLogo { height: auto; width: 250px; text-align: left; margin-top: 65px; float: left; } ---------------------------------------------------------------- cart ---------------------------------------------------------------- */ #viewshoppingcart { padding: 0px; margin-right: auto; width: 600px; height: auto; margin-left: auto; float: left; } #viewshoppingcart table { margin: 0px auto 20px; width: 550px; } #viewshoppingcart table tr th { background-color: #fff; border-bottom: 2px solid #DADBC1; font-size: 110%; font-weight: normal; text-align: left; padding: 10px 0; } #viewshoppingcart table tr:first-child td { border-top: 1px solid #DADBC1; border-bottom: 1px solid #DADBC1; } #viewshoppingcart table td { border-bottom: 1px dotted #DADBC1; font-size: 110%; padding: 10px; } #viewshoppingcart table .final-line { border: 0; padding: 20px 0; } #viewshoppingcart table td.empty span { font-weight: bold; display: block; padding: 30px 0; } #viewshoppingcart table .centered { text-align: center; width: 50px; } #viewshoppingcart table th.image { text-indent: 10px; width: 60px; } #viewshoppingcart table td.qty input { width: 20px; text-align: center; border-right: 1px solid #DADBC1; } #viewshoppingcart table td.subtotal { background-color: #FFF; font-size: 14px; letter-spacing: 1px; padding: 20px 35px; } #viewshoppingcart .continue-shopping { color: #ccc; padding-right: 15px; } #viewshoppingcart .button { margin-left: 10px; color: #C5C69F; } /*mini cart*/ #shoppingcart{ height: auto; width: 40%; text-align: left; float: right; margin-left: 50%; margin-top:1%; } #shoppingcart p { text-align: left; font-family: "Open Sans", Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; text-decoration: none; color: #FFF; margin-bottom: 5px; } #shoppingcart a:link, #shoppingcart a:visited, #shoppingcart a:active { font-family: "Open Sans", Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; text-decoration: none; color: #FFF; padding-top: 5px; } #shoppingcart a:hover { color: #D80004; font-family: "Open Sans", Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; text-decoration: none; } #shoppingcart ul li.shoppingcart{ background-image: url(images/shoppingcart.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul li.shoppingcart a:hover{ background-image: url(images/shoppingcart-over.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul li.arrow{ background-image: url(images/arrow.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul li.arrow a:hover{ background-image: url(images/arrow-over.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul li.plus{ background-image: url(images/plus.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul li.plus a:hover{ background-image: url(images/plus-over.png); background-position: 100% 50%; background-repeat: no-repeat; } #shoppingcart ul { font-family: "Open Sans", Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #FFF; width: 200px; height: auto; list-style: none; text-align: left; padding: 0px; margin: 0px; } #shoppingcart ul li { width: 200px; display: block; height: auto; } #shoppingcart ul li a { font-family: "Open Sans", Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #fff; text-decoration:none; width: 200px; display: block; } #shoppingcart ul li a:hover { color:#000; } .account{ height: 35px; width: 110px; text-align: left; float: left; margin-left: 30px; background-image: url(images/account.jpg); background-repeat: no-repeat; background-position: 100% 30%; padding-top: 10px; } /* ---------------------------------------------------------------- main menu jquery dropdown ---------------------------------------------------------------- */ #menu { font-family: "Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0.1em; height:35px; width:100%; text-align:left; margin-bottom: 10px; margin-left: 27px; list-style: none; } #menu ul { list-style: none; } #minimenu { display:none; width:80px; height:80px; z-index:100; position:fixed; z-index: 1000; left: 20px; top:20px; background-color: #fff; color: white; padding: 0; } #minimenu_main ul { background-color: #fff; } #minimenu_main li { width:100%; background-color: #fff; } ul.dropdown { position: relative; } ul.dropdown li { font-weight: normal; float: left; zoom: 1; font-family: Trebuchet MS, Oswald, "Century Gothic", Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0.1em; } ul.dropdown a:hover { color: #444; } ul.dropdown a:active { color: #444; background: #F8F8F8; } ul.dropdown li a { display: block; padding: 4px 20px; color: #5B5B5B; height: 25px; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { background: #eee; color: #444; position: relative; background-image: url(images/menu-bg.png); background-repeat: no-repeat; background-position: 1% 20%; } ul.dropdown li.hover a { color: #444; } /* level two */ ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; outline-style:outset; outline-color:#ccc; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -khtml-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background-color: #FFF; color: #444; background-image: none; } ul.dropdown ul li { font-weight: normal; background:#f8f8f8; color: #444; float: none; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } .trans{ opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -khtml-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .bottomline { border-bottom:1px solid #ccc; margin-bottom: 20px; } #toptoolbar { font-family: "Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0.1em; height:35px; width:940px; text-align:left; margin-bottom: 10px; margin-left: 27px; list-style: none; } /* ---------------------------------------------------------------- left column ---------------------------------------------------------------- */ #leftthin{ height: auto; width: 40px; text-align: left; margin-top: 15px; float: left; margin-left: 25px; margin-right: auto; } #left{ height: auto; width: 10%; min-width: 150px; text-align: left; margin-top: 15px; float: left; margin-left:3%; } #left p { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #left a:link, #left a:visited, #left a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; text-decoration: none; color: #636446; } #left a:hover { color: #822100; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; text-decoration: none; } #left ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 10px; } #left ul li { width: auto; text-align: left; height: auto; } #left ul li a { padding-left:0px; color: #666; text-decoration:none; font-weight: bold; } #left ul li a:hover { color: #822100; font-size: 12px; font-weight: bold; } #left ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #left ol li { line-height: 1.6em; } #left ol li a { padding-left:0px; color: #822100; text-decoration:none; } #left ol li a:hover { color: #999; } #left h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #left h2 { text-align: left; font-family: Oswald, "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; text-decoration: none; color: #822100; margin-top: 20px; } #left h3 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #666; margin-top: 10px; margin-bottom: 5px; } /* ---------------------------------------------------------------- left column sub page ---------------------------------------------------------------- */ #left2{ height: auto; width: 180px; text-align: left; margin-top: 25px; float: left; margin-left: 45px; margin-right: auto; } #left2 p { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #left2 a:link, #left2 a:visited, #left2 a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #822100; } #left2 a:hover { color: #999; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: none; } #left2 ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 10px; } #left2 ul li { width: auto; margin: 5px; text-align: left; height: auto; } #left2 ul li a { padding-left:0px; color: #666; text-decoration:none; font-weight: bold; } #left2 ul li a:hover { color: #999; font-size: 13px; font-weight: 400; } #left2 ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #left2 ol li { line-height: 1.6em; } #left2 ol li a { padding-left:0px; color: #822100; text-decoration:none; } #left2 ol li a:hover { color: #999; } #left2 h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #left2 h1 a:link, #left2 h1 a:visited, #left2 h1 a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; text-decoration: none; color: #636446; } #left2 h1 a:hover { color: #822100; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; text-decoration: none; } #left2 h2 { text-align: left; font-family: Oswald, "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; text-decoration: none; color: #822100; margin-top: 20px; background-image: url(images/news-bgline.jpg); margin-bottom: 20px; } #left2 h3 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #666; margin-top: 10px; margin-bottom: 5px; } /* ---------------------------------------------------------------- right column sub page ---------------------------------------------------------------- */ #right2{ height: auto; width: 160px; text-align: left; margin-top: 35px; float: left; margin-left: 25px; margin-right: auto; } #right2 p { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #right2 a:link, #right2 a:visited, #right2 a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; } #right2 a:hover { color: #822100; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; text-decoration: none; } #right2 ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 10px; } #right2 ul li { width: auto; margin: 5px; text-align: left; height: auto; } #right2 ul li a { padding-left:0px; color: #666; text-decoration:none; font-weight: bold; } #right2 ul li a:hover { color: #822100; font-size: 13px; font-weight: bold; } #right2 ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #right2 ol li { line-height: 1.6em; } #right2 ol li a { padding-left:0px; color: #822100; text-decoration:none; } #right2 ol li a:hover { color: #999; } #right2 h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #right2 h1 a:link, #right2 h1 a:visited, #right2 h1 a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; text-decoration: none; color: #666; } #right2 h1 a:hover { color: #822100; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; text-decoration: none; } #right2 h2 { text-align: left; font-family: Oswald, "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; text-decoration: none; color: #822100; margin-top: 20px; margin-bottom: 20px; } #right2 h3 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: none; color: #666; margin-top: 10px; margin-bottom: 5px; } /* ---------------------------------------------------------------- main column ---------------------------------------------------------------- */ #main{ height: auto; width: 60%; text-align: left; margin-top: 15px; float: left; margin-left:3%; margin-right:3%; } #main p { text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #main a:link, #main a:visited, #main a:active { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: none; color: #822100; font-weight: bold; } #main a:hover { color: #999; font-style: normal; text-decoration: none; font-weight: bold; } #main ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 20px; } #main ul li { width: 130px; margin: 5px; background-color: #CCC; text-align: left; height: 50px; } #main ul li a { padding-left:0px; color: #666; text-decoration:none; } #main ul li a:hover { color: #822100; } #main ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #main ol li { line-height: 1.6em; } #main ol li a { padding-left:0px; color: #822100; text-decoration:none; } #main ol li a:hover { color: #999; } #main h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; text-decoration: none; padding-bottom:25px; color: #666; line-height: 1.1em; } #main h2 { text-align: left; font-family:"Open Sans","Century Gothic", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 20px; color: #333; font-weight: 300; padding-top: 20px; } /* ---------------------------------------------------------------- main column sub page 1 ---------------------------------------------------------------- */ #main2{ height: auto; width: 100%; text-align: left; margin-top: 15px; float: left; margin-left: 35px; margin-right: auto; margin-bottom: 20px; } #main2 p { text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #main2 a:link, #main2 a:visited, #main2 a:active { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: none; color:#822100; font-weight: bold; } #main2 a:hover { color: #999; font-style: normal; text-decoration: none; font-weight: bold; } #main2 ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 20px; } #main2 ul li { width: 110px; margin: 5px; background-color: #aaaaaa; text-align: center; } #main2 ul li a { padding-left:0px; color: #666; text-decoration:none; } #main2 ul li a:hover { color: #822100; } #main2 ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #main2 ol li { line-height: 1.6em; } #main2 ol li a { padding-left:0px; color: #822100; text-decoration:none; } #main2 ol li a:hover { color: #999; } #main2 h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; text-decoration: none; padding-bottom:25px; color: #666; line-height: 1.1em; } #main2 h2 { text-align: left; font-family:"Open Sans","Century Gothic", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 20px; color: #333; font-weight: 300; padding-top: 20px; } /* ---------------------------------------------------------------- main column sub page 2 ---------------------------------------------------------------- */ #main3{ height: auto; width: 700px; text-align: left; margin-top: 25px; float: left; margin-left: 45px; margin-right: 5px; margin-bottom: 20px; } #main3 p { text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #main3 a:link, #main3 a:visited, #main3 a:active { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; text-decoration: none; color: #822100; font-weight: bold; } #main3 a:hover { color: #999; font-style: normal; text-decoration: none; font-weight: bold; } #main3 ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: center; margin-top: 10px; padding-bottom: 15px; margin-left: 20px; } #main3 ul li { width: 130px; margin: 5px; background-color: #CCC; text-align: left; height: 50px; } #main3 ul li a { padding-left:0px; color: #666; text-decoration:none; } #main3 ul li a:hover { color: #822100; } #main3 ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #main3 ol li { line-height: 1.6em; } #main3 ol li a { padding-left:0px; color: #822100; text-decoration:none; } #main3 ol li a:hover { color: #999; } #main3 h1 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; text-decoration: none; padding-bottom:25px; color: #666; line-height: 1.1em; } #main3 h2 { text-align: left; font-family:"Open Sans","Century Gothic", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 20px; color: #333; font-weight: 300; padding-top: 20px; } /* ---------------------------------------------------------------- slideshow ---------------------------------------------------------------- */ #slideshowwrap{ width: 100%; text-align: center; margin-top: 15px; float: left; margin-left: 5px; margin-right: 5px; border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top: 15px; margin-bottom: 20px; } #slideshowwrap h2 { text-align: left; font-family:"Open Sans","Century Gothic", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 24px; color: #666; font-weight: 300; padding-bottom: 15px; padding-top: 20px; margin-bottom: 15px; } /* ---------------------------------------------------------------- right column ---------------------------------------------------------------- */ #right{ height: auto; width: 8%; margin-left: 2%; text-align: left; margin-top: 15px; margin-right: 1%; float: left; } #right p { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 300; text-decoration: none; color: #666; margin-bottom: 5px; } #right a:link, #right a:visited, #right a:active { font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; text-decoration: none; color: #822100; } #right a:hover { color: #999; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; text-decoration: none; } #right ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } #right ul li { line-height: 1.6em; } #right ul li a { padding-left:0px; color: #822100; text-decoration:none; } #right ul li a:hover { color: #999; } #right ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #right ol li { line-height: 1.6em; } #right ol li a { padding-left:0px; color: #822100; text-decoration:none; } #right ol li a:hover { color: #999; } #right h2 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; padding-bottom:5px; color: #666; line-height: 1.1em; background-image: url(images/obi-red.jpg); background-repeat: no-repeat; background-position: top right; } #right h2 { text-align: left; font-family:"Open Sans","Century Gothic", Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 24px; color: #666; font-weight: 300; padding-bottom: 15px; padding-top: 20px; margin-bottom: 15px; } /* ---------------------------------------------------------------- sidebar network ---------------------------------------------------------------- */ #network{ width: 140px; text-align: left; float: right; height: auto; margin-top: 20px; border-right: 2px dotted #ccc; border-bottom: 2px dotted #ccc; } #network p { font-family: "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-right: 0px; margin-bottom: 0px; text-align: left; color: #666; line-height: 1.4em; padding-top: 5px; text-shadow: 1px #FFF; } #network a:link, #network a:visited, #network a:active { color: #666; text-decoration: none; font-weight: normal; font-size: 12px; width: 100px; padding-top: 10px; } #network a:hover { color: #999; font-weight: normal; text-decoration: none; padding-top: 10px; } #network ul { font-family: "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; width: 100px; height: auto; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; } #network ul li { height: auto; width: 100px; display: block; } #network ul li a { font-family: "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; text-decoration:none; display: block; } #network ul li a:hover { color:#822100; border-bottom: 1px dotted #999; width: 100px; height: auto; } #network ol { font-family: "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; font-size: 13px; list-style: none; text-align: left; margin-top: 10px; padding-bottom: 15px; list-style-position: inside; list-style-type: decimal; } #network ol li { line-height: 1.6em; } #network ol li a { padding-left:0px; color: #666; text-decoration:none; } #network ol li a:hover { color:#999; } #network h1 { text-align: left; font-family:"Open Sans", Trebuchet MS, Corbel, "Helvetica Neue", Helvetica,Verdana, Helvetica, Arial, sans-serif; font-size: 22px; color: #666; font-weight: 300; padding-bottom: 15px; padding-top: 20px; margin-bottom: 15px; } /* ---------------------------------------------------------------- misc ---------------------------------------------------------------- */ .clearer { font-size: 0px; line-height: 0px; display: block; margin: 0px; padding: 0px; clear: both; height: 0px; width: auto; } .intro { font-size:15px; font-family: "Open Sans","Century Gothic", Helvetica, Arial, sans-serif; color: #666; font-weight: 300; background-image: url(images/obi-bg3.jpg); background-repeat: no-repeat; background-position: top center; width: 100%; text-align: center; height: 50px; padding-top: 50px; margin-top: 30px; } .margin1 { margin-left: 10px; width: auto; } .margin2 { margin-top: 40px; } /* ---------------------------------------------------------------- footer ---------------------------------------------------------------- */ #footer { width: 100%; margin-top: 15px; margin-right: auto; margin-bottom: 15px; margin-left: auto; height: auto; text-align: center; padding-bottom: 5px; padding-top: 40px; padding-right: 10px; background-image: url(images/footer-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: 98% 25%; } #footer ul { float: left; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; color: #636446; padding: 0px; font-size: 14px; list-style: none; text-align: center; margin-top: 30px; margin-left: 35px; margin-bottom: 0px; padding-right: 10px; margin-right: 10px; width: 150px; } #footer ul li { line-height: 1.4em; } #footer ul li a { padding-left:0px; color:#666; text-decoration:none; } #footer ul li a:hover { color: #822100; } #nav-footer2 { float: left; width: 950px; margin: 5px 0 30px 0; padding: 0; list-style-image: none; list-style-type: none; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; color: #666; text-align: center; font-style: normal; height: auto; } #nav-footer2 ul { float: left; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; color: #666; font-size: 14px; list-style: none; text-align: center; margin-top: 50px; margin-bottom: 20px; width: 900px; list-style-type: none; display: inline; } #nav-footer2 ul li { line-height: 1.4em; display: inline; padding: 0 5px 0 5px; text-align: center; } #nav-footer2 ul li a { padding-left:0px; color:#666; text-decoration:none; display: inline; } #nav-footer2 ul li a:hover { color:#822100; } #nav-footer2 p { padding: 10px 0 0 0; font-weight: normal; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px; color: #666; text-align: center; } #nav-footer2 a:link, #nav-footer2 a:visited, #nav-footer2 a:active { color: #666; text-decoration: none; font-weight: normal; text-align: center; } #nav-footer2 a:hover { color:#822100; text-decoration: none; font-weight: normal; list-style: none; display: inline; } #footerleft { margin-left: 20px; height: auto; width: 150px; float: left; padding: 0px; text-align: left; margin-top: 5px; margin-right: 10px; } #footerleft p{ padding: 0px; margin: 0px; padding: 0px; font-weight: normal; font-family: "Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 13px; color: #666; text-align: left; } #footerleft ul { float: left; padding: 0px; font-size: 11px; list-style: none; text-align: left; margin-top: 5px; margin-left: 20px; margin-bottom: 0px; margin-right: 60px; min-width: 180px; } #footerleft ul li { line-height: 1.4em; } #footerleft ul li a { padding-left:0px; color:#666; text-decoration:none; } #footerleft ul li a:hover { color:#822100; } /* ---------------------------------------------------------------- headings ---------------------------------------------------------------- */ h1 { text-align: left; font-family: "Open Sans", "Century Gothic", "Trebuchet MS", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; text-decoration: none; padding-bottom:10px; color: #666; line-height: 1.1em; } h2 { text-align: left; font-family: "Open Sans", "Century Gothic", "Trebuchet MS", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; text-decoration: none; padding-bottom:5px; color: #666; line-height: 1.1em; } h3 { text-align: left; font-family: "Open Sans", "Century Gothic", Corbel, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 300; padding-top: 15px; } .center{ text-align: center; } /* ---------------------------------------------------------------- tabs menu for slideshow ---------------------------------------------------------------- */ #menu2 { font-family: "Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0.1em; height:auto; width:500px; text-align:left; margin-bottom: 10px; margin-left: 27px; list-style: none; } #menu2 ul li{ width: 130px; margin: 5px 10px 5ox 20px; background-color: #CCC; text-align: left; height: 50px; font-family: "Century Gothic", Verdana, sans-serif; } ul.menu2 { position: relative; } ul.menu2 li { font-weight: normal; float: left; text-decoration: none; letter-spacing: 0.1em; font-family:"Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 24px; color: #333; list-style: none; text-align: left; margin-top: 10px; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left: 15px; position: relative; } ul.menu2 a:hover { color: #444; font-family:"Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; } ul.menu2 a:active { color: #444; background: #ccc; } ul.menu2 li a { display: block; padding: 4px 20px; color: #5B5B5B; } ul.menu2 li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.menu2 li.hover, ul.menu2 li:hover { background: #CDCDCD; color: #444; position: relative; } ul.menu2 li.hover a { color: #444; } .tagline { margin: 0px; padding: 0px; font-family: "Open Sans", "Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; font-style: normal; text-transform: uppercase; text-transform: none; color: #333; font-weight:300; } a.nav, a.nav:link, a.nav:visited { display:block; width:150px; height:50px; background:#EEEEEE; margin-top:2px; margin-left:20px; margin-right:10px; text-align:center; text-decoration:none; font-family: "Open Sans", "Century Gothic", Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; font-size:14px; font-weight:300; color:#000; line-height:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float:left; } a.nav:hover { color:#fff; background-color: #CDCDCD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } a.nav:active { color:#fff; background:#ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ---------------------------------------------------------------- button styles ---------------------------------------------------------------- */ input, textarea { padding: 4px; border: solid 1px #E5E5E5; outline: 0; font: normal 11px Tahoma, sans-serif; width: 150px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } textarea { width: 400px; max-width: 400px; height: 100px; line-height: 100%; } input:hover, textarea:hover, input:focus, textarea:focus { border-color: #E5E5E5; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; } .form label { margin-left: 10px; color: #666; } .submitinput { width: auto; padding: 3px 10px; background: #AC0D09; border: 0; font-size: 14px; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .submit input { width: 127px; height: 30px; border: none; margin-top: 3px; margin-left:10px; } .productMainImage{ width:50%;float:right; } .productleft{ width:50%;float:left; } .slideshowImage { width:50%;} .buy2 a{ height: auto; width: 100px; text-align: left; margin-top: 30px; float: left; background: #eee; text-align:center; font-size:18px; padding:5px; margin-top:10px; margin-bottom:10px; border:1px solid #eee; } .buy2 a:hover { background: #fff; } @media (min-width:320px) { #menu{display:none;} #minimenu{display:block;} #right{display:none;} #outerwrap{width: 100%;} #viewshoppingcart table td.qty{clear:both;} #footer {background-size: 94% 25%;} #left{display:none;} } @media (min-width:480px) { #menu{display:none;} #minimenu{display:block;} #right{display:none;} #outerwrap{width: 100%;} #viewshoppingcart table td.qty{clear:both;} #footer {background-size: 94% 25%;} #left{display:none;} } @media (min-width:600px) { #menu{display:none;} #minimenu{display:block;} #right{display:none;} #outerwrap{width: 90%;} #viewshoppingcart table td.qty{clear:both;} #footer {background-size: 94% 25%;} #left{display:block;} } @media (min-width:801px) { #menu{display:none;} #minimenu{display:block;} #right{display:none;} #outerwrap{width: 90%;} #viewshoppingcart table td.qty{clear:both;} #footer {background-size: 95% 25%;} #left{display:block;} } @media (min-width:1025px) {#menu{display:block;} #minimenu{display:none;} #right{width: 8%;display:block;} #outerwrap{width: 90%;} #viewshoppingcart table td.qty{clear:none;} #footer {background-size: 98% 25%;} #left{display:block;} } @media (min-width:1281px) {#menu{display:block;} #minimenu{display:none;} #right{width: 8%;display:block;} #outerwrap{width: 90%;} #viewshoppingcart table td.qty{clear:none;} #footer {background-size: 98% 25%;} #left{display:block;} }