/* CSS Document */

html,body { margin:0; padding:0; height:100%; background:#fff; color:#333333; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
html {font-size:0.8em}
body { font-size: 100%; }

div, span, ul, li, img { padding:0; margin:0; border:none}
#container { width:769px; margin:0 auto; xfont-size:100%; }
#header { position:relative; width:769px; height:81px; margin-bottom:2px; }
#right-col { float:left; }
#mid-col, #mid-col2 { xwidth:494px;  margin:0 2px 2px 2px; float:left; }
#mid-col3 { float:left; width:594px;  margin:10px 2px 2px 5px; }
#footer { position:relative; clear:both; text-align:center; height:20px; }
.bold { font-weight:bold}
a, a:hover { color:#55962B; text-decoration:underline; border:none}
a:hover { color:#000}

h1 { font-size: 130%; color:#55962B; padding:0; margin: 0 }
h2 {font-size: 100%; color:#55962B; padding:15px 0; margin: 0; }

.skiplink {display:none}

/*	navigation	*/
div.links {background:url(../images/px_leftnav_darkgreen.gif) repeat-y; padding-top: 13px; padding-bottom:13px}
#left-col { float:left; width:160px; margin: 12px 0 0 1px; }
#left-col ul { list-style:none; width:158px; font-size: 85%; padding: 2px 0; background:url(../images/px_leftnav_lightgreen.gif) repeat-y;}
#left-col ul li { color:#FFFFFF; text-transform:uppercase; background:url(../images/px_leftnav_lightgreen.gif) repeat-y; font-weight:bold; } 
#left-col div.links a, #left-col ul li a { padding-left:17px; color:#FFFFFF; text-decoration:none}
#left-col div.links a.active, #left-col ul li a.active, #left-col ul li ul li a.active { color:#333333}
#left-col ul img.divide { padding:0; margin:0; } 
.mobility { clear:both; float:left}
.links { font-size:80%}
#left-col ul li ul li { color:#FFFFFF; text-transform:uppercase; padding:0 0 0 30px } 
#left-col ul li ul li a { padding:0}

/*	middle block	*/
#mid-col { margin: 35px 0 62px 15px;  font-size: 88%; width:350px; }
#mid-col p, #mid-col2 p, #mid-col3 p, #mid-col4 p { margin: 10px 0 0 0; line-height: 1.3em;}

#mid-col2 { margin: 18px 0 32px 15px;  font-size: 88%; width:587px; xborder:1px solid red }
#mid-col2 h1 {border-bottom: 1px solid #E4E4E4; padding: 0 0 12px 0}
#mid-col3 h1 {padding: 0 0 10px 0}
#mid-col3 ul li {list-style-position:outside; margin-left:20px; }

#mid-col-paragraph { padding: 0 0 9px 0}
#mid-col-paragraph2 {padding: 0 0 9px 0; border-bottom: 1px solid #E4E4E4;}
#mid-col-paragraph ul, #mid-col-paragraph2 ul  {  color: #676767; line-height: 1.3em; padding: 0 0 0 10px;  }
#mid-col-paragraph ul li, #mid-col-paragraph2 ul li { list-style-image:url(../images/bullet.gif); margin: 0 0 0 10px;}
#mid-col-paragraph img { padding: 5px 0 0 0}

/*	middle block -- homepage	*/
#home-table {border-top: 1px solid #E4E4E4; xpadding: 7px 0 0 0; xborder:1px solid red; height:100%; width:340px}

.home-row { xheight:68px; float: left; font-size: 105%; xborder:1px solid red; xmargin: 0 0 0 15px; border-bottom: 1px solid #E4E4E4; padding: 10px 0 0 0; }
.home-rowimage { float: left; width: 90px; height: 90px; vertical-align:top; text-align:center; padding: 0; xborder:1px solid red; }
.home-rowdetail { width: 246px; float: right; text-align: left; xborder:1px solid red}
.home-rowdetail-text { width: 212px; line-height: 1.3em; padding: 0 0 0 6px; xborder:1px solid red}
.home-rowdetail-text span.bold {color: #000}
.home-rowdetail-text p { font-size: 95%}
.takealook { float:right; margin: 13px 0; xmargin:0}


/*	middle block -- contact us	*/
table.getintouch-tableA, table.getintouch-tableB { width:434px; }
table.getintouch-tableA tr td.bold { width:160px; height:26px; }
table.getintouch-tableB tr td.bold div.courseinfo { width: 140px; float:left; font-size:95%; vertical-align:middle; xborder:1px solid red}
table.getintouch-tableB tr td.bold div.courseinfo input { float:left; vertical-align:middle }
table.getintouch-tableB tr td.bold div.courseinfo div.courseinfo-text { padding: 0 0 0 2px; margin: 0; float:left; display:block; vertical-align:middle}
table.getintouch-tableB tr td.submit input { float:right}

/*	middle block -- products	*/
.pagenumbers {font-size: 100%; padding: 0 0 10px 0; color:#55962B; float:left; xwidth:100%; xborder:1px solid red}
.pagenumbers-left {xfont-size: 90%; xpadding: 0 0 10px 0; xcolor:#55962B; float:left; xwidth:200px; xborder:1px solid red}
.pagenumbers-right {xfont-size: 90%; xpadding: 0 0 10px 0; xcolor:#55962B; float:right}
.pagenumbers a { padding: 0 3px; text-decoration:underline;}
.pagenumbers a.active {text-decoration: underline; color:#000}
.productimages {}

.productrows {xfont-size: 0.9em; xwidth: 100%; float:left; xborder: 1px dotted green; }
.productrows-image {float: left; width: 100px; height: 100px; xborder: 1px solid blue; vertical-align:top; padding: 0 0 0 0; }
.productrows-image img { }
.productrows-text { xfloat:right; xdisplay:block; text-align: left; float: left; width: 300px}
.productrows-text2 { xfloat:right; xdisplay:block; text-align: left; float: left; width: 486px}
.productrows-text2 h1 { color: #000; font-size:100%; text-transform:uppercase; padding:0; margin:0; }
.products-moreinfo { width: 100%; background: #fff url(/images/px_background1.gif) repeat-y; margin: 7px 0 0 0; }
div..products-moreinfo a img { float:right; margin: 0 4px 4px 0; }
.nonsale{}



/*	right block	*/
#right-col { margin: 0 0 0 6px; width:234px}
.orvisit { font-weight:bold; float:right; color: #999999; text-transform:uppercase; font-size: 85%}
#right-col img { margin: 15px 0 0 0}

#right-col2 { margin: 0 2px 0 0; width:234px; xborder:1px solid red; position:relative; float:right;}



/*	product page	*/
.product-row { xheight:68px; float: left; font-size: 105%; xborder:1px solid red; xmargin: 0 0 0 15px; border-bottom: 1px solid #E4E4E4; padding: 10px 0 0 0; }
.product-rowdetail { width: 336px; float: left; text-align: left; xborder:1px solid red}
.product-rowdetail table { padding:0; margin:0}
.product-rowdetail-text { width: 100%; line-height: 1.3em; xpadding: 0 0 0 6px; xborder:1px solid red}
.product-rowdetail-text span.bold {color: #000}
.product-rowdetail-text p { font-size: 95%; }

#right-col3 { margin: 0 2px 0 0; width:240px; xborder:1px solid red; float:right}



/*	footer	*/

#footer { clear:both; margin-right:auto; margin-left:auto; text-align: center; width: 780px; padding: 10px 0; color: #666; font-size: 83%; border-top: 1px solid #E4E4E4; }
#footer img { vertical-align:middle}

span.copyright {float: left; clear:both; }
span.tingleweb { float:right;  }