/* RESET DEFAULTS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{
	margin: 0;
	padding: 0;
	border: 0;

	}
/* END RESET DEFAULTS */

/* DEFINE DEFAULTS */
h1, h2, h3, h4, h5, h6	{
	margin: 0 0 0.6em 0;
	padding: 0;
	}

h1	{
	font-size: 1.4em;
        padding-left: 5px;
	}

h2	{
	font-size: 1.2em;
	}

h3	{
	font-size: 1.0em;
	}

.smalltext {
      font-size: 0.8em;
      }

p	{
	margin: 1em 0 0.6em 0;
	}

ul	{
	margin: 0 0 0 15px;
        padding: 0 0 0 12px;
        list-style-type: disc;
	}

li      {
        padding: 5px 5px 3px 5px;
        }

/* END DEFINE DEFAULTS */

hr {
   color: #FFF;
   height: 1px;
   background: #666;
}

#skip	{
	position: absolute;
	top: -300px;
	left: -900px;
	background: #FFFFFF url(../images-site/bg-main-nav-hover.png) top left no-repeat;
	}

html	{
/*  background: #D0D0D3 url(../images-site/bg-html.gif) top left repeat-x;*/
    background: #FDFEFF;
}

body	{
	text-align: center;
	font-family: arial;
	color: #202020;
	font-size: 0.9em;
        margin: 10px 0;
	}

#header	{
	height: 70px;
	background: #CCCCEE top left repeat-x;
        overflow: hidden;
	}

#logo	{
	margin: 0 0 0 0;
	}

#container	{
	margin: 0 auto;
	width: 900px;
	border: 1px solid #3D5A6B;
	background: #F3F3FF;
	}

#main-nav	{
	background: #283848;
	}

#main-nav-current	{
	background: #416887;
	}

#main-nav ul	{
	list-style-type: none;
	padding: 18px 0 18px 0;
	font-size: 1.2em;
	}

#main-nav li	{
	display: inline;
	}

#main-nav li a	{
	text-decoration: none;
	padding: 18px 15px 17px 15px;
	color: #FFFFFF;
	margin: 0 0 0 -4px;
	}

#main-nav li a:hover	{
	background: #467093 url(../images-site/bg-main-nav-hover.png) bottom left repeat-x;
	}

#sec-nav	{
	background: #416887;
	text-align: center;
height: 1.7em;
	}

#sec-nav ul	{
	list-style-type: none;
	padding: 4px 0 4px 0;
	}

#sec-nav li	{
	display: inline;
	margin: 10px 0;
	}

#sec-nav li a	{
	text-decoration: none;
	padding: 4px 15px 4px 15px;
	color: #FFFFFF;
	margin: 0 0 0 -4px;
	}
#sec-nav li a:hover	{
	background: #293846 url(../images-site/sec-nav-hover.png) top left no-repeat;
	}

#content	{
	float: right;
	width: 611px;
	border: 0px solid #000;
	margin: 20px 40px 20px 0; /* changed to "20px 20px 20px 0" in ie6.css */
	text-align: left;
	border: 0px solid #000;
	}

#content-1col	{
	float: right;
	width: 811px;
	border: 0px solid #000;
	margin: 20px 40px 20px 0;
	text-align: left;
	border: 0px solid #000;
	}

#left-col	{
	float: left;
	width: 180px;
	margin: 24px 0 20px 40px; /* changed to "20px 0 0 20px" in ie6.css */
	text-align: left;
	}

#centre-col	{
	float: right;
	width: 320px;
	margin: 20px 40px 20px 0; /* changed to "20px 20px 20px 0" in ie6.css */
	text-align: left;
	}

#right-col	{
	float: right;
	width: 250px;
	margin: 57px 40px 20px 0; /* changed to "20px 20px 20px 0" in ie6.css */
	text-align: left;
	}

.footer	{
	background: #293846;
	padding: 10px 0 10px 0;
	font-size: 0.75em;
	color: #FFFFFF;
	}

/* Classes for "Accord Internet" credit in footer */
.ai-col { color: #AAAAAA; }
a.footerlink:link { color: #AAAAAA; }
a.footerlink:visited { color: #AAAAAA; }
a.footerlink:hover { color: #AAAAAA; background: #666688; }
a.footerlink:active { color: #AAAAAA; }

/* generic inline text links - must be kept in this order */
a:link { color: #0000AA; }
a:visited { color: #0000AA; }
/* a:hover	{ color: #FFFFFF; background: #013154; } */
a:active { color: #FF0000; }
/* end generic inline text links */

/* style available in editor */
.clear	{
	clear: both;
	}

.float-r	{
	float: right;
	}

.float-left	{
	float: left;
	}

.bold	{
	font-weight: bold;
	}

.polaroid-right  {
        border: 1px solid #C5C5CB;
        padding: 10px;
        background: #FFFFFF;
        float: right;
        }

.polaroid-left  {
        border: 1px solid #C5C5CB;
        padding: 10px;
        background: #FFFFFF;
        float: left;
        }
/* end style available in editor */

/* start form control */
label	{
	float: left;
	width: 135px;
	margin: 3px 0 0 0;
	font-family: arial;
	font-size: 1.0em;
	}

#contactform label	{
	width: 100%;
	margin: 0;
	}

input, textarea	{
	width: 200px;
	margin-bottom: 10px;
	font-family: arial;
	font-size: 1.0em;
	}

select 	{
	width: 200px;
	margin-bottom: 10px;
	font-family: arial;
	font-size: 1.0em;
	}

.button	{
	margin: 0 13px 0 0;
	width: 75px;
	}

.contactfield { width: 98%; }

#submitbutton {   
margin-left: 135px;
margin-top: 5px;
width: 90px;
}

.hide	{
	display: none;
	}
/* end form control */



dl	{
	}

dt, #required-fields	{
	font-weight: bold;
	background: #D6D6E9;
	padding: 3px 0 2px 5px;
	}

dd	{
	margin-bottom: 20px;
	padding: 3px 3px 3px 5px;
	}

.button-big	{
	padding: 0 0 0px 0;
	}
/*--------------------------------------------------------*/
/* TAB CLASSES */
/* http://wiki.modxcms.com/index.php/Tabbed_content */
/*--------------------------------------------------------*/

#tabs {
    padding: 5px;
}
       
#tabs #nav {
    margin-bottom: 0px;
    margin-left: 8px;
}
       
#tabs ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
       
#tabs #nav ul li {
    display: inline;
    padding: 3px 7px;
    cursor: default;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-bottom: none;
    margin-right: 2px;
    font-weight: bold;
}

#tabs #nav ul li.active {
    border: 1px solid #999999;
    border-bottom: 1px solid white;
    background-color: #ffffff;
}

#tabs #nav ul li:hover {
    background-color: #ffffff;
}

#tabs #data {
    margin-top: 3px;
    background-color: #ffffff;
}
       
#tabs #data div {
    display: none;
    border: 1px solid #999999;
    padding: 10px;
}
       
#tabs #data div.active {
    display: block;
}

#data {
}

#data ul {
    list-style: disc;
    margin-left: 30px;
    margin-bottom: 10px;
    padding: 0px;
}

/*--------------------------------------------------------*/
/* Homepage gallery */
/*--------------------------------------------------------*/

div.thumbs {
    margin: 0 10px 15px 0; 
    border: 1px solid #BCD2DE; 
    min-height: 225px; 
    width: auto; 
    float: left; 
    background: #FFFFFF url(../images-site/bg-thumb.gif) top left repeat-x; 
    font-size: 0.9em;
}	

div.thumbs img {
    display: inline; 
    margin: 5px 0px 5px 0px; 
    border: 1px solid #A5C5D4;
}

div.thumbl {
    margin: 0 10px 15px 0; 
    border: 1px solid #BCD2DE; 
    min-height: 275px; 
    width: auto; 
    float: left; 
    background: #FFFFFF url(../images-site/bg-thumb.gif) top left repeat-x; 
    font-size: 0.9em;
}	

div.thumbl img {
    display: inline; 
    margin: 5px 0px 5px 0px; 
    border: 1px solid #A5C5D4;
}

div.thumbm {
    margin: 0 10px 15px 0; 
    border: 1px solid #BCD2DE; 
    min-height: 260px; 
    width: auto; 
    float: left; 
    background: #FFFFFF url(../images-site/bg-thumb.gif) top left repeat-x; 
    font-size: 0.9em;
}	

div.thumbm img {
    display: inline; 
    margin: 5px 0px 5px 0px; 
    border: 1px solid #A5C5D4;
}

div.tname {
    width: 170px; 
    padding: 10px 10px 5px 10px; 
    text-align: center; 
    background: url(../images-site/zoom.png) bottom right no-repeat;
    font-weight: bold;
    font-size: 1.2em; 
    color: #FF0000;
}

div.ttiny {
    width: 170px; 
    padding: 0px 10px 0px 10px;
    text-align: center; 
    background: url(../images-site/zoom.png) bottom right no-repeat;
    font-size: 0.8em;
}

div.ttext {
    width: 170px; 
    padding: 0px 10px 0px 10px; 
    text-align: center; 
    background: url(../images-site/zoom.png) bottom right no-repeat;
    font-size: 1.0em;
    
}

div.ttext img {
    border:0;
}

div.tprice {
    width: 170px; 
    padding: 5px 10px 5px 10px; 
    text-align: center; 
    background: url(../images-site/zoom.png) bottom right no-repeat;
    font-size: 1.2em;
    font-weight: bold;
}

/*--------------------------------------------------------*/
/* Product page */
/*--------------------------------------------------------*/

.ps  {
    margin-left: 5px;
    width: 580px;
    border: 1px solid #999999;
    padding: 10px 10px 5px 10px;
    background: #FFFFFF;
}

.ps-thumbnail {
    font-size: 0.7em;
    margin: 5px 0 7px 0;
    text-align: center;
    float: left;
    width: 180px;
    line-height: 1.7em;
}

.ps-content {
    float: right;
    width: 390px;
    margin-top: 5px;
}

.ps-price{
    float: left;
    width: 390px;
}

.ps-buybutton {
    float: left;
}

.ps-pricetext {
    margin-left: 100px;
    font-size: 1.25em;
    color: #000088;
}

/*--------------------------------------------------------*/
/* News list in LH column*/
/*--------------------------------------------------------*/

.news-title {
    /* font-weight: bold; */
    font-size: 1.0em;
}

.news-text {
    margin-top: 3px;
    margin-bottom: 15px;
    font-size: 0.9em;
}

/*--------------------------------------------------------*/
/* Bundle & Promote panels in LH column */
/*--------------------------------------------------------*/

.bundle-panel  {
   padding: 10px;
   border: 5px solid #C5C5CB;
   background: #FFFFFF;
   float: left;
}

.promote-panel  {
   padding: 10px;
   border: 1px solid #C5C5CB;
   background: #FFFFFF;
   float: left;
}

.image-right  {
   padding: 5px;
   background: #FFFFFF;
   float: right;
}

.image-left  {
   padding: 5px;
   background: #FFFFFF;
   float: left;
}