@charset "UTF-8";

/*
Dark Green:		#003300
Light Green:	#66CC00
Red / Gold: 	#EB6D22
Background-tan:	#F4F1E9
*/

/*-------------------------------------------------
STANDARDS
-------------------------------------------------*/
* { margin:0; padding:0; border:0; }
html, body { height: 101%; }
body { position: relative; background:#F4F1E9;
font-family: "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif;
color:#000; font-size:62.5%; }

a { color:#66CC00; text-decoration:none; }
a:hover { color:#003300; text-decoration:none; }
a img { border: 0; outline: none; }
ul, ol, li { list-style-position:inside; }
em { font-style: italic; }
strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { color:#003300; font-size:2.0em; margin:0 0 10px 0;  }
h2 { color:#003300; font-size:1.7em; margin:0 0 8px 0;  }
h3 { color:#003300; font-size:1.4em; margin:0 0 4px 0; }
h4 { color:#0C0C0C; font-size:1.2em; margin:0 0 8px 0;  }
h5 { color:#333333; font-size:1.3em; margin:0 0 8px 0; font-weight: normal;  }
h6 { color:#003300; font-size:2.4em; margin:0 0 10px 0; }
p { color:#6D6F71; font-size:1.2em;  margin:0 0 8px 0; line-height: 17px; }
p a{ border-bottom: 1px dotted #66CC00; padding-bottom:0px; color:#003300; }
p a:hover{ border-bottom: 1px dotted #333;}

table { border-collapse:collapse; border-spacing:0; font-size:1em; }

/*floats*/
hr { clear: both; height: 0; font-size: 1px; line-height: 0px; visibility: hidden; }

/*form defaults*/
button span { display: none;}
input, textarea, select { font: normal 11px/17px Tahoma, Arial, sans-serif; color: #3a3a35; }
button { display: block; cursor: pointer; }
label { font: normal 11px/20px "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif; color: #3a3a35; }


/*-------------------------------------------------
LAYOUT
-------------------------------------------------*/
#wrapper { position:relative; width:900px; background:#FFF; margin:0 auto 0 auto; padding:10px 10px 50px 10px; }


/*-------------------------------------------------
GLOBALS mainly for text-editors
-------------------------------------------------*/
.content { margin:20px 0 20px 0; }
.content ul { margin:0 0 15px 0; font-size:1.2em; color:#6D6F71; }
.content li { margin:0 0 4px 0;  }

/*-------------------------------------------------
NAVIGATION
-------------------------------------------------*/
#navContainer { width:900px; position:relative; }
#nav li { float: left; list-style: none; }
#nav a * { display: none; }
#nav a, #nav a .hover { height:100px; position: relative; display: block;
background: url(../cssimages/nav/sprite_menu_orlight.png) 0 0 no-repeat;
}

/* individual navigation items */

/* SHOP */
#nav a.shop { background-position: 0 0; width:117px;
}

#nav .highlight a.shop:hover,
#nav a.shop .hover { background-position: 0 -100px; }

/* INFO */
#nav a.info { background-position: -117px 0; width: 117px; }

#nav .highlight a.info:hover,
#nav a.info .hover { background-position: -117px -100px; }


/* HOME */
#nav a.home { background-position: -234px 0; width:432px; }

#nav .highlight a.home:hover, 
#nav a.home .hover { background-position: -234px -100px; }


/* ACCOUNT */
#nav a.account { background-position: -668px 0; width: 117px;}

#nav .highlight a.account:hover,
#nav a.account .hover { background-position: -668px -100px; }

/* CART */
#nav a.cart { background-position: -785px 0; width: 117px }

#nav .highlight a.cart:hover,
#nav a.cart .hover { background-position: -785px -100px;
}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */
.shop #nav .shop { background-position: 0px -200px; z-index: 6; }
.info #nav .info { background-position: -117px -200px; z-index: 6; }
.home #nav .home { background-position: -234px -200px; z-index: 6; }
.account #nav .account { background-position: -668px -200px; z-index: 6; }
.cart #nav .cart { background-position: -785px -200px; z-index: 6; }

#cartCount { position:absolute; top:53px; left:852px; width:45px; height:20px; color:#0C0C0C; font-size:1.1em; z-index:20000;  }
#cartCount a{ text-decoration:none; color:#0C0C0C; text-transform:uppercase;  }
#cartCount a:hover{ text-decoration:none; color:#0C0C0C;  }

/*-------------------------------------------------
BREADCRUMBS + PAGINATION
-------------------------------------------------*/
/* Used at the top of most pages */
.topbox {  width:898px;  margin:28px 0 8px 0; }

#crumbs { width:659px; height:20px; margin:0 0 0 0; padding:10px 5px 10px 0; background:#003300; border-top:1px solid #CCC; float:left; border-right:1px solid #FFFFCC; }
#crumbs ul { list-style:none; padding:0; margin:0; font-size:1.3em; }
#crumbs ul li{ display:inline; padding:0 0 0 20px; background: url(../cssimages/nav/bg_a_crumbs.png) 0px 0 no-repeat; color:#FFF; }
#crumbs strong{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:300; color:#FFF; padding-right:3px;}
#crumbs li.linobg{ padding:0; background:none; }
#crumbs ul li a { text-decoration:none; border-bottom:dotted 1px #EB6D22; color:#FFF;} /* purple-blue:#211867, turquise-blue: #42C5E3 */
#crumbs ul li a:hover{ text-decoration:none; border-bottom:dotted 1px #EDDDE0; color:#CCC;}

#search { width:216px; height:22px; padding:8px 10px 10px 7px; background:#003300; border-top:1px solid #CCC; float:left; }
#search div.textinput { background: url(../cssimages/backgrounds/forms/textbox_search.png) 0 0 no-repeat;
height:25px; width:180px; margin:0 0 0 0; }
#search input { background:none; width:177px; height:19px; padding:6px 0 0 3px; border:none; color:#333; }
#search button { background:url(../cssimages/buttons/search_sprite.png) 0 0 no-repeat; 
height:25px; width:30px; float:left; margin:0; }
#search button:hover { background-position: 0 -25px; }


/*Pagination*/
.paginationFake { position:relative; width:233px; float:left;   }
.pagination { position:relative; width:213px; float:left; background: #CEF992; padding: 10px; color:#000;  }
.pagination p{ text-transform:uppercase; font-size:1.2em;  color:#000; }
.pagination p a { color:#000; border-bottom:none; }
.pagination p a:hover { color:#fff; }

.paginationBottomFake { position:relative; margin:0 0 20px 10px; padding:10px; }
.paginationBottom { position:relative; margin:0 0 20px 10px; background: #CEF992; padding:10px; color:#000; }
.paginationBottom p{ text-transform:uppercase; font-size:1.2em; color:#000; }
.paginationBottom p a { color:#000; border-bottom:none; }
.paginationBottom p a:hover { color:#fff; }

.paginationInfo { position:relative; width:233px; margin:20px 0 20px 0; }
.paginationInfo p{ text-transform:uppercase; font-size:1.2em; color:#333; }
.paginationInfo p a { color:#003300; border-bottom:none; }
.paginationInfo p a:hover { color:#66CC00; }

.information { position:relative; width:665px; float:left; }
.information h3{ font-size:1.6em; padding:0 0 0 30px; color:#003300; }
.information p{ font-size:1.3em; padding:0 0 0 32px; color:#66CC00; }


/*ADVERTS*/
.adverts { margin:0 0 20px 0; position:relative; width:234px; height:auto;  }


.floatRight {
	float:right;
	margin: 10px 0 10px 10px;
}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#pageEnd { margin:30px 0 0 0; width:100%; background: url(../cssimages/backgrounds/footer_bg2.png) top left repeat-x; padding:10px; height:30px; position:fixed; z-index:100; bottom:0; }

#footwrapper { position:relative; width:920px; margin:0 auto 0 auto; padding:0 0 0 0;  }
.address { margin:0 17px 0 0; float:left; width:150px; }
.flinks { float:left; margin:11px 0 0 0; font-size:11px; width:430px; }
.flinks ul { list-style:none; }
.flinks ul li { margin:0 15px 0 0; float:left; }
.flinks ul li a { text-transform: uppercase; text-decoration:none; border-bottom:1px dotted #66CC00; padding-bottom:1px; color:#003300;}
.flinks ul li a:hover { border-bottom:1px dotted #0C0C0C; padding-bottom:1px; color:#003300;}

.socialLinks { float:right; margin:4px 0 0 0; width:310px;  }
.socialLinks ul { list-style:none; float: right; }
.socialLinks ul li { margin:0 15px 0 0; float:left; }

/* ecalc page */
#ecalcForm { width:642px; float:left; margin-left:256px; }

/*-------------------------------------------------
HOMEPAGE
-------------------------------------------------*/
#homeWrapper { width:898px; }
#homeLeft  { width:234px; float:left; margin-right:22px; }
#homeLeft h2 { margin:10px 0 0 0; text-transform: uppercase; font-size: 1.5em; border-top: 1px solid #ccc; padding:38px 0 15px 0; border-bottom: 1px solid #ccc;  }
#homeRight  { width:642px; float:left; margin:0;  }
#homeRight h2 { margin:10px 0 0 0; text-transform: uppercase; font-size: 1.5em; border-top: 1px solid #ccc; padding:38px 0 15px 0;  }

#calcRight  { width:642px; float:left; margin:0;  }
#calcRight h2 { margin:10px 0 0 0; text-transform: uppercase; font-size: 1.5em; border-top: 1px solid #ccc; padding:38px 0 15px 0;  }
#calcRight li { margin:0 0 5px 0; font-size: 13px; color: #6D6F71; }
#calcRight li a{ text-decoration: underline; }
#calcRight li em{ font-style: normal; color: #003300 }
#calcRight ul { border-bottom: 1px dotted #003300; padding-bottom: 20px; list-style:none; margin:20px 0 20px 0;}

#homeRow1 { width:642px; height:350px; float:left; margin-bottom:15px; }
#homeRow2 { width:642px; height:260px; float:left; margin-bottom:15px; }
#homeRow2 h3 { font-size:16px; margin:0 0 10px 0; text-transform:uppercase; border-bottom: 1px solid #ccc; padding:0 0 5px 0;  }
#homeRow2 h5 { font-size:15px; margin:0 0 10px 0; text-transform:uppercase; border-bottom: 1px solid #ccc; padding:0 0 5px 0;  }
#homeRow2 h3.half { width:316px; font-size:16px; margin:0 0 10px 0; text-transform:uppercase; border-bottom: 1px solid #ccc; padding:0 0 5px 0;  }
#homeRow2 h5.white { font-size:12px; margin:0 0 10px 0; color:#fff; }
#homeRow3 { width:642px; height:200px; float:left; margin-bottom:15px; }

#homeUnitLeft { width:316px; height:200px; float:left; margin:0 10px 0 0; }
#homeUnitRight { width:316px; height:200px; float:left; }
#homeUnitRight p { color:#333; }
.unitLeft { background:#BFEA7F; padding:10px; height:200px;  }
.unitRight { width:296px; height:200px; float:left; margin:0 0 0 0; background:#BFEA7F; padding:10px; }

.infoHome { width:296px; height:141px; }
.infoHome img { width:296px; height:141px; margin:0 0 10px 0; }

.textboxHome { width:296px; }
.textboxHome a { color:#003300; }
.textboxHome a:hover { color:#000000; }
.textboxHome h4 { font-size:14px; color:#003300; margin:5px 0 0 0;  }
.textboxHome h6 { margin-top:5px; font-size:13px; }
.textboxHome h6 a { text-decoration:none; border-bottom:dotted 1px #EB6D22; color:#333;} /* purple-blue:#211867, turquise-blue: #42C5E3 */
.textboxHome h6 a:hover{ text-decoration:none; border-bottom:dotted 1px #EDDDE0; color:#CCC;}
.textboxHome p { padding-right:20px; }

.itemHomeOverlay { display:none; position:absolute; top:0; left:0; width:204px; height:160px; background: url(../cssimages/global/overlay.png) top left; }
.itemHomeOverlay ul { list-style:none; padding:15px 15px 15px 15px; width:166px; height:122px; }
.itemHomeOverlay li { color:#66CC00; margin:0 0 7px 0; }
.itemHomeOverlay li h4 { color:#66CC00; font-size:13px; margin:2px 0 5px 0; }
.itemHomeOverlay li h5 { color:#fff; float:left; font-size:12px; }
.itemHomeOverlay li span { color:#FAFAFA; text-transform:normal; }
.itemHomeOverlay li a:hover { color:#FAFAFA; }

/*-------------------------------------------------
PRODUCT LIST STYLES
-------------------------------------------------*/

/* Content containing categories */
#product_list_left { width:234px; float:left; margin:0 22px 0 0; border-top:1px solid #CCC; }
/* Content containing information + images */
#product_list_right { width:644px; float:left; margin:10px 0 0 0; }


#catWrapper { width:234px; position:relative; margin:10px 0 30px 0;  }

/*
ul#categories { list-style:none; position:relative;  }
ul#categories { margin:0 0 20px 0; }
ul#categories li { float: left; font-size:13px; }
ul#categories a { padding:7px 10px 0 10px; color:#003300;  }
ul#categories a:hover { color:#0c0c0c;  }
ul#categories a, ul#categories a .hover { height:26px; position: relative; display:block;
background: url(../cssimages/nav/sprite_category.png) 0 0 no-repeat;
}
/*

/*
ul#categories ul{ list-style:none; position:relative;   }
ul#categories li li{ float: left; font-size:13px; }
ul#categories li li a { padding:7px 10px 0 10px; color:#66cc00; width:214px;  }
ul#categories li li a:hover { color:#333;  }
ul#categories li li a, ul#categories li li a .hover { height:26px; position: relative; display:block;
background: url(../cssimages/nav/sprite_category.png) 0 0 no-repeat;
}
*/

/*
/* individual category items 
#categories a#led { background-position: 0 0; width:214px; }
#categories a#led:hover,
#categories a#led .hover { background-position: 0 -33px; }

#categories a#green { background-position: 0 0; width:214px; }
#categories a#green:hover,
#categories a#green .hover { background-position: 0 -33px; }

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) 
#led #categories #led { background-position: 0px -66px; z-index: 6; }
#green #categories #green { background-position: 0px -66px; z-index: 6; }
*/


ul#category { margin:0 0 20px 0; }

ul#category, ul#category ul {
list-style-type:none; margin:0; padding:0; width:214px; font-size:13px; }

ul#category a {
display:block; text-decoration: none; width:214px; }

ul#category li.normal a {
background: url('../cssimages/nav/sprite_category4.png') no-repeat 0 -66px;	
padding:7px 10px 0 10px; color:#003300; height:26px; }

ul#category li.normal a:hover { background-position:0 -99px; }

/* categories with children */
ul#category li.master a {
background: url('../cssimages/nav/sprite_category4.png') no-repeat 0 0px;	
padding:7px 10px 0 10px; color:#003300; height:26px; cursor:default; }
ul#category li.master a:hover { background-position:0 0px; }

/*children category styles */
ul#category li ul li.normal a {
background-position:0 -165px; font-size:13px;
padding-left: 30px; color:#003300; cursor:pointer; }

ul#category li ul li.normal a:hover {
background-position:0 -165px; font-size:13px;
padding-left: 30px; color:#003300;
}

ul#category li.master ul li a:hover {
background-position:0 -198px; font-size:13px;
padding-left: 30px; color:#003300;
}

/*
ul#category a#led-drivers { background-position: 0 0; width:214px; }
ul#category a#led-drivers:hover,
ul#category a#led-drivers .hover { background-position: 0 -33px; }
a#led-drivers ul#category a#led-drivers { background-position: 0px -66px; z-index: 6; }
*/

/*
ul#category a#green { background-position: 0 0; width:214px; }
ul#category a#green:hover,
ul#category a#green .hover { background-position: 0 -33px; }

ul#category a#led { background-position: 0 0; width:214px; }
ul#category a#led:hover,
ul#category a#led .hover { background-position: 0 -33px; }

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) 
#green ul#category #green { background-position: 0px -66px; z-index: 6; }
#led ul#category #led { background-position: 0px -66px; z-index: 6; }
*/




/* PRODUCT ITEMS */
.item { margin:0 0 10px 10px; position:relative; }
.item { float:left; width:196px; height:225px; padding:4px; background: url('../cssimages/backgrounds/item_bg.png') top left no-repeat; border-bottom: 1px solid #ccc; }
.item a { color:#66CC00; }
.item a:hover { color:#99CC00; }
.item img { width:196px; height:152px; margin:0 0 10px; }
.item h4 { color:#66CC00; font-size:1.3em; margin:2px 0 5px 0; }
.item p { color:#003300; font-size:1.2em; }

.itemOverlay { display:none; position:absolute; top:0; left:0; width:204px; height:160px; background: url('../cssimages/global/overlay.png') top left; }
.itemOverlay ul { list-style:none; padding:15px 15px 15px 15px; width:166px; height:122px; }
.itemOverlay li { color:#66CC00; margin:0 0 7px 0; }
.itemOverlay li h2 { color:#66CC00; font-size:1.3em; margin:2px 0 5px 0; }
.itemOverlay li h3 { color:#fff; float:left; font-size:1.2em; }
.itemOverlay li p { color:#fff; font-size:1.2em; }
.itemOverlay li span { color:#FAFAFA; text-transform:normal; }
.itemOverlay li a:hover { color:#FAFAFA; }

.itemHomeLeft { margin:0 0 10px 0; }
.itemHome { margin:0 0 10px 15px; }
.itemHomeLeft, .itemHome { position:relative; }
.itemHomeLeft, .itemHome { float:left; width:196px; height:215px; padding:4px; background: url('../cssimages/backgrounds/item_bg.png') top left no-repeat; border-bottom: 1px solid #ccc; }
.itemHomeLeft a, .itemHome a { color:#66CC00; }
.itemHomeLeft a:hover, .itemHome a:hover { color:#99CC00; }
.itemHomeLeft img, .itemHome img { width:196px; height:152px; margin:0 0 10px; }
.itemHomeLeft h4 { color:#66CC00; font-size:1.3em; margin:2px 0 5px 0; }
.itemHome h4 { color:#66CC00; font-size:1.3em; margin:2px 0 5px 0; }
.itemHomeLeft p { color:#003300; font-size:1.2em; }
.itemHome p { color:#003300; font-size:1.2em; }

/*-------------------------------------------------
PRODUCT DETAIL STYLES
-------------------------------------------------*/

/* Back to listing link and container */
.product_top_strip { width:898px; margin:30px 0 13px 0; }
.product_top_strip h3{ text-transform:uppercase; font-size:1.2em; }
.product_top_strip h3 a { padding:0 0 0 12px; color:#003300; background: url('../cssimages/nav/back_sprite.png') no-repeat; }
.product_top_strip h3 a:hover { color:#66CC00; }
.product_top_strip h3 a.back { background-position: 0 0;  }
.product_top_strip h3 a.back:hover { background-position: 0 -15px; color:#66CC00; }

/* Content containing gallery */
#product_detail_left { width:380px; float:left; margin:0 60px 0 0; border-top:1px solid #CCC; }

.detail_image { margin:10px 0 20px 0; }

#largeImg { width:380px; height:300px; }

.detail_thumbs { margin:10px 0 30px 0; }
.detail_thumbs a { margin:0 0 0 0; }
.detail_thumbs img  { width:78px; height:78px; float:left; margin:0 5px 8px 0; border:1px solid #808080; background-color:#E6E6E6; padding:5px; }
.detail_thumbs img:hover { border-color:#FFF; background: url('../cssimages/global/image_hover_88.png') no-repeat top left; }

.detail_image_description { border-bottom:1px solid #CCC; }
.detail_image_description h2 {text-transform: uppercase; font-size:1.3em;  }
.detail_image_description h2 em { font: normal 70%/100% Arial, Helvetica, sans-serif; color: #0C0C0C; margin: 0 0 0 .2em; }


/* Content containing information */
#product_detail_right { width:458px; float:left; margin:0 0 0 0; }

/*Specific styles for product_detail pages */
.contentDetail h1 { text-transform:uppercase; font-size:2.2em; color:#003300; margin:4px 0 20px 0; }
.contentDetail h3 { font-family:"HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif; font-size:1.4em; color:#0C0C0C; margin:0 0 7px 0; }
.contentDetail span { font-size:1.4em; font-weight:bold; color:#003300; margin:0 0 0 0; }
.contentDetail h4 { font-size:1.3em; color:#003300; margin:20px 0 7px 0; }

#product_widgets { margin:20px 0 30px 0; position:relative; }
#product_widgets div{ position:relative; height:auto; }
#product_widgets h3{ text-transform:uppercase; font-size:1.2em; }
#product_widgets h3 a { padding:0 0 0 12px; color:#003300; background: url('../cssimages/nav/forward_sprite.png') no-repeat; }
#product_widgets h3 a:hover { color:#66CC00; }
#product_widgets h3 a.back { background-position: 0 0;  }
#product_widgets h3 a.back:hover { background-position: 0 -15px; color:#66CC00; }

/* Form on product page for quantity */
#productQuantity table td { padding:0 0 20px 0;}
#productQuantity form label { font-size:1.2em; color:#666;  }
#productQuantity span { color:#66CC00; }

#productQuantity { margin:0 0 25px 0; border-bottom:1px solid #CCC; padding-bottom:30px;  }
#productQuantity div.textinput { background: url('../cssimages/backgrounds/forms/textfield_150_30.png') 0 0 no-repeat;
height:30px; width:150px; margin:3px 0 0 0; }
#productQuantity select { margin:1px 0 0px 0; font-size:1.1em; width:auto; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }
#productQuantity input { background:none; width:147px; height:24px; padding:6px 0 0 3px; border:none; color:#333; }
#productQuantity button { background: url('../cssimages/buttons/cart_sprite.png') 0 0 no-repeat; 
height:26px; width:100px; float:right; margin:25px 0 0 0; }
#productQuantity button:hover { background-position: 0 -26px; }

#prodLeft { float:left; width:160px; margin-right:10px; }
#prodRight { float:left; width:280px;  }

/* Product Accessories styles */
.accessories { position:relative; float:left; width:224px; margin:0 10px 0 0; }


.related { position:relative; float:left; width:224px; margin:0 0 0 0; }

.accessories h2, .related h2 {text-transform: uppercase; font-size:1.3em; border-bottom:1px solid #CCC; padding:0 0 10px 0;   }

.general_thumbs { margin:10px 0 0 0; }
.general_thumbs img  { width:56px; height:56px; border:0; float:left; margin:0 0 0; }
.general_thumbs img:hover { border-color: #FF9900; }


/* Product SPY'S */
.accessbox { width:224px; margin:0 10px 0 0; float:left; }

.accessbar { float:left; padding:0 0 15px 0; width:224px; }
.accessbar ul { font-size:1.2em; list-style-type:none; margin:0; padding:0; position:relative; }
.accessbar li { height:70px; overflow: hidden;}
.accessbar li img { float:left; margin-right:8px; width:50px; height:50px; }
.accessbar li .info { color:#003300; font-size:1em; }
.accessbar p { color:#003300; font-size:1em; }
.accessbar p a{ color:#666; border-bottom:none;  }
.accessbar p a:hover{ color:#999; border-bottom:none;  }
.accessbar .spyWrapper { height: 100%; overflow: hidden; position: relative; }

.tags { color:#FFF; margin:0.6em 0.5em 1.4em 0.5em; }
.tags a, .tags span { background-color:#E6E6E6; font-size:1.0em; padding: 0.2em 0.5em 0.2em; }
.tags a:link, .tags a:visited { color:#6D6F71; text-decoration: none; }
.tags a:hover, .tags a:active { background-color:#E6E6E6; color:#FFF; text-decoration: none; }


.widePics{ cursor:pointer; padding:5px; border:1px solid #808080; background-color:#E6E6E6; }
.widePicsNoLink{ padding:5px; border:1px solid #808080; background-color:#E6E6E6; }
.hoverPicsSmall{ cursor:pointer; padding:6px; background: url('../cssimages/global/image_hover_62.png') no-repeat top left;}



/*-------------------------------------------------
CART STYLES
-------------------------------------------------*/
.cartHeader { width:665px; margin:0 0 8px 0; float:left; }
.cartHeader h1{ font-size:2.0em; padding:0 0 0 0px; color:#003300; text-transform: uppercase; }

.cartWrapper { width:898px; margin:0 0 10px 0; padding:20px 0 10px 0; border:dotted 1px #66CC00; background:#F4F1E9; }
.cartWrapper h2 { margin:0 0 0 0; color:#003300; text-transform:uppercase; font-size:1.3em;  }
.cartWrapper h2 span { margin:0 0 10px 0; color:#003300; text-transform:uppercase;  }
.cartWrapper h1 { font-size:2.0em; margin:44px 0 0 0; }
.cartWrapper p { margin:4px 0 0 0; }

.leftCol { float:left; width:216px; margin:0 20px 0 0;  }
.midCol { float:left; width:155px;  margin:5px 10px 0 0; }
.rightCol { float:left; width:165px;  margin:5px 0 0 0; }


/* Cart ITEMS */
.cartitem { margin:0 10px 10px 10px; position:relative; }
.cartitem { float:left; width:196px; height:auto; padding:4px; background: url('../cssimages/backgrounds/item_bg_tan.png') top left no-repeat; }
.cartitem img { width:196px; height:152px; margin:0 0 10px; }
.cartitem h4 { color:#66CC00; font-size:1.4em; margin:2px 0 5px 0; }
.cartitem p { color:#003300; font-size:1.3em; }

.cartitemOverlay { display:none; position:absolute; top:0; left:0; width:204px; height:160px; background: url('../cssimages/global/overlay.png') top left; }
.cartitemOverlay ul { list-style:none; padding:15px 15px 15px 15px; width:166px; height:122px; }
.cartitemOverlay li { color:#66CC00; margin:0 0 7px 0; }
.cartitemOverlay li h2 { color:#66CC00; font-size:1.4em; margin:2px 0 5px 0; }
.cartitemOverlay li h3 { color:#fff; float:left; font-size:1.3em; }
.cartitemOverlay li span { color:#FAFAFA; text-transform:normal; }
.cartitemOverlay li a:hover { color:#FAFAFA; }

#cartQuantityUpdate {  }
#cartQuantityUpdate div.textinput { background: url('../cssimages/backgrounds/forms/textfield_150_30.png') 0 0 no-repeat;
height:30px; width:150px; margin:3px 0 0 0; }
#cartQuantityUpdate input { background:none; width:147px; height:24px; padding:6px 0 0 3px; border:none; color:#333; }


/* table of order summary */
.datatable{ border-collapse: collapse; width:155px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatable td { padding:3px; color:#003300; }
.datatable th { text-align:left; color:#6D6F71; padding:3px; width:80px; }
/* enter new quantity field */
.datatable input { background:default; border:1px solid #66CC00; width:40px; padding: 2px; }

/* Edit order button */
.editButton { width:80px; float:left; margin:17px 0 0 0; }
.editButton ul { height:26px; width:64px; list-style:none; }
.editButton ul li { display:inline; float:left; margin:0; }
.editButton span { display:none; }
.editButton li a { display: block; height:26px;
background: url('../cssimages/buttons/update_sprite.png') 0 0 no-repeat; }
form .editButton button { display: block; height:26px; width:64px;
background: url('../cssimages/buttons/update_sprite.png') 0 0 no-repeat; }
#p-edit{ background-position: 0 0; width:64px; }
#p-edit:hover, #p-edit:focus{ background-position: 0 -26px; }

/* Remove item form button */
.remove form { width:64px; margin:21px 0 0 0; float:left; }
.remove form button { background: url('../cssimages/buttons/remove_sprite.png') 0 0 no-repeat; 
height:26px; width:64px; margin:25px 0 0 0; }
.remove form button:hover { background-position: 0 -26px; }


/* Form on cart for discount codes */
#cartDiscount { margin:0 0 25px 0; width:206px; float:left;  }
#cartDiscount span { color:#66CC00; }
#cartDiscount h5 { color:#003300; font-size: 1.2em; margin:0; }

#cartDiscount form label { font-size:1.1em; color:#666;  }
#cartDiscount form label a{ color:#66CC00;  }
#cartDiscount form label a:hover{ color:#003300 ;  }
#cartDiscount div.textinput { background: url('../cssimages/backgrounds/forms/textfield_150_30.png') 0 0 no-repeat;
height:30px; width:150px; margin:3px 0 0 0; }
#cartDiscount input { background:none; width:147px; height:24px; padding:6px 0 0 3px; border:none; color:#333; }
#cartDiscount button { background: url('../cssimages/buttons/update_cart_sprite.png') 0 0 no-repeat; 
height:26px; width:100px; float:left; margin:13px 0 0 0; }
#cartDiscount button:hover { background-position: 0 -26px; }


/* Total Price */
.totalWrapper { width:900px; margin:0 0 0 0; padding:0 0 10px 0; border-bottom:dotted 1px #66CC00; }
.totalWrapper h1 { font-size:2.8em; text-transform:normal;  }
.totalWrapper span { color:#6D6F71; }
.totalWrapper p { margin:0 0 0 0; }
.price { float:right; width:300px;  margin:0 0 0 0; }
.price h1{ float:right; border-bottom:1px solid #ccc; padding-bottom: 10px; text-transform: uppercase; font-size:2.2em;  }
.price h2{ float:right; border-bottom:1px solid #ccc; padding-bottom: 10px; text-transform: uppercase; font-size:1.4em;  }
.price p{ float:right; }


/* Checkout */
.checkoutWrapper { width:900px; margin:0 0 20px 0; }

/* Continue Shopping button */
/* Back to listing link and container */
.continueShopping { margin:0px 0 8px 0; float: left; }
.continueShopping h3{ text-transform:uppercase; font-size:1.3em; }
.continueShopping h3 a { padding:0 0 0 12px; color:#003300; background: url('../cssimages/nav/back_sprite.png') no-repeat; }
.continueShopping h3 a:hover { color:#66CC00; }
.continueShopping h3 a.back { background-position: 0 0;  }
.continueShopping h3 a.back:hover { background-position: 0 -15px; color:#66CC00; }


/* Procced to Checkout form button */
.checkout form { width:167px; margin:15px 0 20px 0; float:right; }
.checkout form button { background: url('../cssimages/buttons/checkout_sprite.png') 0 0 no-repeat; 
height:26px; width:167px; margin:0 0 0 0; }
.checkout form button:hover { background-position: 0 -26px; }

/*User tools*/
.leftTools { float:left; width:263px; height:160px; background: url('../cssimages/backgrounds/cart_proforma.png') no-repeat top left; margin:10px 10px 0 0; padding:15px;  }
.middleTools { float:left; width:263px; height:160px; background: url('../cssimages/backgrounds/cart_shipping.png') no-repeat top left; margin:10px 10px 0 0; padding:15px; }
.rightTools { float:left; width:263px; height:160px; background:#fafafa; margin:10px 0 0 0; padding:15px; }

.leftTools h2, .middleTools h2, .rightTools h2 { font-size: 1.3em; text-transform: uppercase; }
.leftTools p { width:205px }
.middleTools p { width:170px }


/*-------------------------------------------------
SHIPPING AND GENERAL FORM STYLES
-------------------------------------------------*/
.formWrapper { width:560px; padding:15px; background:#F4F1E9; float:left; margin:0 0 20px 0; }
.formWrapperShipping { width:560px; padding:15px; background: url('../cssimages/backgrounds/shippingBackground.png') no-repeat top left #F4F1E9; float:left; margin:0 0 20px 0; }
.formWrapper h2 { border-bottom:dotted 1px #66CC00; padding:0 0 10px 0; }
.shipSeparator { border-bottom:dotted 1px #66CC00; padding:0 0 10px 0; }
.formWrapperShipping h2 { border-bottom:dotted 1px #66CC00; padding:0 0 10px 0; }
h2.noBorder { border:none; }

/* Layout Columns for forms */
.leftform { float:left; width:590px; margin:0 20px 0 0; }
.rightform { float:left; width:250px;  margin:0 0 0 50px; }

/* Left Column information text */
#shippingInfo { float:left; border:1px solid #66cc00; background:#D9E2DF; margin:0 0 10px 0; padding:0 13px 10px 13px; color:#003300; }
#shippingInfo h1 { color:#008A2E; }
#shippingInfo p { font-size:1.1em; color:#003300; margin:10px 0 0 0; line-height:1.3em; width:228px;  }
#shippingInfo span { font-weight:bold; }
#shippingInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.left_textinput { width:200px; margin: 0 30px 0 0; float: left; }
.right_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#shipping { color:#003300; width:430px; float:left; }
#shipping h3 { color:#003300; margin:15px 0 0 0; }
#shipping h3 a { color:#66CC00; }
#shipping h3 a:hover { color:#003300; }
#shipping span { color:#FF0000; }

/* Row + Label */
#shipping .row {margin:0 0 5px 0;}
#shipping .row label em { font-style:normal; padding-left: 3px; color:#66CC00;}
#shipping form label { font-size:1.2em; color:#333;  }

/* Select field */  
#shipping form select { margin:1px 0 0px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Checkbox field */ 
.checkboxField { margin:-17px 0 0 195px; }
.checkboxFieldLogin { margin:-19px 0 0 215px; }

/* Text field */  
#shipping div.textinput { background: url('../cssimages/backgrounds/forms/textbox_200.png') 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#shipping input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#shipping div.textarea { background: url('../cssimages/backgrounds/forms/textarea_430.png') 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#shipping textarea { background:none; width:424px; height:91px; margin:2px 6px 5px 3px; border:none; }

/* Button */  
#shipping button { background: url('../cssimages/buttons/confirm_sprite.png') 0 0 no-repeat; 
height:26px; width:167px; float:left; margin:20px 0 0 0; }
#shipping button:hover { background-position: 0 -26px; }


#shipping button.ecalc { background: url('../cssimages/buttons/calc_sprite.png') 0 0 no-repeat; 
height:26px; width:167px; float:left; margin:20px 0 0 0; }
#shipping button.ecalc:hover { background-position: 0 -26px; }


/*-------------------------------------------------
CONFIRM ORDER - PRE PAYMENT
-------------------------------------------------*/

/* Layout Columns for page */
.leftMain { float:left; width:560px; margin:0 20px 0 0;  }
.rightMain { float:left; width:233px; margin:0 0 0 75px; }


.confirmWrapper { width:550px; margin:4px 0 8px 0; padding:0 0 20px 0; border-bottom:dotted 1px #66CC00; }
.confirmWrapper img { width:120px; margin:0 0 10px 0; float:left; }
.confirmWrapper h2 { margin:0 0 4px 0; color:#003300; }
.confirmWrapper h2 span { color:#6D6F71; }
.confirmWrapper h2 span.total { text-transform: uppercase;  }
.confirmWrapper h1 { font-size:2.0em; margin:0 0 0 0; }
.confirmWrapper p { margin:4px 0 0 0; }
.confirmWrapper h3 { font-size: 1.1em; }
.confirmWrapper h2.hidden { display:hidden; }

.leftOne { float:left; width:120px; margin:0 20px 0 0; }
.midOne { float:left; width:250px;  margin:0 0 0 0px; }
.rightOne { float:right; width:80px;  margin:0 0 0 0; }
.rightButtonOne { float:left; width:200px;  margin:5px 0 0 390px; }
.rightButtonShip { float:left; width:200px;  margin:5px 0 0 265px; }
.rightButtonShip h3 { font-size:1.2em; } 
.rightOneTotal { float:right; width:auto;  margin:5px 0 0 0; }

h2.pushed { margin:10px 0 0 0; border:none; }


.leftOneAddress { float:left; width:400px; margin:0 10px 0 0; }
.leftOneAddress p{ line-height: 1.3em; }
.leftOneAddress h2{ margin:10px 0 0 0; }


/* table for order confirmation */
.confirmtable{ border-collapse: collapse; width:200px; font-weight:bold; font-size:1.2em; margin:7px 0 0 -3px;  }
.confirmtable td { padding:3px; color:#0C0C0C; }
.confirmtable th { text-align:left; color:#6D6F71; padding:3px; width:80px; }

#payment h3 { color:#00B0D8; margin:15px 0 0 2px; }

/* SHIPPING COST FORM */
#shippingCost { color:#5c5c56; width:430px; float:left; }
/* Row + Label */
#shippingCost .row {margin:0 0 0 0;}
#shippingCost .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#shippingCost form label { font-size:1.1em; color:#666;  }
#shippingCost .row p { margin:4px 0 0 0; }

/* Button */  
#shippingCost button { background: url('../cssimages/buttons/update_sprite.png') 0 0 no-repeat; 
height:26px; width:74px; float:left; margin:10px 0 0 -2px; }
#shippingCost button:hover { background-position: 0 -26px; }


/* Edit Shipping button */
.editShipping { width:80px; float:left; margin:10px 0 0 -3px; }
.editShipping ul { height:26px; width:72px; list-style:none; }
.editShipping ul li { display:inline; float:left; margin:0; }
.editShipping span { display:none; }
.editShipping li a { display: block; height:26px;
background: url('../cssimages/buttons/update_sprite.png') 0 0 no-repeat; }
#p-edit{ background-position: 0 0; width:74px; }
#p-edit:hover, #p-edit:focus{ background-position: 0 -26px; }

/* PAYMENT Button */  
#payment button { background: url('../cssimages/buttons/proceed_to_payment.png') 0 0 no-repeat; 
height:26px; width:168px; float:left; margin:5px 0 0 -2px; }
#payment button:hover { background-position: 0 -26px; }


/* Forms errors - appears above the form with a message window */
#formError { color:#003300; width:550px; margin:4px 0 8px 0; padding:0 0 0 0; border-bottom:dotted 1px #66CC00;}
.formCheckoutInlineError { border:1px solid #003300; background:#FFF; margin:4px 0 4px 0; padding:3px 5px; color:#333; font-size:1.1em; list-style:none; }

/*
Dark Green:		#003300
Light Green:	#66CC00
Red / Gold: 	#EB6D22
*/

/*-------------------------------------------------
SELECT PAYMENT PAGE
-------------------------------------------------*/
#paypalBox { width:423px; height:230px; border:1px dotted #66CC00; margin:20px 0 0 0; float:left; padding:10px;  }
#paypalBox p{ width:350px; text-align:center; margin:0 auto 0 auto;  }
#epdqBox { width:423px; height:230px; border:1px dotted #66CC00; margin:20px 10px 0 0; float:left; padding:10px;  }
#epdqBox p{ width:350px; text-align:center; margin:0 auto 0 auto;  }


/* Paypal Button */ 
#paypalform { width:120px; margin:5px auto 0 auto;}   
#paypalform button { background: url('../cssimages/buttons/paypal_real.png') 0 0 no-repeat; 
height:50px; width:200px; float:left; margin:0 0 46px 0; }
#paypalform button:hover { background-position: 0 -50px; }
/* Barclays Button */
#barclaysform { width:100px; margin:5px auto 0 auto;}  
#barclaysform button { background: url('../cssimages/buttons/barclays_real.png') 0 0 no-repeat; 
height:66px; width:100px; float:left; margin:0 0 33px 0;}
#barclaysform button:hover { background-position: 0 -66px; }

.paymentcommon {}
.paymentcommon h1 { text-align: center;}
.paymentcommon h2 { text-align: center; margin:30px 0 5px 0; }
.paymentcommon img { margin:10px auto 10px auto;}

.weaccept {}
.weaccept img {margin:0 5px 0 0; float:left; border:1px solid #ccc; }

/*-------------------------------------------------
CONFIRMATION PAGE
-------------------------------------------------*/
.confirmationPage {}
.confirmationPage h2 { margin:0 0 20px 0;}
.confirmationPage p span {font-weight:bold; color:#003300; font-size:1.4em; border:dotted 1px #000; padding:1px 4px; background:#f5f5f5; }
.confirmationPage p em { font-style: italic; color:#000; }


.genleftBox { float:left; width:560px; }
.genleftBox a{ color:#008A2E; }
.genleftBox a:hover{ color:#81B638; }
.genleftBox h1, .genleftBox h2, .genleftBox h3, .genleftBox h4, .genleftBox h5, .genleftBox h6  { color:#008A2E; }
.genleftBox ul {  list-style:none;  margin:10px 0 10px 0; }
.genleftBox ul li { margin:0 0 3px 0; background:url(../cssimages/global/list_bullet_green.png) 0 4px no-repeat; 
padding:0 0 0 12px; font-size:12px; color:#6D6F71; }


/*-------------------------------------------------
LOGIN FOR EXISTING CUSTOMERS
-------------------------------------------------*/

#loginWrapper { width:878px; height:134px; background:#F4F1E9; padding:10px; border-bottom: 1px dotted #66CC00;}
#loginWrapper h1 { color:#003300; float:left; text-transform: uppercase;  font-size: 1.6em; margin:10px 0 10px 0; }
#loginWrapper h3 { font-size:1.1em;}
#loginWrapper h3 a { color:#66CC00; margin: 0 0 0 374px; }
#loginWrapper a:hover { color:#003300; }
#loginWrapper table {border-collapse: collapse; margin: 0 0 -5px 0; }

#loginBox { margin:5px 0 0 0; }
#loginBox .box { padding:0; margin:0; float:left; }
#loginBox .box p { margin:0 0 15px 2px; }
#loginBox span { color:#008A2E; }

#loginBox form { margin:0 0 5px 0; }
#loginBox form div.textinput { background: url('../cssimages/backgrounds/forms/textbox_260green.png') 0 0 no-repeat; height:26px; margin: 0px 0 10px 0; }
#loginBox form label { font-size:1.2em; color:#000; margin: 0 0 0 0;  }
#loginBox form input { background:none; width:245px; height:21px; padding:5px 6px 0 6px; border:none; float:left; margin:0 0 0 3px; }
#loginBox form button { background: url('../cssimages/buttons/login_sprite.png') 0 0 no-repeat; height:26px; width:65px; float:left; margin:10px 0 0 24px; }
#loginBox form button:hover { background-position: 0 -26px; }



/*-------------------------------------------------
LOGIN AND ACCOUNT CREATION FORM
-------------------------------------------------*/

/* General Forms */
.globalform { position:relative; margin:20px 0 10px 0; }
.globalform h6 { color:#008A2E; margin:8px 0 0 1px;  }

/* Left Column information text */
#loginInfo { float:left; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:0 13px 10px 13px; color:#008A2E; }
#loginInfo h1 { color:#008A2E; }
#loginInfo p { font-size:1.1em; color:#438743; margin:10px 0 0 0; line-height:1.3em; width:185px;  }
#loginInfo p a { color:#8DC63F; }
#loginInfo p a:hover { color:#008A2E; }
#loginInfo span { font-weight:bold; }
#loginInfo a:hover { text-shadow: 1px 1px 2px #666; }

/* The two colums for the forms rows - left + right */
.left_textinput { width:200px; margin:0 30px 0 0; float: left; }
.left_radioinput { width:300px; margin:15px 30px 0 0; float: left; }
.right_textinput { width: 200px; float: left; }

/* The ID that contains the form and all its properties */
#login { color:#5c5c56; width:430px; float:left; }
#login h3 { color:#008A2E; margin:15px 0 0 0; font-size: 1.1em; }
#login h3 a { color:#66CC00; }
#login h3 a:hover { color:#003300; }
#login span { color:#008A2E; }

/* Row + Label */
#login .row {margin:0 0 0 0;}
#login .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#login form label { font-size:1.1em; color:#333;  }
#login form label a { color:#008A2E;  }
#login form label a:hover { color:#096644;  }

/* Select field */  
#login form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Radio field */  
#login form .radio { margin:4px 8px 0 0; float:left; }

/* Text field */  
#login div.textinput { background: url('../cssimages/backgrounds/forms/textbox_200.png') 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#login input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#login div.textarea { background: url('../cssimages/backgrounds/forms/textarea_430.png') 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#login textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Button */  
#login button { background: url('../cssimages/buttons/createAccount_sprite.png') 0 0 no-repeat; 
height:26px; width:167px; float:left; margin:20px 0 0 -2px; }
#login button:hover { background-position: 0 -26px; }

/* Forms errors - appears above the form with a message window */
#formLoginError { width:260px; margin:-3px 0 5px 0; padding:0; color:#438743; font-size:1.1em; float:left; }
#formLoginError span { font-size:1.2em; }

/* Forms errors - appears above the form with a message window */
#formRegError { width:400px; border:1px solid #EFBCE0; background:#E1FFE1; margin:4px 0 10px 0; padding:10px 13px; color:#438743; font-size:1.1em; }
#formRegError span { font-size:1.2em; }






/*-------------------------------------------------
GENERAL SECTION
-------------------------------------------------*/
/* headerbar for right columns */
.genTop { width:300px; height:32px;
background: url('../cssimages/martin/gen_top_bg.png') top left no-repeat; }
.genTop h1{ font-size: 1.2em; font-weight: normal; text-decoration: none; padding:9px 0 0 10px;
color:#FFF; text-transform:uppercase; }

/* content for right columns */
.genBox { width:275px; margin:0 0 20px 0; background: url('../cssimages/global/quote_bg.png') top left repeat-x;
min-height:auto; padding:10px 15px 10px 10px; }
/* Paragraphs */
.genBox p { margin:0 0 15px 0; }
/* For Tag cloud */
.genBox h5 { font-weight:normal; margin:0 4px 0 0; float:left; }
/* Links */
.genBox a{ color:#6D6F71; }
.genBox a:hover{ color:#008A2E; }
/* Lists */
.genBox ul { list-style:none; margin:8px 0 8px 0;  }
.genBox ul li { margin:0 0 12px 0; padding:0 0 0 0px; font-size:1.2em; color:#333333; }


/*
Dark Green:		#003300
Light Green:	#66CC00
Red / Gold: 	#EB6D22
*/


/*-------------------------------------------------
MY ACCOUNT DETAILS PAGE WITH FORMS
-------------------------------------------------*/
.accountWrapper { width:550px; margin:0 0 8px 0; padding:0 0 20px 0; /* border-bottom:dotted 1px #EFBCE0; */ }
.accountWrapper img { width:120px; margin:0 0 0 0; float:left; }
.accountWrapper h2 { margin:0 0 6px 0; color:#003300; }
.accountWrapper h1 { font-size:2.0em; margin:0 0 0 0; }
.accountWrapper p { margin:4px 0 0 0; }

.leftOneAccount { float:left; width:400px; margin:0 10px 0 0; }
.leftOneAccount p{ line-height: 1.3em; }
.leftOneAccount p span{ font-weight: bold; }
.leftOneAccount h2{ margin:0 0 15px 0; }

/* table of order details */
.datatableAccountDetails { border-collapse: collapse; width:500px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatableAccountDetails td { padding:3px; color:#003300; font-weight: normal; }
.datatableAccountDetails th { text-align:left; color:#6D6F71; padding:3px; width:150px; }

/* Left Column information text */
#accountInfo { width:205px; float:left; border:1px dotted #003300; background:#fafafa; margin:0 0 10px 0; padding:0 13px 13px 13px; color:#2C85B8; }
#accountInfo h1 { color:#008A2E; }
#accountInfo h2 { color:#66CC00; margin:10px 0 15px 0; }
#accountInfo p { font-size:12px; color:#333; margin:10px 0 0 0; line-height:1.3em;   }
#accountInfo span { font-weight:bold; }
#accountInfo a { color:#003300;  }
#accountInfo a:hover { color:#999;  }

/* Edit Login info button */
.editLoginDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editLoginDetails ul { height:26px; width:72px; list-style:none; }
.editLoginDetails ul li { display:inline; float:left; margin:0; }
.editLoginDetails span { display:none; }
.editLoginDetails li { display: block; height:26px; width:64px; cursor: pointer;
background: url('../cssimages/buttons/editinfo_sprite.png') 0 0 no-repeat; }
#z-edit{ background-position: 0 0; width:64px; }
#z-edit:hover, z-edit:focus{ background-position: 0 -26px; }

/* Edit Shipping info button */
.editShipDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editShipDetails ul { height:26px; width:72px; list-style:none; }
.editShipDetails ul li { display:inline; float:left; margin:0; }
.editShipDetails span { display:none; }
.editShipDetails li { display: block; height:26px; width:64px; cursor: pointer;
background: url('../cssimages/buttons/editinfo_sprite.png') 0 0 no-repeat; }
#s-edit{ background-position: 0 0; width:64px; }
#s-edit:hover, s-edit:focus{ background-position: 0 -26px; }

.editBillDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editBillDetails ul { height:26px; width:72px; list-style:none; }
.editBillDetails ul li { display:inline; float:left; margin:0; }
.editBillDetails span { display:none; }
.editBillDetails li { display: block; height:26px; width:64px; cursor: pointer;
background: url('../cssimages/buttons/editinfo_sprite.png') 0 0 no-repeat; }

/* Edit Password info button */
.editPassDetails { width:80px; float:left; margin:10px 0 0 -3px; }
.editPassDetails ul { height:26px; width:72px; list-style:none; }
.editPassDetails ul li { display:inline; float:left; margin:0; }
.editPassDetails span { display:none; }
.editPassDetails li { display: block; height:26px; width:64px; cursor: pointer;
background: url('../cssimages/buttons/editinfo_sprite.png') 0 0 no-repeat; }
#pas-edit{ background-position: 0 0; width:64px; }
#pas-edit:hover, pass-edit:focus{ background-position: 0 -26px; }


/*-------------------------------------------------
ACCOUNT UPDATE FORMS AND RELATED
-------------------------------------------------*/

#accountCrumb  ul { height:20px; list-style:none; padding:0 0 10px 0; margin:0; font-size:1.2em; }
#accountCrumb  ul li{ display:inline; padding:0 15px 0 0; }
#accountCrumb  li.focus a { color:#000; }
#accountCrumb  ul li a { text-decoration:none; border-bottom:dotted 1px #EB6D22; color:#666;} /* purple-blue:#211867, turquise-blue: #42C5E3 */
#accountCrumb  ul li a:hover{ text-decoration:none; border-bottom:dotted 1px #EDDDE0; color:#333;}


/* LOGIN INFORMATION */
#accountlogin, #accountpassword, #accountbilling, #accountshipping { color:#5c5c56; width:430px; float:left; margin:20px 0 0 0;  }
#accountlogin h3, #accountpassword h3, #accountbilling h3, #accountshipping h3 { color:#008A2E; margin:15px 0 0 0; }
#accountlogin h3 a, #accountpassword h3 a, #accountbilling h3 a, #accountshipping h3 a { color:#008A2E; }
#accountlogin h3 a:hover, #accountpassword h3 a:hover, #accountbilling h3 a:hover, #accountshipping h3 a:hover { color:#8DC63F; }
#accountlogin span, #accountpassword span, #accountbilling span, #accountshipping span { color:#008A2E; }

/* Row + Label */
#accountlogin .row, #accountpassword .row, #accountbilling .row, #accountshipping .row  { margin:0 0 0 0;}
#accountlogin .row label em, #accountpassword .row label em, #accountbilling .row label em, #accountshipping .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#accountlogin form label, #accountpassword form label, #accountbilling form label, #accountshipping form label { font-size:1.1em; color:#333333;  }
#accountlogin form label a, #accountpassword form label a, #accountbilling form label a, #accountshipping form label a { color:#008A2E;  }
#accountlogin form label a:hover, #accountpassword form label a:hover, #accountbilling form label a:hover, #accountshipping form label a:hover { color:#096644;  }

/* Text field */  
#accountlogin div.textinput, #accountpassword div.textinput, #accountbilling div.textinput, #accountshipping div.textinput 
{ background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat; height:26px; margin:0px 0 5px 0; }
#accountlogin input, #accountpassword input, #accountbilling input, #accountshipping input  { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; } 

/* Text area */  
#accountbilling div.textarea, #accountshipping div.textarea { background: url('../cssimages/backgrounds/forms/textarea_430.png') 0 0 no-repeat; height:95px; margin:0px 0 5px 0; }
#accountbilling textarea, #accountshipping textarea { background:none; width:418px; height:83px; margin:2px 6px 5px 6px; border:none; }

/* Select field */  
#accountbilling form select, #accountshipping form select { margin:2px 0 10px 0; font-size:1.1em; width:198px; height:25px; border:1px solid #ccc; background:#eeeeee; padding:2px 0 0 0;  }

/* Button */
#accountlogin button, #accountpassword button, #accountbilling button, #accountshipping button 
{ background:url(../cssimages/buttons/update_sprite.png) 0 0 no-repeat; height:26px; width:64px; float:left; margin:10px 0 10px 0; }
#accountlogin button:hover, #accountpassword button:hover, #accountbilling button:hover, #accountshipping button:hover { background-position: 0 -26px; }

/* Errors */
ul.errorlist { position: relative; }
ul.errorlist li{ border:1px solid #FF0000; background:#FFF; margin:4px 0 4px 0; padding:2px 2px; color:#333; font-size:12px; list-style:none; text-transform: uppercase; }


/*-------------------------------------------------
ACCOUNT MY ORDERS PAGE (Re-Order / Edit Order ETC
-------------------------------------------------*/
/* Wrapper Settings */
.cartWrapperAccount{ width:898px; margin:0 0 10px 0; padding:10px 0 25px 0; border:dotted 1px #66CC00; background:#F4F1E9; }
.cartWrapperAccount img {  margin:8px 0 0 0px; }
.cartWrapperAccount h2 { margin:0 0 10px 0; color:#008A2E; font-size:1.2em; }
.cartWrapperAccount h2 a{ color:#008A2E; text-decoration:none; }
.cartWrapperAccount h2 a:hover{ color:#6D6F71; text-decoration:none; }
.cartWrapperAccount h2 span { margin:0 0 0px 0; color:#003300; }
.cartWrapperAccount h1 { font-size:2.4em; color:#008A2E; }
.cartWrapperAccount p { margin:4px 0 0 0;  }

/* Boxes */
.leftColAccount { float:left; width:220px; margin:0 10px 0 0; }
.leftColAccount p{ width:220px; }
.bigleftCol { float:left; width:590px; margin:5px 10px 0 0; } /* this equalls the same as leftcol and midcol together */
.midColOrder { float:left; width:170px;  margin:5px 10px 0 0; padding:0 0 0 20px; }
.midColShipping { float:left; width:190px;  margin:5px 50px 0 0; padding:0 0 0 20px; }
.midColControls { float:left; width:190px;  margin:3px 10px 0 0; padding:0 0 0 465px; }
.rightColAccount { float:left; width:190px;  margin:5px 0 0 0; }

span.tipAccount { color:#008A2E; font-size:1.3em;}

/* table of order details */
.datatableAccount { border-collapse: collapse; width:300px; font-weight:bold; font-size:1.2em; margin:0 0 0 -3px; }
.datatableAccount td { padding:3px; color:#008A2E; }
.datatableAccount th { text-align:left; color:#6D6F71; padding:3px; width:80px; }

.addressee { margin:0 10px 0 0; }
.addressee p{ line-height: 1.5em; color:#008A2E;  }
.addressee span{ color:#333;  }
.addressee h2{ margin:10px 0 0 0; }

/* Re-order Controls */
.orderControls { margin:10px 0 10px 0; }

/* Edit order button */
.editOrderButton { width:80px; float:left; margin:0px 0 0 -3px; }
.editOrderButton ul { height:26px; width:72px; list-style:none; }
.editOrderButton ul li { display:inline; float:left; margin:0; }
.editOrderButton span { display:none; }
.editOrderButton li a { display: block; height:26px;
background: url('../cssimages/buttons/editOrder_sprite.png') 0 0 no-repeat; }
#p-editOrder{ background-position: 0 0; width:74px; }
#p-editOrder:hover, #p-editOrder:focus{ background-position: 0 -26px; }

/* Re-order form button */
.reOrder form { width:80px; margin:0px 0 0 0; float:left; }
.reOrder form button { background: url('../cssimages/buttons/reOrder_sprite.png') 0 0 no-repeat; 
height:26px; width:74px; margin:0 0 0 0; }
.reOrder form button:hover { background-position: 0 -26px; }



/*-------------------------------------------------
GENERAL PAGES, Contact, Terms, etc...
-------------------------------------------------*/
.leftGeneral { float:left; width:440px; margin:0 120px 0 0; }
.rightGeneralContact { float:right; width:235px; height:250px; margin:0 10px 0 0; background: url('../cssimages/backgrounds/contact.png')no-repeat top left; }
.rightGeneral { float:right; width:auto; margin:12px 10px 0 0; }


/* The ID that contains the form and all its properties */
#formContact { color:#5c5c56; width:430px; float:left; }
#formContact a { color:#008A2E; }
#formContact a:hover { color:#333; }
#formContact span { color:#00B0D8; }

/* Row + Label */
#formContact .row {margin:0 0 0 0;}
#formContact .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#formContact form label { font-size:1.1em; color:#666;  }

/* Text field */  
#formContact div.textinput { background: url('../cssimages/backgrounds/forms/textbox_200.png') 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#formContact input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Text area */  
#formContact div.textarea { background: url('../cssimages/backgrounds/forms/textarea_430.png') 0 0 no-repeat;
height:95px; margin:0px 0 5px 0; }
#formContact textarea { background:none; width:424px; height:91px; margin:2px 6px 5px 3px; border:none; }

/* Button */  
#formContact button { background: url('../cssimages/buttons/send.png') 0 0 no-repeat; 
height:26px; width:64px; float:left; margin:20px 0 20px 0; }
#formContact button:hover { background-position: 0 -26px; }

.contactDetails { margin:10px 0 0 0; border-top: 1px dotted #003300; padding:15px 10px; background:url(../cssimages/backgrounds/contact.png) no-repeat top left; }

/*
Dark Green:		#003300
Light Green:	#66CC00
Red / Gold: 	#EB6D22
Background-tan:	#F4F1E9
*/

/*-------------------------------------------------
SEARCH RESULTS
-------------------------------------------------*/
.topbox h1 span { color:#EB6D22; }

.results{ width:195px; height:230px; position:relative; float:left; background:#F4F1E9; margin:0 10px 10px 0; padding:10px 10px 12px 10px; border-bottom:1px solid #ccc;   }
.results h1 { color:#66CC00; text-transform:uppercase;  }
.results span { color: #333; text-transform:lowercase; }
.results ul{ list-style:none; margin:0; }
.results ul li {  margin:0 0 3px 0; font-size:12px; }
.results li a{ text-decoration:none; }
/* result image: */
.results li.res_image img a{ border:none; margin:0 0 0 0; }
/* result code: */
.results li.res_code { color:#003300; }
.results li.res_code a{ color:#003300; text-decoration: underline; }
.results li.res_code a:hover{ color:#99CC00; text-decoration: underline; }
/* result name: */
.results li.res_name a{ color:#66CC00; }
.results li.res_name a:hover{ color:#99CC00; }
/* result category: */
.results li.res_cat a{ color:#003300; font-size:11px; }
.results li.res_cat a:hover{ color:#6D6F71; }
/* result join: */
.results li.res_join{ color:#003300; font-size:11px; }


/*-------------------------------------------------
FLAT PAGES
-------------------------------------------------*/
.pagesFull { width:898px; }
.pagesFull img.pushedButton { margin:0 6px 0 0; }
.pagesLeft { width:633px; float:left; margin-right:30px; }
.pagesRight { width:235px; float:left; }
.pagesRightContact { width:224px; float:left; border-left:1px dotted #003300; padding-left:10px; }

.  h5 { font-size:12px; color:#999; }
.pagesRight h2. .pagesRightContact h2 { margin:-5px 0 0 0;}
.pagesRight ul, .pagesRightContact ul { margin-bottom:20px; margin-top:5px; list-style:none; font-size:1.3em;  }
.pagesRight li, .pagesRightContact li { margin-bottom:2px; }


.pagesLeft h1, .pagesLeft h2, .pagesLeft h3 { color:#003300; margin:20px 0 10px 0; font-size:1.2em;  }
.pagesLeft h4, .pagesLeft h5, .pagesLeft h6 { color:#66CC00; margin:20px 0 10px 0; font-size:1.2em; }
.pagesRight h1, .pagesRight h3, .pagesRightContact h3  { color:#003300; margin:0 0 10px 0; font-size:1.2em;  }
.pagesRight h4, .pagesRight h5, .pagesRight h6 , .pagesRightContact h4, .pagesRightContact h5, .pagesRightContact h6 { color:#66CC00; margin:0 0 10px 0; font-size:1.2em; }

.pagesLeft ul { margin:0 0 15px 0; font-size:1.2em; color:#6D6F71; list-style: none; }
.pagesLeft li { margin:0 0 10px 0; }



/*-------------------------------------------------
HOMEPAGE
-------------------------------------------------*/



/*NEWSLETTER FORM*/
/* The ID that contains the form and all its properties */
#newsletter { color:#5c5c56; width:280px; float:left; margin: 8px 0 0 0; }
#newsletter h3 { color:#00B0D8; margin:15px 0 0 0; }
#newsletter h3 a { color:#00B0D8; }
#newsletter h3 a:hover { color:#006881; }
#newsletter span { color:#00B0D8; }

/* Row + Label */
#newsletter .row { margin:0 0 0 0; float:left; width:230px;}
#newsletter .row label em { font-style:normal; padding-left: 3px; color:#EFBCE0;}
#newsletter form label { font-size:1.2em; color:#333;  }

/* Text field */  
#newsletter div.textinput { background: url('../cssimages/backgrounds/forms/textbox_200.png') 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#newsletter input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Button */  
#newsletter button { background: url('../cssimages/buttons/search_sprite.png') 0 0 no-repeat; 
height:25px; width:30px; float:left; margin:21px 0 0 -20px; }
#search button:hover { background-position: 0 -25px; }


/*-------------------------------------------------
INFORMATION SECTION
-------------------------------------------------*/
/* layout colums for the Info section list pages */
#info_list_left { width:665px; float:left; margin:0; }
#info_list_right { width:223px; float:left; margin:15px 0 0 0; padding:0 0 0 10px; border-left:1px dotted #ccc;  }

.articlewrapper { padding:15px 0 15px 0; line-height:17px; border-bottom:1px dotted #ccc; }
.articlewrapper h1 { margin:0 0 0 0; color:#A45875; font-size:18px; }

.infoItem { float:left; width:233px; height:181px; }
.infoItem a { color:#66CC00; }
.infoItem a:hover { color:#99CC00; }
.infoItem img { width:233px; height:181px; margin:0 0 10px 0; }
.infoItem h4 { color:#66CC00; font-size:1.3em; margin:2px 0 5px 0; }
.infoItem p { color:#003300; font-size:1.2em; }


.infoPictureWrapper { width:385px; height:300px; float:left; padding:0 0 0 0; margin:0 0 20px 0;}
.picturebox { width:auto; cursor:pointer; }
.textbox {float:left; margin:0 0 0 10px; width:400px; }
.textbox h4 { margin-bottom:2px; margin-top:-2px; font-size:17px; }
.textbox h5 { margin-bottom:20px; font-size:13px; }
.textbox h6 { margin-top:10px; font-size:13px; }
.textbox h6 a { text-decoration:none; border-bottom:dotted 1px #EB6D22; color:#333;} /* purple-blue:#211867, turquise-blue: #42C5E3 */
.textbox h6 a:hover{ text-decoration:none; border-bottom:dotted 1px #EDDDE0; color:#CCC;}
.textbox p { padding-right:20px; }

.recentPosts { }
.recentPosts h5 { font-size:12px; color:#999; }
.recentPosts h2 { margin:-5px 0 0 0;}
.recentPosts ul { margin-bottom:20px; margin-top:5px; list-style:none; font-size:1.3em;  }
.recentPosts li { margin-bottom:2px; }

/* detail page */
#info_detail_left { width:605px; float:left; margin:0; border-left:1px dotted #ccc; border-top:1px dotted #ccc; padding:25px 0 40px 60px; }
#info_detail_right { width:223px; float:left; margin:35px 0 0 0; padding:0 0 0 10px; border-left:1px dotted #ccc; }

.infoItemDetail { float:left; width:233px; padding-top:45px; border-top:1px solid #ccc;   }
.infoItemDetail img { width:233px; height:181px; margin:0 0 10px 0; }

.textboxDetail { float:left; margin:0; width:380px; }
.textboxDetail h4 { margin:4px 0 0 0; font-size:17px; color: #66CC00;  }
.textboxDetail h5 { margin-bottom:20px; font-size:13px; }
.textboxDetail h6 { margin-top:20px; font-size:13px; }
.textboxDetail h6 a { text-decoration:none; border-bottom:dotted 1px #EB6D22; color:#333;} /* purple-blue:#211867, turquise-blue: #42C5E3 */
.textboxDetail h6 a:hover{ text-decoration:none; border-bottom:dotted 1px #EDDDE0; color:#CCC;}
.textboxDetail p { width:380px; }
.textboxDetail a { font-size:12px; color:#003300; }

.textboxDetail ul, .textbox ul { margin:8px 0 15px 0; font-size:12px; color:#6D6F71; list-style:square; }
.textboxDetail li, .textbox li { margin:0 0 3px 0; }

.detail_video_info { width:385px; height:290px; margin:15px 0 15px 0; }
.detail_video_info img { margin:5px 0 0 0; }

.detail_pdf_info { margin:15px 0 25px 0; }
h5.downloads { margin-bottom: 10px; }
.detail_pdf_info a { color: #6C0; }
.detail_pdf_info a:hover { color: #333;  }


/*-------------------------------------------------
RESET PASSWORD
-------------------------------------------------*/
#reset { color:#003300; width:430px; float:left; }
#reset span { color:#FF0000; }

/* Row + Label */
#reset .row {margin:0 0 5px 0;}
#reset .row label em { font-style:normal; padding-left: 3px; color:#66CC00;}
#reset form label { font-size:1.2em; color:#333;  }

/* Text field */  
#reset div.textinput { background: url(../cssimages/backgrounds/forms/textbox_200.png) 0 0 no-repeat;
height:26px; margin:0px 0 5px 0; }
#reset input { background:none; width:188px; height:21px; padding:5px 6px 0 6px; border:none; }

/* Button */  
#reset button { background: url(../cssimages/buttons/reset_sprite.png) 0 0 no-repeat; 
height:26px; width:167px; float:left; margin:20px 0 0 0; }
#reset button:hover { background-position: 0 -26px; }