﻿/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}

body
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 12px;
	text-align: center;
	background:#FFFFFF;
	color: #3A4045;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a
{
	color: #013820;
	text-decoration: none;
}

a:hover
{
	color: #013820;
	text-decoration: none;
}

a img
{
	border: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS & TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5, h6
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
}

h2, h3
{
    font-size: 16px;
}

.sectiontitle
{
    color: #ff9933;
    font-size: 1.3em;
    font-weight: bold;
}

.sectionsubtitle
{
    color: #555;    
    font-size: 1.1em;
    font-weight: bold;
}

.sectiontitle-blue
{
    color: #608fc8;
    font-size: 1.3em;
    font-weight: normal;
}

.smallprint
{
    font-size: x-small;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td
{
    vertical-align: middle;
}

td.fieldname
{
    font-size: 12px;
}

.TableContainer
{
}

.TableContainer .Row
{
}
.TableContainer .Row .ItemName
{ 
	padding: 3px 10px 0px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
}
.TableContainer .Row .ItemValue
{ 
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li, input
{ 
  behavior: url(/images/iepngfix.htc) 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	STATIC PAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.htmlcontent
{
	padding-bottom:5px;
}
.htmlcontent .article
{
  margin-left: 25px;
}
.htmlcontent-title
{
	padding: 0px;
	clear:both;
}

.htmlcontent-header 
{
	font-size: 14px;
	font-weight: bold;
	color: #013820;
	padding-bottom: 15px;
}

.htmlcontent-body
{

}

.Instructions
{
  color: #333333;
  margin-bottom: 5px;
}

.Subscriptions
{
  border: solid 1px silver;
  padding: 20px;
  margin-bottom: 5px;
}

.Commands
{
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}

.centered
{
  text-align: center;
}

.ajax__calendar_container {
cursor:default;
font-family:tahoma,verdana,helvetica;
font-size:11px;
padding:4px;
text-align:center;
width:170px;
}
.ajax__calendar_body {
height:139px;
margin:auto;
overflow:hidden;
position:relative;
width:170px;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
height:139px;
left:0;
margin:auto;
position:absolute;
text-align:center;
top:0;
width:170px;
}
.ajax__calendar_container table {
font-size:11px;
margin:0;
padding:0;
}
.ajax__calendar_container td {
font-size:11px;
margin:0;
padding:0;
}
.ajax__calendar_header {
height:20px;
width:100%;
}
.ajax__calendar_prev {
background-position:50% 50%;
background-repeat:no-repeat;
cursor:pointer;
float:left;
height:15px;
width:15px;
}
.ajax__calendar_next {
background-position:50% 50%;
background-repeat:no-repeat;
cursor:pointer;
float:right;
height:15px;
width:15px;
}
.ajax__calendar_title {
cursor:pointer;
font-weight:bold;
margin-left:15px;
margin-right:15px;
}
.ajax__calendar_footer {
height:15px;
}
.ajax__calendar_today {
cursor:pointer;
padding-top:3px;
}
.ajax__calendar_dayname {
height:17px;
padding:0 2px;
text-align:right;
width:17px;
}
.ajax__calendar_day {
cursor:pointer;
height:17px;
padding:0 2px;
text-align:right;
width:18px;
}
.ajax__calendar_month {
cursor:pointer;
height:44px;
overflow:hidden;
text-align:center;
width:40px;
}
.ajax__calendar_year {
cursor:pointer;
height:44px;
overflow:hidden;
text-align:center;
width:40px;
}
.ajax__calendar .ajax__calendar_container {
background-color:#FFFFFF;
border:1px solid #646464;
color:#000000;
}
.ajax__calendar .ajax__calendar_footer {
border-top:1px solid #F5F5F5;
}
.ajax__calendar .ajax__calendar_dayname {
border-bottom:1px solid #F5F5F5;
}
.ajax__calendar .ajax__calendar_day {
border:1px solid #FFFFFF;
}
.ajax__calendar .ajax__calendar_month {
border:1px solid #FFFFFF;
}
.ajax__calendar .ajax__calendar_year {
border:1px solid #FFFFFF;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
background-color:#EDF9FF;
border-color:#0066CC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
background-color:#EDF9FF;
border-color:#0066CC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
background-color:#EDF9FF;
border-color:#0066CC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
background-color:#FFFFFF;
border-color:#FFFFFF;
color:#646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
background-color:#FFFFFF;
border-color:#FFFFFF;
color:#646464;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
background-color:#EDF9FF;
border-color:#DAF2FC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
background-color:#EDF9FF;
border-color:#DAF2FC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
background-color:#EDF9FF;
border-color:#DAF2FC;
color:#0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
color:#0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
color:#0066CC;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC. CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.linkButton
{
	color: #3664A5;
	background-color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

a.linkButton:hover
{

}

.dropDownLists
{
	height: 17px;
	font-size: 10px;
	padding-left: 2px;
	font-family: Tahoma;
}

.textBox
{
	margin: 1px;
	border-right: #dfe5e7 1px solid;
	border-top: #a8bac2 1px solid;
	border-left: #a8bac2 1px solid;
	border-bottom: #dfe5e7 1px solid;
	background: url(Images/bgTextBox.gif) white repeat-x left top;
	color: #11354A;
	font-family: verdana;
	font-size: 8pt;
	padding: 1px;
	height: 15px;
}

.messageError
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
}

.copyright
{
	float: right;
	padding-right: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 10px;
}

.copyright a
{
	color: #3664A5;
	background-color: inherit;
}

.foo
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-page
{
  margin: 0 auto;
  width: 955px;
}

.master-wrapper-content
{
  float: left;
  width: 955px;
  margin-top: 10px;
  text-align: left;
  background: #FFF;
  position: relative;
}

.master-wrapper-side
{
  float: left;
  width: 220px;
  margin: 0px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  display: inline;
}

.master-wrapper-center
{
  float: left;
  width: 730px;
  margin: 0px;
}
.master-wrapper-cph
{
  float: left;
  background: #FFF;
  color: #000;
  min-height: 400px;
  padding: 0px 0px 10px 0px;
  margin-top: 10px;
  width: 730px;
}

.master-wrapper-center-1
{
  float: left;
  width: 730px;
  background: #FFF;
  display: inline;
}

.master-wrapper-cph-1
{
  float: left;
  width: 810px;
  color: #000;
  min-height: 600px;
  padding: 10px 10px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page-header
{
  height: 150px;
  background: #013820 url(images/HeaderImage.gif) no-repeat top;
  clear: left;
 	padding: 0px 10px 10px 0px;
 	width: 940px;
}
.page-header .icon
{
  vertical-align: bottom;
}
.page-header .ico-register
{
  background: url('images/ico-register.gif') no-repeat;
  padding-left: 20px;
  padding-bottom: 2px;
}

.page-header .ico-login
{
}

.page-header .ico-logout
{
}

.page-header .ico-cart
{
  background: url('images/ico-cart.gif') no-repeat right;
  padding-right: 55px;
  margin-bottom: 10px;
  font-size: 18px;
}
.page-header .ico-items
{
  background: url('images/ico-items.gif') no-repeat top;
  color: #013820;
  position: absolute;
  right: 30px;  
  height: 25px;
  width: 22px;
  text-align: center;
  padding: 2px 0px 0px 0px;
}
.page-header .ico-wishlist
{
  background: url('images/ico-wishlist.gif') no-repeat;
  padding-left: 20px;
  padding-bottom: 5px;
}

.page-header .ico-admin
{
  text-align: center;
}

.header-logo
{
  margin-top: 20px;
  margin-left: 60px;
  float: left;
  text-align: left;
}

/* ----------------------------------------------------------------

      Header Flash Area

-----------------------------------------------------------------*/
.flash-area
{
  clear: left;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height: 280px;
  width: 950px;
  position: relative;
}

.header-flash
{
  position: absolute;
  width: 100%;
  height: 100%;
}
.header-flash-img
{
  padding: 0px;
  margin: 0px;
}
.quick-links
{
  position: absolute;
  height: 280px;
  z-index: 10px;
}

.flash-overlay
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.flash-overlay img.leftimage
{
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.flash-overlay img.rightimage
{
  position: absolute;
  bottom: 0px;
  right: 0px;
}

a.logo
{
  background: url('images/logo.gif') no-repeat;
  display: block;
  width: 240px;
  height: 120px;
  text-decoration: none;
  text-indent: -9999px;
}

.header-selectors-wrapper
{
  text-align: right;
  float: right;
  width: 500px;
}

.header-currencyselector
{
  float: right;
}

.header-languageselector
{
  float: left;
}

.header-taxDisplayTypeSelector
{
  float: right;
}

.header-links-wrapper
{
  float: right;
  width: 570px;
}
.adminLogin
{
  position: absolute;
  top: 10px;
  left: 420px;
  height: 20px;
}
.adminLogin a
{
  color: #fff;
}
.header-links
{
  border: none;
  margin: 10px 0px 0px 0px;
  color: #FFFFFF;
  width: 180px;
  float: right;
}

.header-links ul
{
  padding: 0;
  margin: 0;
  width: 180px;
}

.header-links ul li
{
  list-style: none;
  display: block;
  padding-bottom: 2px;
  text-align: left;
}
.header-links ul li.liPadded
{
  padding-bottom: 10px;
}
.header-links a
{
  color: #FFFFFF;
  text-decoration: none;
}

.header-links a:hover
{
  color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Flash Frame Controls

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.HeaderFlash
{
  position: relative;
  width: 950px;
  height: 280px;
  z-index: 0;
  overflow: hidden;
  background-color: #000;
}
.HeaderFlash .FlashControls
{
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0px 20px 10px 0px;
  z-index: 20;
}
.HeaderFlash .FlashControls .Pause
{
	background: url(images/btn-Pause.png) no-repeat;
	border: none;
	padding: 0px;
	width: 39px;
	height: 21px;
	cursor: pointer;
}
.HeaderFlash .FlashControls .Pause:hover
{
	background: url(images/btn-Pause-Hover.png) no-repeat;
}
.HeaderFlash .FlashControls .Resume
{
	background: url(images/btn-Resume.png) no-repeat;
	border: none;
	padding: 0px;
	width: 39px;
	height: 21px;
	cursor: pointer;
}
.HeaderFlash .FlashControls .Resume:hover
{
	background: url(images/btn-Resume-Hover.png) no-repeat;
}
.FlashFrames
{ 
  position: relative;
}
.FlashImageContainer
{
  position: absolute;
  top: 0;
  left: 0;
  height: 280px;
  width: 950px;
  z-index: 1;
}
.FlashImageContainer .Video
{
  position: absolute;
  top: 0;
  left: 220px;
  width: 730px;
  height: 280px;
}
.FlashImageContainer .Video a
{
  width: 100%;
  height: 100%;
}
.FrameTextBackground
{
  position: absolute;
  top: 0;
  right: 0;
  height: 280px;
  width: 325px;
  background-color: #000000;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
  z-index: 10;
}
.FrameTextContainer
{
  position: absolute;
  top: 0;
  right: 0;
  height: 280px;
  width: 325px;
  z-index: 11;
}
.FrameTextContainer p
{
  margin: 30px 5px 5px 25px;
  width: 275px;
  font-size: 24px;
  line-height: 40px;
  color: White;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sideMenu
{
  background: url(images/bg-SideMenuTitle.gif) no-repeat top;
  margin-top: 10px;
  overflow: hidden;
}
.sideMenu .data
{
}
.searchContainer
{
  background-color: #013820;
}
.searchbox
{
  padding-left: 15px;
}

.category-navigation
{
  width: 220px;
}

.category-navigation a
{
}
.greenBackground
{
  background-color: #013820;
}
.category-navigation .cat-title
{
  font-size: 22px;
  font-weight: normal;
  padding: 10px 0px 5px 0px;
  color: #fff;
  text-align: center;
}
.category-navigation .cat-title a
{
  color: #fff;
  text-decoration: none;
}
.category-navigation .cat-title a:hover
{
  text-decoration: none;
}

.category-navigation .treeview
{
	margin:0px;
	font-size: 17px;
	padding: 5px 0px 340px 0px;
}
#catMenu {
  margin: 0px 10px 0px 20px;
  padding: 0px 0px 0px 10px;
}
#catMenu a.head {
	cursor:pointer;
	color:#FFFFFF;
	display:inline;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
#catMenu a.head:hover {
	font-weight: bold;
}
#catMenu a.selected {
  font-weight: bold;
}
#catMenu a.current {
  font-weight: bold;
}
#catMenu ul {
  margin: 0px;
  padding: 0px 0px 0px 7px;
}
#catMenu li {
  margin: 0px 0px 5px 0px;
  list-style-type: disc;
  color: #FFF;
}
#catMenu li a {
	display:inline;
}
#catMenu li li 
{
  list-style-image: url(images/bg-CategoryDash.gif);
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#catMenu li li a {
	display:inline;
  font-size: 14px;
  line-height: 17px;
  color: #FFF;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}
#catMenu li li a:hover {
  font-weight: bold;
}
#catMenu a.ui-state-active
{
  font-weight: bold;
  color: #fff;
}

#catMenu a.ui-accordion-content-active
{
  font-weight: bold;
}
.code
{
  border: none;
  list-style-type: decimal-leading-zero;
  padding: 0px;
  margin: 0;
}
.code code
{
  display: block;
  padding: 0px;
  margin-bottom: 0;
}
.code li
{
  border: none;
  margin: 0 0 0px 0em;
}
.indent1
{
  padding-left: 1em;
}
.indent2
{
  padding-left: 2em;
}
.indent3
{
  padding-left: 3em;
}
.indent4
{
  padding-left: 4em;
}
.indent5
{
  padding-left: 5em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INFO BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.infoblock-navigation
{
  position: relative;
}
.infoblock-navigation .background
{
  position: absolute;
  width: 220px;
  height: 280px;
  background-color: #fff;
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

.infoblock-navigation li
{
  list-style: none;
  padding-bottom: 5px;
}

.infoblock-navigation a
{
}

.infoblock-navigation .title
{
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 8px;
}

.infoblock-navigation .listbox
{
  position: absolute;
  margin-top: 25px;
}

.infoblock-navigation .listbox ul
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 16px;
  background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer
{
  clear: both;
  height: 35px;
  border-top: 4px solid #666666;
  background: #FFF;
  padding: 5px 5px 5px 5px;
}

.footer a
{
  text-decoration: none;
}

.footer-disclaimer
{
  float: right;
  font-size: 11px;
}

.footer-poweredby
{
  float: left;
  font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.headermenucontainer
{
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: bold;
  background-color: #013820;
  height: 40px;
  width: 950px;
}
/* Generic Menu Settings */
.headermenu
{
  margin-left: auto;
  margin-right: auto;
  z-index: 50;
}
.headermenu ul
{
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.headermenu ul li
{
  float: left;
  padding: 0px;
  height: 40px;
  z-index: 100;
}
.headermenu table
{
  border-left: 1px solid #013820;
  height: 40px;
}
.headermenu td
{
  text-align: center;
  padding-bottom: 5px;
}
.headermenu a
{
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
}
.headermenu ul li ul
{
  clear: left;
  position: absolute;
  height: auto;
  margin: 0px;
  border: 0px;
  left: 0px;
  top: 0px;
  padding: 0px 10px 10px 0;
  z-index: 100;
}
.headermenu ul li li
{
  float: none;
  margin-left: 1px;
  padding: 0px;
  padding: 0px 0px 1px 0px;
  height: auto;
  text-align: left;
}
.headermenu ul li li a
{
  font-weight: normal;
  font-size: 16px;
  color: #013820;
  text-align: left;
  padding-left: 5px;
}
.headermenu ul li li a:hover
{
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
}
.submenu
{
  position: relative;
  z-index: 100;
}
/* ------------------------------- */

/* Narrow menu settings */
.middlemenu table
{
  width: 100px;
}
.middlemenu ul
{
  visibility: hidden;
}
.middlemenu li.menudropdownstart
{
  width: 197px;
  height: 23px;
  background: url(images/menu-dropdownstart.png) no-repeat top left;
}
.middlemenu li
{
  width: 197px;
  background: url(images/menu-dropdownmiddle.png) repeat-y;
}
.middlemenu li.menudropdownend
{
  width: 197px;
  height: 26px;
  background: url(images/menu-dropdownend.png) no-repeat;
}
.middlemenu-hover table
{
  width: 100px;
}
.middlemenu-hover a
{
  color: #013820;
}
.middlemenu-hover ul
{
  width: 197px;
  display: block;
}
.middlemenu-hover li.menudropdownstart
{
  width: 197px;
  height: 23px;
  background: url(images/menu-dropdownstart.png) no-repeat top left;
}
.middlemenu-hover li
{
  width: 197px;
  background: url(images/menu-dropdownmiddle.png) repeat-y;
}
.middlemenu-hover li a
{
  width: 197px;
}
.middlemenu-hover li.menudropdownend
{
  width: 197px;
  height: 26px;
  background: url(images/menu-dropdownend.png) no-repeat;
}
/* ------------------------ */

/* Wide Menu Settings */
.middlemenu-wide table
{
  width: 114px;
}
.middlemenu-wide ul
{
  visibility: hidden;
}
.middlemenu-wide li.menudropdownstart
{
  width: 207px;
  height: 23px;
  background: url(images/menu-wide-dropdownstart.png) no-repeat;
  font-size: 18px;
}
.middlemenu-wide li
{
  width: 207px;
  background: url(images/menu-wide-dropdownmiddle.png) repeat-y;
}
.middlemenu-wide li.menudropdownend
{
  width: 207px;
  height: 26px;
  background: url(images/menu-wide-dropdownend.png) no-repeat;
}
.middlemenu-wide-hover table
{
  width: 114px;
}
.middlemenu-wide-hover a
{
  color: #013820;
}
.middlemenu-wide-hover ul
{
  width: 207px;
}
.middlemenu-wide-hover li.menudropdownstart
{
  width: 207px;
  height: 23px;
  background: url(images/menu-wide-dropdownstart.png) no-repeat;
  font-size: 18px;
}
.middlemenu-wide-hover li
{
  width: 207px;
  background: url(images/menu-wide-dropdownmiddle.png) repeat-y;
}
.middlemenu-wide-hover li a
{
  width: 190px;
}
.middlemenu-wide-hover li.menudropdownend
{
  width: 207px;
  height: 26px;
  background: url(images/menu-wide-dropdownend.png) no-repeat;
}
/* ------------------------ */

.headermenu .leftmenu
{
  background: Url('images/Bg-HeaderMenuStart.Gif') no-repeat top left;
  width: 70px;
}
.headermenu .leftmenu-hover
{
  background: Url('images/Bg-HeaderMenuStartHover.Gif') no-repeat top left;
  width: 70px;
}
.headermenu .leftmenu a
{
  width: 58px;
  margin-left: 5px;
}
.headermenu .leftmenu-hover a
{
  width: 58px;
  margin-left: 5px;
  color: #013820;
}

.headermenu .rightmenu
{
  width: 80px;
  border-left: 1px solid #013820;
  background: Url('images/Bg-HeaderMenuEnd.Gif') no-repeat top right;
}
.headermenu .rightmenu-hover
{
  width: 80px;
  border-left: 1px solid #013820;
  background: Url('images/Bg-HeaderMenuEndHover.Gif') no-repeat top right;
}
.headermenu .rightmenu a
{
  width: 70px;
} 
.headermenu .rightmenu-hover a
{
  width: 70px;
  color: #013820;
} 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Side Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-side .htmlcontent
{
  margin-top: 10px;
}
.master-wrapper-side .htmlcontent-title
{
  background: url(images/bg-SideMenuTitle.gif) no-repeat top;
  color: #fff;
  text-align: center;
  height: 38px;
  line-height: 38px;
}
.master-wrapper-side .htmlcontent-title h2
{
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.master-wrapper-side .htmlcontent-body
{
  border: 1px solid #013820;
  color: #013820;
  font-size: 0.9em;
  padding: 0px 20px;
  background-color: #fff;
}
.master-wrapper-side .htmlcontent-body p
{
  margin: 0px;
  color: #013820;
  padding: 10px 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Article Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-wrapper-cph .htmlcontent
{
  margin-left: 25px;
  width: 680px;
}
.master-wrapper-cph .htmlcontent-title
{
  display: none;
}
.master-wrapper-cph .htmlcontent-body
{
  padding: 0px;
  vertical-align: top;
  background-color: #fff;
}
.master-wrapper-cph .htmlcontent-body h1
{
  color: #013820;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px;
}
.master-wrapper-cph .htmlcontent-body td
{
  vertical-align: top;
  color: #013820;
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  line-height: 16px;
}
.master-wrapper-cph .htmlcontent img
{
  padding: 0px 0px 10px 0px;
}
.master-wrapper-cph .htmlcontent-body div
{
  margin: 0px;
}
.master-wrapper-cph .htmlcontent-body p
{
  color: rgb(51, 51, 51);
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  line-height: 20px;
  margin: 0px;
  padding-bottom: 10px;
}

/****************************************************************************************************/
/* Used for the video overlay in articles
/****************************************************************************************************/

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/Controls/fancybox/fancy_loading.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/Controls/fancybox/fancy_loading.png') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	/* Set a background image for the div where the player will be loaded. Optional.*/
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/Controls/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/Controls/fancybox/fancy_nav_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/Controls/fancybox/fancy_nav_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/Controls/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/Controls/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/Controls/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancybox/fancy_title_right.png) repeat-x;
}

.foo

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	html

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

checkbox, input, radio, select
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

/* fix ie button padding bug - apply to all buttons to reduce extra padding applied by ie!
input
{
	width: auto;
	overflow: visible;
} */
textarea
{
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TEXTBOX CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.textbox
{
}

.searchtext
{
	border: solid 1px #d3d3d3;
	vertical-align: top;
	font-size: 12px;
}

.searchboxtext
{
	width: 110px;
	border: solid 1px #E3E3E3;
	font-size: 12px;
}

.accountsignaturetext
{
	height: 100px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
}

.nopnumerictextboxtext
{
	border: solid 2px #848081;
	border-bottom: solid 3px #0e1116;
	border-right: solid 3px #0e1116;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	height: 28px;
	width: 28px;
	line-height: 28px;
	position: absolute;
	left: 108px;
	bottom: 16px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTON CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchboxbutton
{
	background: url(images/btn-search.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 12px;
	padding: 0px;
	width: 70px;
}
.searchboxbutton:hover
{
	background: url(images/btn-searchHover.gif) no-repeat;
	color: #013820;
}

.searchbutton
{
}
.searchbutton:hover
{
}
.contactusbutton
{

}

.defaultbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px;
	width: 146px;
}
.defaultbutton:hover
{
	background: url(images/btn-moredetails-hover.gif) no-repeat;
	color: #013820;
}
.headercheckoutbutton
{
	background: url('images/btn-Header-Checkout.gif') no-repeat;
	border: none;
	width: 162px;
	height: 24px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
	cursor: pointer;
}
.headercheckoutbutton:hover
{
  color: #013820;
	background: url('images/btn-Header-Checkout-Hover.gif') no-repeat;
}
.quicklink
{
  color: #fff;
  text-decoration: none;
  border: none;
  width: 190px;
  height: 28px;
 	padding: 0px 0px 0px 7px;
	font-size: 13px;
	text-align: left;
	cursor: pointer;
	background: url('images/btn-QuickLink.png') no-repeat 0px 2px;
}
.quicklink:hover
{
  color: #013820;
	background: url('images/btn-QuickLink-hover.png') no-repeat 0px 2px;
}
.productrelatedproductdetailbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 146px;
}
.productfeaturedproductdetailbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 146px;
}

.productlistaddtocartbutton
{

}

.productgridproductdetailbutton
{

}

.productgridaddtocartbutton
{

}

.newsitemaddcommentbutton
{

}

.blogpostaddcommentbutton
{

}

.productemailafriendbutton
{

}

.productaddtocomparelistbutton
{

}

.productvariantaddtocartbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 146px;
	vertical-align: bottom;
	float: right;
}
.productvariantaddtocartbutton:hover
{
	background: url(images/btn-moredetails-hover.gif) no-repeat;
  color: #013820;
}
.productvariantaddtowishlistbutton
{

}

.productwritereviewbutton
{

}

.loginbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 12px;
	padding: 0px;
	width: 70px;
}
.loginbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.registerbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 12px;
	padding: 0px;
	width: 70px;
}
.registerbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.checkoutasguestbutton
{

}

.savecustomerinfobutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.savecustomerinfobutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.addbillingaddressbutton
{

}

.addshippingaddressbutton
{
	background: url(images/btn-Checkout.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 23px;
	font-size: 11px;
	padding: 0;
	width: 142px;
}
.addshippingaddressbutton:hover
{
	background: url(images/btn-CheckoutHover.gif) no-repeat;
	color: #013820;
}

.editaddressbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.editaddressbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.deleteaddressbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0px;
	width: 70px;
}
.deleteaddressbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.orderdetailsbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.orderdetailsbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}
.changepasswordbutton
{
	background: url(images/btn-Checkout.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 23px;
	font-size: 10px;
	padding: 0px;
	width: 142px;
}
.changepasswordbutton:hover
{
	background: url(images/btn-CheckoutHover.gif) no-repeat;
	color: #013820;
}
.registernextstepbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 146px;
}

.completeregistrationbutton
{

}

.passwordrecoverybutton
{

}

.newpasswordbutton
{

}

.saveaddressbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.saveaddressbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.orderdetailsprintbutton
{

}

.updatewishlistbutton
{

}

.sendemailafriendbutton
{

}

.applycouponcodebutton
{

}

.updatecartbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 146px;
}

.continueshoppingbutton
{
	background: url(images/btn-defaultwide.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	width: 180px;
}
.continueshoppingbutton:hover
{
	background: url(images/btn-defaultwidehover.gif) no-repeat;
	color: #013820;
}
.checkoutbutton
{
	background: url(images/btn-moredetails.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 59px;
	font-size: 15px;
	padding: 0px;
	width: 146px;
}

.selectshippingaddressbutton
{
	background: url(images/btn-Checkout.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 23px;
	font-size: 10px;
	padding: 0px;
	width: 142px;
}
.selectshippingaddressbutton:hover
{
	background: url(images/btn-CheckoutHover.gif) no-repeat;
	color: #013820;
}
.newaddressnextstepbutton
{
	background: url(images/btn-Checkout.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 23px;
	font-size: 10px;
	padding: 0px;
	width: 142px;
}
.newaddressnextstepbutton:hover
{
	background: url(images/btn-CheckoutHover.gif) no-repeat;
	color: #013820;
}
.selectbillingaddressbutton
{

}

.sameasshippingaddressbutton
{

}

.shippingmethodnextstepbutton
{

}

.paymentmethodnextstepbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.paymentmethodnextstepbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.paymentinfonextstepbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.paymentinfonextstepbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.confirmordernextstepbutton
{
	background: url(images/btn-AddressCommand.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 20px;
	font-size: 11px;
	padding: 0;
	width: 70px;
}
.confirmordernextstepbutton:hover
{
	background: url(images/btn-AddressCommandHover.gif) no-repeat;
	color: #013820;
}

.orderprocessedcontinuebutton
{
	background: url(images/btn-Checkout.gif) no-repeat;
	border: none;
	color: #FFF;
	text-align: center;
	height: 23px;
	font-size: 10px;
	padding: 0px;
	width: 142px;
}
.orderprocessedcontinuebutton:hover
{
	background: url(images/btn-CheckoutHover.gif) no-repeat;
	color: #013820;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX CONTROL TOOLKIT - TAB CONTROL CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.woodcote_tab .ajax__tab_inner						{ background:url(images/tab-left.gif) no-repeat; display: inline-block;}
.woodcote_tab .ajax__tab_tab						{ background:url(images/tab.gif) repeat-x top; color: #fff; display: inline-block;}
.woodcote_tab .ajax__tab_outer						{ background:url(images/tab-right.gif) no-repeat top right; display: inline-block;}
.woodcote_tab .ajax__tab_hover .ajax__tab_inner	{ background:url(images/tab-hover-left.gif) no-repeat; display: inline-block; }
.woodcote_tab .ajax__tab_hover .ajax__tab_tab		{ background:url(images/tab-hover.gif) repeat-x; display: inline-block; }
.woodcote_tab .ajax__tab_hover .ajax__tab_outer	{ background:url(images/tab-hover-right.gif) no-repeat top right; display: inline-block; }
.woodcote_tab .ajax__tab_active .ajax__tab_inner	{ background:url(images/tab-hover-left.gif) no-repeat; display: inline-block; }
.woodcote_tab .ajax__tab_active .ajax__tab_tab		{ background:url(images/tab-hover.gif) repeat-x; display: inline-block; }
.woodcote_tab .ajax__tab_active .ajax__tab_outer	{ background:url(images/tab-hover-right.gif) no-repeat top right; display: inline-block; }

.woodcote_tab .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:12px; height:56px; background: url(images/tab-header.gif) no-repeat bottom left}
.woodcote_tab .ajax__tab_inner						{ padding-left:12px; height:39px; }
.woodcote_tab .ajax__tab_tab						{ padding:0px;margin:0; height:39px; line-height: 39px;}
.woodcote_tab .ajax__tab_outer						{ height:39px;  padding-right: 12px; }
.woodcote_tab .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border: none;padding:0px;background-color:#ffffff; background: #fff url(images/tab-body.gif) repeat-y left}
.woodcote_tab .ajax__tab_active .ajax__tab_tab { color: #013820 }
.woodcote_tab .ajax__tab_hover .ajax__tab_tab { color: #013820}
.tabfooter {background: url(images/tab-footer.gif) no-repeat top left; height: 31px; width: 100%;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageProducts
{
  width: 710px;
  height: 370px;
  position: relative;
  background: url(images/carousel-border.gif) no-repeat;
  padding-top: 10px;
  margin-left: 25px;
}

.HomePageProducts .buttonPrev
{
    position: absolute;
    top: 150px;
    left: 2px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
}

.HomePageProducts .buttonNext
{
    position: absolute;
    top: 150px;
    right: 30px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
}
.HomePageProducts .carousel
{
  width: 660px;
  height: 330px;
  overflow: hidden;
  margin-left: 30px;
}
.HomePageProducts ul
{
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 660px;
}
.HomePageProducts ul li
{
	list-style: none;
	float: left;
}
.HomePageProducts .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	clear: both;
	height: 60px;
	overflow: hidden;
}

.HomePageProducts .ItemBox
{
	text-align: center;
	margin: 5px 0px 0px 5px;
	width: 200px;
	height: 325px;
	position: relative;
}
.HomePageProducts .ItemBox a
{
  color: #013820;
  text-decoration: none;
}
.HomePageProducts .ItemBox a:hover
{
  color: #013820;
  text-decoration: none;
}
.HomePageProducts .ItemBox .title
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	padding: 0;
  font-size: 16px;
  text-transform:none;
}
.HomePageProducts .ItemBox .picture
{
	text-align: center;
	height: 170px;
	vertical-align: bottom;
}
.HomePageProducts .ItemBox .price
{
	position: absolute;
	bottom: 55px;
	left: 0px;
	width: 200px;
}
.HomePageProducts .ItemBox .price a
{
  font-size: 20px;
 }
.HomePageProducts .ItemBox .price .PriceCut
{
  color: #df1d23;
}
.HomePageProducts .ItemBox .button
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 200px;
}
.HomePageProducts .ItemBox .pricecut img
{
  padding-top: 27px;
  background: url(images/ico-pricecut.gif) no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductDetailsPage
{
	border: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px;
	width: 690px;
}

.ProductCollateral
{
	margin-top: 0px;
	margin-bottom: 10px;
	clear: both;
	border-top: dotted 2px #013820;
	padding: 25px 0px 0px 0px;
	width: 675px;
}
.tab-feature
{
  margin: 0px 30px 0px 20px;
  min-height: 300px;
  height:auto !important;
  height:300px;
  vertical-align: top;
}
.tab-feature h1
{
  color: #013820;
  font-family: Tahoma, Arial, Verdana;
  font-size: 18px;
  line-height: 32px;
  font-weight: normal;
}
.tab-feature td
{
  vertical-align: top;
  color: #013820;
  font-family: Tahoma, Arial, Verdana;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
}
.tab-feature div
{
  margin: 0px;
}
.tab-feature p
{
  color: #013820;
  font-family: Tahoma, Arial, Verdana;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS INFO - PRODUCT INFO CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductEssential
{
}

.ProductDetailsInfo
{
}

.ProductDetailsInfo .picture
{
	width: 345px;
	margin: 0px;
	float: left;
}
.ProductDetailsInfo .MainImage
{
	height: 345px;
	width: 345px;
}
.ProductDetailsInfo .MainImage table
{
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
  height: 100%;
  border: none;
	width: 345px;
}
.ProductDetailsInfo .MainImage td
{
  height: 100%;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
}

.ProductDetailsInfo .overview
{
	width: 330px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: right;
}

.ProductDetailsInfo .overview .productname
{
	color: #013820;
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	width: 300px;
  min-height:25px;
  height:auto !important;
  height:25px;
}
.ProductDetailsInfo .overview .fulldescription
{
	clear: both;
	color: #013820;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	width: 300px;
  min-height:205px;
  height:auto !important;
  height:205px;
}
.ProductDetailsInfo .overview .fulldescription p
{
	margin-bottom: 0px;
}
.ProductDetailsInfo .overview .attributes
{
  text-align: center;
	color: #013820;
	font-size: 14px;
}
.ProductDetailsInfo .overview .attributes div
{
  float: left;
  padding: 0px 5px 0px 0px;
}
.ProductDetailsInfo .overview .price
{
  clear: left;
	font-size: 28px;
	padding-right: 20px;
  min-height:30px;
}

.ProductDetailsInfo .overview .price td.Price
{
  text-align:right;
	color: #013820;
  padding: 0px;
  margin: 0px;
  line-height: 30px;
}

.ProductDetailsInfo .overview .price td.Image
{
  text-align: left;
  line-height: 30px;
}
.ProductDetailsInfo .overview .productPrice
{
	color: #013820;
}

.ProductDetailsInfo .overview .PriceCut
{
	color: #df1d23;
}
.ProductDetailsInfo .overview .addinfo
{
	float: right;
	color: #013820;
	font-size: 24px;
	font-weight: normal;
	height: 54px;
  height:auto !important;
  height:54px;
	width: 300px;
	position: relative;
	padding-bottom: 5px;
}
.ProductDetailsInfo .overview .addinfo p
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px 0px 18px 0px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT VARIANT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductVariantList
{
	margin: 0px;
	padding: 0px;
}

.ProductVariantLine
{
	margin: 0px;
	padding: 0px;
}

.ProductVariantLine .picture
{
	float: left;
	width: 300px;
	margin-bottom: 0px;
}

.ProductVariantLine .overview
{
	float: right;
	height: auto;
	width: auto;
}

.ProductVariantLine .overview .productname
{
	color: #013820;
	font-size: 1.2em;
	margin-bottom: 0px;
}

.ProductVariantLine .description
{
	clear: both;
	color: #013820;
	margin-bottom: 0em;
}

.ProductVariantLine .price
{
	float: right;
	margin-right: 25px;
	font-size: 33px;
	line-height: 35px;
	vertical-align: bottom;
}

.ProductVariantLine .price .productPrice
{
	color: #013820;
}

.ProductVariantLine .price .oldProductPrice
{
	color: red;
	text-decoration: line-through;
}

.ProductVariantLine .addinfo
{
	float: right;
	color: #013820;
	font-size: 24px;
	font-weight: normal;
	height: 54px;
	width: 300px;
	line-height: 59px;
	position: relative;
	padding-bottom: 5px;
}
.ProductVariantLine .addinfo p
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px;
}

.ProductVariantLine .error
{
	color: Red;
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RELATED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RelatedProductsGrid
{
  width: 690px;
  height: 330px;
  position: relative;
}

.RelatedProductsGrid .buttonPrev
{
    position: absolute;
    top: 130px;
    left: 2px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
}

.RelatedProductsGrid .buttonNext
{
    position: absolute;
    top: 130px;
    right: 30px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
}

.RelatedProductsGrid .carousel
{
  width: 640px;
  height: 330px;
  overflow: hidden;
  margin-left: 25px;
}
.RelatedProductsGrid ul
{
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 660px;
}
.RelatedProductsGrid ul li
{
	list-style: none;
	float: left;
}
.RelatedProductsGrid .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	clear: both;
	height: 55px;
	overflow: hidden;
}

.RelatedProductsGrid .RelatedItem
{
	text-align: center;
	margin: 5px 0px 0px 0px;
	width: 200px;
	height: 325px;
	position: relative;
}
.RelatedProductsGrid .RelatedItem a
{
  color: #013820;
  text-decoration: none;
}
.RelatedProductsGrid .RelatedItem a:hover
{
  color: #013820;
  text-decoration: none;
}
.RelatedProductsGrid .RelatedItem .title
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	padding: 0;
  font-size: 16px;
  text-transform:none;
}
.RelatedProductsGrid .RelatedItem .picture
{
	text-align: center;
	height: 170px;
	vertical-align: bottom;
}
.RelatedProductsGrid .RelatedItem .price
{
	position: absolute;
	bottom: 55px;
	left: 0px;
	width: 200px;
}
.RelatedProductsGrid .RelatedItem .price a
{
  font-size: 20px;
 }
.RelatedProductsGrid .RelatedItem .price .PriceCut
{
  color: #df1d23;
}
.RelatedProductsGrid .RelatedItem .button
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 200px;
}
.RelatedProductsGrid .RelatedItem .pricecut img
{
  padding-top: 27px;
  background: url(images/ico-pricecut.gif) no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lbOverlay
{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer
{
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading
{
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage
{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink
{
	left: 0;
}

#lbPrevLink:hover
{
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink
{
	right: 0;
}

#lbNextLink:hover
{
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom
{
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink
{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber
{
	margin-right: 71px;
}

#lbCaption
{
	font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRICE RANGE FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PriceRangeFilter
{
  color: #fff;
}
.PriceRangeFilter a
{
  color: #fff;
}
.PriceRangeFilter .title
{
  font-size: 22px;
  font-weight: normal;
  padding: 10px 0px 5px 0px;
  color: #fff;
  text-align: center;
}
.PriceRangeFilter .subtitle
{
  padding-left: 20px;
  font-size: 18px;
  background-color: #013820;
}
.PriceRangeFilter ul
{
	margin: 0;
	padding: 0px 0px 5px 30px;
  background-color: #013820;
}

.PriceRangeFilter li
{
	list-style: none;
	padding-bottom: 2px;
	font-size: 14px;
}

.PriceRangeFilter .SelectedPriceRange
{
	padding-left: 20px;
  background-color: #013820;
}
.PriceRangeFilter .SelectedPriceRange p
{
  padding: 0px 0px 0px 25px;
  font-size: 14px;
  margin: 1px;
}

.PriceRangeFilter .RemovePriceRangeFilter
{
	font-weight: normal;
	font-size: 12px;
	padding-left: 0px;
  background-color: #013820;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TIER PRICES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TierPrices
{
	text-align: center;	
	margin-bottom: 10px;
}

.TierPrices .prices-header
{
	background: #7692B9;
	color: #FFF;
	padding: 3px 3px 3px 3px;
	font-weight: bold;	
}

.TierPrices .prices table
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	background: #f3f3f3;
}

.TierPrices .prices .prices-table td
{
	padding: 0;
}

.TierPrices .prices .item-table td
{
	border-bottom: solid 3px #d7d7d7;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.TierPrices .prices .item-table .item-price
{
	color: Green;
}

.TierPrices .prices .header-table td
{
	border-bottom: solid 3px #d7d7d7;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.TierPrices .prices .prices-table .field-header
{
	font-weight: bold;
	text-align: center;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SEARCH PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchPanel
{
	margin-bottom: 15px;
	padding: 0px;
}

.searchPanel .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.searchPanel .searchInput
{
	border: 1px solid rgb(232, 230, 210);
	padding: 10px;
}

.searchPanel .searchResults
{
	padding-top: 10px;
}

.searchPanel .searchResults .result
{
	font-weight: bold;
	color: #555;
}

.searchResults .ProductList1
{
	width: 600px;
	margin: 0 auto 0 auto;
}

.searchResults .ProductList1 .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}

.searchResults .ProductList1 .ProductItem
{
	width: 600px;
	height: 177px;
	border: 1px solid rgb(232, 230, 210);
}

.searchResults .ProductList1 .ProductItem .title
{
	font-weight: bold;
	margin:0;
	padding: 0 0 0 10px;
}

.searchResults .ProductList1 .ProductItem .title a
{
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.searchResults .ProductList1 .ProductItem .picture
{
	float: left;
	margin: 10px 0 10px 10px;
}

.searchResults .ProductList1 .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px rgb(232, 230, 210);
	color: #555;
}

.searchResults .ProductList1 .ProductItem .prices-wrapper
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 5px;
}

.searchResults .ProductList1 .ProductItem .prices
{
	font-size: 11px;
}

.searchResults .ProductList1 .ProductItem .prices .productPrice
{
	color: green;
}

.searchResults .ProductList1 .ProductItem .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.searchResults .ProductList1 .ProductItem .buttons
{
	padding-top: 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb
{
	float: left;
	padding: 0px;
	margin: 0px 0px 10px 25px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	width: 650px;
}
.breadcrumb h2
{
	font-weight: bold;
	font-size: 1em;
	display: inline;
}
.breadcrumb a
{
	text-decoration: none;
	color: #3A4045;
	margin: 0px;
	padding: 0px;
}

.breadcrumb a:hover
{
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newslist
{
}

.newslist .title
{
	padding: 10px 0px 1px 0px;
	margin: 0 5px 10px 5px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	font-size: 1.1em;
	border-bottom: solid 1px #C4C6C8;
}

.newslist .newsitems
{
	margin: 0px;
	padding: 0px;
}

.newslist .newsitems .item
{
	border-bottom: dashed 2px #6d9c71;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.newslist .newsitems .newsDate
{
	color: #9a9a9a;
	font-style: italic;
}

.newslist .newsitems a.newsTitle
{
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
}

.newslist .newsitems a.newsTitle:hover
{
	text-decoration: underline;
}

.newslist .newsitems .newsDetails
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.newslist .newsitems .newsReadMore
{
	font-weight: bold;
	text-decoration: none;
	color: #3664A5;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newsitem
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.newsitem .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
}

.newsitem .newsDate
{
	color: #9a9a9a;
	font-style: italic;
}

.newsitem .newsbody
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.newsComments
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.newsComments .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.newsComments .newComment
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.newsComments .newComment td.leaveTitle
{
	padding: 0px 10px 10px 0px;
	font-weight: bold;
	color: #3a3a3a;
}

.newsComments .newComment td.button
{
	text-align: right;
}

.newsComments .commentList
{
	border-top: solid 1px #e3e3e3;
	margin-top: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccountPage
{
  margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AccountPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	text-transform: uppercase;
	clear: both;
}

.AccountPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

.SubscriptionCheckbox input
{
  margin-right: 7px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER INFO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CustomerInfoBox
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	width: 650px;
}

.CustomerInfoBox .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
	color: #013820;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	height: auto;
}

.CustomerInfoBox .Button
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.CustomerAddresses
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerAddresses .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
	color: #013820;
}

.CustomerAddresses .AdressList
{
  width: 650px;
}

.CustomerAddresses .AdressList .AddressItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CustomerAddresses .AddButton
{
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 50px;
	float: right;
	text-align: right;
}

.CustomerOrders
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerOrders .OrderList
{
  width: 650px;
}

.CustomerOrders .OrderList .OrderItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CustomerPassRecovery
{
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.blockBordered
{
	border: 1px solid rgb(232, 230, 210);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.LoginPage
{
	margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.LoginPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color: #013820;
}
.LoginPage p
{
  padding: 0px 10px 0px 0px;
}
.LoginPage .wrapper
{
	width: 700px;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 11px;
	color: #555;
}

.LoginPage .wrapper .new-wrapper
{
	float: left;
	width: 50%;
}

.LoginPage .wrapper .new-wrapper .RegisterTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .wrapper .new-wrapper .RegisterBlock
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: 1px solid rgb(232, 230, 210);
	height: 240px;
	vertical-align: top;
}

.LoginPage .wrapper .new-wrapper .CheckoutAsGuestOrRegisterBlock
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: 1px solid rgb(232, 230, 210);
	height: 240px;
	vertical-align: top;
}

.LoginPage .wrapper .returning-wrapper
{
	float: right;
	width: 50%;
}

.LoginPage .wrapper .returning-wrapper .LoginTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .wrapper .returning-wrapper .LoginBlock
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: 1px solid rgb(232, 230, 210);
	height: 240px;
}

.LoginTableContainer
{
	vertical-align: middle;
}

.LoginTableContainer .Row
{
}

.LoginTableContainer .Row .ItemName
{
	padding: 10px 10px 10px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: bold;
}

.LoginTableContainer .Row .ItemValue
{
	padding: 10px 0px 10px 0px;
	vertical-align: middle;
}

.LoginPage .ForgotPassword
{
	font-weight: bold;
}

.LoginPage .LoginButton
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	REGISTRATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RegistrationPage
{
	margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.RegistrationPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color: #013820;
}

.RegistrationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.RegistrationPage .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.RegistrationPage .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.RegistrationPage .Button
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PASSWORD RECOVERY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PasswordRecoveryPage
{
	margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.PasswordRecoveryPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color: #013820;
}

.PasswordRecoveryPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ACCOUNT ACTIVATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AccountActivationPage
{
	margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AccountActivationPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color: #013820;
}

.AccountActivationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESS EDIT PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AddressEditPage
{
  margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
	width: 400px;
}

.AddressEditPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color: #013820;
}

.AddressEditPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE CATEGORIES - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageCategoryGrid
{
	width: 705px;
	margin: 0px;
	position: static;
}
.HomePageCategoryGridItem
{
  padding: 0px;
  margin: 0px;
	vertical-align: top;
}
.CategoryBox
{
	padding: 0px 15px 40px 25px;
	background: url('images/bg-CategoryThumb.gif') no-repeat 25px 0px;
	height: 185px;
	overflow: hidden;
}
.CategoryBox img
{
  float: left;
}
.CategoryBox table
{
  clear: left;
  width: 140px;
  border-collapse: collapse;
}
.CategoryBox td
{
  padding: 0px;
  margin: 0px;
  text-align: center;
  height: 38px;
  cursor: pointer;
}
.CategoryBox td a
{
  color: #fff;
  font-weight: bold;
}
.CategoryBox-hover
{
	padding: 0px 15px 40px 25px;
	background: url('images/bg-CategoryThumb-Hover.gif') no-repeat 25px 0px;
}
.CategoryBox-hover img
{
  float: left;
}
.CategoryBox-hover table
{
  clear: left;
  width: 140px;
  border-collapse: collapse;
}
.CategoryBox-hover td
{
  padding: 0px;
  margin: 0px;
  text-align: center;
  height: 38px;
  cursor: pointer;
}
.CategoryBox-hover td a
{
  color: #013820;
  font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY DETAILS PAGE - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage
{
	margin-bottom: 15px;
	padding: 0px;
}

.CategoryPage .CategoryTitle
{
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.CategoryPage .CategoryDescription
{
	color: #0A263C;
	font-size: 1.1em;
}

.CategoryPage .ProductPager
{
	text-align: center;
}

.CategoryPage .ProductPager a
{
	font-size: 1em;
	color: #555;
}

.CategoryPage .ProductPager a:link
{
	text-align: center;
}

.CategoryPage .ProductPager span
{
	color: #3664A5;
	font-size: 1.3em;
	font-weight: bold;
}
.CategoryPage .noData
{
  text-align: center;
  padding-top: 20px;
  color: #013820;
  font-size: 16px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB CATEGORIES - PRODUCTS IN GRID TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .SubCategoryGrid
{
	width: 705px;
	margin-left: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEATURED PRODUCTS IN CATEGORY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .FeaturedProducts
{
  width: 710px;
  height: 370px;
  position: relative;
  background: url(images/carousel-border.gif) no-repeat;
  padding-top: 10px;
  margin-left: 25px;
}

.CategoryPage .FeaturedProducts .buttonPrev
{
    position: absolute;
    top: 150px;
    left: 2px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
}

.CategoryPage .FeaturedProducts .buttonNext
{
    position: absolute;
    top: 150px;
    right: 30px;
    width: 23px;
    height: 50px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
}
.CategoryPage .FeaturedProducts .carousel
{
  width: 640px;
  height: 330px;
  overflow: hidden;
  margin-left: 25px;
}
.CategoryPage .FeaturedProducts ul
{
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width: 660px;
}
.CategoryPage .FeaturedProducts ul li
{
	list-style: none;
	float: left;
}
.CategoryPage .FeaturedProducts .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	clear: both;
	height: 60px;
	overflow: hidden;
}

.CategoryPage .FeaturedProducts .ItemBox
{
	text-align: center;
	margin: 5px 0px 0px 5px;
	width: 200px;
	height: 325px;
	position: relative;
}
.CategoryPage .FeaturedProducts .ItemBox a
{
  color: #013820;
  text-decoration: none;
}
.CategoryPage .FeaturedProducts .ItemBox a:hover
{
  color: #013820;
  text-decoration: none;
}
.CategoryPage .FeaturedProducts .ItemBox .title
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	padding: 0;
  font-size: 16px;
  text-transform:none;
}
.CategoryPage .FeaturedProducts .ItemBox .picture
{
	text-align: center;
	height: 170px;
	vertical-align: bottom;
}
.CategoryPage .FeaturedProducts .ItemBox .price
{
	position: absolute;
	bottom: 55px;
	left: 0px;
	width: 200px;
}
.CategoryPage .FeaturedProducts .ItemBox .price a
{
  font-size: 20px;
 }
.CategoryPage .FeaturedProducts .ItemBox .price .PriceCut
{
  color: #df1d23;
}
.CategoryPage .FeaturedProducts .ItemBox .button
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 200px;
}
.CategoryPage .FeaturedProducts .ItemBox .pricecut img
{
  padding-top: 27px;
  background: url(images/ico-pricecut.gif) no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN GRID - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductGrid
{
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: center;
}

.CategoryPage .ProductGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.CategoryPage .ProductGrid .ProductItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	width: 250px;
	border: 1px solid rgb(232, 230, 210);
}

.CategoryPage .ProductGrid .ProductItem .title
{
	font-weight: bold;
	padding-left: 10px;
}

.CategoryPage .ProductGrid .ProductItem .title a
{
	display: block;
	line-height: 1.3em;
	padding: 4px 10px 8px 0px;
	color: #3A4045;
}

.CategoryPage .ProductGrid .ProductItem .picture
{
	text-align: center;
	margin-top: 10px;
}

.CategoryPage .ProductGrid .ProductItem .description
{
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px rgb(232, 230, 210);
	color: #555;
	height: 50px;
}

.CategoryPage .ProductGrid .ProductItem .addInfo
{
	vertical-align: bottom;
	text-align: right;
	width: 250px;
	height: 85px;
	position: relative;
	background: rgb(247, 245, 232);
}

.CategoryPage .ProductGrid .ProductItem .addInfo .prices
{
	text-align: right;
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.CategoryPage .ProductGrid .ProductItem .addInfo .buttons
{
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	left: 10px;
	text-align: left;
}

.CategoryPage .ProductGrid .ProductItem .addInfo .prices .Price
{
	color: #013820;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage .SearchTitle
{
	margin: 0px 0px 25px 25px;
	color: #013820;
	font-size: 28px;
}
.CategoryPage .ProductList1
{
	margin: 0px 0px 0px 25px;
	width: 680px; 
}

.CategoryPage .ProductList1 .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
}

.CategoryPage .ProductList1 .ProductItem
{
	height: 169px;
	width: 680px;
	border-bottom: dotted 2px #013820;
	position: relative;
	margin-bottom: 30px;
}

.CategoryPage .ProductList1 .ProductItem .title
{
	font-size: 22px;
	font-weight: normal;
	float: left;
	width: 530px;
}

.CategoryPage .ProductList1 .ProductItem .title a
{
	color: #013820;
}

.CategoryPage .ProductList1 .ProductItem .picture
{
	float: left;
	margin: 0px 10px 0px 0px;
  padding: 0px;
}
.CategoryPage .ProductList1 .ProductItem .pricecut
{
  float: left;
	background: url(images/ico-pricecut.gif) no-repeat;
	margin: 0px 0px 0px 0px;
  padding: 29px 0px 0px 0px;
}

.CategoryPage .ProductList1 .ProductItem .description
{
	margin: 0px 0px 0px 150px;
	text-align: left;
	color: #013820;
	font-size: 16px;
}

.CategoryPage .ProductList1 .ProductItem .prices-wrapper
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 0px;
	height: 55px;
}

.CategoryPage .ProductList1 .ProductItem .prices
{
  vertical-align: bottom;
  width: 530px;
	font-size: 33px;
}

.CategoryPage .ProductList1 .ProductItem .prices .Price
{
	color: #013820;
	position: absolute;
	right: 150px;
	bottom: 5px;
	text-align: right;
}
.CategoryPage .ProductList1 .ProductItem .prices .Price .Price
{
	color: #013820;
	position: static;
}
.CategoryPage .ProductList1 .ProductItem .prices .Price .PriceCut
{
	color: #df1d23;
}

.CategoryPage .ProductList1 .ProductItem .buttons
{
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT FILTERS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductFilters
{
	width: 600px;
	margin-left: 5px;
	border: 1px solid rgb(232, 230, 210);
	background: rgb(247, 245, 232);
}
.CategoryPage .ProductFilters .FilterTitle
{
	font-weight: bold;
	padding-left: 10px;	
	color: #3A4045;
}
.CategoryPage .ProductFilters .FilterTitle span
{
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}
.CategoryPage .ProductFilters .FilterItem
{
	padding: 5px 10px 5px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER SUMMARY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ErrorText
{
  color: Red;
}
.OrderSummaryContent
{
	margin: 0px 0px 0px 25px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #555;
}

.OrderSummaryContent .CouponBox
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #555;
	background: rgb(247, 245, 232);
	margin-bottom: 10px;
	border: dotted 1px #d3d3d3;
}

.OrderSummaryContent .cart
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

.OrderSummaryContent .cart td
{
	padding: 3px 0 3px 0;
}

.OrderSummaryContent .cart .cart-header-row
{
	font-weight: bold;
}

.OrderSummaryContent .cart .cart-header-row td
{
	background: url('images/cart_line_y.gif') repeat-y right;
}

.OrderSummaryContent .cart .cart-header-row td.picture
{
	background: none;
	border: none;
}

.OrderSummaryContent .cart .cart-header-row td.end
{
	background: none;
	padding-right: 5px;
}

.OrderSummaryContent .cart .cart-item-row
{
	/*background: url('images/cart_line_x.gif') repeat-x top;*/
}

.OrderSummaryContent .cart .cart-item-row td
{
	background: url('images/cart_line_y.gif') repeat-y right;
	border-top: 1px dotted #c5c5c5;
	vertical-align: middle;
	line-height: 30px;
}

.OrderSummaryContent .cart .cart-item-row td.productpicture
{
	padding: 5px 5px 5px 5px;
	background: none;
}

.OrderSummaryContent .cart .cart-item-row td.product
{
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.OrderSummaryContent .cart .cart-item-row td.end
{
	border-top: 1px dotted #c5c5c5;
	background: none;
	text-align: right;
	font-weight: bold;
	color: Green;
}

.OrderSummaryContent .TotalInfo
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.OrderSummaryContent .WarningBox .WarningText
{
	color: Red;	
}

.cart_total_left
{
	width: 100%;
	text-align: right;
	vertical-align: middle;
	height: 21px;
	font-weight: bold;
	color: #353434;
}

.cart_total_right
{
	text-align: right;
	vertical-align: middle;
	padding-left: 5px;
}

.OrderSummaryContent .Buttons
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

.OrderSummaryContent .Buttons .CommonButtons
{
	float: left;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

.OrderSummaryContent .Buttons .AddonButtons
{
	float: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHOPPING CART

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart
{
  margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}

.shoppingcart .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	text-transform: uppercase;
	clear: both;
}

.shoppingcart .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHECKOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutPage
{
	margin: 0px 0px 15px 25px;
	padding-bottom: 5px;
	padding-left: 0;
}
.CheckoutPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	text-transform: uppercase;
	clear: both;
}
.CheckoutPage .CheckoutData
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CheckoutData .OrderSummaryTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	clear: both;
}
.CheckoutData .OrderSummaryBody
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .SelectAddressTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	clear: both;
}

.CheckoutData .AddressGrid
{
	margin-bottom: 15px;
	padding: 0px;
}

.CheckoutData .AddressGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.CheckoutData .AddressGrid .AddressItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	width: 200px;
	height: auto;
}

.CheckoutData .AddressGrid .AddressItem .SelectButton
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.CheckoutData .AddressGrid .AddressItem .AddressBox
{
	text-align: left;
}

.CheckoutData .EnterAddressTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	clear: both;
}

.CheckoutData .EnterAddress
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .EnterAddress .EnterAddressBody
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.CheckoutData .EnterAddress .Button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .EnterAddress .TheSameAddress
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.CheckoutData .EnterAddress .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHIPPING OPTIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ShippingOptions
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CheckoutData .ShippingOptions .ShippingOptionItem
{
	text-align: left;
	vertical-align: text-top;
	padding: 5px 0  0 5px;
}

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionName
{
	font-weight: bold;
}

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionDescription
{
	padding: 5px 0 5px 16px;
}

.CheckoutData .ShippingOptions .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ShippingOptions .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ShippingNotAllowed
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAYMENT METHODS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .PaymentMethods
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CheckoutData .PaymentMethods .PaymentMethodItem
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .PaymentMethods .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .NoPaymentMethods
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}


.CheckoutData .PaymentInfo
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CheckoutData .PaymentInfo .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .PaymentInfo .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONFIRM ORDER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ConfirmOrder
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CheckoutData .ConfirmOrder .Message
{
  padding: 5px;
}

.CheckoutData .ConfirmOrder .Controls
{
  padding: 0px 8px 3px 3px;
}

.CheckoutData .ConfirmOrder .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ConfirmOrder .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	COMPLETED

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .OrderCompleted
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

.CheckoutData .OrderCompleted .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .OrderCompleted .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderDetails
{
	margin: 0px 0px 15px 25px;
	padding: 0px;
}
.OrderDetails .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	text-transform: uppercase;
	clear: both;
}
.OrderDetails .info
{
	border: 1px solid rgb(232, 230, 210);
	padding: 10px;
}
.OrderDetails .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	color: #013820;
	clear: both;
}
.OrderDetails .OrderOverview
{
	text-align: left;
	padding-bottom: 10px;
}
.OrderDetails .ShippingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.OrderDetails .BillingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}
.OrderDetails .ProductsBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid rgb(232, 230, 210);
	height: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderProgress
{
	height: 40px;
	margin: 0 auto;
	text-align: center;
	margin-left: 25px;
	border-bottom: solid 2px #f3f3f3;
}

.OrderProgress ul
{
	padding: 0;
	margin: 0;
}

.OrderProgress ul li
{
	list-style: none;
	display: inline;
	padding: 5px 20px 0 20px;
}

.OrderProgress ul li .ActiveStep
{
	color: #6a6a6a;
	background: url('images/progress-step-active.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}

.OrderProgress ul li .InactiveStep
{
	color: #d7d7d7;
	background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}