@charset "UTF-8";



/* sboxes
------------------------------------*/ 
.sbox746 {
clear: both;
width: 726px; 
margin: 10px 0 10px 20px;
padding: 10px;
}

.sbox520 {
clear: both;
width: 500px; 
margin: 10px 128px;
padding: 10px;
}

.slbox400 {
clear: both;
float: left;
width: 400px; 
margin: 0 0 16px 10px;
padding: 10px 14px;
color: #4a4a4a;
}

.sbox360 {
clear: both;
width: 340px; 
margin: 10px 15px;
padding: 10px;
}

.sbox220 {
clear: both;
width: 200px; 
margin: 10px 15px;
padding: 10px;
}


.green .sbox746, .green .sbox520, .green .slbox400, .green .sbox360, .green .sbox220 
{background: #090; color: #fff}

.red .sbox746, .red .sbox520, .red .slbox400, .red .sbox360, .red .sbox220 
{background: #c00;; color: #fff}

.orange .sbox746, .orange .sbox520, .orange .slbox400, .orange .sbox360, .orange .sbox220 
{background: #f60;; color: #fff}

.yellow .sbox746, .yellow .sbox520, .yellow .slbox400, .yellow .sbox360, .yellow .sbox220 
{background: #fc0;}

.navy .sbox746, .navy .sbox520, .navy .slbox400, .navy .sbox360, .navy .sbox220 
{background: #039;; color: #fff}

.blue .sbox746, .blue .sbox520, .blue .slbox400, .blue .sbox360, .blue .sbox220 
{background: #39f;; color: #fff}

.purple .sbox746, .purple .sbox520, .purple .slbox400, .purple .sbox360, .purple .sbox220
{background: #66c;; color: #fff}

.gray .sbox746, .gray .sbox520, .gray .slbox400, .gray .sbox360, .gray .sbox220 
{background: #ccc;}







/* one two !clear both the following
------------------------------------*/ div.one {
clear: both;
}
.one, .two {
float: left;
width: 343px;
margin: 5px 5px 15px 15px;
padding: 10px;
background: #ddd;
}


/* box776 
------------------------------------*/ 
.box776 {
clear: both;
float: left;
width: 776px; 
margin: 0;
padding: 0px;
background-repeat: no-repeat; 
background-position: bottom left;
}

.green .box776 {
background-image:url("img/cup776green.gif");}

.box776 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 10px;
}

.green .box776 .cap {
background-image:url("img/cap776green.gif");}




/* box746 with 2 columnsk
----------------------------------- 
.box746 {
clear: both;
float: left;
width: 746px; 
margin: 10px 20px;
padding: 0px;
background-repeat: no-repeat; 
background-position: bottom left;
}


.box746 p {
margin: 0 20px;
}

.green .box746 {
background-image:url("img/cup746green.gif");}

.red .box746 {
background-image:url("img/cup746red.gif");}

.orange .box746 {
background-image:url("img/cup746orange.gif");}

.yellow .box746 {
background-image:url("img/cup746yellow.gif");}

.navy .box746 {
background-image:url("img/cup746navy.gif");}

.blue .box746 {
background-image:url("img/cup746blue.gif");}

.purple .box746 {
background-image:url("img/cup746purple.gif");}

.gray .box746 {
background-image:url("img/cup746gray.gif");}


.box746 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 10px;
}

.green .box746 .cap {
background-image:url("img/cap746green.gif");}

.red .box746 .cap {
background-image:url("img/cap746red.gif");}

.orange .box746 .cap {
background-image:url("img/cap746orange.gif");}

.yellow .box746 .cap {
background-image:url("img/cap746yellow.gif");}

.navy .box746 .cap {
background-image:url("img/cap746navy.gif");}

.blue .box746 .cap {
background-image:url("img/cap746blue.gif");}

.purple .box746 .cap {
background-image:url("img/cap746purple.gif");}

.gray .box746 .cap {
background-image:url("img/cap746gray.gif");}



.column-l {
clear: both;
float: left;
}

.column-r {
float: right;
}

.column-l, .column-r {
width: 350px;
margin: 0;
padding: 0 10px 10px 10px;
}

-*/


/* box746
------------------------------------*/ 
.box746 {
clear: both;
float: left;
width: 746px; 
/*margin: 2px 0 12px 8px;*/
margin: 2px 0 12px 14px;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box746 {
background-image:url("img/cup746green.gif");}

.red .box746 {
background-image:url("img/cup746red.gif");}

.orange .box746 {
background-image:url("img/cup746orange.gif");}

.yellow .box746 {
background-image:url("img/cup746yellow.gif");}

.navy .box746 {
background-image:url("img/cup746navy.gif");}

.blue .box746 {
background-image:url("img/cup746blue.gif");}

.purple .box746 {
background-image:url("img/cup746purple.gif");}

.gray .box746 {
background-image:url("img/cup746gray.gif");}


.box746 p {
margin: 0 20px 10px 20px;
}

div.yellow div.box746 p.header {
color: #666;
}

.box746 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 28px;
}


.box746 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 10px;
}

.green .box746 .cap {
background-image:url("img/cap746green.gif");}

.red .box746 .cap {
background-image:url("img/cap746red.gif");}

.orange .box746 .cap {
background-image:url("img/cap746orange.gif");}

.yellow .box746 .cap {
background-image:url("img/cap746yellow.gif");}

.navy .box746 .cap {
background-image:url("img/cap746navy.gif");}

.blue .box746 .cap {
background-image:url("img/cap746blue.gif");}

.purple .box746 .cap {
background-image:url("img/cap746purple.gif");}

.gray .box746 .cap {
background-image:url("img/cap746gray.gif");}


/* box746p
------------------------------------*/ 
.box746p {
clear: both;
float: left;
width: 746px; 
/*margin: 2px 0 12px 8px;*/
margin: 2px 0 12px 14px;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box746p {
background-image:url("img/cup746green.gif");}

.red .box746p {
background-image:url("img/cup746red.gif");}

.orange .box746p {
background-image:url("img/cup746orange.gif");}

.yellow .box746p {
background-image:url("img/cup746yellow.gif");}

.navy .box746p {
background-image:url("img/cup746navy.gif");}

.blue .box746p {
background-image:url("img/cup746blue.gif");}

.purple .box746p {
background-image:url("img/cup746purple.gif");}

.gray .box746p {
background-image:url("img/cup746gray.gif");}


.box746p p {
margin: 0 20px 10px 20px;
}

div.box746p p.header {
margin: 0;
padding: 5px 0 5px 20px;
color: #fff;
}

div.yellow div.box746p p.header {
color: #666;
}

.box746p .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 28px;
}

.green .box746p .cap {
background-image:url("img/cap746p_green.gif");}

.red .box746p .cap {
background-image:url("img/cap746p_red.gif");}

.orange .box746p .cap {
background-image:url("img/cap746p_orange.gif");}

.yellow .box746p .cap {
background-image:url("img/cap746p_yellow.gif");}

.navy .box746p .cap {
background-image:url("img/cap746p_navy.gif");}

.blue .box746p .cap {
background-image:url("img/cap746p_blue.gif");}

.purple .box746p .cap {
background-image:url("img/cap746p_purple.gif");}

.gray .box746p .cap {
background-image:url("img/cap746p_gray.gif");}


/* box520
------------------------------------*/ 
.box520 {
clear: both;
float: left;
width: 520px; 
margin: 10px 0 0 128px;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box520 {
background-image:url("img/cup520green.gif");}

.red .box520 {
background-image:url("img/cup520red.gif");}

.orange .box520 {
background-image:url("img/cup520orange.gif");}

.yellow .box520 {
background-image:url("img/cup520yellow.gif");}

.navy .box520 {
background-image:url("img/cup520navy.gif");}

.blue .box520 {
background-image:url("img/cup520blue.gif");}

.purple .box520 {
background-image:url("img/cup520purple.gif");}

.gray .box520 {
background-image:url("img/cup520gray.gif");}


.box520 p {
margin: 0 20px 10px 20px;
}


.box520 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 10px;
}

.green .box520 .cap {
background-image:url("img/cap520green.gif");}

.red .box520 .cap {
background-image:url("img/cap520red.gif");}

.orange .box520 .cap {
background-image:url("img/cap520orange.gif");}

.yellow .box520 .cap {
background-image:url("img/cap520yellow.gif");}

.navy .box520 .cap {
background-image:url("img/cap520navy.gif");}

.blue .box520 .cap {
background-image:url("img/cap520blue.gif");}

.purple .box520 .cap {
background-image:url("img/cap520purple.gif");}

.gray .box520 .cap {
background-image:url("img/cap520gray.gif");}



/* box310
------------------------------------*/ 
.box310 {
float: left;
width: 310px; 
margin: 2px 0 12px 8px;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box310 {
background-image:url("img/cup310green.gif");}

.red .box310 {
background-image:url("img/cup310red.gif");}

.orange .box310 {
background-image:url("img/cup310orange.gif");}

.yellow .box310 {
background-image:url("img/cup310yellow.gif");}

.navy .box310 {
background-image:url("img/cup310navy.gif");}

.blue .box310 {
background-image:url("img/cup310blue.gif");}

.purple .box310 {
background-image:url("img/cup310purple.gif");}

.gray .box310 {
background-image:url("img/cup310gray.gif");}


.box310 p {
margin: 0 20px 10px 20px;
}

div.yellow div.box310 p.header {
color: #666;
}

.box310 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 28px;
}


.box310 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 10px;
}

.green .box310 .cap {
background-image:url("img/cap310green.gif");}

.red .box310 .cap {
background-image:url("img/cap310red.gif");}

.orange .box310 .cap {
background-image:url("img/cap310orange.gif");}

.yellow .box310 .cap {
background-image:url("img/cap310yellow.gif");}

.navy .box310 .cap {
background-image:url("img/cap310navy.gif");}

.blue .box310 .cap {
background-image:url("img/cap310blue.gif");}

.purple .box310 .cap {
background-image:url("img/cap310purple.gif");}

.gray .box310 .cap {
background-image:url("img/cap310gray.gif");}


/* box310p
------------------------------------*/ 
.box310p {
float: left;
width: 310px; 
margin: 2px 0 12px 8px;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box310p {
background-image:url("img/cup310green.gif");}

.red .box310p {
background-image:url("img/cup310red.gif");}

.orange .box310p {
background-image:url("img/cup310orange.gif");}

.yellow .box310p {
background-image:url("img/cup310yellow.gif");}

.navy .box310p {
background-image:url("img/cup310navy.gif");}

.blue .box310p {
background-image:url("img/cup310blue.gif");}

.purple .box310p {
background-image:url("img/cup310purple.gif");}

.gray .box310p {
background-image:url("img/cup310gray.gif");}


.box310p p {
margin: 0 20px 10px 20px;
}

div.box310p p.header {
margin: 0;
padding: 5px 0 5px 20px;
color: #fff;
}

div.yellow div.box310p p.header {
color: #666;
}

.box310p .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 28px;
}

.green .box310p .cap {
background-image:url("img/cap_s310green.gif");}

.red .box310p .cap {
background-image:url("img/cap_s310red.gif");}

.orange .box310p .cap {
background-image:url("img/cap_s310orange.gif");}

.yellow .box310p .cap {
background-image:url("img/cap_s310yellow.gif");}

.navy .box310p .cap {
background-image:url("img/cap_s310navy.gif");}

.blue .box310p .cap {
background-image:url("img/cap_s310blue.gif");}

.purple .box310p .cap {
background-image:url("img/cap_s310purple.gif");}

.gray .box310p .cap {
background-image:url("img/cap_s310gray.gif");}


/* box249
------------------------------------*/ 
.box249 {
clear: both;
float: left;
width: 249px; 
margin: 10px 0 0 0;
padding: 0;
background-repeat: no-repeat; 
background-position: bottom left;
display: inline;
}

.green .box249 {
background-image:url("img/cup249green.gif");}

.red .box249 {
background-image:url("img/cup249red.gif");}

.blue .box249 {
background-image:url("img/cup249blue.gif");}


.box249 p {
padding: 0 5px 10px 8px ;
}


.box249 .cap {
background-repeat: no-repeat; 
background-position: left top;
height: 1.75em;
padding: 3px 0 0 8px;
color: #fff;
font-weight: bold;
font-size; 115%;
}

.green .box249 .cap {
background-image:url("img/cap249green_p.gif");}

.red .box249 .cap {
background-image:url("img/cap249red_p.gif");}

.blue .box249 .cap {
background-image:url("img/cap249blue_p.gif");}