/* ====================================================CSS for Outdoor Leisure Direct */

/* ====================================================Preamble */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: smaller;
}

.right { text-align:right;}
.left {text-align:left;}
.centre {text-align:center;}
.clear { height:1px; width:100%; clear:both; }

/*===================================================Layout*/
#header {
width: 898px;
position: relative;
margin: 0 auto 0 auto;
height: 95px;
background: #FFFFFF url("/images/headerbg.gif") no-repeat right bottom;
}

#paypalLogo { position:absolute; top:12px; left:745px; }

#container {
width: 898px;
position: relative;
margin: 0 auto 0 auto;
background: url("/images/bg.gif") repeat-y right top;
height: 720px;
}

html>body #container {
height: auto;
margin-top: 0px;
padding-top: 0px;
}

#side {
width: 196px;
background:url("/images/sidebg.gif") repeat-y;
float: left;
margin-left: 36px;
margin-top: 10px;
display:inline;
}

#side-top {
background: url("/images/roundedtop.gif") no-repeat center top;
width: 196px;
height: 14px;
}

#main {
float:left;
width: 626px;
background: url("/images/mainbg.gif") repeat-y;
margin-left: 8px;
}

#mainbottom {
float:left;
clear:both;
width: 626px;
height: 8px;
margin-top:5px;
background: url("/images/mainbottom.gif") no-repeat;
}

#footer {
width: 898px;
position: relative;
margin: 0 auto 0 auto;
height: 45px;
background: #FFFFFF url("/images/footer.jpg") no-repeat right bottom;
margin-bottom: 20px;
}

#price {
width: 150px;
height: 60px;
border: 1px solid #ef9c00;
float: right;
margin-right: 15px;
font-weight:bold;
}

#price p {
margin-left: 5px;
line-height: 19px;
}

span.green {
color:#009900;
}

/*==========================================Blocks */

div.interestedContainer {
float:right;
display:inline;
margin-right:6px;
width:617px;
}

div.tripleblock {
float:right;
display:inline;
margin:9px 25px 0 0;
width: 595px;
height: 255px;
}

div.tripleblockhome {
float:right;
display:inline;
margin:9px 25px 0 0;
width: 595px;
height: 173px;
}

div.blox {
width: 187px;
height: 249px;
text-align:center;
margin-right: 8px;
float: left;
display:inline;
background:url("/images/blox.gif") no-repeat
}

div.blox a.bl:link, a.add:link {color: #FFFFFF; text-decoration: none; }
div.blox a.bl:visited, a.add:visited {color: #FFFFFF; text-decoration: none; }
div.blox a.bl:hover, a.add:hover  {color: #F09C00; text-decoration: none; }
div.blox a.bl:active, a.add:active {color: #FFFFFF; text-decoration: none; }

div.bloxhome {
width: 187px;
height: 190px;
text-align:center;
margin-left: 4px;
margin-right: 4px;
float: left;
background:url("/images/bloxhome1.gif") no-repeat
}

div.bloxhome a.bl:link, a.add:link {color: #FFFFFF; text-decoration: none; }
div.bloxhome a.bl:visited, a.add:visited {color: #FFFFFF; text-decoration: none; }
div.bloxhome a.bl:hover, a.add:hover  {color: #F09C00; text-decoration: none; }
div.bloxhome a.bl:active, a.add:active {color: #FFFFFF; text-decoration: none; }

a.add {
background: url("/images/midbutton.gif") no-repeat;
font-size: 90%;
font-weight:bold;
padding: 2px 6px 5px 6px;
line-height: 22px;
}



/*================================================Navigation */

ul.top {
text-align: right;
float: right;
font-size: 70%;
padding-top: 50px;
padding-right: 60px;
}

ul.top li {
display: inline;
list-style-type: none;
text-transform:uppercase;
}

a:link {color: #0096FF; text-decoration: none;}
a:visited {color: #0096FF; text-decoration: none;}
a:hover {color: #F09C00; text-decoration: none;}
a:active {color: #0096FF; text-decoration: none;}

/*=================================================sidebar */

ul.side {
text-align:center;
font-size: 85%;
padding-top: 10px;
padding-bottom: 0;
}

ul.side li {
list-style-type: none;
background: #0096FF url("/images/button.gif") no-repeat center bottom;
height: 24px;
width: 145px;
margin-bottom: 8px;
font-weight:bold;
line-height: 22px;
}

ul.clearance {
text-align:center;
padding-top: 0px;
padding-bottom: 10px;
}

ul.clearance li {
list-style-type: none;
background: #0096FF url("/images/button.gif") no-repeat center bottom;
height: 24px;
width: 143px;
margin-bottom: 8px;
font-weight:bold;
line-height: 22px;
}

html>body ul.side li {
margin-left: auto;
margin-right: auto;
}

html>body ul.clearance li {
margin-left: auto;
margin-right: auto;
}

#side a.sd:link {color: #FFFFFF; text-decoration: none; }
#side a.sd:visited {color: #FFFFFF; text-decoration: none; }
#side a.sd:hover {color: #F09C00; text-decoration: none; }
#side a.sd:active {color: #FFFFFF; text-decoration: none; }

#side a.sdc:link {color: #F09C00; text-decoration: none; }
#side a.sdc:visited {color: #F09C00; text-decoration: none; }
#side a.sdc:hover {color: #FFFFFF; text-decoration: underline; }
#side a.sdc:active {color: #F09C00; text-decoration: none; }

div.infolinks {
width: 154px;
margin-left: 20px;
font-size: 80%;
padding-bottom:5px;
}

div.infolinks a {
line-height:130%;
}

div.infolinks h4 {
color: #F09C00;
font-size: 120%;
font-weight: bold;
}

div.infolinks input {
width: 120px;
font-size: 120%;
padding-top: 2px;
float: left;
}

#search-button {
width: 31px;
border: none;
float: right;
align: bottom;
}

ul.infolinks {
padding-top: 10px;
padding-bottom: 10px;
}

ul.infolinks li {
list-style-type: bullet;
margin-bottom: 5px;
font-weight: bold;
}


/*================================================Styled tags */

#header img {
margin-top: 2px;
}

hr {
margin:5px 17px;
border-bottom: 2px solid #0096FF;
}

#main img.key {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: block;
text-align:center;
}

#main img.home {
float: left;
margin: 5px 12px 10px 55px;
display:inline;
}

#main img.small {
padding-left: 10px;
padding-bottom: 10px;
}

div.blox img {
margin: 15px 4px 0 4px;
}

div.bloxhome img {
margin-top: 15px;
}

.formButton {
	float:right;
	padding-right:13px;
}

.update {
	float:right;
	width:auto;
}

.update p {
	font-size:13px;
}

.updateCart {
	width:125px;
	float:right;
	display:inline;
	margin-right:13px;
}

.discount {
	float:left;
	display:inline;
	width:270px;
}
.discount p { font-size:13px; }

.paypal {
	float:right;
	display:inline;
	width:280px;
}

.paypal p {
	float:right;
	margin-top:23px;
	width:100px;
	text-align:right;
	font-size:13px;
}

.updateCart { font-size:13px; }

.discountCode { width:130px; font-size:13px; }

.applyDiscount {
	width:110px;
	font-size:13px;
}

.formButton input, .formButton label {
float:right;
padding:0;
margin-left:9px;
display:inline;
}

.pointer { cursor:pointer; }

.formButton h2 {
	text-align:right;
	font-size:20px;
	margin:4px 0 5px 0;
}

/*==============================================Headings */

div#mainTop {
float:left;
background: url("/images/maintop.gif") no-repeat;
width:626px;
min-height:72px;
padding-bottom:5px;
}

div#mainTop h1 {
float: left;
display: inline;
margin: 48px 0 5px 50px;
font-size: 130%;
font-weight: bold;
width: 460px;
}

div#mainTop p.price {
float: right;
font-size: 130%;
font-weight: bold;
margin: 48px 20px 0 0;
}

img.productImage { clear:both; margin-bottom:5px; }

html>body h2 {
margin-top: 10px;
}

html>body h2 {
margin-top: 0px;
}

h2.gen {
margin-right: 20px;
margin-left: 280px;
font-size: 130%;
padding-bottom: 15px;
}

h2.faq {
margin-right: 20px;
margin-left: 54px;
font-size: 110%;
color: #0096FF;
padding-bottom: 15px;

}

h2.basket {
font-size: 110%;
text-indent: -5000px;
background: url("/images/yourbasket.gif") no-repeat;
margin-left: 20px;
}

h2.guides {
font-size: 110%;
text-indent: -5000px;
background: url("/images/usefulguides.gif") no-repeat;
margin-left: 20px;
margin-top: 6px;
}
h2.search {
font-size: 110%;
text-indent: -5000px;
background: url("/images/title_search.gif") no-repeat;
margin-left: 20px;
margin-top: 12px;
margin-bottom: 0;
}


h2.payment {
font-size: 110%;
text-indent: -5000px;
background: url("/images/paymenttypes.gif") no-repeat;
margin-left: 20px;
}

h2.interested {
font-size: 130%;
text-indent: -5000px;
margin-top: 20px;
padding-bottom: 20px;
}

h2.products, h2.sellers {
font-size: 130%;
text-indent: -5000px;
margin-left: 290px;
margin-top: 20px;
padding-bottom: 20px;
}

h2.products {
background: url("/images/latestproducts.gif") no-repeat;
}
h2.sellers {
background: url("/images/bestsellers.gif") no-repeat;
}

h2.interested {
background: url("/images/interested.gif") no-repeat;
}

h3 {
font-size: 100%;
font-weight: bold;
text-align: left;
margin-left: 10px;
margin-right: 10px;
}

/*===============================================Paragraphs */
p.bottom {
background:url("/images/roundedbottom.gif") no-repeat center bottom;
}

p.old_image {
margin-right: 20px;
padding: 10px 0 0 0;
}

div.old_image {
padding-bottom: 0;
}

.old_image p {
padding-bottom: 0;
}

p.old {
margin-right: 20px;
margin-left: 54px;
font-size: 85%;
padding-bottom: 15px;
}

.basketFooterText {
	float:right;
	clear:right;
	text-align:center;
	width:555px;
}


div.old {
margin-right: 20px;
margin-left: 54px;
font-size: 85%;
padding-bottom: 15px;
}

.old p {
padding-bottom: 15px;
}

p.navfooter {
margin-right: 20px;
margin-left: 280px;
font-size: 85%;
padding-bottom: 15px;
}

p.laterp {
margin-left: 50px;
margin-right: 10px;
display: block;
padding-bottom: 10px;
}

div.laterp {
margin: 10px 0 0 50px;
display: block;
clear:both;
width:560px;
padding-bottom: 10px;
}

.laterp p {
padding-bottom: 10px;
}

#main yousave {
font-color: #42BCE5;
}

p.error {
margin-left: 50px;
margin-right: 10px;
clear:both;
padding-bottom: 10px;
color: red;
}

span.error {
color: red;
}

ul.error {
padding-bottom: 10px;
}

ul.error li {
margin-left: 67px;
margin-right: 10px;
list-style-type: square;
color: red;
}

.blox p {
text-align: left;
font-size: 85%;
margin-left: 10px;
margin-right: 10px;
}

.blox p.link {
text-align: right;
margin-right: 10px;
}

.bloxhome p {
text-align: left;
font-size: 85%;
margin-left: 10px;
margin-right: 10px;
}

.bloxhome p.link {
text-align: right;
margin-right: 10px;
}

#footer p {
}

p.footerlink {
text-transform:uppercase;
text-align:center;
margin-left: 25px;
color: #0096FF;
font-size: 80%;
padding-top: 15px;
}

p.credit {
color: #0096FF;
font-size: 80%;
margin-right: 20px;
margin-left: 54px;
margin-top: 20px;
font-size: 85%;
padding-bottom: 15px;
text-align: right;
text-transform: lowercase;
}


/*============================================Tables */
table.mini {
width: 154px;
margin-left: 20px;
font-size: 80%;
}

td.tar { text-align: right;}

td.flower {
background: url("/images/flowersm.gif") no-repeat left top;
padding-top: 17px;
padding-bottom: 13px;
font-weight:bold;
text-indent: 20px;
}

td {
padding-top: 5px;
padding-bottom: 5px;
}

/*============================================Forms and Tables */

form.main {
width: 560px;
margin-left: 50px;
}

form.main-prd {
width: 300px;
margin-left: 50px;
float: left;
display: inline;
}

label.lftlbl {
display: block;
font-size: 90%;
line-height: 1.4em;
vertical-align: middle;
text-align:right;
width: 120px;
float:left;
margin-right:10px;
}

label.no-display {
display: none;
}

input, select, textarea {
width: 220px;
border: 1px solid #0096FF;
font-size: 100%;
margin-bottom: 10px;
}

input.check {
width: 16px;
border: none;
font-size: 100%;
margin-bottom: 10px;
}

input.ch {
width: 15px;
border: 0;
}

input.basket {
width: 30px;
border: 1px solid #0096FF;
}

input.button {
width: 100px;
margin-left: 130px;
margin-right:auto;
margin-top:10px;
border: 1px solid #F09C00;
background-color: #0096FF;
color: #FFFFFF;
font-weight: bold;
}

input#paypalCheckout { float:right; display:inline; clear:both; width:145px; height:42px; margin:20px 15px; border:0; }

table {
width: 560px;
margin-left: 50px;
border-collapse:collapse;
}

th {
text-align:left;
border-bottom: 2px solid #0096FF;
padding-bottom: 5px;
}

#formbottom {
width: 626px;
height: 8px;
background: url("/images/mainbottom.gif") no-repeat;
margin-left: 230px;
}

.price {
text-align: right;
}

html>body #formbottom {
margin-left: 240px;
}

td.lastrow {
border-top: 1px solid #F09C00;
border-bottom: 2px solid #F09C00;
font-weight:bold;
}

td.lastrow_right {
font-weight:bold;
text-align: right;
}

/* search form */
.search-form {
  margin: 0px !important;
  width: 154px;
}
.search-form .textinput {
  width: 115px;
  font-size: 11px;
  position: relative; top: 4px;
  float: left;
}
.search-form .btn {
  border: none !important;
  width: 31px;
  position: relative; top: -4px;
  float: right;
}
.endfloat {
	clear: both;
	height: 1px; font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	margin: 0;
}