/* 
	Outdoor4Less - Basic Element Formatting 
	Yorganic.net / Outdoor4less.co.uk
*/

/* From InfoSite */

#maincontainer {
	width:960px;
	text-align:left;
	margin:0px auto;
	background:url(/images/mainbg.jpg) repeat-y;
	padding-left:20px; padding-right:10px;
}

#innercontent {
	width:930px;
}
.headerbar {
	background:#6B737E;
	height:10px; font-size:2px; 
}

#headercont {
	background:url(/images/outdoor4less-bg.jpg) top repeat-x #514E25;
	height:119px;
}

.headerleft {
	background: url(/images/outdoor4less-logo.jpg) no-repeat top left;
	height:119px; width:430px;
}

.headerright {
	background: url(/images/outdoor4less-logo-r.jpg) no-repeat top right;
	height:119px;
}

#topnav {
	background:#22B25A;
	height:20px;
	padding:6px;
}

#topnav ul { margin: 0px; padding:6px 10px 0; list-style:none; }
#topnav li { display:inline; margin:0; padding:0; color:white;}
#topnav a { text-decoration:none; padding:3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#topnav a span { padding-left:20px; padding-right:20px; color:#FFFFFF; }
#topnav #current a {  background:#333118; color:#000000;}
#topnav #current a span { background:#333118; color:white;}
#topnav a:hover { text-decoration:none; color:white; }
#topnav a:hover span { text-decoration:none; color:white;}

.searchmenubox {
	background-color:#828186;
	padding:10px; color:white;
}

.menurow {
	border-top:1px solid white;
	background-color:#A8A9AD;
	padding:6px; color:white; text-align:center;
}

.menurow a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-decoration:none; color:white; text-transform: uppercase;
	font-weight:bold;
}

.menurow a:hover { text-decoration:underline; color:white;}
/* ENDS */

body {
	background-color: #CBCCCE;
	margin:0px auto;
}

a {
	color:#036;
}

a:hover {
	color:#ff8d29;
}

h1 {
	color: #ffffff; 
	background-color: #3586ef; 
	border-bottom: 2px solid #8dbfff;
}

input { 
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #30799E; 
}

select { 
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #30799E; 
}

/* Multiple-Use Selectors ------------------------------------------------------------- */

.button {
	background:#A8A18A;
	border-right:2px solid #6A6658; border-bottom:2px solid #6A6658; cursor:pointer;
	border-left:2px solid #6A6658; border-top:2px solid #6A6658;
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-size:11px; font-weight:bold;
}

.button:hover {
	background:#958F7C;
	border-left:2px solid #000000; border-top:2px solid #000000; cursor:pointer;
	border-right:2px solid #000000; border-bottom:2px solid #000000;
}

.searchtxt {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:1px solid #000000; padding:2px 4px 2px 4px;
	font-size:11px; background:#6E6D6D;
}

/* Standard text and link formatting ------------------------------------------------------------- */

.jssBoldLinks { 
	color:#036;
}

.jssBoldLinks:hover { 
	color:#ff8d29; 
}

.jssProductTitle {
	color:#fff; 
}

.jssProductTitle:hover {
	color:#ff8d29; 
}

.jssPrice {
	color: #800000;
}

.jssProductLinks, .jssProductLinks:link
{
	color: #22B25B;
}

.jssProductAdd, .jssProductAdd:link
{
	color: #22B25B;
}

/* Header Styles ------------------------------------------------------------- */

div#jssHeader {
	color: #040;
	background-color: #8dbfff;
	border-bottom: 1px solid #0b51ab;
}

div#jssSubHeader {
	color: #ffffff;
	background-color: #3586ef;
}

.jssHeaderBlock
{
	border: 1px solid #ffffff;
	background-color: #539dfb;
}

.jssHeaderBlockTitle
{
	background-color: #3586ef;
	color: #ffffff;
}

.jssHeaderBlockContent
{
	background-color: #539dfb;
	color: #ffffff;
}

.jssHeaderBlockContent a {
	border: 1px solid #8dbfff;
}

.jssHeaderBlockContent a:link,  .jssHeaderBlockContent a:visited {
	color: #fff;
	background-color: #369;
	border: 1px solid #8dbfff;
}

.jssHeaderBlockContent a:hover {
	color: #fff;
	background-color: #036;
	border: 1px solid #FFFFFF;
}

#navlist a { 
	border: 0px solid #0b51ab; 
	border-left: 2px solid #d2e6fe;
}

#navlist a:link, #navlist a:visited {
	color: #000000;
	background-color: #8dbfff;
}

#navlist a:hover {
	color: #fff;
	background-color: #036;
}

/* Left Column ------------------------------------------------------------- */

div#jssLeftMenu {
	color: #000000;
}

/* Right Column ------------------------------------------------------------- */

div#jssRightMenu {
	color: #000000;
}

/* Right and Left Menu Box Style ------------------------------------------------------------- */

/*.jssMenuBox {  background-color: #828186; }*/

.jssMenuBoxTitle {
	color: #ffffff;
	background-color: #828186;
	text-transform:uppercase;
	padding: 3px 3px;
}

.jssMenuBoxContent,
.jssMenuBoxContentCent {
	background-color: #A8A9AD;
	padding:6px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Main Content (Middle) Styles ------------------------------------------------------------- */

div#jssMainContent {
	color: #000000;
}

.jssPageHeading {
	color: #ffffff;
	background-color: #22B25B;
	font-size:11px; text-transform:uppercase;
}

.jssPageSubHeading {
	color: #ffffff;
	background-color: #22B25B;
	font-size:12px;
}

.jssPageSubHeading a,.jssPageSubHeading a:hover { color:#ffffff; }

.jssBreadcrumb {
	border: 1px solid #666666;
	background-color: white;
}

.jssBreadcrumbTitle {
	color: #ffffff;
	background-color: #22B25B;
}

/* Footer Styles ------------------------------------------------------------- */

div#jssFooter {
	background-color:#E2E4E4;
	border-top:1px solid #A3A3A3;
	padding: 10px 0px 10px 8px;
	width:922px; text-align:left;
}

#jssFooterLinks a { 
	color: #575757;
}

#jssFooterLinks a:link, #jssFooterLinks a:visited
{
	color: #575757;
}

#jssFooterLinks a:hover
{
	color: #000;
}

/* General Form Styling ------------------------------------------------------------- */

.jssFormTable caption {
	border-bottom: 1px dotted #000;
}

.jssFormTable td.jssFormSubmit {
	border-top: 1px dotted #000;
}

.jssFormTable input {
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}

.jssFormTable select {
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}

.jssFormTable td.jssFormSubmit input {
	background-color: #8dbfff;
	border: 1px dotted #000;
	color: #fff;
}

.jssFormError {
	color: #f00;
}

.jssError {
	color: #f00;
}

/* Cart Styling ------------------------------------------------------------- */

.jssCartTable caption {
	border-bottom: 1px dotted #000;
}

.jssCartTable th {
	border-bottom: 1px dotted #000;
}

.jssCartTable th.right {
	border-bottom: 1px dotted #000;
}

.jssCartTable th.total {
	border-top: 1px dotted #000;
}

/* general table styling ------------------------------------------------------------- */

.jssGeneralTable th {
	border-bottom: 1px dotted #000;
}

.jssGeneralTable a:link, .jssGeneralTable a:visited {
	color: #f08100;
}

.jssGeneralTable a:hover {
	color: #000;
}

/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */

.jssProductTable th {
	background-color: #aaaaaa;
}

.jssProductTable td {
	background-color: #dddddd;
}

/* Index-specific Styles ------------------------------------------------------------- */

/* Section And Listing Styles ------------------------------------------------------------- */

#pageslist li {
	border: 1px dotted #000000; 
	background-color: #17773D; 
	color: #FFFFFF; padding: 0px 2px 0px 2px;
}

#pageslist a { 
	background-color: #17773D;
	color:white;
}

#pageslist a:link, #npageslist a:visited {
	color: #FFFFFF;
	background-color: #17773D;
}

#pageslist a:hover {
	color: #fff;
	background-color: #0E2F1B;
}

/* Other/Misc Styles ------------------------------------------------------------- */

.jssProductFlag {
	background-color: #f08100; 
	color: #ffffff; 
	border: 1px dotted #f00; 
	border-left: 3px solid #f00; 
}

.jssProductSep {
	border-bottom: 1px dotted #bbbbbb; background: #fff;
}

.jssSendFriendDiv a { 
	color:#ffffff; 
}

.jssSendFriendDiv a:hover { 
	color:#ffffff; 
}

.jssProductSep {
	border-bottom: 1px dotted #bbbbbb; background: #fff; color: #fff;
}