body {margin-left: 0px;margin-right: 0px;margin-top: 0px; padding: 0; font-family: Verdana, Tahoma, Sans-Serif; font-size: 70%; background-color: white;} .clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;} div.center {text-align: center;} p { margin: 2px 5px 2px 5px; } /** html .clearfix {height: 1%;}*/ /****************************************************** HEADER CONTENTS *******************************************************/ a:link {color: #002569} a:visited {color: #888} a:hover {color: #000} #SiteWrap {min-width: 960px; width: 960px; margin-left: auto; margin-right: auto;} * html .SiteWrapIE {margin-left: 960px;} * html .SiteWrapIEContainer {margin-left: -960px;position: relative;} /*\*/ * html .SiteWrapIE, * html .SiteWrapIEContainer {height: 1px;} /**/ div#header {width: 100%;min-width: 760px;height: 150px;margin: 0px 0px 0px 0px;visibility: visible; } div#header img {margin: 0px 0px 0px 0px;} div#header_logo {width: 960px;height: 150px;float: left;margin: 0px 0px 0px 0px;} div#menu_top {height: 20px;position: relative; top:36px; margin: 0px 0px 0px 0px;padding-right: 5px;font-weight: normal;font-size: 100%;text-decoration: none;color: #000;} div#menu_top a:link, div#menu_top a:visited, div#menu_top a:active {text-decoration: none;color: #000;} div#menu_top a:hover {text-decoration: underline; color: #000;} div#moto_bar {width: 100%;height: 16px;background-image: url(../pics/moto_bg.gif);background-position: 0px 0px;background-repeat: repeat-x;margin: 0px 0px 5px 0px;} /* Menu Bars */ div#menubar {background: url('../pics/off_bg.gif') repeat-x top left;width: 960px;height: 25px;margin: 0px 0px 5px 0px;font-size: 92%;color: #FFFFFF;} div#menubar table#menubar_tab {border: 0} div#menubar table#menubar_tab tr td.bg_on {background-image: url(../pics/on_bg.gif); width:100px; height: 25px; text-align: center} div#menubar table#menubar_tab tr td.bg_off {background-image: url(../pics/off_bg.gif); width:100px; height: 25px; text-align: center} div#menubar2 {background-image: url(../pics/menubar_bg.gif);background-position: top;background-position: 0px;width: 100%;height: 0px;margin: 0px 0px 0px 0px; } div#menubar2 div#menubar_text {height: 25px; width:500px;padding-top: 7px;padding-left: 14px;font-weight: bold;font-size: 100%;color: #ffffff;} div#menubar2 div#menubar_text a:link,div#menubar2 div#menubar_text a:visited,div#menubar2 div#menubar_text a:active {font-size: 100%;color: #ffffff;text-decoration: none;} div#menubar_text2 {width: 158px;height: 20px;float: right;padding-top: 15px;padding-right: 14px;font-weight: bold;font-size: 110%;color: #ffffff;} div#menubar_text2 a:link,div#menubar_text2 a:visited,div#menubar_text2 a:active {font-size: 110%;color: #ffffff;text-decoration: none;} div#search_bar {width: 100%;height: 30px;background-color: #f4f4f4;margin: -5px 0px 15px 0px; padding-top:7px; text-align: center} .search_label {padding-top: -5px} .search_box {background: url("../pics/titles/instant_find_label.gif") top left no-repeat;} /* WHITE TEXT */ span.whitetext {text-align: center;color: #FFFFFF;font-weight: bold;} span.whitetext a:link,span.whitetext a:visited, span.whitetext a:active {color: #FFFFFF;text-align: center;text-decoration: none;} span.whitetext a:hover {color: #FFFFFF;text-align: center;text-decoration: underline;} div.page_heading {padding-bottom:5px;} div.page_heading h1 {font-size: 14px;} /****************************************************** FOOTER *******************************************************/ .grey_text,.grey_text a:link,.grey_text a:visited,.grey_text a:active {font-family: Arial;font-size: 8pt;color: #888888;} .grey_text a:hover {text-decoration: underline;color: #000000;} div#bottom_bar {width: 100%;text-align: center;padding: 5px 0 0 0;margin: 10px 0 0 0;height: 22px;background: #f4f4f4;} div#bottom_contents {width: 100%;background: #ffffff;border-color: #d4d4d4;height: 20px;padding: 0px 0px 0px 0px;margin: 10px 0px 10px 0px;color: #737373;} /****************************************************** instantfind_results *******************************************************/ #instantfind_results {background: #f4f4f4; background: url("../pics/instant_find.gif") top left; border: 4px solid #ddd; padding-top: 33px; z-index: 11} #instantfind_results ul {list-style: none;padding: 0;margin: 0;} #instantfind_results li {text-align: left;list-style: none; list-style-position: outside; background: #fff; border-bottom: 0px solid #eee; padding: 5px; height: 40px} #instantfind_results li img {float:left; margin-right: 5px; border: 1px solid #999} #instantfind_results li a:link, a:visited, a:active {color: #888} #instantfind_results li a:hover {color: #333; background: #e0e6f1} #instantfind_results li.selected {list-style: none; background: #e0e6f1;} /****************************************************** COLUMN STRUCTURE *******************************************************/ /* Main Layer containing mid section */ div#main {min-width: 760px;padding: 0;} /* LEFT COLUMN */ div#main div#leftnav {width: 183px;margin:0px 0px 0px 0px;float: left;} /* RiGHT COLUMN */ div#main div#right_column {width: 183px;margin: 0px 2px 0px 0px;float: right;} /****************************************************** CONTAINER *******************************************************/ div#main div#container {margin: 0 198px 0 198px;min-width: 470px;} /****************************************************** MAIN COLUMN *******************************************************/ div#main div#container div#content {width: 100%; min-width: 470px; margin: 1px 0 0 0;padding: 0px 0px 0px 0px;line-height: 14px;float: left;} /* div#main div#container div#content h2{ text-align: left;font-size: 130%; font-weight: bolder;font-family: Arial;margin: 0px 10px 15px 10px; padding: 6px 0 0 0;color: #ffffff; } div#main div#container div#content h2 a:link,div#main div#container div#content h2 a:visited,div#main div#container div#content h2 a:active{color: #204e8d;font-weight: bold;text-decoration: none;} div#main div#container div#content h2 a:hover{color: #ffa02b;font-weight: bold;text-decoration: underline;} div#main div#container div#content p { margin: 2px 5px 2px 10px; } */ div#main div#container div#content dl {margin-left: 15px;} div#main div#container div#content dl dt {background-image: url(../_images/bullet.png);background-position: left;background-repeat: no-repeat;padding-left: 15px;margin-top: 15px;font-weight: bold;} div#main div#container div#content dl dd {background-image: url(../_images/grey_bullet.png);background-position: left;background-repeat: no-repeat;padding-left: 15px;margin-left: 20px;} /*div#main div#container div#content hr {clear: both;height: 1px;border: none;background-image: url(../_images/hr.png);margin: 10px 0px;padding: 0px;}*/ div#main div#container div#content div#menu_user{background-color: #f4f4f4;border-style: solid;border-width: 1px;border-color: #a4c6f3;width: 100%;height: 22px;margin: 0px 0px 10px 0px;padding: 5px 0px 5px 0px;line-height: 14px;} /* Table settings for Content */ div#main div#content td.tiny {font-family: Arial;font-size: 80%;} div#main div#content td.main {font-family: Arial;font-size: 100%;} div#main div#content td.red {font-family: Arial;color: #CC0000;font-size: 100%;} /* COLUMN LEFT CONTENTS */ /* Default Style Box Class */ .box {border: 1px solid #C0C0C0;background-color: #f4f4f4;} /* Over all length 193px */ /* Login Box */ div#login_box {width: 178px;height: 105px;background-image: url(../pics/login_tab.gif);background-repeat: no-repeat;background-position: 0px 0px;font-size: 92%;padding: 33px 0px 0px 5px;margin: 0px 0px 0px 0px;} /* News Box */ div.box_heading {width: 178px;border: 1px solid #C0C0C0;background-color: #fff;background-image: url(../pics/titles/tab_bg.gif);background-repeat: no-repeat;background-position: 0px 0px;font-size: 92%;padding: 0px 0px 0px 5px;margin: 0px 0px 0px 0px;} div.box_title {height:27px; padding: 5px 5px 2px 5px; color: #ffffff; font-size: 12px; font-weight: bold } div.news_box_wrap {width: 100%; margin-bottom: 2px;} div.news_box_icon {float: left; width: 20px; height:30px; margin-top:3px; padding-right: 6px; background: url(../pics/box/icon_news.gif) left top no-repeat;} div.news_box_content {} span.newsTitle {color: #777; font-size: 11px;} span.newsTitle a {color: #666; font-size: 11px; text-decoration: underline; font-weight: none; line-height: 14px;} span.newsTitle a:hover {color: #333; font-size: 11px; text-decoration: underline; font-weight: none;} span.newsDate {color: #369} /* COLUMN RIGHT CONTENTS */ /* COLUMN MIDDLE CONTENTS */ div#heading {width: 100%;min-height: 27px; background-image: url(../pics/blue_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;} div#heading h1{ text-align: right;font-size: 150%; font-weight: bolder;font-family: Arial;margin: 0px 10px 15px 10px; padding: 6px 0 0 0;color: #ffffff; } div#features {width: 100%;height: 200px;background-image: url(../pics/grey_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px;} /****************************************************** FORM FIELD SETTINGS >> NEEDS WORK *******************************************************/ fieldset br {display: none;} input.checkbox {border:2px #f4f4f4 solid} div#main fieldset {border: none;} div#main fieldset br {clear: both;} div#main fieldset legend {display: none;} label{width: 4em;float: left;text-align: right;margin-right: 0.5em;display: block;} .submit input {margin-left: 4.5em;} input {color: #252525;background: #fafafa;border: 1px solid #6d8cba;} input:hover {color: #252525;background: #ffb;border: 1px solid #6d8cba;} input:focus {color: #252525;background: #ffb;border: 1px solid #6d8cba;} input.submit {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;padding: 2px 2px;} input.submit_green {background-color: #2cce00; font-weight: bold; font-size: 12px; color: white;padding: 2px 2px;} .submit input {color: #000;background: #f9df28;border: 2px outset #8cb4e7;border: 1px solid #8cb4e7;} select {background-color: #F4F4F4;border: 1px solid #000000;color: #3B3B3B;} div#main textarea {float: left;border: 1px solid #8cb4e7;background-color: #fffffb;width: 250px;height: 100px;margin-bottom: 10px;color: #3B3B3B;} div#main textarea.large {float: left;border: 1px solid #8cb4e7;background-color: #fafafa;width: 490px;height: 300px;color: #3B3B3B;} div#main textarea.comments {border: 1px solid #8cb4e7;background-color: #fffffb;width: 250px;height: 150px;color: #3B3B3B;padding: 2px;} /****************************************************** ERROR MESSAGES *******************************************************/ p.error {color: #B22222;font-weight: bold;} div#error {width: 100%;height: 80px;border: 1px solid #d0494f;background-color: #fff2f3;background-image: url(../pics/error_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;} div#message {width: 100%;height: 80px;border: 1px solid #4de937;background-color: #eeffec;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;} div#rectangle {width: 100%;height: 60px;border: 1px solid #4de937;background-color: #eeffec;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;} div#content_box {width: 100%;min-height: 60px;border: 1px solid #4de937;background-color: #ffffff;background-image: url(../pics/success_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;} div#message_banner_success {width: 100%;height: 20px;border: 1px solid #4de937;background-color: #eeffec;font-size: 100%;padding: 3px 0px 3px 0px;margin: 0px 0px 10px 0px;} div#message_banner_error {width: 100%;height: 20px;border: 1px solid #d0494f;background-color: #fff2f3;font-size: 100%;padding: 3px 0px 3px 0px;margin: 0px 0px 10px 0px;} div#lightred_box {width: 100%;min-height: 60px;border: 1px solid #ff9191;background-color: #ffffff;background-image: url(../pics/lightred_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;} div#lightblue_box {width: 100%;min-height: 60px;border: 1px solid #a4c0ff;background-color: #ffffff;background-image: url(../pics/lightblue_bg.gif);background-repeat: repeat-x;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 10px 0px;} div#info_box {padding:10px; background-color: #ffd} /****************************************************** MAIN MENU DROPDOWN *******************************************************/ .drop_down {height: 30px; float: left; width: 100%;font-family: verdana, arial, sans-serif; font-size:11px; } /* remove the bullets, padding and margins from the lists */ .drop_down ul{list-style-type: none;padding: 0;margin: 0;} /* make the top level links horizontal and position relative so that we can position the sub level */ .drop_down ul li{float:left; position:relative; z-index:2; } .drop_down ul li a, .drop_down ul li a:visited {width: 100%;float:left; display:block; text-decoration:none;color:#ddf; height:30px;padding-bottom: 3px;} .drop_down ul li:hover {width:auto;} .drop_down ul li ul {display: none;} /* use the table to position the dropdown list */ .drop_down table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;} /* style all the links */ .drop_down a, .drop_down :visited {display:block;font-size:10px;min-width: 10px;padding:0px 0;color:#000;text-decoration:none;margin-right:18px;text-align:left;} /* specific to non IE browsers */ .drop_down ul li:hover ul {display:block;position:absolute;top:20px;margin-top:1px; left:0;width:154px;border-bottom:2px solid #000;border-right:2px solid #666;} .drop_down ul li:hover ul.endstop {left:-92px;} /* display level 2 */ .drop_down ul li:hover ul li ul {display: none;} /* display level 3 */ .drop_down ul li:hover ul li:hover ul li ul {display: none;} .drop_down ul li:hover ul li a {display:block;color:#000;background:url("../pics/box/box_right.gif") left bottom; height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;} /* Used for sub menu */ .drop_down ul li:hover ul li a.drop {background-color: #0e69d9;color:#888; } /* menu level 1 Colours*/ .drop_down ul li:hover ul li a:hover {color:#0e69d9; background-color: #666;background:url("../pics/on_bg.gif") left top; } /* Sub Menu 2 Colours */ .drop_down ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;} /* Sub Menu 3 Colours */ .drop_down ul li:hover ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;} /* Used for sub menu */ .drop_down ul li:hover ul li a:hover.drop {background-color: #888888;} .drop_down ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;} .drop_down ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;} .drop_down ul li:hover ul li:hover ul.left {left:-153px;} /* ******TO WORK ON BELOW *********** */ /*specific to IE5.5 and IE6 browsers */ .drop_down ul li a:hover ul { display:block;position:absolute;top:-25px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000; } /* .drop_down ul li a:hover ul.endstop{ left: -92px; } .drop_down ul li a:hover ul li a { display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0; } .drop_down ul li a:hover ul li a.drop { background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px; } .drop_down ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; } .drop_down ul li a:hover ul li a:hover { color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px; } .drop_down ul li a:hover ul li a:hover.drop { background: #ccd url(images/bullet1.gif) no-repeat 3px 8px; } .drop_down ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:0;color:#000; left:153px; } .drop_down ul li a:hover ul li a:hover ul.left { left:-153px; } */ /****************************************************** SIDE MENU *******************************************************/ /* #side_nav {border:1px solid #999; margin-bottom:20px;background-image: url(../pics/tab_browse.gif);background-repeat: no-repeat;background-position: 0px 0px; padding-top:28px} */ #side_nav {width: 183px; border: 1px solid #C0C0C0;background-color: #fff;background-image: url(../pics/titles/tab_bg.gif);background-repeat: no-repeat;background-position: 0px 0px;font-size: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;} div.side_nav_title {height:23px; padding: 5px 5px 2px 10px; color: #ffffff; font-size: 12px; font-weight: bold } #side_nav dl {margin:0; padding:0;} #side_nav dt {margin:0; padding:0;} #side_nav a { color: #333; display:block; margin:0; text-align:left; text-decoration:none } #side_nav dl dd { list-style-type:none; padding:0; margin:0 } #side_nav dl dd a { border-top:1px solid #efefef; padding:2px 0 2px 13px; font-weight:normal; background-color:#fff } #side_nav dl dt a {height: 15px;background:#f4f4f4;backg/round-image: url(../pics/box/box_right.gif);font-weight:bold; padding:3px 0px 3px 8px; border-top:1px solid #fff; font-size:10px; letter-spacing:1px;color:#000} #side_nav dl dt a:hover, #side_nav dl dt a.current_dept {background-color:#333; background-image: url(../pics/on_bg.gif); color: #fff} #side_nav dl dd a:hover {background-color: #777; color:#fff} #side_nav dl dd a.current_dept {background-color: #777; font-weight:bold; color:#fff} #side_nav dl dd dl dd a {background:#fff; padding-left:20px; border-top:1px solid #eee;border-left:5px solid #777;} #side_nav dl dd dl dd a:hover {background:#777; color:#fff;border-left:5px solid #fff; } #side_nav dl dd dl dd a.current_dept {background:#777; background-image: url(../pics/on_bg.gif); font-weight:bold; color:#fff;border-left:5px solid #fff;} /****************************************************** MINI BASKET *******************************************************/ div.mini_basket_container{margin-left: -5px;} table#mini_basket {width: 100%;margin:0; border-top:1px solid #ebebeb; border-bottom:0px solid #ebebeb} table#mini_basket img {border:1px solid #999;} table#mini_basket tr td.mini_basket_name {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff; height: 35px; color: #888;} table#mini_basket tr td.mini_basket_name a{color: #777; font-size: 11px; text-decoration: none; font-weight: none; line-height: 14px} table#mini_basket tr td.mini_basket_name a:hover {color: #333; text-decoration: underline; font-weight: none;} table#mini_basket tr td.mini_basket {padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff; height: 35px; color: #888;} table#mini_basket tr td.mini_basket_total {background-color: #ffffd6;padding:5px; border-bottom:1px solid #ebebeb;border-top:1px solid #fff; height: 45px; color: #888;} div.buttons{padding-top:5px;padding-bottom:5px;} span.price_name{font-size: 120%; font-weight: bold; color:#888;} span.price{font-size: 110%; font-weight: bold; color:#cc0000;} /****************************************************** MAIN CONTENT BOX *******************************************************/ .box_wrap{float:left;background-color: #fff;width:100%;padding-bottom:12px; } .box_header{height: 31px;margin-top: 0px;background:url("../pics/box/box_left.gif") no-repeat left top;padding:0} .box_header h1{height: 25px;color:#fff;background:url("../pics/box/box_right.gif") no-repeat right top;padding:3px 0;text-transform:capitalize;font-size:1.2em;font-weight: bold;margin:0 0 0 9px} .box_header h1 img{vertical-align: middle;padding:1px 5px 1px 0} .box_products{margin: 0px 0px 0px 0px;border-left:2px solid #919191;border-right:2px solid #919191;border-top:1px solid #919191;border-bottom:1px solid #919191;} .box_info{margin: 7px 0px 0px 0px;padding: 10px 10px 10px 10px;background-color: #f4f4f4;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;} .box_nav{background-color: #fcfcfc;padding: 10px 10px 10px 10px;border-left:2px solid #919191;border-right:2px solid #919191; text-align: right;} .box_nav a {color: #888; text-decoration: none} .box_nav a:hover {color: #000; text-decoration: underline} .box_product{min-height: 210px; padding: 10px 10px 10px 10px;border-left:0px solid #919191;border-right:0px solid #919191; text-align: left} .box_product_content {padding:5px 10px 5px 10px; background:url("../pics/table/bg_table.png") left top; border-left:2px solid #919191;border-right:2px solid #919191;border-bottom:1px solid #919191} .box_product_description{margin: 0; padding: 10px 10px 10px 10px;border-left:2px solid #919191;border-right:2px solid #919191; line-height: 16px} .box_product_description li {list-style: circle inside} .box_subheader{margin: 15px -10px;color:#369;background:url("../pics/box/tableheader.gif");border-bottom:1px solid #919191;border-top:1px solid #919191;padding:3px 7px;text-align:left;font-size:1.1em;font-weight:bold} .box_subheader a{font-weight: lighter;text-transform:lowercase;font-size:1em;} * html .box_content {height:1%} .box_right_cu/rve {float:right; width: 20px;height:6px;padding:0px 0px 0px 0px;background:url("../pics/box/rightcurve.gif") no-repeat top right;border-right:2px solid #919191;} .box_content {padding:5px 10px 10px 10px;background:url("../pics/box/leftcurve.gif") no-repeat top left; background-color: #f4f4f4; border-left:2px solid #919191;border-right:2px solid #919191} .boxcontent h2, {margin:15px -10px;color:#369;background:url("../pics/box/tableheader.gif");border-bottom:1px solid #919191;border-top:1px solid #919191;padding:3px 7px;text-align:left;text-transform:capitalize;font-size: 1.1em} .boxcontent h2.afterlbblock, .sbcontentnp h2.afterlbblock {margin-top:0px} .boxcontent a, .sbcontentnp a {font-weight:bold} .box_footer{position:relative;margin-bottom:10px;background:url("../pics/box/box_left_bt.gif") no-repeat left bottom;padding:0; border: 0; margin-top: -1px} .box_footer span{color:#369;background:url("../pics/box/box_right_bt.gif") no-repeat right bottom;display:block;margin:0 0 0 9px} /* remove the bullets, padding and margins from the lists */ .box_products ul {padding: 5px;margin: 0;} .box_products ul li{padding: 0 0 7px 0;display: inline;line-height: 1.5em;} .box_products ul li a, .box_content ul li a:visited {text-decoration:underline;color:#000;} .box_products ul li a:hover {text-decoration: underline;color:#777;} /****************************************************** MAIN CONTENT BOX ORANGE *******************************************************/ .box_orange_header{height: 31px;margin-top: 0px;background:url("../pics/box/box_left_org.gif") no-repeat left top;padding:0} .box_orange_header h1{height: 25px;color:#fff;background:url("../pics/box/box_right_org.gif") no-repeat right top;padding:3px 0;text-transform:capitalize;font-size:1.2em;font-weight: bold;margin:0 0 0 9px} .box_orange_header h1 img{vertical-align: middle;padding:1px 5px 1px 0} .box_orange_products{margin: 0px 0px 0px 0px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00;border-top:1px solid #ff7e00;border-bottom:1px solid #ff7e00;} .box_orange_info{margin: 7px 0px 0px 0px;padding: 10px 10px 10px 10px;background-color: #fffed8;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;} .box_orange_info a {color: #888; text-decoration: none} .box_orange_info a:hover {color: #000; text-decoration: underline} .box_orange_nav{background-color: #fcfcfc;padding: 10px 10px 10px 10px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00; text-align: right;} .box_orange_product{min-height: 210px; padding: 10px 10px 10px 10px;border-left:0px solid #4c69a5;border-right:0px solid #4c69a5; text-align: left} .box_orange_product_content {padding:5px 10px 5px 10px; background:url("../pics/table/bg_table.png") left top; border-left:2px solid #4c69a5;border-right:2px solid #4c69a5;border-bottom:1px solid #4c69a5} .box_orange_product_description{margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;border-left:2px solid #ff7e00;border-right:2px solid #ff7e00} .box_orange_subheader{margin: 15px -10px;color:#369;background:url("../pics/box/tableheader.gif");border-bottom:1px solid #4c69a5;border-top:1px solid #4c69a5;padding:3px 7px;text-align:left;font-size:1.1em;font-weight:bold} .box_orange_subheader a{font-weight: lighter;text-transform:lowercase;font-size:1em;} * html .box_orange_content {height:1%} .box_orange_rig/ht_curve {float:right; width: 20px;height:6px;padding:0px 0px 0px 0px;background:url("../pics/box/rightcurve.gif") no-repeat top right;border-right:2px solid #4c69a5;} .box_orange_content {padding:5px 10px 10px 10px;background-color: #f4f4f4; border-left:2px solid #ff7e00;border-right:2px solid #ff7e00} .box_orange_footer{position:relative;margin-bottom:10px;background:url("../pics/box/box_left_bt_org.gif") no-repeat left bottom;padding:0; border: 0} .box_orange_footer span{color:#369;background:url("../pics/box/box_right_bt_org.gif") no-repeat right bottom;display:block;margin:0 0 0 9px} /* remove the bullets, padding and margins from the lists */ .box_orange_products ul {padding: 5px;margin: 0;} .box_orange_products ul li{padding: 0 0 7px 0;display: inline;line-height: 1.5em;} .box_orange_products ul li a, .box_content ul li a:visited {text-decoration:underline;color:#000;} .box_orange_products ul li a:hover {text-decoration: underline;} /****************************************************** BRANDS *******************************************************/ .box_brand {margin: 7px 0px 0px 0px;padding: 10px 10px 10px 10px;background-color: #f4f4f4;border-left:1px solid #bbc6e0;border-right:1px solid #bbc6e0; text-align: left;border-top:1px solid #bbc6e0;border-bottom:1px solid #bbc6e0;} .box_brand img {margin: 4px;padding:3px; border: 4px #a5bbcf solid; vertical-align: middle; text-align: center;} .box_break {height: 12px} /****************************************************** PRODUCT FEATURE *******************************************************/ .boxFeature_wrap{background-color: #fff;padding-bottom:0px; margin-right:10px } .boxFeature_box{float:left; background-color: #fff; width:50%; } .boxFeature_container{position: relative;background-color: #fff; margin-left: 10px;padding-bottom:12px;border-top: 1px solid #777} .boxFeature_header{position:relative;te/xt-align: center;backg/round-color: #F4F4F4;height: 40px;margin-top: 0px; background:url("../pics/backgrounds/background.gif") right top;padding:0; } .boxFeature_content{position:relative;height:100px;background-color: #fff;padding: 10px 10px 20px 0px;text-align: left;} .boxFeature_short{position:relative;height:40px;background-col/or: #f4f4f4; padding: 8px 8px 8px 8px;border:6px solid #f4f4f4; text-align: left;} .boxFeature_header h1{background-color: #fff; height: 25px;color:#369;background:url("../pics/box/product_boxS.gif") no-repeat right top;padding:5px 5px 5px 5px;font-size:100%;margin:0 0 0 9px;text-decoration: none;} .boxFeature_header h1 a, .boxFeature_header h1 a:active {color: #003948; text-decoration: underline;} .boxFeature_header h1 a:hover {color: #123168; text-decoration: underline;} .boxFeature_header h1 img{vertical-align: middle;padding:1px 5px 1px 0} .boxFeature_offer {position:absolute; top: 120px; z-index: 10; width:40px; height:30px; background-color: #3d5a95;background:url("../pics/box/box_right.gif") no-repeat left top; color: #fff; font-size:18px; font-weight: bold; text-align: center; padding: 13px 5px 7px 5px;} .boxFeature_offer span.small {color: #fff; font-size:10px; font-weight: bold;} .boxFeature_img{float:left;width: 100px; height: 100px; padding:1px 5px 1px 0;border-right:4px solid #f4f4f4; margin: 0 10px 0 10px} /*.boxFeature_img a:hover {margin-left:-1px; margin-top: -7px; background-color: #fff;float:left;width: 100px; height: 100px; padding:3px 3px 3px 3px;border:2px solid #4c69a5; }*/ .boxFeature_img a:hover {background-color: #888; } .boxFeature_right{ width: 100%; display: inline;padding:0;} span.boxFeaturePrice {color: #cc0000; font-size: 16px; font-weight: bold; line-height: 18pt} .boxFeature_footer{position:relative;margin-bottom:0px;background:url("../pics/box/product_boxS.gif") no-repeat left bottom;padding:0} .boxFeature_footer span{color:#369;background:url("../pics/box/product_boxS.gif") no-repeat right bottom;display:block;margin:0 0 0 9px;} /****************************************************** PRODUCT INFO PAGE *******************************************************/ div#ProductWrap {min-height: 170px;border-left: 1px;border-right: 1px;border-top: 1px;border-bottom: 3px;border-color: #dfdfdf;border-style: solid;margin: -10px 0;padding: 10px 0;} .ProductInfo {min-height: 50px;margin: 5px 10px 0px 300px;padding: 5px;font-size: 12px;background-color: #f4f4f4;*font-size: 75%;} .ProductInfo img {float: none;} .ProductInfo li {font-size: 10px;margin: 3px 0px 1px 0px;padding: 2px 0px 1px 0px;*padding: 2px 0px 1px 0px;} .ProductInfo .PriceEx {color: #CC0000;font-size: 12px;font-weight: bold;} .ProductInfo .PriceInc {font-size: 110%;} .ProductInfo ul {list-style-type: none;padding: 0;margin: 0; } .ProductInfo .Message {color: #CC0000;font-weight: bold;} .ProductInfo .code {;color: #00008B;font-weight: bold;} .ProductDesc {margin: -14px 0px 0px 0px;border-top: 0px;border-bottom: 1px;border-left: 1px;border-right: 1px;border-color: #DFDFDF;border-style: solid;background-color: #fbfcfe;float: none;padding: 10px;} .ProductShortDesc {margin: 10px 10px -10px 300px;min-height: 50px;float: none;border: 0px #f4f4f4 solid;background-color: #f4f4f4;padding: 2px 5px 2px 8px} .ProductShortDesc p {margin: 0px 0px 10px 0px;padding-top: 5px;font-family: Tahoma, Arial, Verdana, sans-serif;font-family: Tahoma, Arial, Verdana, sans-serif;float: none; line-height: 16px;} .ProductShortDesc h1, .ProductShortDesc h2, .ProductShortDesc h3, .ProductShortDesc h4, .ProductShortDesc h5, .ProductShortDesc h6 {font-family: Tahoma, Arial, Verdana, sans-serif;} .ProductShortDesc h3 {font-size: 110%;color: #000;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 1px;border-color: #888;border-style: solid;padding: 2px;margin: 0px 0px 0px 0px;} DIV.ProductImage {min-height: 210px;min-width: 180px;text-align: center;margin: 15px 10px 0px 5px;float: left;} .ProductImage a {text-decoration: none;font-size: 80%;} .ProductImage img {float: none; border: 5px #f4f4f4 solid; padding: 5px 5px 5px 5px} .ProductName h1 {padding: 0px 0px 0px 12px;color: #333;font-size: 16px;} .Product_offer {position:absolute; top: 490px; left:210px; z-index: 10; width:50px; height:35px; background-color: #3d5a95;background:url("../pics/box/box_right.gif") no-repeat left top; color: #fff; font-size:28px; font-weight: bold; text-align: center; padding: 15px 5px 5px 5px;} .Product_offer span.small {color: #fff; font-size:10px; font-weight: bold; line-height: 24px} /****************************************************** PRODUCT FEATURE BACKUP ******************************************************* .boxFeature_wrap{float:left;background-color: #fff;width:100%;padding-bottom:0px} .boxFeature_container{float:left;background-color: #fff;width:277px;padding: 3px;} .boxFeature_header{background-color: #fff;height: 31px;margin-top: 0px;background:url("../pics/box/product_box.gif") no-repeat left top;padding:0} .boxFeature_content{height:100px;background-color: #fff;padding: 10px 10px 10px 10px;border-left:2px solid #4c69a5;border-right:2px solid #4c69a5;text-align: left;} .boxFeature_short{height:30px;background-color: #fff;padding: 10px 10px 10px 10px;border-left:2px solid #4c69a5;border-right:2px solid #4c69a5; text-align: left;border-top:2px solid #4c69a5;} .boxFeature_header h1{background-color: #fff; height: 25px;color:#369;background:url("../pics/box/product_box.gif") no-repeat right top;padding:5px 5px 5px 5px;text-transform:capitalize;font-size:90%;margin:0 0 0 9px;text-decoration: underline;} .boxFeature_header h1 a:link, .boxFeature_header h1 a:active {color: #888; text-decoration: none;} .boxFeature_header h1 img{vertical-align: middle;padding:1px 5px 1px 0} .boxFeature_img{float:left;width: 100px; height: 100px; padding:1px 5px 1px 0;border-right:1px solid #4c69a5;} .boxFeature_right{float:right;width: 130px;background:url("../pics/box/product_bg_arrows.gif") no-repeat right top;margin-left: 5px;padding:1px 5px 1px 3px} .boxFeature_footer{position:relative;margin-bottom:10px;background:url("../pics/box/product_box.gif") no-repeat left bottom;padding:0} .boxFeature_footer span{color:#369;background:url("../pics/box/product_box.gif") no-repeat right bottom;display:block;margin:0 0 0 9px;} */ /****************************************************** PRODUCT TABLE *******************************************************/ table#productList {width: 100%;margin:0; border:0px solid #999} table#productList tr th {height: 35px; text-align:left; background:#eee url(../pics/table/bg_table.png) repeat-x top left; padding:4px 5px; border-left:2px solid #ccc; border-bottom:1px solid #888; border-right:1px solid #fff; color:#666} table#productList tr.highlight {background-color: #feffe0;} table#productList tr th span.black{color:#222} table#productList tr td {padding:5px; border-bottom:1px solid #b2b2b2; height: 45px;} table#productList tr td.totals {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #f4f4f4; height: 40px;} table#productList tr td.totals_sub {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #dfdfdf; height: 40px;} table#productList tr td.totals_total {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #5486d7; height: 40px; color: #fff; font-weight: bold;} table#productList tr td.clear {padding:5px; border: 0px; height: 40px;} table#productList tr td.wysiwyg {padding:5px; border: 0px; height: 0px;} table#productList tr td.product_img img {border:1px solid #111} table#productList td.offer {border-top:1px solid #cc0000; border-bottom:1px solid #cc0000} table#productList tr td.error_w {height: 20px;background: #fff; border: 0} table#productList tr td.error {padding-left: 5px; height: 20px;background-color: #ffa8a8;border: 1px #888 solid} table#productList tr td.required {background: #ffeeee; border: 0px; height: 35px;} table#productList tr td.normal {background: #fff; border: 0px; height: 35px;} table#productList th.forwardSort { background:#666 url(../pics/table/table_th_asc.gif) no-repeat top right } table#productList tr th.reverseSort { background:#666 url(../pics/table/table_th_desc.gif) no-repeat top right } th#forwardSort a, th#reverseSort a { color:#fff } th.sortable,th.sortable-text,th.sortable-numeric,th.sortable-currency {cursor:pointer}th.sort-active { color:#ff0000 !important } /* Font Spans */ span.small{font-size: 90%;color: #888888;font-weight: bold;} span.productName a {font-size: 110%;color: #444444;font-weight: bold; text-decoration: none;} span.productName a:hover{font-size: 110%;color: #444444;font-weight: bold; text-decoration: underline;} div.category_trail {margin-bottom:8px;background-color: #f4f4f4;padding: 3px 3px 3px 3px} div.category_trail a {font-size: 110%;color: #999;font-weight: bold; text-decoration: none;} div.category_trail a:hover{font-size: 110%;color: #444;font-weight: bold; text-decoration: underline;} /****************************************************** FORMS AND MINI BOXES *******************************************************/ div.address_form{font-size: 110%; width: 400px; background-color: #e7ffe8; border: 1px solid #00cc0a; padding: 15px;} div.address{font-size: 110%; width: 200px; background-color: #e7ffe8; border: 1px solid #00cc0a; padding: 15px;} div.shipping_cost{font-size: 110%; width: 200px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;} div.payment{font-size: 110%; max-width: 450px; background-color: #e7ffe8; background:url("../pics/box/product_bg_arrows.gif") no-repeat right top;border: 1px solid #00cc0a; padding: 15px;} div.payment p {padding: 2px; text-align: left;} div.payment p.login_submit {padding: 2px; text-align: right;} div.payment label {width: 70px; padding: 2px; text-align: left;} div.payment_form{font-size: 110%; max-width: 450px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;} div.payment_info{font-size: 110%; max-width: 450px; background-color: #ffffff; border: 1px solid #cd0000; padding: 15px; text-align: center} table#payment_form {width: 100%;margin:0; border:0px solid #999} table#payment_form tr td {padding:5px; border-bottom:1px solid #b2b2b2; height: 20px;} table#payment_form tr td.payment {padding:5px; border: 0px; height: 35px;} table#payment_form tr td.required {background: #ffeeee; border: 0px; height: 35px;} table#payment_form tr td.payment_notice {background: #fff; border: 1px solid #cd0000; height: 35px; margin: 5px;} span.red_text {color: #369} /* Now Blue */ div.login{font-size: 110%; max-width: 450px; backg/round-color: #ffffd6; backgr/ound:url("../pics/box/product_bg_arrows.gif") no-repeat right top;border: 6px solid #f4f4f4; padding: 15px;} div.login p {padding: 2px; text-align: left;} div.login p.login_submit {padding: 2px; text-align: right;} div.login label {width: 70px; padding: 2px; text-align: left;} div.login_form{font-size: 110%; max-width: 450px; background-color: #ffd2d2; border: 1px solid #cd0000; padding: 15px;} div.login_info{font-size: 110%; max-width: 450px; background-color: #ffffff; border: 1px solid #cd0000; padding: 15px; text-align: center} /****************************************************** LOGIN FORMS *******************************************************/ div.new_customer_h{padding: 10px; height:35px; width: 250px;background: #2ab300;background:url("../pics/box/box_right.gif") no-repeat left top; border: 1px solid #114900; /*background: url(../pics/login/signup.gif) no-repeat top left;*/} div.new_customer_h h1 {font-size: 150%; color: #fff; padding: 0px; text-align: center;text-decoration: none} div.new_customer_h h1:hover {text-decoration: underline;} div.new_customer_b{padding: 10px; height:35px; width: 250px;background: #4f88ff;background:url("../pics/table/bg_table.png") top; border: 1px solid #002164;} div.new_customer_b h1 {font-size: 150%; color: #000; padding: 0px; text-align: center; text-decoration: none} div.new_customer_b h1:hover {text-decoration: underline;} /****************************************************** WYSIWYG EDITOR *******************************************************/ /* Toolbar */ div#editor {width:400px; padding: 0px} div#editor table tr td {padding:0; height: 5px; width:400px} .toolbar1 { border: 1px solid #666666; height: 26px; padding: 0px; background-image: url(../code/icons/blue_bg.gif); } .toolbar2 { border: 1px solid #666666; height: 24px; background-image: url(../code/icons/blue_bg.gif); border-bottom: 0px; border-top: 0px; } /* Command Buttons */ .button { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; } .buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; } /* Font Type and Size Drop Down */ .dropdown { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; } button.mouseOver { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;} button.mouseOut { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;} /* CREATE TABLE POPUP */ /* Select Border Width/Type */ .on { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;} .off { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;} /* Select Shading/Border Color */ .selectColorTable { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; } .selectColorBorder { border: 1px solid #F7F7F7; } .selectColorOn { border: 1px solid #999999; background-color: #CCCCCC; } .selectColorOff { border: 1px solid #F7F7F7; background-color: #F7F7F7; } .selectColorBox { border: 1px solid #fff; font-size: 1px; height: 13px; width: 13px; } div#productMenuContent{background-color:#f4f4f4;border-bottom:1px solid black; padding:15px; margin: -2px 0 5px 0; } div#productMenuContent ul{margin: 0;padding: 0;} /* make the top level links horizontal and position relative so that we can position the sub level */ div#productMenuContent ul li{ padding: 0; display: inline; line-height:1.5em;} div#productMenuContent ul li a, a:visited {}