/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} html { height: 100%; } body { height: 100%; } #nonFooter { background:url(../images/bac_rep2.jpg) repeat-x top; position: relative; min-height: 100%; } * html #nonFooter { height: 100%; } img { border:0px; margin:0px; padding:0px; } #container{ padding:0px 0px 39px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:1010px; border:0px solid #000000; } #header {background:#ffffff; width:100%; height:255px; margin:0px; padding:0px; position:relative; z-index:10;} #header form {position:absolute; top:0px; right:0px; width:310px; height:31px; background:#343330; padding:10px 0px 0px 10px;} #header label {color:#ffffff; font-size:12px;} #header button {color:#ffffff; cursor: pointer; height:20px; background:#565550; border:0px; font-size:12px; margin:0px 0px 0px 1px; width:60px;} *html #header button {color:#ffffff; height:20px; background:#565550; border:0px; font-size:12px; margin:0px 0px 0px 5px; width:60px;} *+html #header button {color:#ffffff; height:20px; background:#565550; border:0px; font-size:12px; margin:0px 0px 0px 5px; width:60px;} body:last-child:not(:root:root) #header button {color:#ffffff; background:#565550; height:20px; padding:0px 0px 0px 0px; text-align:center; border:0px; font-size:12px; margin:0px 0px -5px 5px; width:60px;} #header input { width:161px; font-size:12px; height:15px; padding:0px; margin:2px 0px 0px 5px;} #pic_area { margin:0px 0px 0px 0px; } #pic_area ul {margin:0px 0px 0px 4px; padding:0px;} #pic_area li { display:inline; padding:0px; list-style:none; margin:0px 0px 0px 0px;} #logo { width:285px; height:71px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat #ffffff; } #pic_area2 { margin:0px 0px 0px 0px; } #pic_area2 ul {margin:3px 0px 0px 4px; padding:0px;} :root #pic_area2 ul {margin:3px 0px 0px 2.5px; padding:0px;} #pic_area2 li { display:inline; padding:0px; list-style:none; margin:0px 0px 0px 0px;} #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:375px; height:100%; float:right; margin:0px; padding:0px; } #box_a { width:369px; border:3px solid #343330; margin:11px 0px 2px 0px; height:159px; background:url(/images/bac_1.jpg);} .box_aimg { border:3px solid #343330; margin:10px 10px 0px 10px; padding:0px;} #box_b { width:369px; height:159px; border:3px solid #b3a796; background:url(/images/bac_2.jpg);} .box_bimg { border:3px solid #b3a796; margin:10px 10px 0px 10px; padding:0px;} .bnone { border:0px; margin:5px 0px 0px 0px; padding:0px;} #news_summary { width:100px;} .news_summary { width:100px; margin:0px 0px 0px 10px;} #content_main { width:100%; margin:0px 0px 0px 0px; padding:0px; min-height:300px; height:auto !important; height:300px;} #content { width:608px; margin:0px 0px 0px 0px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #product_summary { width:580px; margin:0px 0px 0px 14px; margin:auto; padding:0px; min-height:300px; height:auto !important; height:300px;} .product_summary{ width:262px; height:89px; float:left; padding:0px; margin:0px 10px 15px 10px; } .product_summary img{ width:66px; height:66px; float:left; margin:10px 0px 0px 0px; padding:0px; } .products_summary p{ float:left; width:173px; margin:0px 10px 0px 10px; padding:0px; } .products_summary a{ font-size:12px; margin:0px 0px 0px 110px; text-decoration:none; color:#54b1f0;} .special {border:2px solid #343330; margin:10px 0px 10px 0px; } #footer { width:100%; position:relative; background:#5c4955; border-top:8px solid #2e2e2e; height:39px; margin:-48px 0px 0px 0px; } #footer_inner {width:1010px; margin-right:auto; margin-left:auto;} .clear { clear:both; } /*--------------------------------------news------------------------------------------------------*/ #content_news { width:580px; float:right; margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important; height:300px;} #package_content {width:782px; border:#7a7c7f 2px solid; margin:10px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} :root #package_content li {font-size:12px; color:#383838; margin:3px 0px 0px 0px; padding:0px; list-style:disc;} #package_content li {font-size:12px; color:#383838; margin:0px 0px 0px 0px; padding:0px; list-style:disc;} #package_content ul { margin-top:-5px;} #pc_right {float:left;} #sidenav {width:212px; height:100%; float:left; margin:10px 0px 0px 0px; padding:0px; } #sidenav a{ display:block; height:15px; border-bottom:#343330 3px solid; font-size:12px; font-weight:bold; color:#ffffff; padding:5px; background:#343330; margin:1px 0px 1px 0px; } #sidenav a:hover {border-bottom:#000000 3px solid; text-decoration:none; background:url(/images/hover_arrow.gif) no-repeat 95% 70% #343330;} #sidenav a.purp {background:#5c4955;} #sidenav a:hover.purp {background:#5c4955;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav {width:100%; position:absolute; bottom:0px; border-bottom:#c7c1ab 4px solid; background:#b3a796; left:0px; height:30px; padding:0px; margin:0px 0px 0px 0px;} #menu { list-style-type:none; height:30px; padding:0; margin:0px 0px 0px 0px;} *html #nav {width:100%; position:absolute; bottom:-1px; border-bottom:#c7c1ab 4px solid; background:#b3a796; left:0px; height:30px; padding:0px; margin:0px 0px 0px 0px; } *html #menu li span {display:block; font-weight:bold; z-index:100; padding: 5px 5px 5px 5px; color:#b3a796; font-size:12px;} *html #menu dt a, #menu dt a:visited {display:block; font-weight:bold; color:#ffffff; padding: 5px 5px 5px 5px; color:#ffffff; text-decoration:none;} *html .bord { border-right:#c7c1ab solid 2px; margin:3px 0px -20px 0px;} #menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;} #menu li span {display:block; font-weight:bold; z-index:100; padding: 10px 5px 10px 5px; color:#740913; font-size:12px;} #menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;} .current {font-weight:bold;} #menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; } #menu dt {margin:0px 0px 0px 0px; font-size:12px; color:#ffffff; float:left;} #menu dd {display:none; clear:left; background:#b3a796; margin:0; padding:0; color: #ffffff; font-size:12px; border-bottom:1px solid #ffffff; text-align:left; } #menu dt a, #menu dt a:visited { display:block; font-weight:bold; color:#ffffff; padding: 10px 5px 10px 5px; color:#ffffff; text-decoration:none;} #menu dd a, #menu dd a:visited { text-decoration:none; font-size:12px; display:block; color:#ffffff; padding: 5px 20px 5px 10px; background:#b3a796;} :root #menu dd {display:none; clear:left; background:#b3a796; margin:0; padding:0; color: #ffffff; font-size:12px; border-bottom:1px solid #ffffff; text-align:left; min-width:150px; } #menu li a:hover {border:0; text-decoration:underline;} #menu table {margin:0px; padding:0px;} #menu li:hover dd, #menu li a:hover dd { background:#b3a796; color:#ffffff; display:block; text-decoration:none;} #menu li:hover dl, #menu li a:hover dl { background:url('#') repeat-x; color:#ffffff; padding:0px; } #menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover { color:#ffffff; text-decoration:none; } #menu li:hover dd {background:#b3a796; } *html #img_pc_left {float:right; width:141px; margin:0px 7px 0px 0px;} :root #img_pc_left img {border:1px solid #5c4955; margin:0px 0px 10px 0px; } #img_pc_left img {border:1px solid #5c4955; margin:0px 0px -10px 0px; } #img_pc_left {float:right; width:141px; margin:0px 14px 0px 0px;} .current {font-weight:bold;} :root #order_p {float:right; margin:8px 0px 0px 0px; padding:0px;} #order_p {float:right; margin:0px 0px 0px 0px; padding:0px;} .bord { border-right:#c7c1ab solid 2px; } #package_top_nav {height:24px;} #loc_nav {float:left; margin:7px 0px 0px 0px;} #loc_nav a {font-size:12px; padding:0px 25px 0px 5px; color:#000000; font-weight:bold; margin:0px 0px 0px 0px; text-align:left; } .loc_nav {background:url(/images/nav_arrow.gif) no-repeat right bottom;} .loc_none {background:none;} :root #ord_top { float:right; margin:5px 2px 0px 0px;} html>body #ord_top { float:right; margin:5px 0px 0px 1px;} #ord_top { float:right; margin:5px 12px 0px 0px;} *html #ord_top { float:right; margin:5px 0px 0px 0px;} #ord_top button {background:none; border:0px; cursor: pointer;} body:last-child:not(:root:root) #ord_top { float:right; margin:5px 10px 0px 0px;} .update_som {background:none; border:0px; position:absolute; bottom:-2px; right:-10px;} .add_som {background:none; border:0px; position:absolute; bottom:-2px; right:-10px;} *html .update_som {bottom:-11px; right:-16px;} *html .add_som { bottom:-11px; right:-16px;} *+html .update_som {bottom:-11px; right:-60px;} *+html .add_som { bottom:-11px; right:-60px;} .products h5 {font-size:16px; font-weight:bold;} /*--------------------------------- Product---------------------------------------*/ :root #products { margin:4px 0px 0px 0px; padding:0px;} #products { margin:12px 0px 0px 0px; padding:0px; } *html #products { margin:4px 0px 0px -10px; padding:0px; } .products {width:319px; min-height:11px; height:auto !important; height:11px; float:left; border:2px solid #7a7c7f; margin:0px 0px 0px 10px; padding:0px; position:relative;} .products p {width:161px; font-size:12px; margin:0px 0px 5px 10px;} .select_box { vertical-align:bottom; width:132px; height:37px; float:right; margin:0px 0px 0px 0px; padding:0px; position:relative;} .select {float:left; margin:8px 0px 0px 0px; padding:0px;} .select select {width:114px;} .prod_img img {border: 2px #5c4955 solid; margin:0px 0px 5px 0px;} .prod_img {float:right; width:116px; margin:0px 10px 0px 0px;} *html .prod_img {float:right; width:116px; margin:0px 3px 0px 0px;} .select label { font-weight:bold; margin:0px 0px 0px 10px; font-size:12px;} #more_prod {float:right; margin:6px 12px -5px 0px; } *+html #more_prod {float:right; margin:-5px 12px 0px 0px; } *html #more_prod {float:right; margin:4px 6px 0px 0px; } #checkout {height:27px; border:2px solid #9e9281; margin:10px 10px 10px 10px; position:relative; display:block; background:#b3a796;} #summary {font-size:12px; float:left; padding:5px 0px 0px 0px; color:#ffffff; font-weight:bold; width:508px; margin:0px 0px 0px 8px;} *html #summary {font-size:12px; float:left; padding:5px 0px 0px 0px; color:#ffffff; font-weight:bold; width:500px; margin:0px 0px 0px 8px;} body:last-child:not(:root:root) #checkout {height:27px; border:2px solid #9e9281; margin:20px 10px 0px 10px; background:#b3a796; } body:last-child:not(:root:root) #more_prod {float:right; margin:3px 12px 3px 0px; } *+html #checkout {height:27px; border:2px solid #9e9281; margin:10px 10px 25px 10px; background:#b3a796; } *html #checkout {height:27px; border:2px solid #9e9281; margin:10px 10px 25px 10px; background:#b3a796; } .paging {width:985px; height:27px; border:2px solid #9e9281; padding:2px 0px 3px 0px; margin-top:10px; margin-bottom:10px; background:#b3a796; margin-left:auto; margin-right:auto; text-align:center; color:#ffffff; font-weight:bold;} .paging a {color:#ffffff; font-weight:bold; } .summ {color:#4a3a44;} #fintot {background:#c7c1ab; float:right; width:460px; padding:5px 0px 2px 10px; height:20px; font-size:12px; color:#ffffff; font-weight:bold;} /*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/ .cont_bga { background:#0000FF;} .cont_bgb { background:#990033;} .cont_bgc { background:#33FF66;} .cont_bgd { background:#FF33CC;} .cont_bge { background:#3300CC;} .cont_bgf { background:#CCCCCC;} h1{ color:#4a4a48; font-size:16px; font-weight:bold; border-bottom:2px solid #4a4a48; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2{ color:#000000; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3{ color:#5C4955; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4{ color:#ffffff; background:#343331; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:7px 0px 10px 15px; } h5{ color:#ffffff; background:url(/images/repeat_h2_bac.jpg) repeat-x; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:7px 0px 10px 15px; } ul { } ul li { font-size:12px; color:#000000; list-style:disc;} ol li {font-size:12px; color:#000000; list-style:decimal;} a { color:#333399; text-decoration:none; } a:hover { color:#333399; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; position:relative;} #footer_inner p { font-size:11px; color:#FFFFFF; } #footer_inner a { color:#ffffff; text-decoration:none; } #footer_inner a:hover { color:#ffffff; text-decoration:underline; } /********************** Order Table ****************/ table#order{ border:1px solid #4A4A48; } table#order td, table#order th{ padding:6px 6px 6px 6px; border:1px solid #4A4A48; } table#order{ } table#order th{ font-size:14px; font-weight:bold; } table#order .td_or{ border-bottom: 1px solid #FFFFFF; background-color:#4A4A48; color:#FFFFFF; font-weight:normal; font-size:12px; } table#ordertotals{ margin-left:450px; border-bottom: 1px solid #FFFFFF; background-color:#4A4A48; color:#FFFFFF; } table#ordertotals td{ padding:6px 6px 6px 6px; border-bottom:1px solid #FFFFFF; font-weight:bold; width:134px; }