/*---Layout---*/
<!--
html, body {
min-height: 100%; /*Sets the min height to the
                                        height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
                                for IE5+/Win, since IE wrongly expands
                                an element to enclose its content.
                                This mis-behavior screws up modern
                                browsers*/
margin: 0;
padding: 0;

}

html>body {
	height: 100%;
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

body {
    position: absolute;
    top: 0;
    font-family: Helvetica, Arial, sans-serif;
}

#main {
   /*Keeps content above footer. */
        padding-bottom:40px;
        height:auto;
}

#footer {
    position: absolute;
    bottom: 0;
    height:40px;
    line-height:40px;
}

-->
.clear
{ clear:both; }

body { background: #eaeaea url(../layoutimages/outerwrapper.jpg) repeat-y 50% 0;}

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

/** Global **/

h1 {background-color:#00815c; color: #fff; font-size:22px; line-height: 22px; padding:10px; margin-bottom: 5px; }

h1#module_title, h1#cart_title {background-color:#00815c; color: #fff; font-size:18px; line-height: 22px; padding:5px; margin-bottom: 5px;}
h1#coupon_title, h1#returning_title, h1#register_title, h1#place_title {background-color:#ccc; color: #00815c; font-size:18px; line-height: 22px; padding:5px; margin-bottom: 5px;}


table, img {border: 0;}


/** Header **/

#header { height: 162px; background:#5DAC6B url(../layoutimages/header_back2.jpg) repeat-x top left; }


/** Left Column **/

#main { margin-top: 10px;}

/** Strapline **/

#strapline { margin-top: 50px; color: #fff;}
#strapline a { color: #dce35f;}
#strapline a:hover{text-decoration: none }
#strapline .text { height: 27px; margin: 0; padding:0;line-height: 27px; display: block }
#strapline .image { margin-top: 1px; }

/** Search Box **/

#searchBox { padding: 14px 16px; background-color: #e5e5e5;}
.search_text {border: 1px solid #ccc; color: #666; padding: 2px; float:left; width: 90px;}
.button {margin-left: 10px; border: none; background-color: #333; padding:0 5px; color: #fff; height: 20px; }

/** Side **/

#side {background-color: #f3f3f3; width: 190px; padding: 10px 0; margin-top: 10px;}
#side ul { padding:0; margin: 0px 16px; width: 160px;}
#side ul li {list-style: none; }
#side ul li a {font-size: 12px; line-height: 18px; color: #0C5E39; border-bottom: 1px solid #9c9c9c; text-decoration: none; display: block; padding: 5px 2px;}
#side ul li a:hover {color: #59B948;}

/** Safe Shopping **/

#safeshopping {margin: 10px 16px 0 16px; width: 160px; height: 240px; }

/** Stores ***/

#stores address, #stores p {font-style: normal; color: #9d9d9d; margin: 10px 16px; font-size: 11px; line-height: 13px; } 

/** Navigation **/

#navigation, #navigation ul {margin: 0; padding: 0; height: 25px;}
#navigation ul {margin:0 ;}
#navigation {background: #91cd5c url(../layoutimages/navigation_back.jpg) repeat-x; }
#navigation ul li { float:left; display: inline; padding: 0; margin: 0; background: transparent url(../layoutimages/nav_spacer.png) no-repeat top right; }
#navigation ul li.last { background: none;}
#navigation ul li a {font-size: 12px; line-height: 25px; font-weight: bold; color: #fff; padding:0; text-decoration: none; display: block; width: 135px; margin: 0; text-align: center; cursor: pointer; }
#navigation ul li a:hover {background-color: #00704a;}
#navigation ul li a.wider {width:140px;}

/** Headings **/

.grey_box h2, #course_box h2, #feature_products h2, #training_videos h2 { color: #fff; font-weight: bold; font-size: 14px; background:#01835D url(../layoutimages/header_dark_green.jpg) repeat-x; height: 25px; line-height: 25px; padding: 0 10px; margin-bottom: 5px;}

/** Grey Boxes **/
.grey_box, #course_box, #cart_box {background-color:#f3f3f3; color: #999; margin-bottom: 10px;}
.grey_box h2, #course_box h2 {margin-bottom: 0;}
.grey_box_img {float: right; margin: 5px; }
.grey_box p {margin: 0; padding: 10px; font-size: 0.9em; line-height: 1.3em; width: 96px;}
#course_box p {margin: 0; padding: 10px; font-size: 0.9em; line-height: 1.3em; }
#course_box a img {float: right; margin: 5px; width: 66px;}
.grey_box a, #course_box a {color:#00815c; text-decoration: none; font-size: 12px; font-weight: bold;}
.grey_box a:hover, #course_box a:hover { text-decoration: underline;}

/*** Advanced search box ***/

#advanced_search_box {color: #00815c;}
#advanced_search_box a {color: #00815c; text-decoration: underline;}

.green_button {background-color: #00815c; color: #fff; padding: 5px; border: 0; cursor: pointer;}

/** Navigation **/

.NavigationCell a {color: #00704a;  }
.NavigationCell a:hover {text-decoration: none;}
.NavigationCellSel {font-weight: bold;}

/** Shopping Cart Box **/
#cart_box {width:190px;}
#cart_box_wrapper{padding: 10px; width: 170px; }
#cart_box_wrapper p {margin: 0;}
#cart_box_wrapper p a {text-decoration: underline; color: #00815c;}
#cart_box_wrapper p a:hover {text-decoration: none; color: #999;}
#cart_box_wrapper h3 {color:#00815c; font-weight: bold; margin: 0 ; font-size: 14px; line-height: 18px;}
#cart_box_wrapper ul {margin:5px 0 0 0; padding: 0;}
#cart_box_wrapper ul li {list-style: none; m}
#cart_box_wrapper ul li a {color: #999; text-decoration: none;}
#cart_box_wrapper ul li a:hover {color:#00815c; text-decoration: underline;}

#cart_header {height: 56px; background: #f3f3f3 url(../layoutimages/cart_basket.jpg) no-repeat top right;  border-bottom: 1px solid #999;}

/** Feature Products **/
#feature_products table {margin:10px 0 0 0 ;}
#feature_products table tr td {width: 180px;}
#feature_products table tr td h3, #feature_products table tr td h3 a {color:#00815c; font-weight: bold; margin: 0 0 ; font-size: 14px; line-height: 18px; text-decoration: none; }
#feature_products table tr td h3 a:hover {text-decoration: underline;}
#feature_products table tr td .homeThumbnail a img {margin: 10px auto; text-align: center; display: block;}
#feature_products table tr td .homeThumbnail p {color: #666; margin: 0; padding: 0; font-size: 12px; line-height: 13px;}
#feature_products table tr td p.price, #feature_products table tr td p a {color:#0C5E39;}
#feature_products table tr td p a:hover {text-decoration: none; color: #59B949;}

/** Product Catalogue **/

#category_description_wrapper {margin: 5px 0; /** hidden just now height: 90px;**/}
#products_catalogue {margin:10px 0 0 0 ;}
#products_catalogue tr td {width: 180px; }
.catalogue_item {border:1px solid #00815c;}
#products_catalogue tr td h3, #products_catalogue tr td h3 a {background-color:#00815c; color: #fff; font-weight: normal; margin: 0 0 ; text-align: left;  font-size: 12px; line-height: 18px; height: 54px; text-decoration: none;}
#products_catalogue tr td h3 {padding:3px; }

#products_catalogue tr td h3 a:hover {text-decoration: underline;}

#products_catalogue tr td .homeThumbnail a img {margin: 10px auto; text-align: center; display: block; vertical-align: bottom; }
#products_catalogue tr td .homeThumbnail {height: 170px; }
#products_catalogue tr td .catalogue_item .homeThumbnail p {color: red; margin: 0; font-size: 12px; line-height: 13px; }
#products_catalogue tr td p.price, #products_catalogue tr td p a {color:#0C5E39;  text-align: center }
#products_catalogue tr td p a:hover {text-decoration: none; color: #59B949;}

/** Training Video Area **/
#training_videos {background-color: #f6f6f6; margin:20px 0 0 0; padding: 0;}
#training_videos h2 {margin-bottom: 0; padding-bottom: 0;}
#training_videos img {float: right; margin:20px 0 0 0; padding: 0; vertical-align: bottom;}
#training_videos_wrapper { padding: 10px; color: #999; margin:0 250px 0 0; width: 280px; height: 200px;}
#training_videos_wrapper h3 { font-size: 1.4em; color:#00704a; font-weight: bold; }
a.arrow_link {color:#00815c; text-decoration: none; font-size: 12px; font-weight: bold; height: 19px; line-height: 19px; background: transparent url(../layoutimages/arrow_link_icon.gif) no-repeat 100% 50%; padding: 5px 25px 5px 0; }
a:hover.arrow_link  { text-decoration: underline;}

/** Product Detail Styles **/
#PImgBox { vertical-align: top}
#product_detail_page h3 {background-color: #f6f6f6; font-size: 12px; line-height: 18px; color:#00704a; padding: 5px; margin: 0;}
#product_button tr td {padding: 0; margin: 0;}
#green_price {color:#00704a;}

/**	Buttons **/
.FormButton {COLOR: #330000; FONT-WEIGHT: bold;}
TABLE.ButtonTable {	CURSOR: pointer; VERTICAL-ALIGN: middle; DIRECTION: ltr; margin: 0; padding: 0; width: auto; }
TABLE.ButtonTable tr td, #green_button {padding: 0; margin: 0; width: 6px;}
TD.Button { BACKGROUND-IMAGE: url(../images/butbg.gif); BACKGROUND-COLOR: green; BACKGROUND-REPEAT: repeat-x;VERTICAL-ALIGN: middle; padding: 0 10px; white-space: nowrap;}
FONT.Button { COLOR: #FFFFFF;	FONT-WEIGHT: bold;	FONT-SIZE: 12px;	TEXT-DECORATION: none;}
IMG.ButtonSide { WIDTH: 6px; HEIGHT: 25px;}
.SimpleButton TR TD {PADDING: 0px;	WHITE-SPACE: nowrap; }
A.Button:link, A.Button:visited, A.Button:hover, A.Button:active {	COLOR: #330000;	FONT-WEIGHT: bold;}
.GoImage {WIDTH: 20px;HEIGHT: 18px;VERTICAL-ALIGN: middle;BORDER: 0px;}


.button_style {background-color: #00704a; color: #fff; text-align: center; padding: 5px; cursor: pointer; border: none;}

/** Recommended products list **/
#RPItems {margin:10px 0;}
#RPItems li {list-style-type: none; margin-bottom: 5px; }
#RPItems li a:link, #RPItems li a:visited {color: #00815c;}
#RPItems li a:hover {text-decoration: none;}

/** Static Pages **/
#static_pages ul {margin-left: 0;}
#static_pages ul li {list-style-type: none; margin-bottom: 5px; padding-left: 16px; background: url(../layoutimages/list_icon_sml.gif) no-repeat 0 50%;}
#static_pages a:link, #static_pages a:visited {color: #00815c;}
#static_pages a:hover {text-decoration: none;}
#static_pages h2 {font-size: 15px; line-height: 25px; margin:1em 0 0.5em 0; display: block; background-color: #d9d9d9; padding-left:10px;}

/** Sort Table **/
#sort_table {margin-bottom: 5px; }
#sort_table tr td {padding: 5px; margin: 0; width:auto; }

#sorting_table {width: 270px; float: right; margin: 0; padding: 0; }
#sorting_table tr td {margin: 0; padding: 0;}

.SearchSortTitle {width: 40%; padding: 5px;}
.SearchSortLink {width: 20%; padding: 5px;}
.SearchSortLink {color: #00704a; }
.SearchSortLink:hover {color: #00704a; text-decoration: none; }

/** Scroller **/
#scroller {margin-bottom: 10px;}

/** Breadcrumbs **/

#breadcrumb {background-color: #d9d9d9; color: #666; font-size: 10px; line-height:12px; padding: 5px; margin: 0 0 5px 0;}
#breadcrumb a {color: #666; text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none;}

/** Main - Static Page Main Area Styles ***/

#bodyblock h2 {background: none; color:#00815c; font-size: 14px; line-height: 18px;  }
#bodyblock ul {margin: 10px 0; padding: 0;}
#bodyblock li {list-style: none; margin-bottom: 5px;}
#bodyblock li a {padding-left: 15px; background: #fff url(../layoutimages/list_icon_sml.gif) no-repeat 0 50%;}
#bodyblock a {color:#00815c; text-decoration: none;  }
#bodyblock a:hover {text-decoration:underline;  }

/*** Cart Styles ***/

.total_style, .total_figure {  text-transform: uppercase; font-size: 18px; font-weight: bold;}
.total_style {color: #666;}
.total_figure {color: #000;}

#big_cart_buttons { width: auto; margin:10px 0 0 0; padding: 0;}
#big_cart_buttons tr td {margin: 0; padding: 0; }

#cart_items_table { padding: 0; margin: 0; font-size: 12px;}
#cart_items_table h3 { color: #00815c;  margin:0 0 5px 0; padding: 0; font-weight: normal;}

#product_description {margin: 10px 0; }
#product_description tr td, #delete_button_table tr td { padding: 0; margin: 10px 0; }


#register_field {vertical-align: top;}
#personal_details_table a {color:#00815c; text-decoration: none;  }
#personal_details_table a:hover {text-decoration:underline;  }

.shipping_info_table {margin: 10px 0;}
.shipping_info_table tr td {margin: 0; padding: 0;}
.SubHeader {font-weight: bold; font-size: 14px; }

#shipping_options_table tr td {padding: 0px 0px 5px 0px;}

#place_order_table tr td a{color:#00815c; text-decoration: none;  }
#place_order_table  tr td a:hover {text-decoration:underline;  }
#place_order_title {color:#00815c; font-weight: bold; margin: 0 ; font-size: 14px; line-height: 18px;}

/* styles for font tags in cart table */
.ProductPriceConverting { color: #666; font-weight: bold;}
.ProductPrice {color: #000; font-weight: bold;}

/* big chunky checkout buttons */
.RedBackground {BACKGROUND: url(../images/flc_but_rbg.gif); background-repeat: repeat-x; BACKGROUND-COLOR: #00815c; padding-left: 8px; padding-right: 8px; COLOR: #fff; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-ALIGN: center;}
.RedArrow{ BACKGROUND: url(../images/flc_but_rbg.gif); background-repeat: repeat-x; BACKGROUND-COLOR: #00815c;}

.YellowBackground {	BACKGROUND: url(../images/flc_butbg.gif); background-repeat: repeat-x; BACKGROUND-COLOR:#A9CB98; padding-left: 8px; padding-right: 8px; COLOR: #fff; FONT-WEIGHT: bold; FONT-SIZE: 12px; height: 29px; TEXT-ALIGN: center;}

/* Checkout Tabs */
#tabs_table tr td {margin: 0; padding: 0;}
A.CheckoutTab:link { COLOR: #00815c; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: underline;}
A.CheckoutTab:visited {	COLOR: #00815c;	FONT-WEIGHT: bold;	FONT-SIZE: 11px; TEXT-DECORATION: underline;}
A.CheckoutTab:hover { COLOR: #666; FONT-WEIGHT: bold;	FONT-SIZE: 11px; TEXT-DECORATION: none;}
A.CheckoutTab:active {	COLOR: #112536;	FONT-WEIGHT: bold;	FONT-SIZE: 11px; TEXT-DECORATION: underline;}
.CheckoutTabSel { COLOR: #112536; FONT-WEIGHT: bold; FONT-SIZE: 11px;}
.LineAfterCart { BACKGROUND-COLOR: #666;}
.LineBeforeCart { BACKGROUND-COLOR: #00815c;}

TD.FLCDialogCell { WIDTH: 50%;	TEXT-ALIGN: center;}
TD.FLCDialogCellAntibot { WIDTH: 50%; TEXT-ALIGN: center;}

/* cart order style */

.TableHead {background-color: #f6f6f6; font-size: 14px; line-height: 18px; color:#00704a; padding: 5px; margin: 0;}
.TableSubHead {background-color: #f7f7f7;}
#cart_details a {color:#00815c; text-decoration: none;  }
#cart_details a:hover {text-decoration:underline;  }
.SubHeaderGrey {font-weight: bold; font-size: 14px; line-height: 18px; color:#00704a; padding: 0px; margin: 0}
#payment_notes {height: 100px;}

/** Footer **/

#footerwrapper { height:20px; margin: 10px 0; background:#01835D url(../layoutimages/footer.jpg) repeat-x top left; }
#footerwrapper p {line-height: 20px; font-size: 10px;  padding:0 10px; margin-bottom:0;}
#footerwrapper a:link, #footerwrapper a:visited, #footerwrapper p {color: #fff;}
#footerwrapper a:link {text-decoration: underline;}
footerwrapper a:visited {color: #f8f8f8;}
#footerwrapper a:hover {text-decoration: none;}