/*
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.nospace
{
margin-top: 0em;
margin-bottom: 0em;
}

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

p.biggerns
{
font-size: 120%;
margin-top: 0em;
margin-bottom: 0em;
}

p.undert
{
margin-top: 0.5em;
font-size: 140%;
}

p.grybld
{
margin-top: 0em;
margin-bottom: 0em;
font-weight: bold;
color: #444444;
}

p.promo
{
font-size: 140%;
color: #9E0B0E;
}

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

h1.nospace 
{ 
font-size: 140%;
color: #444444;
margin-bottom: 0em;
}

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

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

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.indent
{
margin-left: 30px;
}

h2.statebox
{
margin-top: 0em;
margin-bottom: 0em;
color: #444444;
}

h3
{
font-size: 110%;
}

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, table.blue
{
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.blue th
{
vertical-align: top;
text-align: center;
font-size: 120%;
font-weight: bold;
font-style: italic;
border-top: 1px solid #4BACC6;
border-left: 1px solid #4BACC6;
border-right: 1px solid #4BACC6;
border-bottom: 3px solid #4BACC6;
padding: 4px;
}

table.blue th.center
{
text-align: center;
}

table.blue th.left
{
text-align: left;
}

table.blue td
{
border: 1px solid #4BACC6;
padding: 4px;
vertical-align: top;
}

table.blue td.center
{
text-align: center;
}

table.blue td.center_bld
{
text-align: center;
font-weight: bold;
}

table.blue td.center_bk
{
text-align: center;
background-color: #D2EAF1;
}

table.blue td.center_bk_it
{
text-align: center;
background-color: #D2EAF1;
font-style: italic;
}

table.blue td.center_bk_bld
{
text-align: center;
font-weight: bold;
}

table.blue td.left_bk
{
background-color: #D2EAF1;
text-align: left;
}

table.blue td.left_bld
{
font-weight: bold;
text-align: left;
}

table.blue td.left_bk_bld
{
font-weight: bold;
text-align: left;
background-color: #D2EAF1;
}

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

table.feats
{
width: 100%;
}

table.feats td
{
background-color: #DEEFA5;
padding: 4px 4px 4px 6px; /* top right bottom left */
vertical-align: top;
}

table.feats td.blk
{
background-color: #FFFFFF;
padding: 4px 4px 4px 6px; /* top right bottom left */
vertical-align: top;
}

td.grybld
{
font-weight: bold;
color: #444444;
}

select
{
width: 215px;
}

*:focus
{ 
outline: none;
}

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

/* old colour #FAD066*/
#toprightmenu li.dropsub
{
background-color: #D0E049;
padding-top: 2px;
padding-right: 2px;
}

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

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

/* old colour #FBE5AB */
#toprightmenu li a
{
color: #999999;
background-color: #EAEFAF; 
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: #D0E049;
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_right_nospace
{
float: right;
padding: 0em 0em 0em 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%;
}

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

.boxthin
{
padding: 1em 1em 1em 1em; /* top right bottom left */
border: thin solid #999999;
border-width:1px;
margin: 2em 0em 2em 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;
}

.t {background: url(/images/dot.gif) 0 0 repeat-x; width: 474px}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tr_24 {background: url(/images/tr_24.gif) 100% 0 no-repeat; padding:20px} 
.tr_28 {background: url(/images/tr_28.gif) 100% 0 no-repeat; padding:20px} 
.tr_40 {background: url(/images/tr_40.gif) 100% 0 no-repeat; padding:20px} 
.tr_42 {background: url(/images/tr_42.gif) 100% 0 no-repeat; padding:20px} 
.tr_56 {background: url(/images/tr_56.gif) 100% 0 no-repeat; padding:20px} 

.fp_imbox
{
position: relative;
width: 497px;
margin-left: 111px;
}

.fp_im
{
position: relative;
height: 180px;
margin-top: 15px;
}

.fp_txt
{
position: relative;
margin-top: 15px;
}

.fp_imleft
{
position: absolute;
left: 0px;
top: 0px;
width: 235px;
height: 180px;
}

.fp_imright
{
position: absolute;
left: 262px;
top: 0px;
width: 235px;
height: 180px;
}

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

.gx42right_strip
{
background-image:  url(/images/gx42right_strip.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 */
}