/* CSS Document RatRigs Watersports */ /*---------------------------- General Structure --------------------------*/ body {text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; letter-spacing:normal; background-image:url(../images/bodybg.gif); background-repeat : repeat-x;} body,p,h1,h2,h3,h4 {margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #container {padding:0px 3px 0px 3px; text-align:left; margin-left:auto; margin-right:auto; width:760px; height:100%; background-color:#ffffff;} #headercontainer {width: 760px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #000000; } #header {position:relative; width:760px; height:40px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #000000; background-repeat : no-repeat; font-size:11px; font-weight:bold;} #header form { position:absolute; top:5px; left:5px; margin:0px padding:0px; } #nav {position:absolute; top:5px; right:5px; width: 400px; height:18px; border: 0px solid #424D31; text-align:right; padding: 5px 0px 10px 0px; margin:-20px 0px 0px 0px; } #banner {width: 760px; height:149px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #000000; background-image:url('../images/header1.jpg'); background-repeat : no-repeat;} #sidebar {width:240px; font-size:12px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #999999; float:left;} #basket_container {padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; background-color:#ffffff;background-image:url(../images/side_bg.gif); background-repeat : repeat-y;} #basket_container_head {width: 240px; height: 7px; background-image:url(../images/sidehead.gif); background-repeat : no-repeat;} #basket_container_foot {width: 240px; height: 7px;background-image:url(../images/side_foot.gif); background-repeat : no-repeat;} #main {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:780px;} #content {float:left; width:505px; color:#000000; font-size:12px; margin:5px 0px 0px 10px; padding: 5px 0px 5px 0px; border: 0px solid #999999;} #content img {border: 0px solid #353535;} #item_container { padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; background-color:#ffffff;background-image:url(../images/item_bg.gif); background-repeat : repeat-y;} #item_container_head {width: 505px; height: 19px;background-image:url(../images/item_head.gif); background-repeat : no-repeat;} #item_container_foot {width: 505px; height: 15px; background-image:url(../images/item_foot.gif); background-repeat : no-repeat;} .product_info { float:right; width:335px; margin:0px 12px 0px 0px; padding:0px; } .product_thumb { float:left; margin:0px 0px 0px 15px;} .product_thumb a img { padding-left:0px; margin-left:0px;} .product_large { float:left; margin:0px 0px 0px 15px; } .product_main { float:right; width:255px; margin:0px 12px 0px 0px; padding:0px; } .view_product { float:right; margin:10px 15px 5px 0px; padding:2px 2px 2px 18px; } .view_product a { font-weight:bold; font-size:11px; color:#333333; } #footer {font-size:10px; background-color:ffffff; margin:20px 0px 0px 0px; padding:0px 0px 4px 0px; color:#000000; background-image:url(../images/footer.gif); background-repeat : no-repeat; text-align:left; width:760px; height:28px; } .clear {clear:both; } /*------------------------------- General Text + Colors------------------------------*/ body {font-family: Arial, Helvetica, sans-serif; background-color:#e7e7f7;} h1 {font-size:19px; padding: 2px 2px 2px 4px; font-weight:normal; margin:2px 0px 8px 4px; color:#2e4fae; letter-spacing:0.7px; } h1 a {font-size:19px; padding: 2px 2px 2px 4px; font-weight:normal; margin:2px 0px 8px 4px; color:#ffffff; letter-spacing:0.7px; } h1.blue {color:#ffffff; background-color:#2561cf;} h1.blue a{ color:#ffffff; text-decoration:none; padding-left:0px; margin-left:0px; } h1.blue a:hover{ color:#ffffff; text-decoration:none; } h1.yellow {color:#ffffff; background-color:#f1c630;} h1.yellow a{ color:#ffffff; text-decoration:none; padding-left:0px; margin-left:0px; } h1.yellow a:hover{ color:#ffffff; text-decoration:none; } h1.navy {color:#ffffff; background-color:#08266c; margin:0px 6px 0px 8px; } h2 {color:#2161CE; font-size:16px; font-weight:bold; padding: 2px 2px 2px 2px; margin:2px 10px 4px 5px; } h2.categories {color:#ffffff; background-color:#89b0f7;} h2.basket {color:#ffffff; background-color:#08266c;} h3 {color:#353535; font-size:14px; font-weight:bold; margin:0px 0px 0px 5px; } h4 {color:#353535; font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; } h5 {font-size:18px; padding: 2px 2px 2px 4px; font-weight:normal; margin:2px 0px 8px 4px; color:#ffffff; letter-spacing:0.7px; } h5 a { color:#ffffff; } h5 a:hover { color:#ffffff; text-decoration:none; } p {text-align:justify; margin:5px 5px 5px 5px; padding: 0px 0px 0px 0px; } #content p { font-family: Franklin Gothic Book, arial, sans serif; font-size:13px; } a {text-decoration:none; padding: 0px 0px 0px 0px; color:#333333; } a.surf {background-image:url(../images/surf_link.gif); background-repeat:no-repeat;} a.body {background-image:url(../images/body_link.gif); background-repeat:no-repeat;} a.sails {background-image:url(../images/sails_link.gif); background-repeat:no-repeat;} a.kayak {background-image:url(../images/kayak_link.gif); background-repeat:no-repeat;} a.wet {background-image:url(../images/wet_link.gif); background-repeat:no-repeat;} a.dinghy {background-image:url(../images/dinghy_link.gif); background-repeat:no-repeat;} a.wake {background-image:url(../images/wake_link.gif); background-repeat:no-repeat;} a.balance {background-image:url(../images/balance_link.gif); background-repeat:no-repeat;} a:hover {text-decoration:underline; color:#a62339; } #nav {color:#333333; font-size:11px; margin:0px 5px 0px 0px; font-weight:bold;} #nav a { margin:5px 5px 5px 5px; padding:2px 2px 2px 18px; background:url('../images/arrow1.gif') no-repeat center left; letter-spacing:0.8px; } #nav a:hover { background-image:url('../images/arrow2.gif'); text-decoration:none; } #basket_container p { margin: 15px 5px 15px 15px; } #basket_container a {display:block; color:#666666; font-weight:bold; padding:0px 2px 2px 20px; margin:2px 10px 2px 10px;} #basket_container a:hover {color:#666666; } #myform select { width:20em; text-align: left; margin:1px 0px 1px 10px; display: block; font-size:10px; } .no_border {border: 0px solid #FFFFFF; } /*------------------------------- Shop CSS ------------------------------*/ #header input { font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .breadcrumb { margin:10px 0px 5px 10px; padding:0px 0px 0px 0px; font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif; } .breadcrumb a { color:#a62339; text-decoration:underline; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .breadcrumb a:hover { color:#a62339; text-decoration:underline; } .page_numbering { margin:10px 0px 5px 10px; padding:0px 0px 0px 0px; font-size:11px; color:#666666;} .page_index { margin:10px 0px 5px 10px; padding:0px 0px 0px 0px; font-size:11px; color:#666666;} .page_index a { color:#a62339; text-decoration:underline; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .page_index a:hover { color:#a62339; text-decoration:underline; } input.default{ width:10em; border: 1px solid #C1C9D0; } input.short{ width:10em; border: 1px solid #C1C9D0;} input.long{ width:20em; border: 1px solid #C1C9D0; } input.veryshort{ width:6em; border: 1px solid #C1C9D0; } input.veryveryshort{ width:4em; border: 1px solid #C1C9D0; } input.vvvshort{ width: 2em; border: 1px solid #C1C9D0; } input.border{ border: 1px solid #C1C9D0; } #basket { padding:10px 5px 10px 20px; text-align: left; } #basket table { margin:10px 5px 10px 10px; } #basket th{ color:#333333; font-size:14px; font-family:arial;font-weight:bold; padding-left:2px; padding-right:5px; text-align:left; } #basket td{ text-align:left; padding-top:5px; padding-bottom:5px; } #basket td a{ color:#2161CE; text-decoration:none; font-weight:bold;} #basket td a:hover{ color:#2161CE; text-decoration:underline; font-weight:bold;} #basket td.center { text-align:center; } #basket ul{ text-align:left;} #basket li{ text-align:left; margin-left:20px; font-weight:bold; color: red; } #basket_total{ height:41px; width:200px; margin-top:5px; margin-left:200px; background-image:url("../images/total_basket.jpg");} #basket_total h2{ color:#2161CE; font-family:arial;font-weight:bold; font-size:16px; padding:10px 0px 0px 12px; margin:0px 0px 0px 0px; } #basket_total h3{ color:#000000; font-family:arial;font-size:12px; padding:10px 0px 0px 12px; margin:0px 0px 0px 0px; } #basket label{ width: 250px; text-align: right; margin-right: 0.5em; color:#08266C; font-weight:bold; } #fixbasket label{ idth:150px; text-align:left; }