/* Basic structure of site */

html {
     overflow: -moz-scrollbars-vertical;
	
}


html,body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:center;
    height:100%;
    padding:0px;
    margin:0px;
    color: #FFFFFF;
	background-image:url(../template_images/images/bg_pattern.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

div.spacer{clear: both; height: 50px;}

table.body {
    width: 764px;
   
	color:#FFFFFF;
	
    margin:0px 0px 0px 0px;
	
}

table.stockists{color:#ffffff; font-size:10px;}


td.body{
	width:784px;
	
}



td.thumbnail{
	padding-top:10px;
	width:50%;
	text-align:center;
}

td.thumbnail_third{
	padding-top:5px;
	
	text-align:center;
}

* html td.thumbnail_third{
	padding-top:2px;
	
	text-align:center;
}

td.caption{
	vertical-align:text-top;
	height:20px;
	color:#FFFFFF;
	width:50%;
	font-size:10px;
	text-align:center;
	}
	
td.caption_third{
	vertical-align:text-top;
	height:20px;
	color:#FFFFFF;
	width:33%;
	font-size:10px;
	text-align:center;
}

* html td.caption{
	vertical-align:text-top;
	height:20px;
	color:#FFFFFF;
	width:50%;
	font-size:10px;
	text-align:center;
	}
	
* html td.caption_third{
	vertical-align:text-top;
	height:20px;
	color:#FFFFFF;
	width:33%;
	font-size:10px;
	text-align:center;
}

table.headermenu{
	background-color:transparent;
	width:100%;
	height:40px;
	text-align:right;
	
}

table.content{
	height: 100%;
	width:100%;
	border:7px solid #FFFFFF;
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	background: #57595d;
	}
	
table.content_text{
	
	width:100%;
	border:0px;
	padding:10px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	background: #57595d;
	
	}
	
div.description{
		bottom:0px;
		right:2px;
		color:#FFFFFF;
		font-size:9px;
		text-align:left;
		position:relative;
		width:180px;
		}
		
div.description_large{
		bottom:0px;
		right:2px;
		color:#FFFFFF;
		font-size:9px;
		text-align:left;
		position:absolute;
		width:200px;
		}		
		
		
* html div.description{
		bottom:0px;
		right:2px;
		color:#FFFFFF;
		font-size:9px;
		text-align:left;
		position:absolute;
		width:180px;
		}

* html > table.content {
	
}

td.imageArea{
	background-color:#FFFFFF;
	
	width:552px;
	border:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	padding-bottom:0px;
	background: #57595d;
	color:#FFFFFF;
}

* html > td.imageArea{
	height:494px;
}


td.header_top {
    text-align:center;
    font-size: 12px;
    color: #FFFFFF;
    height: 10px;
    padding-bottom: 5px;
	
	    
}

td.header {
    height: 40px;
    background-color:transparent;
	text-align:right;
	background:url(../template_images/shadow_top.png) repeat-x bottom left;
	padding-top:13px;
	
}

td.menu {
    height: 26px;
} 

td.sidebar{
	border-left: 7px solid #FFFFFF;
	background-color:#57595d;
	text-align:left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:0px;
	width: 200px;
	height: 494px;
	color:#FFFFFF;
}

td.sidebar_large{
	border-left: 7px solid #FFFFFF;
	background-color:#57595d;
	text-align:left;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom:0px;
	width: 220px;
	height: 494px;
	color:#FFFFFF;
}


* html > td.sidebar{
	height:494px;
}

table.swatches{
	width:186px;
	color: #FFFFFF;
    background-color:#57595d;
	padding-left: 5px;
	padding-right: 5px;
	
}

table.swatches_large{
	width:220px;
	color: #FFFFFF;
    background-color:#57595d;
	padding-left: 5px;
	padding-right: 5px;
	
}

td.content{
	width: 100%;
   
	margin:0px 0px 0px 0px;
	background-color: #57595d;
} 

td.outer {
    text-align:left;
    color: #000000;
    background: #FFFFFF;
    vertical-align: top;
}

table.outer{
    width: 100%;
    height: 100%;
}

td.footer {
    text-align:center;
    font-size: 10px;
    height:57px;
    color: #FFFFFF;
	border-top: 7px solid #FFFFFF;
    background-color:#57595d;
	padding-left: 5px;
	padding-right: 5px;
}

/*PNG images for border*/

td.shadow_top_left{
	background:url('../template_images/shadow_top_left.png') no-repeat bottom right;
	
	
}

td.shadow_top{
	background:url('../template_images/shadow_top.png') repeat-x bottom left;
	padding-bottom:5px;
}

td.shadow_top_right{
	background:url('../template_images/shadow_top_right.png') no-repeat bottom left;
}

td.shadow_left{
	background:url('../template_images/shadow_left.png') repeat-y top right;
	text-align:right;
	width: 10px;
	
}

td.shadow_right{
	background:url('../template_images/shadow_right.png') repeat-y bottom left;
	text-align:left;
	width: 10px;
	
}

td.shadow_bottom_left{
	background:url('../template_images/shadow_bottom_left.png') no-repeat top right;
}

td.shadow_bottom{
	background:url('../template_images/shadow_bottom.png') repeat-x top left;
}

td.shadow_bottom_right{
	background:url('../template_images/shadow_bottom_right.png') no-repeat top left;
}

/* HEADER */

/* header - top */

div.headertop_L {
    text-align: left;
    color: #AAAAAA;
    font-size: 10px;
    float: left;
    bottom: 0px;
}    

html>body div.headertop_L {
    height: 10px;
}

div.headertop_R {
    color: #AAAAAA;
    font-size: 9px;
    text-align: right;
    float: right;
}    

td.header_top h1 {
    display: inline;
    font-size: 10px;
    font-weight: normal;
}    

#header {
    width: 780px;
    position: relative;
}  

#header_L{
    float: left;
    position:relative;
    width:135px;
    height:100px;
    color: #000000;
}

#header_M {
    text-align: center;
    position:relative;
    width: 500px;
    height:100px;
    margin-left: 140px;
}   

* html #header_M {
    margin-left: 0px;
    left: 0px;
}

#header_R {
    text-align: left;
    top: 0px;
    right: 0px;
    position: absolute;
    width:250px;
    height:100px;
    color: #000000;
}

html>body #header_R {

}   

/*header - menu*/

div.menu {
   width: 780px;
   clear: both;
   background: url('../template_images/header/menu_right.jpg') repeat-x top left;
}        

table.navitem {
}

td.navitem {
    height: 20px;
	color:#FFFFFF;
}

td.navitem_button {
    width: 30%;
}

a.navitem:link      {text-align: center;display: block;font-size: 12px; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem:visited   {text-align: center;display: block;font-size: 12px; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem:active    {text-align: center;display: block;font-size: 12px; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem:hover     {text-align: center;display: block;font-size: 12px; color: #FFCC33; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}  

a.navitem_active:link      {text-align: center;display: block;font-size: 12px;  color: #FFCC33; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem_active:visited   {text-align: center;display: block;font-size: 12px;  color: #FFCC33; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem_active:active    {text-align: center;display: block;font-size: 12px;  color: #FFCC33; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}
a.navitem_active:hover     {text-align: center;display: block;font-size: 12px;  color: #FFCC33; text-decoration: none; height: 20px;line-height: 20px; padding: 0px 5px 0px 5px}  

td.nav_border {
    width: 5px;
}

/*ENTRY*/

td.entry {
   font-size: 12px;
   background: #FFFFFF;
   width: 500px;
   border-left: 1px solid #E3E3E3;
   border-right: 1px solid #E3E3E3;
   padding: 0px 5px 20px 5px;
   vertical-align: top;
}

td.rhs {
    width: 135px;
    padding-left: 5px;
    vertical-align: top;
}


/*INFO*/

td.info {
   font-size: 12px;
   background:#57595d;
   width: 100%;
   padding: 0px 0px 0px 5px;
	height:508px;
   vertical-align: top;
   border: 7px solid #FFFFFF;
   color:#FFFFFF;
}  

/*SIDEBAR*/

td.lhs {
    width: 135px;
    padding-right: 5px;
    vertical-align: top;
}

td.sub_menu_item{
	color: #CCCCCC;
	font-size:12px;
	text-decoration:none;
}						

a.s_nav               {font-size:12px; display: block;text-align: center;padding: 0px 5px 0px 5px; color:#CCCCCC;margin-bottom:2px; text-decoration:none;}
a.s_nav:link          {font-size:12px; display: block;text-align: center;padding: 0px 5px 0px 5px; color: #CCCCCC;margin-bottom:2px; text-decoration:none;}
a.s_nav:active        {font-size:12px; display: block;text-align: center;padding: 0px 5px 0px 5px; color: #CCCCCC;margin-bottom:2px; text-decoration:none;}
a.s_nav:visited       {font-size:12px; display: block;text-align: center;padding: 0px 5px 0px 5px; color: #CCCCCC;margin-bottom:2px; text-decoration:none;}
a.s_nav:hover         {font-size:12px; display: block;text-align: center;padding: 0px 5px 0px 5px; color: #FFCC33;margin-bottom:2px; text-decoration:none;}

* html a.s_nav                  {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav:link             {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav:active           {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav:visited          {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav:hover            {padding: 0px 5px 0px 5px; font-size:12px;}

a.s_nav_active               {font-size:12px; display: block; text-align: center; padding: 0px 5px 0px 5px;color: #FFCC33; margin-bottom:2px; text-decoration:none;}
a.s_nav_active:link          {font-size:12px; display: block; text-align: center; padding: 0px 5px 0px 5px;color: #FFCC33; margin-bottom:2px; text-decoration:none;}
a.s_nav_active:active        {font-size:12px; display: block; text-align: center; padding: 0px 5px 0px 5px;color: #FFCC33; margin-bottom:2px; text-decoration:none;}
a.s_nav_active:visited       {font-size:12px; display: block; text-align: center; padding: 0px 5px 0px 5px;color: #FFCC33; margin-bottom:2px; text-decoration:none;}
a.s_nav_active:hover         {font-size:12px; display: block; text-align: center; padding: 0px 5px 0px 5px;color: #FFCC33; margin-bottom:2px; text-decoration:none;}

* html a.s_nav_active                  {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav_active:link             {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav_active:active           {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav_active:visited          {padding: 0px 5px 0px 5px; font-size:12px;}
* html a.s_nav_active:hover            {padding: 0px 5px 0px 5px; font-size:12px;}


td.nav_sub_item {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #CCCCCC; padding: 2px; margin-bottom:2px; background: #57595d}



a.nav_sub_item               {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #CCCCCC; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item:link          {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #CCCCCC; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item:active       {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #CCCCCC; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item:visited       {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #CCCCCC; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item:hover         {display: block; text-align: left; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}

a.nav_sub_item_active               {display: block; text-align: center; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_active:link          {display: block; text-align: center; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_active:active        {display: block; text-align: center; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_active:visited      {display: block; text-align: center; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_active:hover         {display: block; text-align: center; padding: 0px 5px 0px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}


.nav_sub_item_activeH               {display: block; text-align: left; padding: 0px 5px 3px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_activeH:link          {display: block; text-align: left; padding: 0px 5px 3px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_activeH:active        {display: block; text-align: left; padding: 0px 5px 3px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_activeH:visited      {display: block; text-align: left; padding: 0px 5px 3px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}
a.nav_sub_item_activeH:hover         {display: block; text-align: left; padding: 0px 5px 3px 5px; color: #FFCC33; padding: 2px; margin-bottom:2px; background: #57595d}









/* sub items */

td.lhs ul {
    list-style-image: url('../template_images/icons/arrow_sm.gif');
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 19px
}

* html td.lhs ul {
    list-style-image: url('../template_images/icons/arrow_sm.gif');
    margin: 0px 0px 10px 21px;
    padding: 0px;
}

td.lhs ul.s_nav li {
    width: 100px;
}

/* MODULE (side) BOX(S) */

div.mod_box {
    width: 178px;
    border: 1px solid #666666;
    margin: 0px 0px 5px 0px;
	color:#FFFFFF;
	
}

* html div.mod_box {
    width: 135px;
}

div.mod_box span {
    text-align: center;
    display: block;
    line-height: 25px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    /*background: url(../template_images/mod_header.jpg) repeat-y top right;*/
    height: 25px;
    border-bottom: 1px solid #666666;
	width: 178px;
}    

div.mod_box div {
    padding: 3px 3px 3px 5px;
    margin: 0px;
	width: 178px;
	
}   

div.mod_box div input.field {
    font-size: 11px;
    width: 110px;
}    

#adspace {
    padding-left:5px
}

/*footer*/

td.footer a             {color: #FFFFFF}
td.footer a:link        {color: #FFFFFF}
td.footer a:active      {color: #FFFFFF}
td.footer a:visited     {color: #FFFFFF}
td.footer a:hover       {color: #FFFFFF}

#divleft {
   text-align: left;
   float: left;
   position: relative;
   clear: left;
   padding-top: 9px;
}

#divright {
   text-align: right;
   float: right;
   position: relative;
   clear: right;
}

/* HELP */

#help {
    color: #666666;
}

#help a {
    color: #666666;
}

table.help_search {
    font-size: 12px;
    width: 100%;
    padding-bottom: 10px;
	background: #57595d;

}

table.help_body {
    width: 100%;
     padding-top: 10px;
	background:#57595d;
}

td.help_icon {
    text-align: left;
    width: 16px;
}

a.help_addresslink:link     {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:visited  {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:active   {color: #000000; font-size: 12px; text-decoration: none}
a.help_addresslink:hover    {color: #000000; font-size: 12px; text-decoration: underline}

td.help_section {
    font-weight: bold;
    text-decoration: underline;
    color: #FFFFFF;
	background:#57595d;
}    

td.help_question {
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px 0px 3px 10px;
	background:#57595d;
}    

td.help_answer {
    font-style: italic;
    color: #FFFFFF;
    padding-left: 20px;
	background:#57595d;
}    

table.help_topten {
    width: 100%;
    padding-top: 10px;
    margin-top: 25px;
	background:transparent;
	
}

td.help_topten_header {
    font-weight: bold;
    color: #FFFFFF;
	background:#57595d;
}   

#filerow {}

#filerowalt {
    background: #F8F8F8;
}

/* NEWS */

div.news h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

div.news span {
    display: block;
    font-style: italic;
	color:#FFFFFF;
}

/* FORMS */

table.feedback {
    width: 100%;
	padding-top:0px;
	background:#57595d;
	height:474px;
	
}  

table.form_table {
   text-align: center;
   border: 1px solid #666666;
   width: 100%;
   margin: 10px auto 10px auto;
   padding-bottom: 0px;
   background:#57595d;
}

td.feedback_text {
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
    vertical-align: top;
	height:100%;
}

td.form_right {
   text-align: left;
   padding: 0px;
}

td.form_left {
   text-align: right;
   padding: 0px 15px 0px 5px;
   width: 30%;
   color:#FFFFFF;
   font-size: 10px;
}

td.form_right input,textarea {
   font-size: 10px;
   color: #000000;
   width: 200px;
   margin: 5px 0px 5px 0px;
   overflow: auto;
} 

td.checkbox{
   font-size: 10px;
   color: #000000;
   width: 20px;
   margin: 5px 0px 5px 0px;
   text-align:left;
   }     

td.form_section {
    text-align: left;
    font-weight: bold;
    color: #000000;
    padding: 10px 0px 0px 10px;
    border-bottom: 1px solid #000000;
}  

input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
}

input.button {
   font-size: 10px;
   color: #000000;
   background: #E3E3E3;
   border: 1px solid #666666;
}

/* Sitemap */

li.sitemap {
    font-style: italic;
    color: #666666;
}  

li.sitemap a {
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

/*common*/  

#location {
    text-align: left;
    color: #666666;
    height: 20px;
    padding: 5px 0px 5px 5px;
}    

#location a {
    color: #666666;
}

a               {color: #FFCC33; text-decoration: none; font-size: 12px;}
a:link          {color: #FFCC33; text-decoration: none; font-size: 12px;}
a:active        {color: #FFCC33; text-decoration: none; font-size: 12px;}
a:visited       {color: #FFCC33; text-decoration: none; font-size: 12px;}
a:hover         {color: #FFCC33; text-decoration: none; font-size: 12px;}

table           {font-size: 10px; color: #fffff}
td              {font-size: 10px; color: #FFFFFF} 

div             {margin: 0px;padding: 0px}

p               {font-size: 12px; color: #FFFFFF;margin: 0px; padding: 5px 0px 10px 0px}

img             {border: 0px}    

form            {margin: 0px;padding:0px}
select          {font-size: 10px;color: #000000}
textarea        {font-size: 10px;color: #000000}
input           {font-size: 11px}

h1              {font-size: 14px;
                ;
                font-weight: bold;
				color:#FFFFFF;}

h2              {font-size: 12px; 
                
                font-weight: bold;
				color:#FFFFFF;}
				
h3				{font-size:12px;
				color:#FFFFFF;
				padding-top:5px;
							}
							
h5				{color:#FFFFFF;
}														

hr  {
    border-width: 0px;
    color: #FFFFFF;
    background: #FFFFFF;
    height: 1px;
}

.b {
   font-weight: bold;
   color:#FFFFFF;
}

.top {
   vertical-align: top
}

.mid {
vertical-align: middle
}

.bot {
    vertical-align: bottom;
}    

.center {
    text-align: center;
    margin: 0px auto 0px auto
}

.right {
    text-align: right;
    margin: 0px 0px 0px auto
}

.left {
    text-align: left;
    margin: 0px auto 0px 0px
}

ul {
    list-style-image: url('../template_images/icons/bullet.gif');
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 14px
}

* html ul {
    list-style-image: url('../template_images/icons/bullet.gif');
    margin: 0px 0px 10px 16px;
    padding: 0px;
}

ol {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 14px
}

* html ol {
    margin: 0px 0px 10px 16px;
    padding: 0px;
}

li {
    font-size: 12px;
    color: #FFFFFF;
}

html>body li {
    padding: 0px;
    margin: 0px;
}
td.newsitem{
			color: #FFFFFF;
}