/* HTML Tag Redefinition */ html, body {height: 100%; } body { background-color: #ffffff; padding: 0px; margin: 0px; font: normal normal 13px Arial; line-height:20px; color: #fff;} img {border: 0px} * {outline:none;} a { color: #FFC;cursor:pointer; text-decoration:underline;} a:hover { color: #FF9;} hr {height: 1px; background-color:#040404; border: 0; margin: 5px 0;} h1,h2,h3,h4,h5{ margin:8px 0px 4px 0px; padding:4px 0px;} h1{ font: normal normal 21px Arial; line-height:28px; color:#CC0; } h2{ font-size:18px; line-height:24px; color:#FF9; } h3{ font-size:16px; line-height:21px; color:#FF9 } h4{ font-size:14px; line-height:18px } h5{ font-size:13px; line-height:16px } p{ padding:0px 0px 0px 0px; } label { font-weight:bold;} fieldset { border:1px solid #ccc;} /* error text class optionally provided by theme */ div.ccm-error-response {color: #f00; margin-bottom: 12px} /* Page Structure / Navigation */ #page{ margin:0; min-width:980px; float:left; width:100%; text-align:left; background-color:#000; background-image:url(/web/concrete/themes/default/images/background.jpg); background-position: center top; background-repeat:no-repeat} #page.gallery, #page.productpage{ margin:0; min-width:980px; text-align:left; background-color:#000; background-image:url(/web/concrete/themes/default/images/background_subpage.jpg); background-position: center top; background-repeat:no-repeat} #page #header{ margin:auto; width:980px;} #page #header #headerNav{ width:100%; overflow:visible;} /* Home Page menu */ #page #header-area ul.nav {list-style:none; margin:0; padding:0} #page #header-area ul.nav li{float: left; width:196px; height:225px; margin:0; padding:0; overflow:hidden;} #page #header-area ul.nav li a{ text-decoration:none; display:block; background-image:url(/web/concrete/themes/default/images/mainmenu_homePage.png); background-repeat:no-repeat; width:196px; height:225px} #page #header-area ul.nav li.btn82 a{ background-position: 0 0 } #page #header-area ul.nav li.btn82 a:hover{ background-position: 0 -225px} #page #header-area ul.nav li.btn82.nav-selected a{ background-position: 0 -450px} #page #header-area ul.nav li.btn82.nav-selected a:hover{ background-position: 0 -450px; cursor:default} #page #header-area ul.nav li.btn82.nav-path-selected a{ background-position: 0 -450px; cursor:default} #page #header-area ul.nav li.btn83 a{ background-position: -196px 0} #page #header-area ul.nav li.btn83 a:hover{ background-position: -196px -225px} #page #header-area ul.nav li.btn83.nav-selected a{ background-position: -196px -450px} #page #header-area ul.nav li.btn83.nav-selected a:hover{ background-position: -196px -450px; cursor:default} #page #header-area ul.nav li.btn83.nav-path-selected a{ background-position: -196px -450px; cursor:default} #page #header-area ul.nav li.btn84 a{ background-position: -392px 0} #page #header-area ul.nav li.btn84 a:hover{ background-position: -392px -225px} #page #header-area ul.nav li.btn84.nav-selected a{ background-position: -392px -450px} #page #header-area ul.nav li.btn84.nav-selected a:hover{ background-position: -392px -450px; cursor:default} #page #header-area ul.nav li.btn84.nav-path-selected a{ background-position: -392px -450px; cursor:default} #page #header-area ul.nav li.btn85 a{ background-position: -588px 0} #page #header-area ul.nav li.btn85 a:hover{ background-position: -588px -225px} #page #header-area ul.nav li.btn85.nav-selected a{ background-position: -588px -450px} #page #header-area ul.nav li.btn85.nav-selected a:hover{ background-position: -588px -450px; cursor:default} #page #header-area ul.nav li.btn85.nav-path-selected a{ background-position: -588px -450px; cursor:default} #page #header-area ul.nav li.btn210 a{ background-position: -784px 0} #page #header-area ul.nav li.btn210 a:hover{ background-position: -784px -225px} #page #header-area ul.nav li.btn210.nav-selected a{ background-position: -784px -450px} #page #header-area ul.nav li.btn210.nav-selected a:hover{ background-position: -784px -450px; cursor:default} #page #header-area ul.nav li.btn210.nav-path-selected a{ background-position: -784px -450px; cursor:default} #page #header-area ul.nav li a span {visibility:hidden; } /* TOP MENU */ #page #header ul.nav-header{ list-style:none; margin:0px; padding: 20px 0px 0px 180px; width:auto; width:800px; height:130px; background-image:url(/web/concrete/themes/default/images/logo.png); background-repeat:no-repeat;} #page #header ul.nav-header ul {} #page #header ul.nav-header li{float:left; padding:4px 0px; margin: 0px 20px 0px 0px;} #page #header ul.nav-header li a { text-decoration:none; color:#000;font-family:"Arial Black", Gadget, sans-serif; font-size: 16px;} #page #header ul.nav-header li a:hover{ text-decoration:none; color:#CC0 } #page #header ul.nav-header li.nav-selected a{ color:#CC0; } /**/ #page #header #header-area{margin-top: -80px; margin-bottom: 10px } #page #header #header-area #header-area-inside{margin-bottom: 12px; } #page #header #header-area #header-area-inside img {float:left} #page #header #header-area img { display: block} #page .divider{padding-top: 12px; overflow:hidden; height:1px; clear:both; width:100%; } #page #central{clear:both; margin:auto; width:980px; } #page .no-sidebar { background-image: none !important} #page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important } form div.question {} form div.row {margin-bottom:10px;} form div.row input {width: 300px; background-color:transparent ; background-image:url(/web/concrete/themes/default/images/input.png); background-repeat:no-repeat; border: none; padding: 7px; color:#000;font-weight:bold;} form div.row {width: 310px;} form div.row textarea { height: 120px;background-color:transparent ; background-image:url(/web/concrete/themes/default/images/textareat.png); background-repeat:no-repeat; border: none; padding: 10px 7px 15px 7px; color:#000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} form div.row div.radioPair input{width:auto; height:auto; background:none;} div.howtoorder { background-image:url(/web/concrete/themes/default/images/howtoorder.jpg); background-repeat:no-repeat; margin-bottom: 20px; padding: 1px 0 0 5px; height:38px} div.howtoorder a { font-family:"Arial Black", Gadget, sans-serif; text-decoration:none; color:#000} div.howtoorder a:hover{color:#333} /*gallery*/ #page #central #bodygallery div.ccm-page-list-description {float:left; margin: 0px 6px 10px 0px;} #page #central #bodygallery div.ccm-page-list-description a{border:1px solid #000; display:block; height:200px; overflow:hidden;text-decoration:none; padding: 7px; border:1px solid #080808} #page #central #bodygallery div.ccm-page-list-description a:hover{border:1px solid #333; background-color:#040404} #page #central #bodygallery div.ccm-page-list-description a h3{ font-size:18px; margin: 10px 0 0 0; padding:0; color:#fff; padding-left:5px; font-weight:normal;} #page #central #bodygallery div.ccm-page-list-description a:hover h3{ color:#CCC;} #page #central #bodygallery div.ccm-page-list-description a h4{ font-size:14px; color:#e0de00; margin:0; padding:0; padding-left:5px} #page #central #bodygallery div.ccm-page-list-description a:hover h4{ color:#CF0} /*product page*/ #page #central.central-left { } #page #central.central-left div#sidebar {float: left !important; width: 500px; } #page #central.central-left #body { padding-right: 0px !important; float:right; width: 400px;} #page .no-sidebar #body{ float: none !important; width: auto !important; } #page #central #sidebar{ float:right; width:23%; overflow:hidden } #page #central #sidebar p{ line-height:24px} #page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;} #page #central #sidebar ul.nav li{ margin-bottom:16px; } #page #central #sidebar ul.nav a{ text-decoration:none; color:#333 } #page #central #sidebar ul.nav a.nav-selected {font-weight: bold} #page #central #sidebar ul.nav a:hover{ text-decoration:underline } #page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; } #page #central #sidebar ul.nav ul li{ margin-bottom:16px; } #page #central.navLeft{ } #page #central.navLeft #sidebar{float:left} #page #central.navLeft #body{float:right; padding-right:0px; width:68%; } #page #central.noSideNav{ background: none; } #page #central.noSideNav #sidebar{ display:none } #page #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; } /* FOOTER */ #footer{ min-width:980px; padding:14px 0 50px 0; clear:both; color:#666; font-size:10px; background:url(/web/concrete/themes/default/images/background_footer.png) no-repeat center top;} #footer a{ color:#333} #footer a:hover{ color:#000} #socialnetworks, #footermenu, #powered-by { width: 700px; margin:auto;} #footer #socialnetworks { height: 30px;} #footer #socialnetworks a {display:block; float:left ;width:45px; height: 30px; background-image:url(/web/concrete/themes/default/images/socialnetworks.png);} #footer #socialnetworks a.facebook {background-position: 0 0;} #footer #socialnetworks a.facebook:hover {background-position: 0 -30px;} #footer #socialnetworks a.myspace {background-position: -45px 0;} #footer #socialnetworks a.myspace:hover {background-position: -45px -30px;} #footer #socialnetworks a.twitter {background-position: -90px 0;} #footer #socialnetworks a.twitter:hover {background-position: -90px -30px;} #footer #socialnetworks a.fliker {background-position: -135px 0;} #footer #socialnetworks a.fliker:hover {background-position: -135px -30px;} #footermenu {margin-top:5px;} #footermenu ul {list-style:none; margin:0; padding:0;} #footermenu ul li {float:left; margin-right: 10px;} #footer #footermenu span.onlineorder {float:right; margin-top: -2px;} #footer #footermenu span.onlineorder a{background-image:url(/web/concrete/themes/default/images/onlineorder.png); background-repeat:no-repeat; background-position:0 0; display:block; width:150px; height:21px;} #footer #footermenu span.onlineorder a:hover{background-image:url(/web/concrete/themes/default/images/onlineorder.png); background-repeat:no-repeat; background-position:0 -29px;} /* Page Elements */ .pagingNav{ margin:16px 0px 8px 0px} .pagination{ text-align:center; color:#bbb; padding-top:4px} .pagination .pageRight{width:20%; float:right; text-align:right} .pagination .pageLeft{width:20%; float:left; text-align:left} /* MISC STYLES & SHORTCUTS */ div.code {border: 1px solid #ddd; background: #eee; padding: 10px} div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px; margin:0; padding:0; } .noTopSpace{margin-top:0px; padding-top:0px} /* customize_miscellaneous */ /* customize_miscellaneous */