/*
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: 110%;
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: 140%;
color: #444444;
margin-bottom: 1.5em;
}

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

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: 110%;
}

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

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

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

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: 11px;
}
/* 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: 100%;
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 */
}

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