File: /home/posscale/public_html/templates/pos_scales/css/ps_style.css.8.50AM.10.12.2007
@charset "utf-8";
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12px;
}
a {
color:#333366;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.all_container{
diplsy: table;
width:1000px;
margin-left: auto;
margin-right: auto;
}
.header_container {
height: 200px;
width: 1000px;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.footer_container {
display: table;
width: 1000px;
clear:both;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
text-align: center;
clear: both;
}
/* Links container */
.link_container{
display: table;
float: right;
width: 600px;
border: 0px #999999 solid;
margin-top: 155px;
}
/* JOOMLA TOP LINK CONTAINER */
/* Moduletable */
div.link_container table.moduletable{
display: block;
float: left;
}
div.link_container table.moduletable ul{
list-style:none;
margin: 0px;
padding: 0px;
}
/* Default */
div.link_container table.moduletable ul li{
float: left;
width: 128px;
height: 34px;
background: url(../images/top_default.jpg);
margin-left: 10px;
}
/* Selected */
div.link_container table.moduletable ul li.selected{
float: left;
width: 128px;
height: 34px;
background: url(../images/top_selected.jpg);
margin-left: 10px;
}
div.link_container table.moduletable ul li a {
font-size: 13px;
color: #003366;
text-decoration: none;
font-weight: bold;
text-align:center;
display: block;
width: 120px;
line-height: 35px;
}
div.link_container table.moduletable ul li a:hover{
text-decoration: underline;
}
/* END Moduletable */
.middle_container {
display: table;
width: 1000px;
}
.left_content_container{
display: table;
float:left;
width: 190px;
border: 0px solid #CCCCCC;
}
/* MIDDLE CONTENT */
.middle_content_container {
display: table;
float:left;
width: 615px;
border: 0px solid #CCCCCC;
margin-right: 7px;
margin-left: 7px;
margin-bottom:10px;
margin-top: 0px;
}
.middle_content_container div#out{
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 616px;
}
/* For newsite posscale
IE do this
*/
div.middle_content_container table.contentpaneopen {
padding: 0px;
margin: 0px;
margin-left: -2px;
margin-top: -2px;
width: 618px;
}
div.middle_content_container table.contentpaneopen td.contentheading{
height: 32px;
display: table-cell;
width: 618px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
/* IE HACK
Other browsers do this
*/
body > div.middle_content_container table.contentpaneopen {
padding: 0px;
margin: 0px;
margin-left: -2px;
margin-top: -2px;
width: 626px;
}
body > div.middle_content_container table.contentpaneopen td.contentheading{
height: 32px;
display: table-cell;
width: 626px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
/* END MIDDLE CONTENT */
div.right_content_container{
display: table;
float:right;
width: 175px;
border: 0px solid #CCCCCC;
}
.pads {
padding: 5px;
}
/* Left Header bits */
.l_heading_container{
width: 190px;
}
.l_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.l_heading_right{
width: 4px;
display: block;
float: right;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.l_heading_container h1{
margin: 0px;
padding: 0px;
color: #003366;
font-size: 16px;
width: 172px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* Right Header bits */
.r_heading_container{
width: 175px;
}
.r_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.r_heading_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.r_heading_container h1{
margin: 0px;
padding: 5px;
color: #003366;
font-size: 16px;
display: block;
position: relative;
left: 0px;
top: 0px;
width: 157px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* Middle Header bits */
.m_heading_container{
width: 615px;
}
.m_heading_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.m_heading_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: left top;
}
.m_heading_container h1{
margin: 0px;
padding: 5px;
color: #003366;
font-size: 16px;
display: block;
position: relative;
left: 0px;
top: 0px;
width: 597px;
height: 27px;
float: left;
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
padding-bottom:0px;
padding-left:5px;
padding-right:5px;
}
/* JOOMLA */
/* ==================================================================================== */
table.moduletable{
}
/* LEFT SECTION */
div.left_content_container table.moduletable th{
height: 32px;
width: 190px;
background-image: url(../images/left_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
color: #003366;
font-weight: bold;
text-align: left;
padding: 5px;
}
div.left_heading{
height: 32px;
display:table;
width: 190px;
background-image: url(../images/left_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
div.left_content_container table.moduletable {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 190px;
}
div.left_content_container table.moduletable ul {
list-style: none;
}
#mainlevel-nav li{
list-style: none;
}
/* END LEFT HEADING */
div.main_heading{
height: 32px;
display:table;
width: 615px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
/* CONTENT HEADING */
/* For localhost */
div.middle_content_container div.componentheading{
height: 32px;
display: table-cell;
width: 604px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
}
body > .middle_content_container .componentheading{
height: 32px;
display: table-cell;
width: 615px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
}
body > .middle_content_container table.contentpaneopen td.contentheading{
height: 32px;
display: table-cell;
width: 636px;
background-image: url(../images/main_content_head.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
/* END CONTENT HEADING */
/* RIGHT SECTION */
div.right_heading{
height: 32px;
display:table;
width: 165px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
color: #003366;
font-weight: bold;
padding: 5px;
}
body > div.right_heading{
height: 32px;
display:table;
width: 180px;
padding: 5px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
}
div.right_content_container table.moduletable {
border: 1px solid #CCCCCC;
margin-bottom: 10px;
width: 175px;
}
div.right_content_container input.submit div#out table.moduletable
{
width:auto;
background:#e8e8e8;
border:solid;
border-width:1px;
border-color:#CCCCCC;
}
div.right_content_container input.submit:hover div#out table.moduletable
{
background:#d8d8d8;
}
div.right_content_container table.moduletable th {
height: 32px;
display: table-cell;
width: 165px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 12px;
color: #003366;
font-weight: bold;
padding: 5px;
text-align: left;
}
body > div.right_content_container table.moduletable th{
height: 32px;
display: table;
width: 180px;
background-image: url(../images/right_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #003366;
font-weight: bold;
padding: 5px;
text-align: left;
}
/* END RIGHT SECTION */
/* ==================================================================================== */
/* Extra Box */
.x_box{
border: 1px solid #EEEEEE;
display:table;
}
.x_box div#x_box_left{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
.x_box div#x_box_cheading{
background-image: url(../images/banner_bk_main.gif);
background-repeat: repeat-x;
background-position: left top;
float:left;
display: block;
height: 32px;
color: #003366;
font-size: 16px;
font-weight:bold;
}
.x_box div#x_box_right{
width: 4px;
display: block;
float: left;
height: 31px;
background-image: url(../images/banner_bk_right.gif);
background-repeat: no-repeat;
background-position: right top;
}
.x_box div#x_box_content{
display: table;
float: left;
}
/*LEFT CATEGORY MENU*/
div.menu ul
{
list-style:none;
}
div.menu ul.level1
{
position:relative;
float:left;
padding:0px;
margin:0px;
width:180px;
/*border:solid;
border-width:1px;
border-color:#CCCCCC;*/
}
div.menu li.header, div.menu li.header:hover
{
width:180px;
height:32px;
padding:0px;
margin:0px;
float:left;
}
div.menu li.header div.left
{
padding:0px;
margin:0px;
width:4px;
height:32px;
background:url(../images/banner_bk_left.gif);
float:left;
}
div.menu li.header div.right
{
padding:0px;
margin:0px;
width:4px;
height:32px;
background:url(../images/banner_bk_right.gif);
float:left;
}
div.menu li.header div.text
{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333366;
height:27px;
width:167px;
background:url(../images/banner_bk_main.gif);
float:left;
padding-top:5px;
padding-left:5px;
}
div.menu a
{
color:#000;
text-decoration:none;
font-size:12px;
float:left;
margin-left:15px;
}
div.menu a:hover
{
text-decoration:underline;
}
div.menu li:hover, li.over
{
width:180px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
border:none;
background:#EAF9FF;
}
div.menu li.level1
{
width:180px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
border:none;
}
div.menu li.level1 ul.level2
{
display:block;
position:absolute;
top:auto;
left:-9999px;
padding:0px;
margin:0px;
margin-left:180px;
margin-top:-20px;
width:300px;
background:#ffffff;
border:solid;
border-width:1px;
border-color:#010535;
}
div.menu li.level1:hover ul.level2, div.menu li.over ul.level2
{
display:block;
position:absolute;
top:auto;
left:0;
padding:0px;
margin:0px;
margin-left:180px;
margin-top:-20px;
width:300px;
background:#ffffff;
border:solid;
border-width:1px;
border-color:#010535;
}
div.menu li.level2
{
width:300px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
}
div.menu li.level2 ul.level3
{
display:none;
}
div.menu li.level2:hover ul.level3, div.menu li.over ul.level3
{
display:block;
position:absolute;
top:auto;
left:0;
padding:0px;
margin:0px;
margin-left:300px;
margin-top:-6px;
width:300px;
background:#ffffff;
border:solid;
border-width:1px;
border-color:#010535;
}
div.menu ul.level2 li
{
width:300px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
}
/* END LEFT CATEGORY MENU*/
/*TOP LEFT MENU*/
/*END LEFT MENU*/
table.moduletableLEFT{
border:solid;
border-width:1px;
border-color:#CCCCCC;
}
table.moduletableLEFT th{
height: 32px;
width: 190px;
background-image: url(../images/left_heading.jpg);
background-repeat: no-repeat;
background-position: left top;
font-size: 14px;
color: #003366;
font-weight: bold;
text-align: left;
padding: 5px;
}
input.button
{
width:auto;
background:#e8e8e8;
border:solid;
border-width:1px;
border-color:#CCCCCC;
}
input.button:hover
{
background:#d8d8d8;
}
input#mod_login_username {
width: 150px;
}
input#mod_login_password {
width: 150px;
}
input#subscriber_name {
width: 150px;
}
input#lm_email {
width: 150px;
}
/* Featured Products */
div.moduletable_fp{
text-align: center;
}
table.contentpaneopen div.moduletable_fp table {
border: 1px #CCCCCC solid;
width: 400px;
margin-left: auto;
margin-right: auto;
}
table.contentpaneopen div.moduletable_fp h3{
font-size: 14px;
}