/* Desc: RADSHOP Screen Style Sheet Author: Intervolve.com.au Date: November '08 === === === === === === === === === === */ body {font:75%/163% Lucida Sans,Arial,Verdana,Helvetica;color:#4D4D4D;background:#FFF url(http://www.radshop.com.au/attachments/StyleSheet/24/background.gif?ts=1279797054) repeat-x center top;text-align:center;margin-bottom:20px} body#front {background:#FFFFFFF url(http://www.radshop.com.au/attachments/StyleSheet/24/background.gif?ts=1279797054) repeat-x 0 -10px !important} /*=CONTAINERS === === === === === === === === === === */ #container {width:960px;margin:0 auto;text-align:left} /*=COMMON === === === === === === === === === === */ p,li {line-height:150%} img {border:0} input,textarea,select,table {font-weight:normal !important;color:#000 !important} a, a:link {text-decoration:none;color:#2963AE} a:hover {color:#00103B} a:focus {outline:none} button {cursor:pointer} /*=HEADER === === === === === === === === === === */ #header {width:960px;overflow:hidden} #header h1 a, #front #header h1 {display:block;text-indent:-999999px;overflow:hidden;float:left;color:#000;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/header_logo.gif?ts=1279797054) no-repeat center left;width:199px;height:120px;margin:10px 0 0 0} #header span {display:none} #header ol {float:right;width:703px;height:60px;margin:35px 0 0 0} #header ol li {display:inline} #header ol li a {float:left} #header ol li a {display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-one.gif?ts=1279797054) no-repeat top left;height:60px;} #header .step_one {width:116px;background-image:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-one.gif?ts=1279797054)} #header .step_two {width:132px;background-image:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-two.gif?ts=1279797054)} #header .step_three {width:155px;background-image:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-three.gif?ts=1279797054)} #header .step_four{width:159px;background-image:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-four.gif?ts=1279797054)} #header .step_five {width:141px;background-image:url(http://www.radshop.com.au/attachments/StyleSheet/24/step-five.gif?ts=1279797054)} #header ol li a.disabled {background-position:bottom left} #header img {float:right;margin:40px 0 0 0} /*=SEARCH_BAR === === === === === === === === === === */ #search_bar {background:#8C1D18 url(http://www.radshop.com.au/attachments/StyleSheet/24/search_bar_divider.gif?ts=1279797054) no-repeat 688px 0;padding:10px;position:relative;color:#FFF;height:20px} #search_bar form {float:left;width:668px;background:#EE2E24 url(http://www.radshop.com.au/attachments/StyleSheet/24/search_bar_bg.gif?ts=1279797054) repeat-x;margin:-10px 0 0 -10px;height:20px;padding:10px;} #search_bar label {margin:0 5px 0 35px} #search_bar form input {border:0;width:200px;font-size:1.1em;padding:4px 4px;vertical-align:center} #search_bar button {margin:0 5px 0 3px;vertical-align:top} #search_bar form small {font-size:1em} #search_bar form small span {color:#FFF200} #search_bar .adrad_logo {display:block;text-indent:-999999px;overflow:hidden;position:absolute;top:-9px;right:5px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/adrad_logo.png?ts=1279797054) no-repeat;width:76px;height:61px;} #search_bar .magnifying_glass {display:block;text-indent:-999999px;overflow:hidden;position:absolute;top:5px;left:4px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/icon-magnifying_glass.png?ts=1279797054) no-repeat;width:33px;height:46px;} #search_bar form button {border:0;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-search.gif?ts=1279797054) no-repeat;width:59px;height:24px;} .my_account {float:left;display:block;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-my_account.gif?ts=1279797054) no-repeat;width:86px;height:24px;margin:0 0 0 30px} .logout {display:block;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-logout.gif?ts=1279797054) no-repeat;width:63px;height:24px;} .my_account:hover,.logout:hover {background-position:bottom left} /*=SIDEBAR === === === === === === === === === === */ #sidebar {float:right;width:242px;margin:20px 0} #front #sidebar {margin:35px 0 20px 0} .current_order {margin:0 0 20px 0;padding:10px;width:222px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/my_order_bg.gif?ts=1279797054) repeat-x 0 27px} .order_header {display:inline-block;width:222px;color:#CBCACA;padding:9px 10px;margin:-10px 0 10px -10px;font-size:.9em;background:#4e4e4e url(http://www.radshop.com.au/attachments/StyleSheet/24/order_header_bg.gif?ts=1279797054) repeat-x} .order_header h3 {display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/heading_current_order.gif?ts=1279797054) no-repeat top left;width:69px;height:9px} .order_header span {float:left;line-height:9px;font-size:1em;font-weight:bold} .order_header a {color:#FFE67A;float:right;line-height:8px;} .order_header a:hover {color:#FCF2CA} .order_header:after {content:" ";display:block;height:0;clear:both;font-size:0;visibility:hidden} /* Hides from IE-mac \*/ * html .order_header {height:1%} .order_header {display:block} .current_order ul {padding:0 0 5px 0} .current_order li {margin:0 0 5px 0} .current_order .b {margin:6px 0 -10px -10px;display:block;text-indent:-999999px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/my_order_bottom.gif?ts=1279797054) no-repeat bottom left;width:242px;height:4px} .current_order li input {width:23px;text-align:center} .update {float:left;margin:0 5px 0 0;display:block;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-update.gif?ts=1279797054) no-repeat bottom left;width:72px;height:26px;border:0} .checkout_now {display:block;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-checkout_now.gif?ts=1279797054) no-repeat bottom left;width:104px;height:26px} .latest_specials {margin:0 0 20px 0;padding:10px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/latest_specials_bg.gif?ts=1279797054) repeat-x 0 27px;overflow:hidden} .specials_header {position:relative;display:inline-block;width:242px;color:#CBCACA;height:27px;margin:-10px 0 25px -10px;background:#2963ae url(http://www.radshop.com.au/attachments/StyleSheet/24/specials_header_bg.gif?ts=1279797054) repeat-x} .latest_specials em {color:#C22600;font-style:normal} .specials_header h3 {position:absolute;display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/specials_heading.png?ts=1279797054) no-repeat top left;width:114px;height:52px;top:0;left:4px} .latest_specials li img {float:left;margin:0 5px 0 0;padding:1px;border:1px solid #CCC} .latest_specials li a:hover img {border-color:#666} .latest_specials ul {padding:0 0 5px 0} .latest_specials ul li span {width:170px} .latest_specials ul li {clear:both;margin:0 0 10px 0} .latest_specials .b {margin:4px 0 -10px -10px;display:block;text-indent:-999999px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/latest_specials_bottom.gif?ts=1279797054) no-repeat bottom left;width:242px;height:6px} .specials_header img {position:absolute;right:10px;top:0} .sign_in {margin:0 0 20px 0;padding:15px;background:#E6E6E6 url(http://www.radshop.com.au/attachments/StyleSheet/24/sign_in_bg.gif?ts=1279797054) repeat-x 0 27px;overflow:hidden;width:212px} .signin_header {position:relative;display:inline-block;width:212px;color:#CBCACA;padding:9px 15px;margin:-15px 0 7px -15px;background:#2963ae url(http://www.radshop.com.au/attachments/StyleSheet/24/specials_header_bg.gif?ts=1279797054) repeat-x} .sign_in em {color:#C22600;font-style:normal} .signin_header h3 {display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/heading_sign_in.gif?ts=1279797054) no-repeat top left;width:122px;height:9px;padding:0 !important;margin:0 !important} .sign_in label {color:#222;} .sign_in input {padding:5px !important;font-size:1.5em !important;width:200px;margin:5px 0 0 0;border:1px solid #b7bfd0;} .sign_in .b {margin:10px 0 -15px -15px;display:block;text-indent:-999999px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/sign_in_bottom.gif?ts=1279797054) no-repeat bottom left;width:242px;height:4px} .signin_header img {position:absolute;right:10px;top:0} .sign_in button {float:left;display:block;text-indent:-999999px;overflow:hidden;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-sign_in.gif?ts=1279797054) no-repeat bottom left;width:72px;height:26px;border:0;} .sign_in .advanced {float:right;margin:4px 0 0 0;} #content .sign_in {clear:both;float:left} .adrad_info {font-size:1.2em;font-weight:bold;color:#4D4D4D !important;display:block;line-height:1.5em} .adrad_info span {color:#C22600;font-size:1.3em} .adrad_info img{float:right} /*=CONTENT === === === === === === === === === === */ #content {float:left;width:688px;position:relative;margin:0 0 20px 0} #front #content, #singlecol #content {margin:20px 0} #singlecol #content {width:960px} #breadcrumbs {display:inline-block;border-bottom:1px solid #CCC;line-height:25px;padding:10px 0 5px 0} #breadcrumbs .crumbs {float:left} #breadcrumbs .categories {right:0;position:absolute} #breadcrumbs .view_categories {color:#C22600;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/categories_bg.gif?ts=1279797054) no-repeat center right;display:block;padding:3px 14px 8px 0} #breadcrumbs .categories a:hover {color:#000} #breadcrumbs:after {content:" ";display:block;height:0;clear:both;font-size:0;visibility:hidden} #breadcrumbs .categories li {list-style:none} #breadcrumbs .dropdown ul {display:none;margin:0 !important;border:1px solid #CCC;padding:10px;background:#FFF;z-index:99999;position:absolute;} #breadcrumbs .dropdown:hover ul {display:block} #breadcrumbs .dropdown li {padding:0 0 0 0;display:block;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/product_bg.gif?ts=1279797054) repeat-x bottom left;width:242px;} #breadcrumbs .dropdown a {display:block} #breadcrumbs .dropdown a img {float:left;margin:0 10px 0 0} #breadcrumbs .dropdown ul a {line-height:35px} /* Hides from IE-mac \*/ * html #breadcrumbs {height: 1%;} #breadcrumbs {display: block;} /* End hide from IE-mac */ #extra_bar {clear:both} .extra_info {float:left;background:#FFFCDD;padding:2px 5px} .pagination {float:right} .pagination a {padding:4px 3px;display:inline;background:#FFF;} .pagination .disabled {padding:4px 5px} .pagination .prev_page, .pagination .next_page {font-size:1.1em;font-weight:bold} .pagination .current {font-size:1.5em;font-weight:bold;} /* Formatting */ #content p, #sidebar p {margin:0 0 1em 0} #content h1,#content h2,#content h3,#content h4,#content h5 {font-family:arial,verdana;font-weight:bold;line-height:1.4em;margin:0 0 10px 0;color:#00103B} #content h1 {font-size:2em;margin:0 0 20px 0} #content h2 {font-size:1.7em;margin:20px 0} #content h3 {font-size:1.45em;margin:0 0 10px 0} #content h4 {font-size:1.2em;color:#2963AE;margin:0 0 3px 0} #content small {font-size:.9em;line-height:1.7em} #content big {font-size:1.2em;line-height:1.7em;font-weight:bold;color:#40586b} em,i {font-style:italic} b,strong {font-weight:bold} #content ul {margin:0 0 1em 1.5em;list-style-type:disc} #content ul li {margin:0 0 .3em 0} #content ul ul {margin:0 0 0 .5em} #content ol {margin:0 0 1em 1.8em;list-style-type:decimal} #content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em} #content img.bthin,#sidebar img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em} #content img.left {float:left;margin:0 1em 1em 0} #content img.right {float:right;margin:0 0 1em 1em} #content table {margin:0 0 20px 0;width:100%} #content table th {font-weight:bold;margin:0 2px 0 0;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/th_bg.gif?ts=1279797054) repeat-x;padding:6px 10px 5px 10px;border-bottom:2px solid #CCC;margin-right:3px;text-transform:uppercase} #content table td {padding:10px;color:#2C455C;border-bottom:1px solid #DDE6F2;background:#FFF url(http://www.radshop.com.au/attachments/StyleSheet/24/product_bg.gif?ts=1279797054) repeat-x bottom left} #content table .product_col {width:290px} #content table .title {font-size:1.25em;font-weight:bold;} #content table .title span small {color:#2C455C;font-size:.7em;font-weight:normal} #content table .title span {display:block} #content table .title img {float:left;margin:0 8px 0 0;padding:1px;border:1px solid #CCC} #content table .title:hover img {border-color:#666} #content table img {float:left;padding:1px;border:1px solid #CCC} #content .qmark {margin:2px 0 0 3px;display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/icon-question_mark.gif?ts=1279797054) no-repeat center left;width:13px;height:18px} #content table .qmark:hover {background-position:right center} #content table .add_to_order {margin:10px 0 0 0;vertical-align:bottom} /* Forms */ #content form {margin:0 0 1em 0} form label {font-weight:bold} form input,textarea {color:#005879;font-size:1em;background:#FFF url(http://www.radshop.com.au/attachments/StyleSheet/24/input_bg.gif?ts=1279797054) repeat-x} form input:hover {color:#000} form button {font-size:.9em} form button:hover {cursor:pointer} form .req {border:1px solid red !important} #content button {padding:.2em .3em} #sidebar input {padding:3px 4px;border:1px solid #b7bfd0;color:#005879;font-weight:bold;font-size:1em;background:#FFF url(http://www.radshop.com.au/attachments/StyleSheet/24/input_bg.gif?ts=1279797054) repeat-x} /* Custom */ #content .twocol {margin:0 0 20px 0;float:left;width:688px} #content .col-1 {float:left;width:380px} #content .col-2 {float:right;width:290px;} #content .twocol strong {color:#000;line-height:25px} #content .col-1 img {margin:5px 0 0 0} #content .col-1 .description {font-size:1.3em;line-height:1.5em} #content .col-2 img {padding:1px;border:1px solid #CCC;margin:0 0 10px 0} #content .col-2 big {font-size:1.7em;font-weight:normal;color:#C22600} #content .price_bar big span {color:#4D4D4D} #content .col-2 small {color:#4D4D4D;;font-weight:normal} #content .price_bar {background:url(http://www.radshop.com.au/attachments/StyleSheet/24/th_bg.gif?ts=1279797054) repeat-x;border-top:2px solid #CCC;padding:5px 10px;overflow:hidden} #content .price_bar big {float:left} #content .price_bar .add_to_order {float:right;margin:5px 0 0 0} .reasons img {float:right;clear:both;padding:1px;border:1px solid #CCC;margin:0 0 0 20px !important} .reasons .col-1,.reasons .col-2 {width:334px !important} .category_list {width:688px;margin:0 !important;} .category_list li {padding:0 0 5px 0;float:left;list-style:none;height:45px;display:block;width:342px;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/product_bg.gif?ts=1279797054) repeat-x bottom left;border-bottom:1px solid #DDE6F2;border-right:2px solid #FFF;} .category_list a {font-size:1.4em;line-height:45px} .category_list a img {float:left;margin:0 10px 0 5px} .error {position:relative;display:block;background:#ffdddd;border:1px solid #ffa0a0;padding:10px;margin:20px 0 0 0} .success,.notice {position:relative;display:block;background:#fffcdd;border:1px solid #fff7a0;padding:10px;margin:20px 0 0 0} #singlecol input {padding:3px 4px;border:1px solid #b7bfd0} .delivery_form h3 span {color:#4D4D4D} .previous_step {display:block;text-indent:-999999px;overflow:hidden;float:left;background:url(http://www.radshop.com.au/attachments/StyleSheet/24/btn-prev-step.gif?ts=1279797054) no-repeat center left;width:104px;height:26px;} .next_step {border:0 !important;padding:0 !important} .shipping_options {margin:0 !important} .shipping_options {list-style:none !important} .shipping_options a {padding:10px 10px;font-size:1.2em;float:left;font-weight:bold;margin:5px 10px 15px 0;background:#2963AE;color:#FFF} .shipping_options a:hover {background:#204c86} .instructions {display:none;background:#fffcdd;border:1px solid #fff7a0;padding:10px;position:absolute;width:200px;margin:-40px 0 0 -228px} .instructions ol {list-style:decimal;margin:0 0 0 25px} .instructions li{margin:0 0 3px 0} .trigger-instructions:hover .instructions {display:block} /*=SITE SEARCH === === === === === === === === === === */ #sitesearch .searchinput {border:1px solid #98A9C8;width:142px;padding:3px 4px;background:#FFF url(http://www.radshop.com.au/attachments/StyleSheet/24/searchinput_bg.gif?ts=1279797054) repeat-x} #sitesearch .submitbtn, #advanced_distributorsearch .submitbtn {vertical-align:bottom;margin:0 0 0 2px} #sitesearch {padding:5px 0 0 0} #sitesearch h3 {font-weight:bold;margin:0 0 2px 0} /*=FOOTER === === === === === === === === === === */ #footer {clear:both;width:960px;padding:20px 0;border-top:1px dotted #CCC;color:#666} #footer p {float:left} #footer p.links {float:right} #footer a {color:#222} #search_bar {display:none;} #footer {display:none;} #sidebar {display:none;} #breadcrumbs {display:none;} #printbutton {display:none;}