html {
margin:0;
overflow-x:hidden;
overflow-y:scroll;
padding:0;
}
* {
font-family:Arial,Helvetica,sans-serif;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
margin:0;
padding:0;
text-align:center;
}
body, td, th, input, textarea, select, a {
font-size:12px;
}
form {
display:inline;
margin:0;
padding:0;
}
input, textarea, select {
margin:3px 0;
}
a, a:visited {
color:#1B57A3;
cursor:pointer;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a img {
border:medium none;
}
p {
margin-top:0;
}
#container {
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
}
#header .div2 {
float:left;
padding-left:15px;
padding-top:15px;
}
#header .div3 {
float:right;
height:62px;
padding-top:7px;
}
#header .div3 a {
background-position:left center;
background-repeat:no-repeat;
color:#FFFFFF;
margin-left:15px;
padding:1px 0 2px 20px;
}
#header .div4 {
clear:right;
float:right;
height:32px;
padding-right:14px;
width:620px;
}
#header .div4 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/tab_1.png) no-repeat scroll 0 0;
color:#333333;
float:left;
font-size:14px;
font-weight:bold;
height:18px;
margin-right:2px;
padding-bottom:9px;
padding-top:9px;
position:relative;
text-align:center;
text-decoration:none;
width:100px;
z-index:1;
}
#header .div4 a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/tab_2.png) no-repeat scroll 0 0;
color:#FFFFFF;
padding-bottom:10px;
z-index:3;
}
#header .div5 {
clear:both;
}
#header .div5 .left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_1_left.png) no-repeat scroll 0 0;
float:left;
height:40px;
width:5px;
}
#header .div5 .right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_1_right.png) no-repeat scroll 0 0;
float:right;
height:40px;
width:5px;
}
#header .div5 .center {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_1_center.png) repeat-x scroll 0 0;
height:40px;
margin-left:5px;
margin-right:5px;
}
#header .div6 {
clear:both;
margin-bottom:10px;
}
#header .div6 .left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_2_left.png) no-repeat scroll 0 0;
float:left;
height:32px;
width:5px;
}
#header .div6 .right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_2_right.png) no-repeat scroll 0 0;
float:right;
height:32px;
width:5px;
}
#header .div6 .center {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/header_2_center.png) repeat-x scroll 0 0;
height:32px;
margin-left:5px;
margin-right:5px;
padding-left:5px;
padding-right:5px;
}
#header .div7 {
float:right;
padding-top:2px;
}
#header .div8 {
float:left;
margin-top:6px;
}
#header .div9 {
float:left;
}
#header .div10 {
float:left;
margin-top:2px;
}
#search {
color:#FFFFFF;
font-weight:bold;
padding-left:5px;
padding-top:7px;
}
#search select {
border:1px solid #0A5391;
padding:1px;
}
#search a {
color:#FFFFFF;
}
#search input {
border:1px solid #0A5391;
padding:2px;
}
#breadcrumb {
color:#000000;
float:left;
height:13px;
margin-bottom:10px;
padding-bottom:11px;
padding-top:7px;
}
.switcher {
float:right;
margin-left:10px;
margin-top:3px;
}
.switcher a {
display:block;
text-decoration:none;
}
.switcher .selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../image/switcher.png) repeat-x scroll 0 0;
}
.switcher .selected a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/arrow_down.png) no-repeat scroll 116px center;
border:1px solid #CCCCCC;
color:#666666;
padding:2px 5px;
width:121px;
}
.switcher .selected a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 url(../image/arrow_down.png) no-repeat scroll 116px center;
}
.switcher .option {
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
display:none;
position:absolute;
width:131px;
z-index:3;
}
.switcher .option a {
color:#000000;
padding:3px 5px;
}
.switcher .option a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFCC none repeat scroll 0 0;
}
.switcher img {
position:relative;
top:1px;
}
#column_left {
clear:left;
float:left;
margin-right:10px;
width:180px;
}
#column_right {
clear:right;
float:right;
margin-left:10px;
width:180px;
}
#content {
margin-bottom:10px;
margin-left:190px;
margin-right:190px;
}
#content .top .left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_top_left.png) no-repeat scroll 0 0;
float:left;
height:32px;
width:5px;
}
#content .top .right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_top_right.png) no-repeat scroll 0 0;
float:right;
height:32px;
width:5px;
}
#content .top .center {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_top_center.png) repeat-x scroll 0 0;
margin-left:5px;
margin-right:5px;
}
#content .top h1 {
padding:8px 0 8px 7px;
}
#content h1, .heading {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
text-transform:uppercase;
}
.heading {
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
padding-bottom:3px;
}
#content .middle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
min-height:30px;
padding:10px 10px 1px;
}
#content .bottom .left {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_bottom_left.png) no-repeat scroll 0 0;
float:left;
height:5px;
width:5px;
}
#content .bottom .right {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_bottom_right.png) no-repeat scroll 0 0;
float:right;
height:5px;
width:5px;
}
#content .bottom .center {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/content_bottom_center.png) repeat-x scroll 0 0;
height:5px;
margin:0 5px 10px;
}
.box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/box_top.png) no-repeat scroll 0 0;
margin-bottom:10px;
}
.box .top {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:8px 0 8px 7px;
text-transform:uppercase;
}
.box .top img {
float:left;
margin-right:5px;
}
.box .middle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
padding:10px;
}
.box .bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/box_bottom.png) no-repeat scroll 0 0;
height:5px;
}
.success {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E4F1C9 none repeat scroll 0 0;
border:1px solid #A5BD71;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.warning {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFDFE0 none repeat scroll 0 0;
border:1px solid #FF9999;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.wait {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBFAEA none repeat scroll 0 0;
border:1px solid #EFEBAA;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.required {
color:#FF0000;
font-weight:bold;
}
.error {
color:#FF0000;
display:block;
}
.help {
cursor:pointer;
}
.tooltip {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBFF95 none repeat scroll 0 0;
border:1px solid #FDDA5C;
font-size:11px;
padding:5px;
width:250px;
}
.clear {
overflow:hidden;
width:100%;
}
.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/button_left.png) no-repeat scroll left top;
color:#FFFFFF;
display:inline-block;
margin-right:5px;
padding-left:8px;
text-decoration:none;
}
.button span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/button_right.png) no-repeat scroll right top;
color:#FFFFFF;
display:block;
padding:4px 12px 5px 5px;
}
.buttons {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin-bottom:10px;
padding:5px;
}
.buttons input {
margin:0;
padding:0;
}
.buttons table {
border-collapse:collapse;
width:100%;
}
.buttons table td {
vertical-align:middle;
}
.content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin-bottom:10px;
margin-top:3px;
padding:10px;
}
.list {
margin-bottom:10px;
width:100%;
}
.list td {
padding-bottom:10px;
text-align:center;
vertical-align:top;
}
.sort {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
height:30px;
margin-bottom:10px;
width:100%;
}
.sort .div1 {
float:right;
margin-left:5px;
padding-right:9px;
padding-top:6px;
}
.sort .div2 {
padding-top:9px;
text-align:right;
}
.sort select {
font-size:11px;
margin:0;
padding:0;
}
.pagination {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
display:inline-block;
margin-bottom:10px;
width:100%;
}
.pagination .links, .pagination .results {
padding:7px;
}
.pagination .links {
float:left;
}
.pagination .links a {
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}
.pagination .links b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}
.pagination .results {
float:right;
}
.tabs {
height:31px;
margin-bottom:0;
width:100%;
}
.tabs a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../image/tab_3.png) repeat-x scroll 0 0;
border:1px solid #DDDDDD;
color:#000000;
display:block;
float:left;
font-size:13px;
font-weight:bold;
margin-right:2px;
padding:6px 15px 7px;
position:relative;
text-decoration:none;
top:1px;
z-index:1;
}
.tabs a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../image/tab_3.png) repeat-x scroll 0 0;
border-bottom:0 none;
padding-bottom:8px;
z-index:3;
}
.tab_page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
display:block;
margin-bottom:10px;
padding:10px;
z-index:2;
}
#footer {
border-top:1px solid #DDDDDD;
clear:both;
padding-top:5px;
width:100%;
}
#footer .div1 {
float:left;
text-align:left;
}
#footer .div2 {
color:#FFFFFF;
float:right;
text-align:right;
}
#category ul {
list-style-image:url(../image/bullet_1.png);
list-style-position:outside;
list-style-type:disc;
margin-bottom:0;
margin-left:8px;
margin-top:0;
padding-left:12px;
}
#information ul {
list-style-image:url(../image/bullet_2.png);
list-style-position:outside;
list-style-type:disc;
margin-bottom:0;
margin-left:8px;
margin-top:0;
padding-left:12px;
}
.cart {
border:1px solid #EEEEEE;
border-collapse:collapse;
margin-bottom:10px;
width:100%;
}
.cart th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
font-weight:normal;
padding:5px;
}
.cart td {
padding:5px;
}
.tags, .tags a {
font-size:x-small;
font-style:italic;
}
#module_cart .middle {
padding:5px;
}
.cart_module_total {
color:#222222;
font-size:0.9em;
padding:0 3px;
}
.cart_remove {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/list_remove_btn.gif) no-repeat scroll left center;
cursor:pointer;
margin-top:3px;
padding-right:10px;
}
.cart_remove_loading {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/ajax_load.gif) no-repeat scroll 0 0;
margin-top:3px;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://rockshop.pebblepup.com/catalog/view/theme/default/image/button_add_small.png) no-repeat scroll left center;
cursor:pointer;
margin-top:3px;
padding:5px;
text-decoration:none;
}
#content .middle .box {
float:left;
margin:0 6px 10px;
min-height:0;
}
#content .middle .box .middle {
min-height:0;
width:158px;
}