body {
margin:0;
padding:0;
border-left:10px solid #333;
border-right:10px solid #333;
background-color:#EAF5FF;

}

#content-container {
width:1000px;
background-color:#fff;
overflow:hidden;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;}

#top {
width:1000px;
height:18px;
margin:1px 0 1px 0;
float:left;
background-color:#fff;
text-align:right;
}

#header {
width:1000px;
height:100px;
margin:1px 0 1px 0;
float:left;
position:relative;}




#menu {width:1000px;
height:30px;
background-color:#333;
/*background-image:url(menu/up.gif); background-repeat:repeat-x;*/
border-bottom:1px solid #fff;
float:left;}
#menu ul.menutier1 {list-style-type:none; text-align:center; margin:0; padding:0;}
#menu ul.menutier1 li.menuitem {display:block;float:left;list-style-type:none;}
#menu ul.menutier1 li.menuitem a.menulink { /*background-image:url(menu/up.gif); background-repeat:repeat-x;*/  font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff; font-weight:normal; letter-spacing:0px; display:block; line-height:18px; padding:6px 5px 6px 5px; text-decoration:none; text-transform:uppercase;}
#menu ul.menutier1 li.menuitem a.menulink:hover {text-decoration:underline;
/*background-image:url(menu/over.gif); background-repeat:repeat-x;*/
}

#menu ul.menutier1 li.menuitem_s {display:block;float:left;}
#menu ul.menutier1 li.menuitem_s a.menulink {font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff; font-weight:normal; letter-spacing:0px; display:block; line-height:18px; padding:6px 5px 6px 5px; text-decoration:none; text-transform:uppercase;

background-image:url(menu/on.gif); background-repeat:repeat-x;}
#menu ul.menutier1 li.menuitem_s a.menulink:hover {text-decoration:underline;}

.menudrop {
position:absolute;
visibility: hidden;
z-index: 100;
background-color: #444;
text-decoration: none;
padding:0;
text-align:left;
margin-top:1px;
margin-left:12px;
border-bottom: 1px solid #4D8BEA;
border-right: 1px solid #4D8BEA;
border-left: 1px solid #4D8BEA;
width:180px;
}

.menudrop .menusublink {
font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff; font-weight:normal; letter-spacing:0px; padding:5px 5px 5px 10px; display:block; background-color:#444;text-transform:uppercase;}
.menudrop .menusublink:hover {
background-color:#333;}
.menudrop .menusublink_s {
font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff; font-weight:normal; letter-spacing:0px; padding:5px 5px 5px 10px; display:block; background-color:#333;text-transform:uppercase;}
.menudrop .menusublink_s:hover {
background-color:#222;text-transform:uppercase;}











#ecom-menu {width:980px;
height:30px;
padding:0 10px 0 10px;
background-color:#4D8BEA;
float:left;
text-align:right;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
color:#fff;
position:relative;
overflow:hidden;
text-decoration:none;
border-bottom:1px solid #fff; }

#ecom-menu #ecomleft {position:absolute; top:0px; left:10px;}
#ecom-menu #searchbar {position:absolute; top:3px; right:10px;}

#ecom-menu a{
text-align:right;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
}
#ecom-menu a:hover{

text-decoration:underline;
}
#left {
width:250px;
background-color:#fff;
float:left;
text-align:left;
}
#left-light {
width:230px;
background-color:#eee;
color:#000;
padding:10px;
border-bottom:4px solid #4D8BEA;
font-family:Arial, Helvetica, sans-serif; color:#000!important; font-weight:normal; text-decoration:none; /*text-transform:uppercase*/;
}
#left-light a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0; 
text-decoration:none;
}
#left-light a:hover {
text-decoration:underline; }
#left-dark {
width:230px;
background-color:#333;
margin-top:10px;
color:#fff;
padding:10px;
border-bottom:4px solid #4D8BEA;
}
#left-dark p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0 0 10px 0;}
#left-dark a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin:0 0 10px 0;
text-decoration:none;}
#left-dark a:hover {
text-decoration:underline;}


#content {
width:720px;
text-align:left;
float:left;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-align:left;
position:relative;}
#content a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D8BEA;
text-decoration:none;
}
#content a:hover {
text-decoration:underline;
}
#content .link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D8BEA;
text-decoration:none;
}
#content .link:hover {
text-decoration:underline;
}
#content-images {
width:0px;
float:right;
}

#footer {
width:980px;
background-color:#fff;
padding:20px 10px 10px 10px;
background-image: url("sunsib/footer.jpg");
background-repeat:repeat-y;
background-position:top left;
float:left;
}
#footer h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:-1px;
color:#fff;}
#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;}
#footer a:hover {
text-decoration:underline;}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:-1px;
color:#333;
margin:0 0 10px 0;
font-style:italic;}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:-1px;
color:#4D8BEA;
margin:0 0 10px 0;
font-style:italic;}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-align:left;
margin:0 0 10px 0;}
.link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D8BEA;
text-decoration:none;
}
.link:hover {
text-decoration:underline;}
hr {
border:0px;
background-color:#ccc;
height:1px;
}
.product {
margin-bottom:1px;
width:630px;
float:left;
}
.pagetext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-align:left;
}

.hiddenfield {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1px;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
}

.hiddenborder {
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF; 
}

.hiddenborderalr {
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
text-align:right; 
}

.red {
background-color:#ffffFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}

 #ticker-bar {width:980px;
height:23px;
padding:5px 10px 0 10px;
background-color:#ff9900;
float:left;
text-align:right;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
position:relative;
overflow:hidden;
text-decoration:none;
border-bottom:1px solid #fff; }

.tickercontainer { /* the outer div with the black border */
background: #ff9900; 
height: 17px; 
margin: 0; 
padding: 0;
overflow:hidden!important; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left:100px;
overflow: hidden!important;
}
ul.newsticker { /* that's your list */
position: relative;
font: 12px Arial;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #ff9900;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:inline;
height:20px;
line-height:17px;
}
ul.newsticker a {
padding: 0;
color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
} 


#spacer {float:right; width:250px; height:210px; background-color:#fff;}

#newsletter {width:257px; height:203px; position:absolute; top:-1px; right:-10px; background-image:url(newsletter-box.jpg); background-position:top left; background-repeat:no-repeat;}
#newsletter #text {width:173px; height:157px; padding:100px 15px 0 15px; background-color:transparent;}


.btn {background-color:#333; color:#fff; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #000; cursor:pointer;}
.btn:hover { background-color:#222; color:#ddd; cursor:pointer;}

.btnlt {background-color:#555; color:#ddd; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #000; cursor:pointer;}
.btnlt:hover { background-color:#444; color:#ddd; cursor:pointer;}

.searchbutton {background-color:#333; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #000;}
.searchbutton:hover { background-color:#222; color:#ddd; cursor:pointer; }

.shopmenutable {border:1px solid #ccc; width:230px; padding:0; margin:0;}

.shopmenuitem {background-color:#DDEEFF; color:#000000; border-bottom:1px solid #ccc;  list-style-type:none; margin:1px 0 1px 0; padding:0;



}
.shopmenuitem:hover {background-color:#4D8BEA!important;}
.shopmenuitem_s {background-color:#333; border-bottom:1px solid #ccc;  list-style-type:none; padding:0;  margin:1px 0 1px 0;}
.shopmenuitem_s:hover {background-color:#4D8BEA!important;}

.shopmenulink {color:#000; font-weight:normal; display:block; margin:0; padding:3px 5px 3px 5px;
/*background-image:url(menu/up.gif); background-repeat:repeat-x*/;

}
.shopmenulink:hover {text-decoration:none!important; color:#fff!important;
/*background-image:url(menu/on.gif); background-repeat:repeat-x*/;
}
.shopmenulink_s {color:#fff!important; font-weight:normal; display:block; margin:0;padding:3px 5px 3px 5px;  }
.shopmenulink_s:hover {background-color:#4D8BEA!important;text-decoration:none!important;}

.shopmenusubitem {background-color:#ddd;  border-bottom:1px solid #ccc; padding:0; margin:0; list-style-type:none;}
.shopmenusubitem:hover {background-color:#ccc;}
.shopmenusubitem_s {background-color:#333;  border-bottom:1px solid #ccc; padding:0; margin:0; list-style-type:none;}
.shopmenusubitem_s:hover {background-color:#222;}


.shopmenusublink {color:#000!important; font-weight:normal; display:block; padding:3px 5px 3px 5px; margin:0; }
.shopmenusublink:hover {text-decoration:none!important;}
.shopmenusublink_s {color:#fff!important; font-weight:normal; display:block; padding:3px 5px 3px 5px; margin:0; }
.shopmenusublink_s:hover {text-decoration:none!important;}
