﻿.image-box, .image-box-left, .image-box-right { float: left; }
.image-box-left { height: 281px; width: 127px; }
.image-box 
{
    height: 257px; width: 330px;
    font-size: .7em; border-top: solid 2px white; border-bottom: solid 2px white;
    padding: 15px 0 5px 5px; background-color: #f6921d; color: White;
}
.image-box h2 { margin:  10px 0 0 0; padding: 0; font-size: 1.2em; color: #2e3192; font-weight: bold; }
.image-box-right { height: 281px; width: 27px; }

.main-graphic { float: left; margin-left: 5px; height: 282px; width: 463px;}

.apple-box { float: left; height: 248px; width: 150px; margin: 5px 0 0 0;}
.content-box 
{
    float: left; height: 217px; width: 305px; 
    margin: 5px 0 0 4px; padding: 15px; font-size: .7em; color: White;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='App_Themes/Default/Images/Box.png');
}
.content-box[class] { background-image: url('Images/Box.png'); }
.content-box h2 { margin:  10px 0 0 0; padding: 0; font-size: 1.2em; color: #2e3192; font-weight: bold; }
.quote-box 
{
    height: 178px; width: 189px; color: White; font-size: .7em; float: left;
    padding: 35px 20px 35px 20px; margin: 5px 0 0 4px;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='App_Themes/Default/Images/Quote-Box.png');
}
.quote-box[class] { background: url('Images/Quote-Box.png'); }
.quote-box2 
{
    height: 178px; width: 189px; color: White; font-size: .7em; float: left;
    padding: 35px 20px 35px 20px; margin: 5px 0 0 4px; background: url('Images/Quote-Box2.png'); 
}
.sites-box 
{
    height: 248px; width: 231px; float: left; margin: 5px 0 0 3px;
    font-size: .7em; color: White;
}
.b4s-box 
{
    padding: 70px 15px 10px 15px; height: 42px; width: 201px; 
    background-image: url('Images/B4S-Box.png');  overflow: hidden;
}
.wheelies-box 
{
    height: 47px; width: 201px; margin: 3px 0 0 0; padding: 65px 15px 10px 15px;
    background-image: url('Images/Wheelies-Box.png'); overflow: hidden;
}
.read-more 
{
    display: block; color: #ffff00; text-decoration: none; width: 70px; height: 13px;
    background: url('Images/arrow-yell-r.gif') no-repeat; margin-top: 3px;
    background-position: right center;
}
/*.footer { color: White; margin-top: 5px; font-size: .8em;}
.footer a {color: white; }
.clear { clear: both; }*/

/* Dynamic Boxes */
.d-box1 { position: relative; border: solid 2px white; background-color: #f6921d; padding: 20px; color: White;}
* html .d-box1 { height: 40px; } /*ie6 fudge*/
.d-box1 .tl, .d-box1 .tr, .d-box1 .bl, .d-box1 .br { height: 19px; width: 20px; position: absolute;}
.d-box1 .tl { background: url('Images/Corners/orange-tl.png') no-repeat; top: -2px; left: -2px; }
.d-box1 .tr { background: url('Images/Corners/orange-tr.png') no-repeat; top: -2px; right: -3px; }
.d-box1 .bl { background: url('Images/Corners/orange-bl.png') no-repeat; bottom: -2px; left: -2px; }
.d-box1 .br { background: url('Images/Corners/orange-br.png') no-repeat; bottom: -2px; right: -3px; }

.d-box2 { position: relative; border: solid 2px white; background-color: #2e3192; padding: 20px; color: White; }
* html .d-box2 { height: 40px; } /*ie6 fudge*/
.d-box2 .tl, .d-box2 .tr, .d-box2 .bl, .d-box2 .br { height: 19px; width: 19px; position: absolute;}
.d-box2 .tl { background: url('Images/Corners/blue-tl.png') no-repeat; top: -2px; left: -2px; }
.d-box2 .tr { background: url('Images/Corners/blue-tr.png') no-repeat; top: -2px; right: -2px; }
.d-box2 .bl { background: url('Images/Corners/blue-bl.png') no-repeat; bottom: -2px; left: -2px; }
.d-box2 .br { background: url('Images/Corners/blue-br.png') no-repeat; bottom: -2px; right: -2px; }

.d-box3 { position: relative; border: solid 2px white; background-color: #0a9948; padding: 20px; color: White; }
* html .d-box3 { height: 40px; } /*ie6 fudge*/
.d-box3 .tl, .d-box3 .tr, .d-box3 .bl, .d-box3 .br { height: 19px; width: 19px; position: absolute;}
.d-box3 .tl { background: url('Images/Corners/green-tl.png') no-repeat; top: -2px; left: -2px; }
.d-box3 .tr { background: url('Images/Corners/green-tr.png') no-repeat; top: -2px; right: -2px; }
.d-box3 .bl { background: url('Images/Corners/green-bl.png') no-repeat; bottom: -2px; left: -2px; }
.d-box3 .br { background: url('Images/Corners/green-br.png') no-repeat; bottom: -2px; right: -2px; }

/* Page Wrappers */
.wrapper-1 /*used for wide content eg news, privacy etc.*/
{
    margin: 15px 30px 15px 30px;
    font-size: 0.9em;
}
.left { width: 487px; float: left; font-size: 0.9em;}
.right { width: 463px; float: right; font-size: 0.9em;} /* size of images (on your bike etc) */
.left table { color: #000000; }

/*FORM TABLE*/

.form-table th 
{
    padding: 5px; background-color: #fdb25a; color: White; text-transform: uppercase; text-align: left;
}
.form-table .required {color: white;}

.watermark { color: Gray; }

/*FAQ Styles*/

.q, .a { padding: 15px; }
.q { border-top: dashed 1px black; background-image: url('Images/q.png'); background-position: 0 10px; background-repeat: no-repeat; padding-left: 35px; font-weight: bold; }
.a { background-image: url('Images/a.png'); background-position: 0 10px; background-repeat: no-repeat; padding-left: 35px; }

.size-list { text-transform: capitalize; }

/*LINKS PAGE*/
.links a 
{
    display: block;
    padding: 3px;
}
.feedback { color: red; }