/* -- BODY CONTENT -- */ #maindisplay{ width: 748px; background-color: #ffffff; clear: both; float:left; display:block; position:relative; } /* -- SHOP -- */ /* -- SHOP NAVIGATION - LEVEL 1 -- */ #shop_nav_container{ width: 189px; float: left; clear: left; margin-top: 25px; } #shop_nav{ width: 100%; margin: 0px; margin-bottom: 10px; padding: 0px; list-style: none; } #shop_nav li{ float:left; width: 100%; list-style:none; position:relative; margin:0; padding:0; } #shop_nav li a{ display:block; color: #80a3b7; text-decoration: none; margin: 0; padding-left: 20px; padding-top: 8px; background: #ebebd2 url(../images/shop/parent_bg.gif) center top no-repeat; font-size: small; text-align: left; border-bottom: #FFFFFF 1px solid; padding-right: 0px; padding-bottom: 11px; font-weight:bold;} #shop_nav li a:hover, a.selected:hover{ display:block; color: #e76e7c; text-decoration: none; background-image:url(../images/shop/parent_bg_over.gif);} /* -- SHOP NAVIGATION - LEVEL 2 -- */ #shop_nav li ul { list-style:none; margin:0px; width:100%; padding:0px; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; } #shop_nav li ul li{ float:left; width: 100%; list-style:none; position:relative; } #shop_nav li ul li a{ position:relative; display:block; color: #80a3b7; text-decoration: none; padding-left: 34px; padding-top: 3px; padding-bottom: 3px; background: none; font-size: 75%; text-align: left; background:#bfbfbf url(../images/shop/child1_bg.gif) top left no-repeat; border-bottom:1px solid #bfbfbf; } #shop_nav li ul li a:hover, a.selected:hover{ display:block; color: #e76e7c; text-decoration: none; background:#bfbfbf url(../images/shop/child1_bg_over.gif) top left no-repeat; } /* -- SHOP NAVIGATION - LEVEL 3 -- */ #shop_nav li ul li ul{ list-style:none; margin:0px; width:100%; padding:0px; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; } #shop_nav li ul li ul li{ float:left; width: 100%; list-style:none; position:relative; } #shop_nav li ul li ul li a{ position:relative; display:block; color: #80a3b7; text-decoration: none; padding-left: 38px; padding-top: 3px; padding-bottom: 3px; background: none; font-size: 75%; text-align: left; background:#cccccc url(../images/shop/child2_bg.gif) top left no-repeat; border-bottom:1px solid #cccccc; } #shop_nav li ul li ul li a:hover, a.selected:hover{ display:block; color: #e76e7c; text-decoration: none; background:#cccccc url(../images/shop/child2_bg_over.gif) top left no-repeat;} /* -- SHOP NAVIGATION - LEVEL 4 -- */ #shop_nav li ul li ul li ul{ list-style:none; margin:0px; width:100%; padding:0px; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; } #shop_nav li ul li ul li ul li{ float:left; width: 100%; list-style:none; position:relative; } #shop_nav li ul li ul li ul li a{ position:relative; display:block; color: #80a3b7; text-decoration: none; padding-left: 42px; padding-top: 3px; padding-bottom: 3px; background: none; font-size: 75%; text-align: left; background:#d9d9d9 url(../images/shop/child3_bg.gif) top left no-repeat; border-bottom:1px solid #cccccc; } #shop_nav li ul li ul li ul li a:hover, a.selected:hover{ display:block; color: #e76e7c; text-decoration: none; background:#d9d9d9 url(../images/shop/child3_bg_over.gif) top left no-repeat;} /* -- SHOP NAVIGATION - LEVEL 5 -- */ #shop_nav li ul li ul li ul li ul{ list-style:none; margin:0px; width:100%; padding:0px; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; } #shop_nav li ul li ul li ul li ul li{ float:left; width: 100%; list-style:none; position:relative; } #shop_nav li ul li ul li ul li ul li a{ position:relative; display:block; color: #80a3b7; text-decoration: none; padding-left: 46px; padding-top: 3px; padding-bottom: 3px; background: none; font-size: 75%; text-align: left; background:#e5e5e5 url(../images/shop/child4_bg.gif) top left no-repeat; border-bottom:1px solid #e5e5e5; } #shop_nav li ulli ul li ul li ul li a:hover, a.selected:hover{ display:block; color: #e76e7c; text-decoration: none; background:#e5e5e5 url(../images/shop/child4_bg_over.gif) top left no-repeat;} /* -- SHOP NAVIGATION - EXTRAS -- */ li:hover #shop_nav, li.over #shop_nav { display:block; } /* -- SHOP MAIN HOLDER -- */ #maincontent_shop{ width: 530px; float: right; clear: right; padding-top: 25px; padding-bottom: 10px; padding-left: 10px; display:block; position:relative;} #maincontent_shop .content{ font-size: small; line-height: 1.5em; color: #939598; text-decoration: none; text-align: justify; } #maincontent_shop h1{ color: #80a3b7; font-weight: bold; font-size: 110%; } #maincontent_shop img.centered { display:block; padding: 0; padding-top:10px; margin-left:auto; margin-right:auto;} #maincontent_shop a{color: #000000; text-decoration: underline;} #maincontent_shop a:hover, a:active{ text-decoration: underline;} #maincontent_shop .existing_cust{ width:47%; display:block; position:relative; float:left; margin:10px 0 0 0; padding:0; clear:left; font-size:90%;} #maincontent_shop .existing_cust .header{ color: #bd47bc; font-size:120%; font-weight:bold;} #maincontent_shop .existing_cust table{ width:100%; border-collapse:collapse; margin:0;} #maincontent_shop .existing_cust table input{ width:240px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; padding:0; } #maincontent_shop .existing_cust table input.submit{ width:auto; margin:10px 0 0 0; padding:0; } #maincontent_shop .existing_cust table .titlerow{ border-collapse:collapse; font-size:90%; font-weight:bold;} #maincontent_shop .existing_cust table .alert{ border-collapse:collapse; font-size:90%; font-weight:bold; color:#d33840;} #maincontent_shop .new_cust{ width:49%; display:block; position:relative; float:right; margin:10px 0 0 0; padding:0 0 0 10px; clear:right; font-size:90%; border-left:1px solid #000000;} #maincontent_shop .new_cust .header{ color: #80a3b7; font-size:120%; font-weight:bold;} #maincontent_shop table{ width:100%; border-collapse:collapse; float:right;} #maincontent_shop table .header_control{ width:25px; border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:80%; font-weight:bold; padding:3px;} #maincontent_shop table .header_price{ width:80px; border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:80%; font-weight:bold; text-align:right; padding:3px;} #maincontent_shop table .header_qty{ width:90px; border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:80%; font-weight:bold; text-align:center; padding:3px;} #maincontent_shop table .header_pdesc{ border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:80%; font-weight:bold; padding:3px;} #maincontent_shop table .diplay_control{ width:25px; border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:75%; font-weight:normal; padding:3px; text-align:center; } #maincontent_shop table .display_price{ width:80px; border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:75%; font-weight:normal; text-align:right; padding:3px;} #maincontent_shop table .display_qty{ width:90px; border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:75%; font-weight:normal; text-align:center; padding:3px;} #maincontent_shop table .display_qty input{ width:20px; color:#000000; font-weight:normal; text-align:center; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline;} #maincontent_shop table .display_qty a{ color:#000000; text-decoration:none;} #maincontent_shop table .display_qty a:hover{ color:#d338400; text-decoration:none;} #maincontent_shop table .display_pdesc{ border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:70%; font-weight:normal; padding:3px;} #maincontent_shop table .diplay_control_alt{ width:25px; border-collapse:collapse; background-color: #ebebd2; color:#000000; font-size:75%; font-weight:normal; padding:3px; text-align:center; } #maincontent_shop table .display_price_alt{ width:80px; border-collapse:collapse; background-color: #ebebd2; color:#000000; font-size:75%; font-weight:normal; text-align:right; padding:3px;} #maincontent_shop table .display_qty_alt{ width:90px; border-collapse:collapse; background-color: #ebebd2; color:#000000; font-size:75%; font-weight:normal; text-align:center; padding:3px;} #maincontent_shop table .display_qty_alt a{ color:#000000; text-decoration:none;} #maincontent_shop table .display_qty_alt a:hover{ color:#d338400; text-decoration:none;} #maincontent_shop table .display_qty_alt input{ width:20px; color:#000000; font-weight:normal; text-align:center; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline;} #maincontent_shop table .display_pdesc_alt{ border-collapse:collapse; background-color: #ebebd2; color:#000000; font-size:70%; font-weight:normal; padding:3px;} #maincontent_shop table .totals_price{ width:80px; border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:75%; font-weight:bold; text-align:right; padding:3px;} #maincontent_shop table .totals_info{ border-collapse:collapse; background-color: #ffffff; color:#000000; font-size:75%; font-weight:bold; text-align:right; padding:3px;} #maincontent_shop table .spacer{ border-collapse:collapse; width:10px;} #maincontent_shop table .billadd{ border-collapse:collapse; width:48%; vertical-align:top; font-size:80%;} #maincontent_shop table .billadd .header{ font-size:120%; font-weight:bold; color:#bd47bc;} #maincontent_shop table .dlvadd{ border-collapse:collapse; vertical-align:top; font-size:80%; } #maincontent_shop table .dlvadd .header{ font-size:120%; font-weight:bold; color:#bd47bc;} #maincontent_shop table .dlvadd table.dlv{ width:100%; border-collapse:collapse; } #maincontent_shop table .dlvadd table.dlv .radiobutton{ width:20px; border-collapse:collapse;} #maincontent_shop table .dlvadd table.dlv .radiobutton input.radio{ width:auto; margin:0; padding:0;} #maincontent_shop table .dlvadd table.dlv .content{ border-collapse:collapse; text-align:left; font-size:80%;} #maincontent_shop .displayleft{ width:153px; float:right; clear:right; padding:0; margin:0; display:block; position:relative; font-size:80%;} #maincontent_shop .displayleft .contents{ width:153px; float:left; clear:left; padding:6px; margin:0; display:block; position:relative; background:#e2e2bf url(../images/shop/detail_left_panel.gif) top left no-repeat; } #maincontent_shop .displayleft .contents a{ text-decoration:none; color:#000000; } #maincontent_shop .displayleft .contents a:hover{ text-decoration:none; color:#80a3b7; } #maincontent_shop .displayleft .contents .standardprice{ color:#bd47bc; font-size:110%; font-weight:bold;} #maincontent_shop .displayleft .contents .price{ color:#bd47bc; font-size:130%; font-weight:bold; font-style:italic;} #maincontent_shop .displayleft .contents table{ width:100%; border-collapse:collapse; } #maincontent_shop .displayleft .contents table input{ width:145px; padding:0; margin:0; background-color:#e0e3e4; border:1px solid #adb5b8; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;} #maincontent_shop .displayleft .contents table input.submit{ width:auto; padding:0; margin:0; border:none;} #maincontent_shop .displayleft .contents table select{ width:149px; padding:0; margin:0; background-color:#e0e3e4; border:1px solid #adb5b8; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;} #maincontent_shop .displayleft .relprod{ width:165px; float:left; clear:both; padding:0; margin:10px 0 0 0; display:block; position:relative; border-bottom:1px dashed #e2e2bf;} #maincontent_shop .displayleft .relprod table{ width:100%; border-collapse:collapse; } #maincontent_shop .displayleft .relprod table .imageholder{ border-collapse:collapse; text-align:center; padding:0 0 10px 0;} #maincontent_shop .displayleft .relprod table .prodname{ border-collapse:collapse; text-align:center; color:#80a3b7; font-weight:bold; font-size:90%;} #maincontent_shop .displayleft .relprod table .price{ border-collapse:collapse; text-align:center; color:#bd47bc; font-weight:bold; padding:0 0 10px 0;} #maincontent_shop .displayright{ width:350px; float:left; clear:left; padding:0; margin:0; display:block; position:relative; } #maincontent_shop .displayright table input{ width:200px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; padding:0; } #maincontent_shop .displayright table select{ width:204px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; padding:0; } #maincontent_shop .displayright table input.submit{ width:auto; margin:10px 0 0 0; padding:0; float:left;} #maincontent_shop .displayright .alert{ color:#FF0000; font-weight:bold; margin:0; padding:0; font-size:80%;} #maincontent_shop .displayright table{ width:100%; border-collapse:collapse; } #maincontent_shop .displayright table h1{ color:#80a3b7; font-weight:bold; font-size: 120%; margin:0; padding:0; font-style:italic;} #maincontent_shop .displayright table .brand{ border-collapse:collapse; color:#999999; font-size:90%; } #maincontent_shop .displayright table .alert{ border-collapse:collapse; color:#d33840; font-size:80%; font-weight:bold;} #maincontent_shop .displayright table .description{ border-collapse:collapse; color:#000000; font-size:75%; } #maincontent_shop .displayright table .imageholder{ border-collapse:collapse; text-align:center; padding:10px 0 10px 0; } #maincontent_shop .displayright table .formtitle{ border-collapse:collapse; color:#000000; font-size:75%; width:35%;} #maincontent_shop .displayright table.addbook{ width:100%; border-collapse:collapse; background-color: #ffffeb; margin:0 0 5px 0;} #maincontent_shop .displayright table.addbook table{ width:100%; border-collapse:collapse; } #maincontent_shop .displayright table.addbook table .header_row{ width:100%; border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:90%; font-weight:bold;} #maincontent_shop .displayright table.addbook table .control{ width:30px; border-collapse:collapse; color:#000000; font-size:70%; } #maincontent_shop .displayright table.addbook table .display_row{ width:100%; border-collapse:collapse; background:none; color:#000000; font-size:70%; } #maincontent_shop .displayright table.orders{ width:100%; border-collapse:collapse; margin:0 0 5px 0;} #maincontent_shop .displayright table.orders table{ width:100%; border-collapse:collapse; } #maincontent_shop .displayright table.orders table .header_row{ border-collapse:collapse; background-color: #80a3b7; color:#000000; font-size:90%; font-weight:bold;} #maincontent_shop .displayright table.orders table table.info{ width:100%; border-collapse:collapse; font-size:80%;} #maincontent_shop .displayright table.orders table table.info .information{ border-collapse:collapse; vertical-align:top; } #maincontent_shop .displayright table.orders table table.info .trafficlight{ width:36px; border-collapse:collapse; vertical-align:top; } /* -- SHOP PRODUCT DISPLAY -- */ #product_img { width: 230px; float: right; clear: right; text-align: right; background:url(../images/prodimg_bg.gif) bottom no-repeat; margin-left:10px;} #product_img img{ float: right; clear: right; text-align: right; padding-bottom: 12px; padding-right: 10px; padding-left: 10px; } #content .leftcol .left{ width: 45%; float: left; margin:0 15px 10px 0; text-align:center; display:block; vertical-align:bottom; color:#999; font-size:70%;} #content .leftcol .left a{ color:#80a3b7; font-weight:bold; font-size:120%; text-decoration:underline; } #content .leftcol .left a:hover{ color:#e66877; } #content .leftcol .left .price{ color:#bd47bc; font-weight:bold; font-size:140%; text-decoration:none; margin:10px 0 0 0; padding:10px 0 0 0; } #content .leftcol .header { color:#e66877; font-size:medium; font-weight:bold; } #content .leftcol .content{ text-align:center; margin:10px 0 10px 0; } /* -- SHOP 3UP CATEGORY DISPLAY -- */ #maincontent_shop_display { width:100%; clear:both; margin-bottom:10px; display:block; position:relative;} #maincontent_shop_display .nostock{ width: 100%; float: left; margin-top: 10px; text-align:left; font-size:120%; font-weight:bold;} #maincontent_shop_display .newproducts{ width: 100%; float:left; clear:both; margin-top: 10px; text-align:left; font-size:small; } #maincontent_shop_display .newproducts table{ width: 100%; border-collapse:collapse; background:url(../images/shop/newproducts_head.gif) top left no-repeat; text-align:left;} #maincontent_shop_display .newproducts table .content{ border-collapse:collapse; padding:4px 0 4px 25px; display:block; position:relative; float:left; font-weight:bold; color: #80a3b7;} #maincontent_shop_display .leftrule{ width: 100%; float: left; clear:both; margin:5px 0 0 0; padding:0; font-size:xx-small; color:#ffffff; display:block; position:relative; } #maincontent_shop_display .left{ width: 32%; float: left; margin-top: 10px; text-align:center; font-size:small; color:#bd47bc; display:block; vertical-align:bottom;} #maincontent_shop_display .left a{ color:#bd47bc; font-weight:bold; text-decoration:none; font-size:90%; } #maincontent_shop_display .content{ text-align:center; margin-bottom: 5px; } #maincontent_shop_display table{ width: 100%; border-collapse:collapse; margin-top:10px;} #maincontent_shop_display td.button{ width: 60px; border-collapse:collapse;} #maincontent_shop_display td.button a{ color: #80a3b7; text-align:left; background: url(../images/shop/add_off.gif) no-repeat; width:60px; display:block; text-decoration: none; font-size: 80%; padding:0 0 0 4px; vertical-align:middle;} #maincontent_shop_display td.button a:hover { color: #bd47bc; background: url(../images/shop/add_on.gif) no-repeat; text-decoration: none;} #maincontent_shop_display .price{ font-size: 120%; color:#bd47bc; font-weight:900; text-align:left; padding:0;} #maincontent_shop_display .perqty{ font-size: 70%; color:#d33840; } #maincontent_shop_display img{ padding-top: 10px; padding-bottom: 12px; } #maincontent_shop_display .pagenav{ width: 100%; float: left; clear:both; margin:15px 0 0 0; padding:0; font-size:80%; color:#000000; display:block; position:relative; text-align:right} #maincontent_shop_display .pagenav form{ display:inline; padding:0 10px 0 10px;} #maincontent_shop_display .pagenav select{ width:80px; background-color:#e0e3e4; border:1px solid #adb5b8; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline; } #maincontent_shop_display .pagenav input{ width:auto; display:inline; } #maincontent_shop_display .pagenav img{ display:inline; position:relative; margin:0; padding:0; vertical-align:bottom; } /* -- RIGHT SIDE IMAGE -- */ #rightcontent { width: 258px; float: right; clear: right; text-align: right; background:url(../images/rightimg_bg_alt.gif) bottom no-repeat; margin-top: 10px; } #rightcontent img{ float: right; clear: right; text-align: right; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; } #rightcontent_alt { width: 258px; float: right; clear: right; text-align: left; margin-top: 10px; padding:10px; font-family: "Century Gothic", verdana, arial, Georgia; color: #709228; font-size: 80%;} #rightcontent_alt img{ float: right; clear: both; text-align: left; padding-bottom:20px; }