/*
Theme Name: Colortrac Web
Theme URI:
Description: Theme reflecting the look of the Colortrac web site
Author:
Author URI:
Version:
*/

html, body {
	padding: 0;
	border: 0;
	margin: 0;
	background-image: url(images/background_grey.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

/* must set all of these to 0 or items will be positioned incorrectly */

body {
	font-size: x-small;
	font-family: verdana, arial, helvetica, ËÎÌå, sans-serif;
	color: black;
}

p, li {
	font-size: 130%;
	line-height: 1.5;
}

ul.space li {
	margin-bottom: 1.6em;
}

p.smallspace {
	margin-top: 0em;
	margin-bottom: 0.5em;
}

p.fp_title {
	margin-top: 0.5em;
	margin-bottom: 0em;
}

p.fp_title2 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

p.fp_text {
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

p.bottom-blueprint {
	margin-top: 26em;
	margin-right: 1em;
}

p.bottom-mono-color {
	margin-top: 58em;
	margin-right: 1em;
	text-align: center;
	font-style: italic;
}

p.lcol {
	margin-left: 5px;
}

p.bigger {
	font-size: 120%;
}

h1 {
	font-size: 160%;
	color: #444444;
	margin-bottom: 1.5em;
}

h2 {
	font-size: 150%;
	color: #9E0B0E;
	margin-top: 1.6em;
}

h2.table {
	font-size: 118%;
}

h2.fp2 {
	margin-top: 2.5em;
}

h2.space {
	margin-top: 4em;
}

h2.nospace {
	margin-top: 0.5em;
	margin-bottom: 0em;
}

h2.smallspace {
	margin-top: 2em;
	margin-bottom: 0.8em;
}

h2.bigspace {
	margin-top: 5.3em;
	margin-bottom: 0em;
}

h2.fp {
	margin-top: 2em;
	margin-bottom: 0em;
}

h2.indent {
	margin-left: 30px;
}

h3 {
	font-size: 130%;
}

td, th {
	font-size: 110%;
	line-height: 1.5;
}

td.h2 {
	font-size: 100%;
}

table.indent {
	margin-left: auto;
	margin-right: auto;
}

table.bertl {
	margin-left: auto;
	margin-right: auto;
}

table.indent td {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.5;
	text-align: center;
}

table.bertl td {
	font-style: italic;
	font-size: 110%;
	line-height: 1.5;
	text-align: center;
	vertical-align: top;
}

table.top td {
	vertical-align: top;
}

table.border_centre, table.border_centre2 {
	border-collapse: collapse;
}

table.border_centre td {
	border: 1px solid silver;
	padding: 4px;
	vertical-align: top;
	text-align: center;
}

table.border_centre th {
	border: 1px solid silver;
	padding: 4px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

table.border_centre2 td {
	border: 1px solid silver;
	padding: 4px;
	text-align: center;
}

table.border_centre2 th {
	border: 1px solid silver;
	padding: 4px;
	text-align: left;
	font-weight: normal;
}

table.fp {
	margin-left: 101px;
}

table.fp td {
	padding-bottom: 30px;
}

td.sales_manager {
	vertical-align: bottom;
	padding-right: 20px;
}

table.distributor, table.photos {
	border-collapse: collapse;
	width: 100%;
}

table.distributor th, table.photos th {
	border: 1px solid silver;
	padding: 4px;
	text-align: left;
}

table.distributor td {
	border: 1px solid silver;
	padding: 4px;
	vertical-align: top;
}

table.photos td {
	border: 1px solid silver;
	padding: 4px;
	vertical-align: middle;
}

table.frontpage td {
	padding: 1em 0em 1em 0em; /* top right bottom left */
}

table.faq {
	width: 100%;
}

table.faq td {
	background-color: #EEEEEE;
	padding: 4px 4px 6px 6px; /* top right bottom left */
}

table.faq td.blk {
	background-color: #FFFFFF;
}

select {
	width: 215px;
}

/* collapsing and expanding text */

.expand, .collapse {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

/* THIS SETS UP THE OUTER WRAPPER */

#outer_wrap {
	width: 916px;
	background-color: white;
	background-image: url(images/background_arc.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#big_page_wrap {
	width: 916px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 15px;
	padding-left: 15px;
}

/* HEADER */

#header {
	position: relative;
	width: 100%;
	height: 131px;
}

#header_link {
	position: absolute;
	left: 207px;
	top: 10px;
	width: 172px;
	height: 47px;
}

/* link over logo */

#header_link_email {
	position: absolute;
	left: 781px;
	top: 98px;
	width: 135px;
	height: 19px;
}

/* link over logo */

#header_link i, #header_link_email i {
	visibility: hidden;
}

/* makes text in link invisible */

#header_link:focus, #header_link_email:focus {
	outline: none;
}

/* stops dotted box persisiting around link once it has been clicked */

#header a {
	text-decoration: none;
}

/* turns off link underlining. Necessary to make link invisible in Firefox */

/* MENUS */

#sidemenu ul, #sidemenu li, #topmenu ul, #topmenu li, #right ul, #right li, #toprightmenu ul, #toprightmenu li {
	padding: 0;
	border: 0;
	margin: 0;
	font-size: 12px;
}

/* must set all of these to 0 or menu items will be positioned incorrectly */

#topmenu {
	position: absolute;
	right: 8px;
	top: 73px;
	z-index: 10;
}

#topmenu li {
	position: relative;
	list-style: none;
	display: block;
	float: left;
	background-color: #444444;
	padding: 3px 5px; /* vertical horizontal */
	margin-left: 3px;
}

/* this code is for all the lis in the menu. It removes the default list bullets and makes lis horizontal */

#sidemenu {
	float: left;
	padding-top: 20px;
}

#sidemenu li {
	width: 176px;
	list-style: none;
	background-color: #444444;
	padding: 4px 4px; /* vertical horizontal */
	margin-top: 2px;
}

#sidemenu li:hover, #topmenu li:hover {
	background-color: #999999;
}

/* when mouse is hovering over an option its background goes grey */

#sidemenu li.current:hover, #topmenu li.current:hover, #sidemenu li.current, #topmenu li.current {
	background-color: #9E0B0E;
}

/* gives the current page's li a burgundy background even when mouse is hovering */

#sidemenu a, #topmenu a {
	color: white;
	text-decoration: none;
	display: block;
}

/* removes default link styling from all menu links */

#toprightmenu {
	position: absolute;
	right: 8px;
	top: 11px;
	z-index: 200;
}

#toprightmenu li {
	position: relative;
	list-style: none;
}

#toprightmenu li.palebutton, li.dropmain {
	float: left;
}

#toprightmenu li.dropsub {
	background-color: #FAD066;
	padding-top: 2px;
	padding-right: 2px;
}

#toprightmenu li.dropsubbottom {
	background-color: #FAD066;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

#toprightmenu li.dropsubbottom img, li.dropsub img {
	vertical-align: middle;
}

#toprightmenu li a {
	color: #999999;
	background-color: #FBE5AB;
	padding: 3px 5px; /* vertical horizontal */
	margin-left: 3px;
	text-decoration: none;
	display: block;
}

#toprightmenu li a:hover {
	color: white;
	background-color: #999999;
}

#toprightmenu li:hover {
	background-color: #FAD066;
	z-index: 200;
}

#toprightmenu li a.current:hover, #toprightmenu li a.current {
	color: white;
	background-color: #9E0B0E;
	z-index: 200;
}

#toprightmenu ul ul {
	display: none;
}

#toprightmenu ul li:hover ul {
	display: block;
}

a.simple span.off, a.trad span.off, a.japan span.off, a.russia span.off {
	display:inline;
}

a.simple:hover span.off, a.trad:hover span.off, a.japan:hover span.off, a.russia:hover span.off {
	display:none;
}

a.simple span.on, a.trad span.on, a.japan span.on, a.russia span.on {
	display:none;
}

a.simple:hover span.on, a.trad:hover span.on, a.japan:hover span.on, a.russia:hover span.on {
	display:inline;
}

/* BLOG SIDEBAR */

#navcontainer {
	padding-top: 20px; /* top right bottom left */
}

#navcontainer ul {
	margin: 0;
	padding: 0; /* top right bottom left */
	list-style-type: none;
}

#navcontainer a {
	display: block;
	font-size: 11px;
	color: #FFF;
	background-color: #444444;
	width: 176px;
	padding: 4px 4px 4px 4px; /* top right bottom left */
	text-decoration: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-top: 2px;
}

#navcontainer li li a {
	display: block;
	font-size: 11px;
	color: #FFF;
	background-color: #666666;
	width: 176px;
	padding: 4px 4px 4px 12px; /* top right bottom left */
	text-decoration: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin-top: 2px;
}

#navcontainer a:hover, #navcontainer li li a:hover {
	background-color: #999999;
	color: #FFF;
}

#navcontainer a.active_category, #navcontainer li.current-cat a, #navcontainer li li a.active_category:hover, #navcontainer li li.current-cat a:hover {
	background-color: #9E0B0E;
}

#navcontainer li.current-cat li a {
	background-color: #666666;
}

#navcontainer li.current-cat li a:hover {
	background-color: #999999;
	color: #FFF;
}

/* BLOG COMMENTS */

#commentform textarea {
	width: 465px;
}

#commentlist ol, #commentlist li, #commentlist p {
	font-size: 130%;
	line-height: 1.5;
}

#wordpress h1 a, #wordpress h1 a:link, #wordpress h1 a:visited, #wordpress h2 a {
	text-decoration: none;
	color: #444444;
}

#wordpress h2 {
	margin-top: 0px;
}

#wordpress h2.responses {
	padding-top: 1.5em;
}

#wordpress h2 a, #wordpress h2 a:link, #wordpress h2 a:visited {
	text-decoration: none;
	color: #9E0B0E;
}

li.comment img.avatar {
	display:none
}

/* CONTENT COLUMNS */

#left {
	float: left;
	width: 184px;
	padding-top: 20px;
	overflow-x: hidden;
}

#column_wrap {
	float: right;
	width: 732px;
	padding-bottom: 30px;
}

#content_three {
	float: left;
	width: 478px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 550px;
}

#content_two {
	float: left;
	width: 692px;
	padding-right: 30px;
	min-height: 550px;
}

#right {
	float: right;
	width: 194px;
	overflow-x: hidden;
}

#right ul {
	margin-top: 1.5em;
}

#right li {
	width: 174px;
	list-style: none;
	background-color: #999999;
	padding: 4px 4px; /* vertical horizontal */
	font-size: 11px;
}

#right a.button {
	color: white;
	text-decoration: none;
}

/* FOOTER */

#footer {
	width: 100%;
	padding-bottom: 14px;
}

/* Clear both forces footer onto a new line, below any floated items. */

#footer p {
	font-size: 100%;
	text-align: center;
	margin-top: 0;
}

/* SEARCH */

#search form {
	margin: 0;
}

/* CONTAINERS */

.movie_text_right {
	float: right;
	width: 66%;
}

.movie_image_left {
	float: left;
	padding: 0.5em 0em 0em 0em; /* top right bottom left */
}

.image_left_nospace {
	float: left;
	padding: 0em 2em 1em 0em; /* top right bottom left */
}

.image_left {
	float: left;
	padding: 1em 2em 1em 0em; /* top right bottom left */
}

.image_right {
	float: right;
	padding: 1em 0em 1em 2em; /* top right bottom left */
}

.image_centre {
	width: 100%;
	padding: 1em 0em 1em 0em; /* top right bottom left */
}

.image_left p, .image_right p, .image_centre p {
	text-align: center;
	font-style: italic;
	margin-top: 0;
}

.image_background_ci40 {
	background-image: url("../images/ci40-on-stand.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
}

.distributor_left {
	float: left;
	padding-right: 2em;
}

.distributor_right {
	float: right;
	width: 55%;
}

.fp_left {
	padding-left: 4px;
}

.fp_left_box {
	margin-left: 10px;
	margin-bottom: 20px;
	width: 171px;
	border: 1px solid silver;
}

.fp_right {
	width: 110px;
	text-align: right;
}

.fp_indent {
	padding-left: 4px;
}

.fp_images {
	width: 425px;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.fp_images_2 {
	width: 166px;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.fp_images_4 {
	width: 338px;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.fp_block {
	padding: 1px 0px 3px 10px; /* top right bottom left */
	background-color: #E8E8E8;
}

.fp_border {
	padding: 1px 0px 3px 10px; /* top right bottom left */
	border: thin solid #999999;
}

.fp_block h2, .fp_border h2 {
	margin-top: 0.5em;
	margin-bottom: 0.6em;
}

.fp_caps {
	position: relative;
	width: 420px;
	height: 110px;
}

.box {
	padding: 0em 2em 0.5em 2em; /* top right bottom left */
	border: thin solid #999999;
	margin: 3em 0em 3em 0em; /* top right bottom left */
}

.newbox {
	background-image: url(images/new.gif);
	background-repeat: no-repeat;
	padding: 13px 20px 17px 40px; /* top right bottom left */
	margin: 2.5em 0em 2.5em 0em; /* top right bottom left */
	border: thin solid #999999;
}

.cap1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 130px;
	height: 93px;
	text-align: right;
}

.cap2 {
	position: absolute;
	left: 140px;
	top: 0px;
	width: 130px;
	height: 93px;
	text-align: right;
}

.cap3 {
	position: absolute;
	left: 280px;
	top: 0px;
	width: 130px;
	height: 93px;
	text-align: right;
}

.caps {
	position:relative;
	right: 1px;
	bottom: -91px;
	background-color: white;
	padding: 1px 3px 1px 3px; /* top right bottom left */
	font-style: italic;
}

.fp_caps a {
	text-decoration: none;
	color: black;
}

.quoteright {
	margin-top: 2em;
	background-image: url(images/quoteleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quoteright p {
	margin-left: 24px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
}

.quote {
	background-image: url(images/quoteleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.quote p {
	margin-left: 24px;
	font-style: italic;
}

.clear {
	clear: both;
}

/* IRREGULAR IMAGES */

.gx56long {
	background-image:  url(images/gx56long.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	margin: 0;
}

.gx42right {
	background-image:  url(images/gx42right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	margin: 0;
}

.flowing {
	float: right;
	clear: right;
	padding: 0;
	margin: 0px 0px 0px 3em; /* top right bottom left */
}

.gx42lid {
	background-image:  url(images/gx42lid.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	margin: 0;
}

.flowingleft {
	float: left;
	clear: left;
	padding: 0;
	margin: 0px 3em 0px 0em; /* top right bottom left */
}

/* USA DISTRIBUTOR PAGE */

#dist {
	position: relative;
}

#dist1 {
	position: absolute;
	top: 5px;
	left: 0px;
	background-color : #F2D0FF;
	padding: 5px 5px 5px 5px;
	width: 220px;
	z-index: 10;
}

#dist1 img {
	margin: 0px 5px 0px 0px; /* top right bottom left */
}

#dist2 {
	position: absolute;
	top: 5px;
	right: 0px;
	background-color : #F7D3AA;
	padding: 5px 5px 5px 5px;
	width: 220px;
	z-index: 10;
}

#dist2 img {
	margin: 0px 0px 0px 5px; /* top right bottom left */
}

#dist3 {
	position: absolute;
	top: 475px;
	left: 0px;
	background-color : #FFFFD0;
	padding: 5px 5px 5px 5px;
	width: 220px;
	z-index: 10;
}

#dist3 img {
	margin: 0px 5px 0px 0px;
}

#dist4 {
	position: absolute;
	top: 475px;
	right: 0px;
	background-color : #FFAAAA;
	padding: 5px 5px 5px 5px;
	width: 220px;
	z-index: 10;
}

#dist4 img {
	margin: 0px 5px 0px 0px;
}

#dist5 {
	position: absolute;
	top: 155px;
	left: 10px;
	z-index: 1;
}

#dist6 {
	position: absolute;
	top: 605px;
	left: 129px;
	background-color : #99CCFF;
	padding: 5px 5px 5px 5px;
	width: 220px;
	z-index: 10;
}

.distrib p {
	font-size: 11px;
	margin-top: 0em;
	margin-bottom: 0.5em;
}