@charset "UTF-8";

/*########################################

	Project:    Parsons Outdoor Power Equipment
	Version:    1.1 
	Last change:    22/01/09 [stylesheet dev] 
	Designed by:    Big Click Studios - www.bigclick.com.au

#########################################*/

/*------------------------------------------------------------------ 

	[Table of contents] 
  
	1. GLOBAL STYLES
	2. COLUMN STYLES
	3. NAVIGATION
	4. PRODUCTS
	5. STORE
	6. STATIC PAGES
	7. CONTACT, FORM
	8. FOOTER
	9. HOMEPAGE
	
# ---------------------------------------------------------------product-view-img-border----*/  



/*---------------------------------------

	1. GLOBAL STYLES - body, text, images, links, logo

-----------------------------------------*/ 


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

body { color: #333333; font-size: 13px; line-height: 20px; margin-bottom:14px; font-family:Arial, Helvetica, Verdana,sans-serif; background:#325E22; letter-spacing:0px; }

img.float-left { float:left; margin:10px 5px 10px 0px; border:5px solid #A3D06F; }

img.float-right { float:right; margin:10px 0px 10px 5px; border:5px solid #A3D06F; }

img.float-left-no-border { float:left; margin:0px 5px 10px 0px;  }


/*   Text Styles  */

p { line-height: 20px; margin-bottom:22px;  }

p span { color:#689330; font-size:14px; font-weight:bold; margin:0px 5px 0px 5px; letter-spacing:-1px; }

h1 { color:#3C2415; font-size:16px; font-weight: bold; text-transform:uppercase; padding:4px 0px; margin-bottom:20px;  }

h1 span { color:#73A536; padding:0px 5px;  }

h2 { color:#3C2415; font-size:14px; font-weight: bold; text-transform:uppercase; padding:4px 0px; margin-bottom:20px;  }
 
h2 a { color:#333333; border:none;  }

h2 a:hover { color:#FF6600; border:none;  }

h3 { color:#5F8036; font-size:16px; margin:0px 0px 10px 0px;  }

h3 a, a h3 { color:#5F8036;  }

h3 a:hover, a:hover h3 { color:#FF6600;  }

#rcol h3 { color:#333333; font-weight: bold; text-transform:capitalize;  }

#rcol h3 a { font-size:13px; background:url(/img/layout/rcol-bullet-arrow.png) no-repeat 0px 10px; border-bottom:#999999 dotted 1px; padding:4px 0px 4px 14px; margin-bottom:10px; display:block; height:20px;}

h4 { font-size:16px; text-shadow: #000000 1px 1px 2px; margin:10px 0px; color:#fff; }

#rcol h5 { color:#305B21; font-weight: bold; font-size:14px; text-transform:uppercase; background:url(/img/layout/rcol-title-bg.png) no-repeat top left; padding:10px 0px 0px 10px; height:37px; width:321px; }

br.spacer { width:100px; clear:both; display:block; height:1px; }


/*   Link and Button Styles  */

a { color:#F29118; text-decoration:none; }

a:hover { color:#FF6600; text-decoration:none; }

a.orange-button { color:#fff; text-decoration:none; width:135px; height:26px; background:url(/img/layout/orange-button.png) top left; display:block; float:left; text-align:center; font-size:16px; padding-top:5px; font-weight:bold; border:none;}

a.orange-button:hover { text-decoration:none; background-position:bottom left; color:#fff; }

.orange-submit-button { color:#fff; text-decoration:none; width:135px; height:31px; background:url(/img/layout/orange-button.png) top left; display:block; float:right; text-align:center; font-size:16px; font-weight:bold; border:none; margin:20px 26px 0px 0px;}
.orange-submit-button:hover { text-decoration:none; background-position:bottom left; color:#fff; }

.orange-button-small { color:#fff; text-decoration:none; width:93px; height:20px; background:url(/img/layout/orange-button-small.png) top left; display:block;  text-align:center; font-size:12px; font-weight:bold; border:none; }

.orange-button-small:hover { text-decoration:none; background-position:bottom left; color:#fff; }

.orange-submit-button-home { color:#fff; text-decoration:none; width:135px; height:31px; background:url(/img/layout/orange-button.png) top left; display:block; float:right; text-align:center; font-size:16px; font-weight:bold; border:none; margin:5px 20px 0px 0px; letter-spacing:-1px; }

.orange-submit-button-home:hover { text-decoration:none; background-position:bottom left; color:#fff; cursor:pointer; }





/*   Other Stuff  */





/*---------------------------------------

	2. COLUMN STYLES - header, content structure, modules, index scroller

-----------------------------------------*/

#hd-bg { height:200px; background:url(/img/layout/hd-bg.png) repeat-x top }

#hd { height:200px; width:960px; margin:auto; position:relative; }

#hd .main-logo { background:url(/img/layout/logo-parsons.png) no-repeat; width:248px; height:73px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; left:0px; top:30px;  } 

#hd .main-logo a { text-indent:-9999; overflow:hidden; }

#hm-feature-bg { height:322px; background:url(/img/layout/hm-bar-bg.png) #fff repeat-x bottom; }

#hm-feature { height:299px; width:960px; margin:auto; background:url(/img/layout/hm-bar-bg-water.png) no-repeat 0px 210px;  }

#ct-bg { min-height:400px; background:url(/img/layout/ct-bg.png) repeat-x top #3A7029; }

#ct-sub { min-height:400px; background:url(/img/layout/ct-bg.png) repeat-x top #3A7029; padding-top:32px; overflow:hidden; }

#ct { min-height:400px; display:block; width:960px; padding-top:1px; margin:auto; background:url(/img/layout/ct-wrap-bg.png) no-repeat top #fff; }

#ct-ft { background:url(/img/layout/ct-ft.png) no-repeat bottom; margin:0px auto; height:10px; width:960px; }

#hd #cart-status { width:220px; height:56px; display:block; position:absolute; top:0px; right:0px; background:url(/img/layout/cart-status.png) no-repeat; padding:5px 10px; }

#hd #cart-status span { font-size:14px; text-transform:uppercase; color:#fff; background:url(/img/layout/cart.png) no-repeat left; padding-left:18px; }

#hd #cart-status  p { line-height:14px; font-size:12px; font-weight:bold; color:#fff; margin-top:3px; }

#hd #cart-status .butt { position:absolute; top:36px; right:10px; }


/* John Dere Styles */

#hd a.jd-logo { position: absolute; right:0px; top:25px; width: 299px; height: 59px; background:url(/img/layout/jd-logo.png) no-repeat left; text-indent: -9999px; overflow: hidden; }


/* index movie */

#hm-feature #index-movie { width:642px; height:285px; margin-top:32px; float:left; }

#hm-feature #search { background:url(/img/layout/index-search-bg.png) no-repeat 2px 12px; width:268px; height:245px; float:left; margin-top:32px; padding:20px 20px 20px 30px; }

#hm-feature #search p { color:#fff; }


/* index scroller */

#index-scroller { display:block; width:960px; height:185px; background:url(/img/layout/hm-scroller-bg.png) no-repeat top; margin:1px auto 0px auto; }

#index-scroller #l-arrow { display:block; float:left; width:16px; height:185px; background:url(/img/layout/hm-arrow-l.png) no-repeat;  }

#index-scroller #r-arrow { display:block; float:left; width:16px; height:185px; background:url(/img/layout/hm-arrow-r.png) no-repeat; }

#index-scroller #scroll { display:block; float:left; width:928px; height:167px; }

div#scroll { padding-top: 18px; }

div#scroll li.scroll-item { text-align: center; border-right: 1px dashed #999; margin-left: 5px; overflow: hidden}

div#scroll li.last { border: none !important; width: 299px !important;}

div#scroll li.scroll-item h2 { margin: 0px;}

div.scroll-clear { width: 960px; clear: both; height: 182px }


/* columns */

#lcol { width:598px; display:block; float:left; padding:20px; border-right:#3A7029 dotted 1px; }

#rcol { width:320px; display:block; float:left;  }

#full-col { width:920px; display:block;  padding:20px; }


/* specials list */

ul.specials-list h3 { font-size:16px; font-weight:bold; color:#5F8036; text-transform:capitalize; padding-top:14px;  }

ul.specials-list li { background:#DEF1B8; height:178px; padding-right:14px; margin-bottom:14px; position:relative; }

ul.specials-list li img { padding:14px; border-right:#3A7029 dotted 1px; background:#A3D06F; width:210px; height:150px; float:left; margin-right:14px; }

ul.specials-list li p { margin-bottom:17px; }

ul.specials-list li .orange-button-small { position:absolute; bottom:10px; right:10px; }


/* blog list pullout */

ul.bloglist { padding:0px 14px; margin-bottom:20px; }

ul.bloglist li { margin:5px 0px 0px 0px; }

ul.bloglist li p { margin-bottom:4px; }


/* content list */

ul.ct-list {  }

ul.ct-list li {  }

ul.ct-list li.last {  }


 /*---------------------------------------

	3. NAVIGATION - stucture, header, navigation

-----------------------------------------*/ 

/* navigation tabs */

#hd ul.nv-tab {  list-style-type:none; position:absolute; bottom:46px; right:0px; width:960px; height:35px;  }

#hd ul.nv-tab li a { display:block; float:right; line-height:37px; color:#fff; text-transform:uppercase; letter-spacing:-1px; text-decoration:none; }

#hd ul.nv-tab li a span.left { background:url('/img/layout/nv-tab-bg.png') left top no-repeat; display:block; float:left; height:33px; padding-left:19px;  }

#hd ul.nv-tab li a span.right { background:url('/img/layout/nv-tab-bg.png') right top no-repeat; display:block; float:left; height:33px; padding-right:20px; }

#hd ul.nv-tab li a.specials span.left { background:url('/img/layout/nv-tab-specials-bg.png') left top no-repeat; display:block; float:left; height:33px; padding-left:19px;  }

#hd ul.nv-tab li a.specials span.right { background:url('/img/layout/nv-tab-specials-bg.png') right top no-repeat; display:block; float:left; height:33px; padding-right:20px; }

#hd ul.nv-tab li a:hover span.left { background-position:bottom left; }

#hd ul.nv-tab li a:hover span.right { background-position:bottom right; }


/* navigation */

#hd ul.nv {  padding:0px 0px 0px 2px; list-style-type:none; position:absolute; bottom:5px; left:0px; width:960px; height:37px; background: url(/img/layout/nv-seperator.png) no-repeat top left;  }

#hd ul.nv li a { display:block; float:left; height:27px; padding:10px 20px 0px 20px; background: url(/img/layout/nv-seperator.png) no-repeat top right; color:#fff; text-transform:uppercase; font:bold 12px; letter-spacing:-1px; text-decoration:none; margin-right:1px; }

#hd ul.nv li a:hover { background: url(/img/layout/nv-hover.png) top right no-repeat;  }

#hd ul.nv li a:active { height:26px; padding:11px 20px 0px 20px;   }

#hd ul.nv li a span { background:url(/img/layout/nv-current.png) bottom center no-repeat; display:block; height:28px;}


/* sub navigation */

#hd ul.nv-sub { padding:0px 0px 0px 2px; list-style-type:none; position:absolute; bottom:-33px; left:0px; width:960px; height:37px; background: url(/img/layout/nv-sub-bg.png) no-repeat; }

#hd ul.nv-sub li a { display:block; float:left; height:26px; padding:6px 20px 0px 20px; background: url(/img/layout/nv-sub-seperator.png) no-repeat top right; color:#003300; text-transform:capitalize; font-size: 13px; font-weight:bold; letter-spacing:-1px; text-decoration:none; margin-right:1px; }

#hd ul.nv-sub li a:hover { color:#D77B10; }

#hd ul.nv-sub li a:active { height:25px; padding:7px 20px 0px 20px; }


 /*---------------------------------------

	4. PRODUCTS - lists, details

-----------------------------------------*/ 

/* Product Categories */

ul#product-categories { list-style:none; text-align:center; }

ul#product-categories li { display:block; float:left; width:266px; height:266px; border-right:dotted 1px #3A7029; border-bottom:dotted 1px #3A7029; padding:20px; }

ul.product-categories-detail li { height:376px !important; }

ul#product-categories li.last { border-right:none; border-bottom:dotted 1px #3A7029; }

ul#product-categories li .img-wrapper {  margin:10px 20px 0px 30px; width: 200px; height: 140px; }

ul#product-categories li a { text-align: center }

ul#product-categories li a div { line-height: 180px; display: inline; }

ul#product-categories li a div img { vertical-align: middle; }

div.details-left { float:left; display:block; background:#DEF1B8; padding:2px 10px; border-bottom:#fff solid 1px; width:120px; text-align:right;   }

div.details-right { float:left; display:block; background:#DEF1B8; padding:2px 0px 2px 10px; border-bottom:#fff solid 1px; border-left:#fff solid 3px; width:112px; text-align:left; font-weight:bold;  }

div.category-break { width: 900px; background: #A3D06F; padding: 10px; clear: both; color:#5F8036; font-size:16px; font-weight:bold; border-bottom:#3A7029 dotted 1px; border-top:#3A7029 dotted 1px; }

/* Product View */

div.product-view-img-border { width:252px; height: 252px; border: 2px solid #DEF1B8; background-color: #FFFFFF; margin-bottom: 10px; padding: 5px; text-align:center  }

/* Product Details */

table.details-table { background:#DEF1B8; margin-bottom:20px; }



 /*---------------------------------------

	5. STORE - lists, details, cart

-----------------------------------------*/ 


ul.store-list { margin:0px; border-top:#3A7029 dotted 1px; }

ul.store-list li { border-bottom:#3A7029 dotted 1px; height:120px; padding:10px; }

ul.store-list li img { float: left; margin-right: 20px; }

ul.store-list li .shoplist-right { float:left; height:110px; width:160px; border-left:#3A7029 dotted 1px; padding:0px 0px 0px 10px; text-align:center; }

ul.store-list li .shoplist-left { float:left; height:110px; width:400px; }

#totals { background:#DEF1B8; padding:10px 20px; height:40px; }

.redprice { background:#CC0000; color:#fff; font-weight:bold; font-size:16px; display:block; padding:10px; width:140px; margin-top:20px; text-align:center; }

.greenprice { background:#5F8036; color:#fff; font-weight:bold; font-size:16px; float:right; display:block; padding:10px; width:140px; margin:0px; text-align:center; }

.greenbold { color:#689330; font-size:16px; float:left; margin:12px 20px 0px 0px; }

.greybold { color:#666666; font-size:16px; margin-bottom:10px; }

.left-li-image { float: left; margin-right: 15px; margin-bottom: 10px; line-height: 100px; vertical-align:middle; text-align: center; height: 100px; width: 120px; }


 /*---------------------------------------

	6. STATIC PAGES - store locations, list

-----------------------------------------*/ 

/* Store Locations */

a.store-morisset { width:195px; height:193px; display:block; float:left; margin-right:5px; background:url(/img/layout/store-icon-morisset.png) no-repeat top; text-indent:-999px; }

a.store-toronto { width:195px; height:193px; display:block; float:left; margin-right:5px; background:url(/img/layout/store-icon-toronto.png) no-repeat top; text-indent:-999px; }

a.store-erina { width:195px; height:193px; display:block; float:left; background:url(/img/layout/store-icon-erina.png) no-repeat top; text-indent:-999px; }

a.store-morisset:hover { background-position:bottom; }

a.store-toronto:hover  { background-position:bottom; }

a.store-erina:hover  { background-position:bottom; }

ul.large-list { margin:0px; border-top:#3A7029 dotted 1px; }

ul.large-list li { border-bottom:#3A7029 dotted 1px; height:135px; padding:20px; position:relative; } 

ul.large-list li .greenbold { margin-top:5px; }

ul.large-list li a.button { color:#fff; text-decoration:none; width:93px; height:20px; background:url(/img/layout/orange-button-small.png) top left; display:block;  text-align:center; font-size:12px; font-weight:bold; border:none; position:absolute; right:0px; bottom:20px; }

ul.large-list li a.button:hover { text-decoration:none; background-position:bottom left; color:#fff; }

ul.stafflist {  margin:0px; list-style:none; }

ul.stafflist li { float:left; margin-right:5px; height:160px; width:114px; text-align:center; }

ul.stafflist li img { border:3px solid #A3D06F; width:88px; height:68px; }

ul.stafflist li span { font-size:11px; width:114px; display:block; line-height:13px; }


 
 /*---------------------------------------

	7. CONTACT, FORM - input, text area, submit button, custom layout

-----------------------------------------*/ 

div#form-wrap { width:560px; background:#DEF1B8; padding:20px; overflow: hidden }

div.blockheading { width:560px; background: #A3D06F; padding: 10px 20px; clear: both; color:#305B21; font-size:16px; font-weight:bold; border-bottom:#3A7029 dotted 1px; border-top:#3A7029 dotted 1px;  }

div#form-wrap label { width:400px; display:block; margin:6px 0px 2px 0px;  }

div#form-wrap input { width:200px; border:2px solid #A3D06F; background:#F4FCE6; padding:3px; color: #333333; font-size: 13px; line-height: 20px; font-family:Arial, Helvetica, Verdana,sans-serif; } 

div#form-wrap textarea { width:400px; border:2px solid #A3D06F; background:#F4FCE6; padding:3px; color: #333333; font-size: 13px; line-height: 20px; font-family:Arial, Helvetica, Verdana,sans-serif; } 

div#form-wrap input:focus, div#service-form textarea:focus { border:2px solid #5F8036; background:#fff; }

div#form-wrap .lcol { width: 270px; float: left; }

div#form-wrap .rcol { width: 270px; float: left; }

div#form-wrap .rcol textarea { width: 270px; height: 122px }

label.error { display: inline; margin-left: 10px; width: auto; color: red;}

input.error { border: 2px solid red !important; }

textarea.error { border: 2px solid red !important; }

select.multiple { margin-top: 10px }

select.error { border: 2px solid red !important; }

em.red { color: red; size: 10px; }

 /*---------------------------------------

	8. FOOTER - site links, big click logo, w3 validation

-----------------------------------------*/ 


#ft { height:296px; background: url(/img/layout/ft-bg.png) repeat-x top ; color:#fff;  }

#ftWrap { height:296px; margin:auto; width:960px;  }

#ftWrap .col {  height:270px; width:298px; display:block; float:left; padding:10px; border-right:#fff solid 2px; }

#ftWrap .col-last { height:270px; width:298px; display:block; float:left; padding:10px; margin-bottom:20px; }

#ftWrap .col-last p { font-size:16px; color:#2B551F; }

#ftWrap .col-last p span { font-size:22px; color:#fff; }

#ft a { color:#2B551F; border:none; }

#ft a:hover { color:#fff; }

ul.ft-links {  list-style:url(/img/layout/ft-bullet-arrow.png); padding-left:15px; text-align:left; text-transform:capitalize; }

ul.ft-links li { padding:2px 1px 1px 1px;  float:left; width:136px;  }

#ftWrap a.bigclick-logo { background:url(/img/layout/big-click-web-design-logo.png) no-repeat top right; float:right; width:300px; display:block; text-align:right; padding-top:36px; color:#99AF91;  }

#ftWrap .col a.bigclick-logo:hover {  text-align:right; color:#fff;  }


 /*---------------------------------------

	9. HOMEPAGE - site links, big click logo, w3 validation

-----------------------------------------*/ 

#type_iconselect, #brand_iconselect { width:254px; height: 17px; padding: 10px; background: url('/img/selectBg.png') no-repeat; font-size: 16px; color: #689330; margin-bottom: 4px; }
.selectwrapper { margin-top: -9px;  margin-left: 0px; background: url('/img/selectDropdownBg.png') top left repeat-y; padding-right: 2px; display:none; position:absolute;width: 249px;; z-index: 100}
.selectwrapper .selectitems {  padding:3px; z-index: 10000; margin-left: 2px; border-bottom: solid 1px #ddd; }
.selectwrapper .last { border: none; }
.selectwrapper .selectitems span { padding-left: 5px; } 
.selectwrapper .hoverclass { background-color:#C0DEA3; cursor:pointer; } 
.selectwrapper .selectedclass { background-color:#FFFF66; }


.selectfooter { background: url('/img/selectDropdownBaseBg.png') bottom left repeat-y; height: 8px; margin-bottom: -5px;}
#type_options, #brand_options { height: 150px; overflow-y: scroll; width: 247px}