/* Basic structure of site */

* {
  margin: 0;
  padding: 0;
}

body  {
	margin: 0px;
	font:normal 10px Georgia,"Times New Roman",Times,serif;
	text-align: center;
	color:#666666;
	background-color:#333;
	overflow-x: hidden;
	
	line-height:normal;
	padding: 0;
	/* this centers the container in IE 5* browsers. The text is then set to the default alignment in the #container selector */
}

img             {border:0px} 

h1 {
	font-size: 20px;
	color: #005D9B;
	border-bottom: 1px solid #B2D1E6;
	margin: 10px 20px 10px 15px;
	padding-bottom: 10px;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
/*	text-transform: uppercase;*/
}

h2 {
	font-size: 20px;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	font-family: Georgia,"Times New Roman",Times,serif;
}

h3, h4, table_ {
	padding: 5px 20px 5px 15px;
}

#conveyor td{
text-align:center;
}

#container {
	margin: 0 auto;
	/* the auto margins (in conjunction with the width) center the page if needed */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	width: 960px;
	background: #FFFFFF;
	background-position: 0px;
}  

* html #container {
	width: 980px;
		
}	

#content {
	margin-left: 0px;
	margin-right: 20px;
}

#header {
	height: 110px;
	padding: 0;
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; 
	/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.
	 If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; 
	/* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header .logo {

}
div#search {
float:right;
height:18px;
margin-top:25px;
text-align:right;
width:249px;
}

#search div{
float:left;
color: #0067AB;
}

/* 	################################
		portals
	################################ */

#header #portals {
	height: 27px;
	float:right;
/*	padding: 0 0 0 195px;
	_padding: 0 0 0 250px;
	*/
}

#portals ul, 
#portals li {
	margin: 0px;
	padding: 0px;
}

#portals li {
	display: inline;
	float: left;
	height: 27px;
	background: #FFFFFF;
	text-align: center;
}

#portals li a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0px 10px 0px 10px;
	color: #0067AB;
	text-decoration: none;
	border-bottom: 1px dotted #BAD6E8;
}

#portals li a:hover, 
#portals li a.current {
	border-bottom: 5px solid #D7E8F2;
	font-weight: bold;
	background: #FFFFFF;
}

.portal_bloodstock,
.portal_property,
.portal_insurance,
.portal_finance,
.portal_membership,
.portal_livestock {
	width: 65px;
	_width: 70px;
}


.portal_membership {
	width: 80px;
	_width: 85px;
}

.portal_maccallum {
	width: 100px;
	_width: 110px;
}

.portal_partners {
	background:transparent url(../template_images/background.navigation.jpg) repeat-x scroll center top;
	width: 100px;
}
#portals .portal_partners {
color:#FFFFFF !important;
}
#portals li a.portal_partners:hover {
	border-bottom: 5px solid #D7E8F2 !important;
	font-weight: bold !important;
	background: url(../template_images/background.navigation.jpg) top repeat-x !important;
	color: #D7E8F2 !important;
	
}



/* 	################################
		navigation
	################################ */

#navigation {
	height: 28px;
	border-bottom: 1px dotted #B2D1E6;
	background: url(../template_images/background.navigation.jpg) top repeat-x;
	position: relative;
	z-index: 10
}

#navigation ul, 
#navigation li {
	margin: 0px;
	padding: 0px;
}

#navigation li {
/*	display: inline;
	float: left;
	height: 30px;*/
	_width: 5px;
	_height: 27px;
}

#navigation li a {
	display: block;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	margin-bottom: 4px;
	_margin-bottom: 0px;

}

#navigation li a {
	border-bottom: 4px solid #FFFFFF;
}

#navigation li a.nav_home {	width: 55px; }
#navigation li a.nav_chart { width: 181px; }
#navigation li a.nav_help { width: 181px; }
#navigation li a.nav_terms { width: 181px; }
#navigation li a.nav_postage { width: 181px; }
#navigation li a.nav_contact { width: 181px; }

#navigation li a:hover, #navigation li a.hover, #navigation li a.current {
	border-bottom: 4px solid #0067AB;
	background: #DFECF4;
	color: #0067AB;
}

#navigation li a.current {
	border-bottom: 4px solid #DFECF4;
	background: #4D93C1;
	color: #FFFFFF;
}

#navigation #tabs {
	margin:0;
	padding:0;
	z-index: 100;
}
#navigation #tabs ul {
	display: block;
	position: absolute;
	top: 28px;
	border: 1px solid #B2D1E6;
	border-bottom: 0;
	z-index: 1000;
}
#navigation #tabs ul.children {
	margin:0;
	padding:0;
	z-index:1000;
	visibility:hidden;
}
#navigation #tabs li {
	
	position: relative;
	display: inline;
	float: left;
	height: 29px;
	z-index: 1000;
	
	_width: 5px;
	_height: 27px;
}
#navigation #tabs li ul.children li {
	background: #B2D1E6;
	display: block;
	float: none;
	margin-bottom: 0px;
	z-index: 99;
}
#navigation #tabs a {
/*	display: block;*/
	height: 24px;
	line-height: 24px;
	_margin-bottom: 0px;
}
#navigation #tabs a:hover, #navigation #tabs a.selected {
	background: #B2D1E6;
}
#navigation #tabs ul a {
	display: block;
	background: #E5F0F6;
	border: 0px;
	border-bottom: 1px solid #B2D1E6;
	height: 29px;
	line-height: 30px;
	text-decoration: none;
	text-align: left;
	width: 130px;
	padding: 0px;
	color: #005D9B;
	padding-left: 10px;
	margin: 0px;
	
}
#navigation #tabs ul ul a {

}
#navigation #tabs ul a:hover, #navigation #tabs ul a.selected {
	background: transparent;
}
#navigation #tabs li:hover ul, #navigation #tabs li.sf ul {
	visibility:visible;
}
#navigation #tabs li:hover ul ul, #navigation #tabs li.sf ul ul {
	visibility:hidden;
}
#navigation #tabs li:hover ul, #navigation #tabs li li:hover ul, #navigation #tabs li.sf ul, #navigation #tabs li li.sf ul {
	visibility:visible;
}

.title {
	font-size: 15px;
	font-weight: bold;
	color: #96A3AC;
	line-height: 24px;
	text-align:left;
}
 legend{
	color:#666666;
}

#mainContent {
	font-size:13px;
	padding:0 0 0px 10px;
	min-height:510px;
	margin-left: 260px;
} 

* html #mainContent {
	padding: 0 0 0 0px;
	min-height:510px;
	margin-left: 260px;
} 

.section_heading {
	padding:5px 0px 5px 5px;
	font-size:13px;
	font-weight: bold;
	background-color:#EDE8E0;
	color:#696561;
	width:679px;
	margin:1px 0 8px 0px;
	height: 14px;
	
}

a.section_heading:		   {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:link     {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:visited  {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:active   {color: #FFFFFF; font-size: 13px; text-decoration: none; background: transparent;}
a.section_heading:hover    {font-size: 13px; text-decoration: none; background: transparent;}	

/* INDEX PAGE */
#HotSpots {
text-align:left;
margin:0;
}
#HotSpots img{
padding: 5px;
}

/*SIDEBAR*/

a.s_nav               {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;height:22px; font-size: 14px;}
a.s_nav:link          {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;height:22px;font-size: 14px;}
a.s_nav:active        {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;height:22px;font-size: 14px;}
a.s_nav:visited       {display: block;width:145px;color: #5CB1D0;border: 0px solid #E3E3E3;padding: 3px;background: #FFFFFF; text-align: right;height:22px;font-size: 14px;}
a.s_nav:hover         {display: block;width:145px;color: #FFFFFF;border: 0px solid #E3E3E3;padding: 3px;background: #6ED1F1; text-align: right; text-decoration: none;height:22px;font-size: 14px;}

* html a.s_nav                  {width: 100%}
* html a.s_nav:link             {width: 100%}
* html a.s_nav:active           {width: 100%}
* html a.s_nav:visited          {width: 100%}
* html a.s_nav:hover            {width: 100%}

a.s_nav_active               {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A; text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:link          {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:active        {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:visited       {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold;height:22px;font-size: 11px;}
a.s_nav_active:hover         {display: block;width:184px;color: #FFFFFF;font-weight: bold;border: 0px solid #E3E3E3;padding: 3px;background: #F0311A;text-align: right;text-transform:uppercase;font-weight: bold; text-decoration: none;height:22px;font-size: 11px;}

* html a.s_nav_active                  {width: 100%}
* html a.s_nav_active:link             {width: 100%}
* html a.s_nav_active:active           {width: 100%}
* html a.s_nav_active:visited          {width: 100%}
* html a.s_nav_active:hover            {width: 100%}

a.nav_sub_item               {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; width: 100%; background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:link          {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:active        {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:visited       {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background: #ff6666;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item:hover         {color: #ffffff;line-height:20px; text-align: right;display: block; text-transform:uppercase; background:  #F0311A;width: 100%;height:22px; padding-right: 8px;font-size: 11px; text-decoration: none;}

a.nav_sub_item_active               {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:link          {color:#ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:active        {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:visited       {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px;}
a.nav_sub_item_active:hover         {color: #ffffff;font-weight: bold;line-height:20px; text-align: right;display: block; text-transform:uppercase;width: 100%;background:  #F0311A;height:22px; padding-right: 8px;font-size: 11px; text-decoration: none;}

.panel {

margin-top:0px;
	text-align:right;
}

.panel h3 {
	padding: 5px 20px 5px 0px;
	height: 18px;
	line-height: 16px;
	color: #FFFFFF;
	text-indent: 6px;
	font-size: 15px;
	font-weight:bold;
	background: #696561;
	margin-bottom: 4px;
}

.panel h3 .arrows {
	position: absolute; 
	top: 5px; 
	_top: 7px;
	right: 17px; 
	_right: 8px;
	height: 6px; 
	width: 12px; 
	line-height: 6px;
}

.panel h3 span, 
.panel h3 a,
.panel h3 a:link,
.panel h3 a:hover,
.panel h3 a:active,
.panel h3 a:visited{
	font-weight: normal;
	color: #FFFFFF;
	font-variant:small-caps;
	font-size:12px;
}

.panel h3 a,
.panel h3 a:link,
.panel h3 a:active,
.panel h3 a:visited{
	text-decoration: underline;
}

.panel h3 a:hover{
	text-decoration:none;
}	

.panel p {
	padding: 0px 5px 0px 10px;
	_padding-left: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.panel ul, .panel li {
	padding: 0px;
	margin: 0px;
}


.panel li {
	padding-right: 10px;
}

.panel ul {
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel #panel_upcoming_sales,
.panel #panel_sales_results {
	background: #F2F7FB;
	padding-bottom: 10px;
}

.panel #panel_upcoming_sales .footnote {
	color: #666666;
}

ul.calendared {
	list-style-image: url(../images/list.calculator.gif);
}

ul.blocked, div.blocked ul {
	margin-top: 0;
	display:block;
	font-size: 15px;
	line-height:25px;
}

* html ul.blocked, * html div.blocked ul {
	padding-top, padding-bottom:5px;
}

ul.blocked a, div.blocked ul a {
	color: #696561;
	margin-right:-10px;
	padding-right:30px;
	background-image: url(../template_images/list_block.gif);
	background-position:right;
	background-repeat:no-repeat;
	display:block;	
}

* html ul.blocked a, * html div.blocked ul a {
	margin-bottom:-20px;
}

ul.blocked a:hover, div.blocked ul a:hover, ul.blocked a.current, div.blocked ul a.current{
	background-image: url(../template_images/list_block_orange.gif);
	background-color:#FFFFFF;
	display:block;
	margin-left:-25px;
	margin-right:-10px;
	padding-right:30px;	
}


/* sub items */

td.lhs ul {
    
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 19px;
	
}

* html td.lhs ul {
    
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 19px;
}

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

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

div.mod_box {
    margin: 0px 10px 5px 0px;
	float:right;
	height: auto;
}

* html div.mod_box {
    margin: 0px 10px 5px 0px;
	float:right;
	height: auto;
}

div.mod_box span {
    text-align: center;
    display: block;
    line-height: 25px;
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    background: #FBAACA;
}    

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

div.mod_box p {
    font-size: 10px;
    margin: 0px
}   

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

#adspace {
    padding-left:5px
}

/*footer*/
* html #footer {
	width:980px;
}

#footer {
	text-align: left;
	color: #999999;
	width: 690px;
	padding: 0px 0 20px 240px;
	line-height: 8px;
	background: #FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	
}

#footer a {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}

#footer p {
	margin-bottom: 1.4em;
	margin-top: 1.4em;
	line-height: 1.4em;
	padding: 0px 30px 0px 30px;
}

#footerlogos {
	float: right;
	padding-right: 14px;
	padding-bottom: 8px;
}

#footerlogos img {
	padding-left: 3px;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}

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

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

/* HELP */

#faq, #privacy {
	padding: 0 0 0 0px;
}

#faq p, #privacy p, p.cart_info{
	padding:5px 50px 5px 50px;	
}

#faq ul{
	padding-left:50px;
	list-style-type: square;	
}

#privacy li {
padding-top: 5px;
padding-bottom: 5px;
}

#help {
    color: #666666;
}

#help a {
    color: #666666;
}

table.help_search {
    font-size: 12px;
    width: 100%;
    padding-bottom: 10px;
}

table.help_body {
    width: 100%;
    border-top: 1px solid #006AC;
    padding-top: 10px;
}

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: #000000;
}    

td.help_question {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 10px;
}    

td.help_answer {
    font-style: italic;
    color: #000000;
    padding-left: 20px;
}    

table.help_topten {
    width: 100%;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
    margin-top: 25px;
}

td.help_topten_header {
    font-weight: bold;
    color: #000000;
}   

#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;
}

/* FORMS */

table.feedback {
    width: 100%;
}  

table.form_table {
   text-align: center;
   width: 100%;
   margin: 10px auto 10px auto;
   padding-bottom: 5px;
}

td.feedback_text {
	text-align: left;
	font-size: 11px;
	vertical-align: top
}

td.form_right {
   text-align: left;
}

td.form_left {
   text-align: right;
   padding: 10px 15px 0px 5px;
   white-space:nowrap;
}

td.form_right input, td.form_right select, textarea {
   font-size: 11px;
   color: #000000;
   width: 200px;
   border: 1px solid #E3E3E3;
   margin: 5px 0px 5px 0px;
   overflow: auto;
   padding: 3px 1px 3px 1px;
}   

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;
   height: 26px;
}

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

/* Sitemap */

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

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

a:			{color:#666666;text-decoration:none;}
a:link		{color:#666666;text-decoration:none;}
a:visited	{color:#666666;text-decoration:none;}
a:active	{color:#666666;text-decoration:none;}
a:hover		{color:#666666;text-decoration:underline;}

#mainContent a:			{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:link		{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:visited	{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:active	{color:#666666;text-decoration:none; font-weight: bold;}
#mainContent a:hover		{color:#666666;text-decoration:underline; font-weight: bold;}

/*ProdCat*/  


#ShopNav { 
	text-align:center;
	margin-left:258px;
	padding: 5px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:690px;
} 
ul#ShopNavMenu{
	text-align:center;
	padding:5 0 5 0;
	font-size:9px;
}

ul#ShopNavMenu li{
	height:12px;
	display:inline;
}
.ShopNavMost {
	padding-left:2px;
	padding-right:2px;
	border-right:1px solid;
}
.ShopNavMost img{
	border:none;
}
.ShopNavMost a:link, .ShopNavLast a:link, .ShopNavMost a:visited, .ShopNavLast a:visited{
	text-decoration:none;
}
.ShopNavMost a:hover, .ShopNavLast a:hover{
	text-decoration:underline;
}
.ShopNavLast {
	padding-left:2px;
	padding-right:2px;
}

#sidebar {
	float: left;
	position: relative;
	width: 242px;
	margin: 1px 2px 0 20px;
	background-color:#EDE8E0;
	height: 490px
}

* html #sidebar {
	width: 240px;
	margin-left: 10px;	
}

#ProdNav {
	float: left;
	position: relative;
	width: 145px;
	height:120px;
	padding: 0px;
	text-align:right;
}

* html #ProdNav {
	float: left;
	position: relative;
	width: 145px;
	height:120px;
	padding: 0px;
	text-align:right;
}

#ProdNavMenuList {
	color:#FFA9CA;
	display:block;
	height: 21px;
	text-align: right;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
.ProdNavMenu a, .ProdNavMenu a:link, .ProdNavMenu a:visited{
	color:#FFA9CA;
	padding: 5px 5px 2px 0;
	height: 22px;
	display:block;
	text-align: right;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;	
}

a#ProdNavMenu			{font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:link		 {font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:active	{font-size:11px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase;}
a#ProdNavMenu:visited	 {font-size:11px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a#ProdNavMenu:hover			{font-size:11px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; font-weight:bold; text-transform:uppercase;}

a#link_sub1			{font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:link		 {font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:active	 {font-size:9px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; text-transform:uppercase;}
a#link_sub1:visited	 {font-size:9px; color:#5CB1D0; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right;  text-transform:uppercase; text-decoration:none;}
a#link_sub1:hover			{font-size:9px; color:#FFFFFF; background: #6ED1F1; padding: 7px 5px 0px 0; height: 22px; display:block; text-align: right; text-transform:uppercase;}

.ProdNavMenu a:hover, .ProdNavMenu a:active{
	color:#FFA9CA;
	text-decoration:underline;
	padding: 7px 5px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
}

.ProdNavMenuON a, .ProdNavMenuON a:link, .ProdNavMenuON a:visited{
	padding: 7px 0px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
	text-decoration:none;
	background-image: url(../template_images/bg_nav.gif);
	color:#FFFFFF;
}
.ProdNavMenuON a:hover, .ProdNavMenuON a:active{
	color:#FFFFFF;
	text-decoration:underline;
	padding: 7px 5px 0px 0;
	height: 22px;
	display:block;
	text-align: right;
	width: 190px;
}
.ProdNavMenuSUB {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUB a:link, .ProdNavMenuSUB a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#9FA8AF;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUB a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}
.ProdNavMenuSUBon {
	margin:0px;
	text-decoration:none;	
}
.ProdNavMenuSUBon a:link, .ProdNavMenuSUBon a:visited{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;
	display:block;
	color:#e786ae;
	text-decoration:none;
	font-weight:bold;
}
.ProdNavMenuSUBon a:hover{
	padding: 7px 5px 0px 0;
	margin:0px;
	width:177px;	
	display:block;
	text-decoration:underline;
}

#clouseau {
	float: right;
	position: relative;
	width: 145px;
}
.shaded {
	margin-top:-5px;
	background-color:#EDE8E0;
}
#Promo {
	margin:0;
	float: right; 
	padding:0; 
	list-style-type: none;	
	font-size:0.6em;
}
	
* html #Promo {


}

#Promo_cart{
	width:199px;
	position:relative;
	margin:0;
	padding:0 20px 10px 20px;
}

#Promo_cart hr{
color:#696561;
background: #696561;
border:none;
height:2px;
margin-bottom:5px;
}

#Promo_discount{
	width: 250px;
	margin:0;
	position:relative;

}
#LoginBox, #LoginBox td{
	color:#FFFFFF;
	padding:0px;
}



.promoheading{
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	background-color: #00aeef;
	text-align:center;
	padding:10px;
}

#Promo_discount input{ 
	margin:2px;
	padding:0;
}
#Promo_signup{
	position:relative;
	margin:0;
	padding:10px 0 10px 10px;
}
.cart_items{
	margin:10px 0 0 0;
	padding:0;
}
.view{
	position:relative;
	text-align:right;
	margin:8px 0 0 0;
	font-weight:bold;
}
#Promo a{
	font-weight:bold;
}
#Promo a:link {
	text-decoration:none;
}
#Promo a:visited {
	text-decoration:none;
}
#Promo a:hover {
	text-decoration:none;
}
#Promo a:active {
	text-decoration:none;
}
#ProdNav h3, #ProdNav p, #Promo p, #Promo h3 {
	margin-left: 10px; 
	/* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* CATEGORY (CAT) PAGE */
#CatView{
	width:660px;
/* setting a width here will determine how many columns of product are to be displayed */
}
.img_m{
	border: 2px solid #003D7D;
}
.Product {
	width:150px;
	margin:10px;
	float:left;
}
.info {
font-size:10px;
float:left;
} 
.prod_price {
font-weight:bold;
}

.prod_price select {
width: 200px;
}
.lens {
width:auto;
}
/* PRODUCT DETAIL (PROD) PAGE */
.img_l{
	float:left;
	margin:0 20px 0 0;
	/*border: 2px solid #F0741E;*/
	width:265px;
}
td.prod_det_desc{
padding:0 0 0 20px;
vertical-align:top;
width:300px;
}
#productdetail{
	float:left;
	width:220px;
	margin-left:0;	
	font-size:10px;
	margin-bottom:30px;
}
#productdetail p{
	margin-left:10px;	
}
#productdetail h2{
	width:265px;
}
#productdetail h3{
	margin:0 0 10px 0;
	padding:0;
}
#productdetail strong{
}
#product_details, #product_details li select, #product_details li input {
	font-size:0.9em;
}
#product_details li {
	padding-bottom:10px;
}
.select_qty {
font-size:11px;
height:20px;
width:22px;
}

#keywords {
color:#FFFFFF;
}

table.sizechart{
text-align:center;
border:1px solid #003D7D;
border-collapse:collapse;
color:#000000;
}

table.sizechart th{
background-color:#999999;
color:#FFFFFF;
width:50px;
text-align:center;
border-left:1px solid #CCCCCC;
}
table.sizechart td{
border-right:1px solid #003D7D;
border-top:1px solid #003D7D;
}
table.sizechart td.chlabel{
text-align:right;
padding: 0 5px 0 5px;
}

/* CART PAGE */
#cart td, #cart th, #cart td input, #cart td select {
	padding:2px;
	vertical-align:middle;
}
#cart th{
	text-align:center;	
	font-size: 11px;	
}
tr.cart_header {
	color:#FFFFFF;
	background-color:#F0741E;
	text-transform:uppercase;

}
tr.cart_body td {
	text-align:center;
}
tr.cart_total {
	color:#666666;
	text-align:right;
}

ul#cart_nav{
	width:100%;
	list-style-type: none;
	margin: 20px 0px 0 -10px;
}
ul#cart_nav .left { 
	float: left;
	padding-left:10px;
}
ul#cart_nav .right { 
	float: right; 
	padding-right:3px;	
}
/* DELIVERY PAGE */
.important{
	color:red;
}
table.checkoutTotal{
	width:100%
}
#delivery_details{
	width:300px;
	font-size:0.7em;
}
#courier{
	padding:0 10px 0 5px;
	width:250px;
	font-size:0.8em;
}
/* PAYMENT PAGE*/
#Payment td, #Payment p{
	font-size:0.6em;
}
/* THANKYOU PAGE */

#lblRefNo, #lblTransactiontime, #lblReceiverName, #lblReceiverAddress, #lblReceiverAddress2, #lblReceiverPhone {
	font-weight:bold;
}

/*common*/ 


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

#location a {
    color: #666666;
}
	
td {line-height:14px; font-size:11px; vertical-align:top}
table {line-height:14px; font-size:11px;}

table.postage_table{
	border:0;
	width:255px;
}

table.postage_table td{
	padding: 0 10px 0 10px;
}

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

p 				{padding:2px; line-height:14px;}

form            {margin: 0px; padding:0px}
select          {font-size: 11px;color: #000000}
textarea        {font-size: 11px;color: #000000;font-family: Verdana, Arial, sans-serif;}
input           {font-size: 11px}

h1 {
font-size: 15px;
font-weight: bold;
color: #96A3AC;
line-height: 24px;
text-align:left;
}

h2              { font-size: 14px; color: #666666; font-weight: bold;
                }

hr  {
	border-bottom:1px dotted #B2D1E6;
	border-top:2px solid white;
	_border-top:none;	
	border-left:2px solid white;
	_border-left:none;	
	color:#FFFFFF;
	height:3px;
	margin-bottom:5px;
}

.b {
   font-weight: bold;
}

.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{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-position: outside;	
}

ol{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
ol li{
	margin: 0px 50px 0px 50px;
}


/* Miscellaneous classes for reuse */
			.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
				float: right;
				margin-left: 8px;
			}
			.fltlft { /* this class can be used to float an element left in your page */
				float: left;
				margin-right: 8px;
			}
			.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear:both;
				line-height:0px;
			}
			.clearfloat2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
				clear:both;
			}