html {margin:0; padding:0; }
body {margin:0; padding:0; font-family:Tahoma; color:#555555; font-size:12px; line-height:1.5; font-family:"Arial"; background:url(../images/bg.png) center repeat-y; background-color: #141414}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:underline;
}
a:hover {
color:#336699;
text-decoration:underline;
}
.content_width { width:1000px; margin-left:auto; margin-right:auto;}
.content_info { padding:10px; border:1px solid #E7E7E7; margin-bottom:10px;}
.content_info p { margin:0; padding:0;}
.btn { background-color:#ffffff; padding:10px 20px; font-weight:normal; color:#666666; font-size:15px; border:1px solid #cccccc; border-top:1px solid #eeeeee; border-left:1px solid #eeeeee; font-family:Tahoma; margin:6px 0;}
.btn_red { background-color:#D00715; padding:5px 3px; font-weight:bold; color:#FFF; font-size:14px; border:1px solid #B00511; border-top:1px solid #F83D4A; border-left:1px solid #F83D4A; font-family:Tahoma;}
.btn_s { background-color:#81c117; padding:3px 3px; font-weight:bold; color:#FFF; font-size:11px; border:1px solid #6ea611; border-top:1px solid #AFEA4D; border-left:1px solid #AFEA4D; font-family:Tahoma;}
.btn_s_red {
background-color:#666666;
padding:3px 3px;
font-weight:bold;
color:#FFF;
font-size:11px;
border:1px solid #B00511;
border-top:1px solid #F83D4A;
border-left:1px solid #F83D4A;
font-family:Tahoma;
}
img {border:0;}
.l { float:left}
.r { float:right}
.blue { color:#356CBB}
.white { color:#ffffff}
#Wrapper { position:relative; margin:0 auto; width:100%;}
#MainLeftPadding { width:0px; height: 0px; border:0px; float:left; overflow:hidden;}
#MainRightPadding { width:0px; height: 0px; float:left; overflow:hidden;}
#MainCenterBody { background:url(../images/page_bg.jpg) center repeat-y #FFFFFF; } /* contains header, center, footer */
#HeaderLayout { height:77px; background:url(../images/header_bg.png) center no-repeat #141414;}
#HeaderLayout a { color:#FFF;}
#CenterLayout { width:960px; margin-left:auto; margin-right:auto; } /* contains LeftNav, LeftPadding, CenterContent, RightPadding, RightNav */
#CenterLayout
#LeftNav {float:left; width:200px; padding: 2px; }
#LeftPadding {float:left; width: 0px;}
#CenterContent {float:right; padding: 3px 0px 30px 0px;}
#CenterContent .detail{padding: 10px 25px 0 5px; line-height:1.8;}
#CenterContent .detail a {color:336699;text-decoration:underline;}
#CenterContent .detail a:link {color:336699;text-decoration:underline;}
#CenterContent .detail a:visited {color:336699;text-decoration:underline;}
#CenterContent .detail a:hover {color:336699;text-decoration:underline;}
#RightPadding { float:left; width: 0px; overflow:hidden;}
#RightNav { float:left; width: 180px; padding:12px 0 0 16px }
#FooterLayout { padding:0px; width:100%; clear:both; font-size:10px; color:#8e8e8e; background:url(../images/footer_bg.png) center no-repeat #141414; height:50px; line-height:50px;}
#FooterLayout .FooterLink{float:right;}
#FooterLayout .FooterLink a:link{ color:#8e8e8e;}
#FooterLayout .FooterLink a:visited{ color:#8e8e8e;}
#FooterLayout .FooterLink a:hover{ color:#6699CC;}
.clear { font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; clear: both; } /* auto expand height for div fix */
.headercart {
width:1000px;
font-family:tahoma;
font-size:10px;
position:absolute;
left:50%;
top:0px;
margin: 0 -500px 0 -500px;
z-index:150;
text-align:center;
}
/* DEFINE GLOBAL CSS */
.tip_bar { background-color: #F7F7F7; color: #1e384c; font-size: 11px; padding: 8px; border: 1px solid #e7e7e7; }
.cartListBarLTR {border-top:1px solid #CDCDCD; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD;}
.cartListBarLBR {border-bottom:1px solid #CDCDCD; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD;}
.cartListBar {border:1px solid #CDCDCD}
.cartTitle { font-weight:bold; color:#000000; padding:0 0 8px 0}
.cartTitle span{ font-weight:normal; background-color: #FFF8DF; color: #C18120; font-size: 12px;padding: 3px; border: 1px solid #FFCC33;margin:1px 0;}
.cart_bar { color: #1e384c; font-weight:bold; padding: 5px; border: 1px solid #E7E7E7; margin-top: 3px; margin-bottom: 3px; }
.cart_subbar { padding:0px 5px; margin-bottom: 0px; height:50px; border-bottom:1px solid #e7e7e7; }
.cart_subbar .title{ color:#1e7aa0; font-size:20px; font-weight:normal; padding:15px 0 0 0; font-family:Arial; }
.cart_subbar .nav{ float:right; color:#a8a8a8; padding:25px 5px 0 0}
.cart_subbar .nav a:link{color:#a8a8a8; text-decoration:none}
.cart_subbar .nav a:visited{color:#a8a8a8; text-decoration:none}
.cart_subbar .nav a:hover{color:#a8a8a8}
.cart_subbar_02 { padding:0px 5px; margin-bottom: 12px; height:42px; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.cart_subbar_02 .title{ color:#999999; font-size:20px; font-weight:normal; padding:5px 0 0 0; overflow:hidden; }
.cart_subbar a:link { color: white;}
.cart_subbar a:visited { color: white;}
.cart_subbar a:hover { color: #F60;}
.cart_subbar_line { padding:0px 5px; margin-bottom: 12px; height:2px; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.expertiseBar {border-bottom:1px solid #e7e7e7;}
.expertiseTitle {color:#5c5c5c; font-size:20px; padding:40px 0 10px 8px}
.expertiseSummary {padding:0 10px 10px 8px;}
.rightNavBorder { border-left:1px solid #e7e7e7}
.margintop5 { margin: 5px 0 0 0}
.worksList { margin:18px 0px 30px 0;}
.worksBorder { border:1px solid #d9d9d9; background:#ECECEC; padding:5px; width:400px; float:left;}
.worksDec { background:#ffffff; width:290px; padding:0 14px; float:left; color:#555555}
.worksDec .name{ font-weight:bold; padding:3px 0 5px 0; color:#2E2E2E}
.worksDec .client{ padding:0px 0 4px 0; margin:0 0 6px 0; border-bottom:1px solid #E6E6E6; color:#2E2E2E; font-weight:bold;}
.worksDec .date{float:right; font-size:10px}
.worksDec .dec{padding:0 0 10px 0; line-height:1.4}
.worksMorePic { display:none}
.sTitle {color:#1e7aa0; font-weight:bold}
.privateHosting {padding:0 50px 0 0; line-height:1.8}
.privateHosting img{ border:5px solid #eeeeee ; margin:0 20px 20px 20px;}
.testimonial { background:#111111}
.testimonialTitle { font-size:14px; padding:15px 0 15px 0; color:#FFFFFF}
.testimonialBorder {padding:25px 26px 15px 26px; width:940px; margin:0 auto}
.testimonialBorder .tList {width:280px; float:left; padding:0 30px 20px 0px; height:105px; color:#999999}
.newsList { margin:18px 0px 30px 0;}
.newsBorder { border:1px solid #d9d9d9; background:#ECECEC; padding:5px; margin:0 0 10px 0; width:700px;}
.newsDec { background:#ffffff; padding:0 14px 10px 14px; margin:0 0 10px 0; border-bottom:1px solid #E6E6E6; color:#555555}
.newsDec .name{ font-weight:bold; padding:3px 0 5px 0; color:#2E2E2E; font-size:12px}
.newsDec .client{ padding:0px 0 4px 0; margin:0 0 6px 0; border-bottom:0px solid #E6E6E6}
.newsDec .date{float:right; font-size:10px; padding:5px 10px 0 30px}
.newsDec .dec{padding:0 0 10px 0; line-height:1.4}
.newsDec .dec a{ color:#356CBB;}
.submenu_on{ width:183px; height:28px; line-height:28px; text-align:left; font-weight:bold; text-indent:16px; background:url(../images/submenu_on.jpg); color:#ffffff; margin:0 0 5px 0; text-decoration:none;}
.submenu_on a:link{ color:#FFFFFF; text-decoration:none}
.submenu_on a:visited{ color:#FFFFFF; text-decoration:none}
.submenu_on a:hover{ color:#77E3FF}
.submenu{ width:183px; height:28px; line-height:28px; text-align:left; font-weight:bold; text-indent:16px; color:#404040; margin:0 0 5px 0; text-decoration:none}
.submenuNews_on{ width:180px; height:18px; line-height:18px; text-align:left; font-weight:bold; text-indent:16px; background:#3F7A9A; color:#ffffff; margin:5px 0 10px 0}
.submenuNews_off{ width:180px; height:18px; line-height:18px; text-align:left; font-weight:bold; text-indent:16px; color:#404040; margin:5px 0 10px 0}
.more_options_bar { padding:3px; color:#ccc; font-size: 10px; border: 1px solid #E7E7E7; cursor:pointer;}
.require_fields { color: red; }
input { font-size:11px; }
.input { border:1px solid #e7e7e7; padding:5px 3px; font-size:14px;}
.qty { border:1px solid #B6B6B6; background:url(../images/input_bg.gif) repeat-x #FEFEFE; height:26px; line-height:26px; color:#333333; font-size:14px; padding:0 5px;}
select { font-size:12px; font-family:Tahoma; padding:2px 0; }
form { margin:0px; }
#banner {height:236px; text-align:center; margin-left:auto; margin-right:auto; background:#000;}
.title { color:#1e384c; font-weight:bold; }
.fineprint { color:#7d7d7d ; font-size: 12px; }
.price {font-size:10px; color:#f65303; font-weight:bold;}
.priceX {
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration: line-through;
}
.priceSave {
font-size:11px;
color:#006699;
font-weight:bold;
}
.product_summary { margin-top:10px;}
.picture_holder { border: 1px solid #F4F4F4; padding: 0px; background-repeat:no-repeat; background-position: right; cursor:pointer; background-position:top;}
.pagelist { padding:2px; text-align: right; font-size: 11px; }
.pagelist a:link { color: #333; text-decoration:none; }
.pagelist a:visited { color:#333; text-decoration:none; }
.pagelist a:hover { color:#dc3376; text-decoration: underline; }
.link { float: right; text-align:right; font-size: 10px;}
.link a:link { color: white; text-decoration:none; }
.link a:visited { color:white; text-decoration:none; }
.link a:hover { color:#F60; text-decoration: underline; }
/* DEFINE CONTAINER */
.containerBody {margin-top: 0px; margin-bottom: 3px; }
.containerBody .corner_l { width: 15px; height: 15px; background-image: ; }
.containerBody .corner_r { width: 15px; height: 15px; background-image: ;}
.containerBody .corner_t_bg { background-image: ; }
.containerBody .corner_l_bg { background-image: ; }
.containerBody .corner_r_bg { background-image: ;}
.containerBody .corner_b_bg { background-image: ; }
.containerBody .corner_b_l { width: 15px; height: 15px; background-image: ; }
.containerBody .corner_b_r { width: 15px; height: 15px; background-image: ;}
/* DEFINE LISTING MODULE FOR SIDE NAV LAYOUT */
.listing_content_side { background: url(../images/modules/title_bg_long.jpg) repeat-x; overflow:hidden;}
.listing_content_side .title { background: url(..../images/modules/title_bg.gif) repeat; height:32px; font-size:12px; color:#FFF; font-weight:bold; text-align:left; border-bottom:0; }
.listing_content_side .titleL{background: url(..../images/modules/title_l.gif) no-repeat; height: 32px; width: 11px;}
.listing_content_side .titleR{background: url(..../images/modules/title_r.gif) no-repeat; height: 32px; width: 11px;}
.listing_content_side .product_name{
border-bottom: 1px solid #eeeeee;
padding:3px 0;
color: #1e384c;
font-size:12px;
padding-bottom:5px;
}
.listing_content_side .summary { color: #999999; }
.listing_content_side .lineitem td { padding-top: 5px; padding-bottom: 5px; font-size:9px;}
.listing_content_side .lineitembrand td { padding-top: 2px; padding-bottom: 2px; font-size:9px; }
/* DEFINE LISTING MODULE FOR CENTER LAYOUT - SPECIAL */
.listing_content_special { background: url(../images/modules/title_bg_long.jpg) repeat-x; }
.listing_content_special .title { background: url(..../images/modules/title_bg.gif) repeat; height: 31px; font-size:12px; color:#FFF; font-weight:bold; text-align:left; }
.listing_content_special .titleL{background: url(..../images/modules/title_l.gif) no-repeat; height: 31px; width: 11px;}
.listing_content_special .titleR{background: url(..../images/modules/title_r.gif) no-repeat; height: 31px; width: 11px;}
.listing_content_special .product_name{ border-bottom: 1px solid #eeeeee; color: #1e384c; font-size:12px; font-weight:bold; padding:3px 0px; height:30px; overflow:hidden; line-height:1.3}
.listing_content_special .summary { color: #999999;font-size:9px; }
.listing_content_special .lineitemRow { padding-bottom: 5px; border-bottom: solid #e7e7e7 3px; margin-bottom:15px;}
.listing_content_special .lineitem { width: 165px; float: left; padding: 3px;}
.listing_content_special .onelineitem td { padding-top: 2px; padding-bottom: 2px;}
/* DEFINE LISTING MODULE FOR PRODUCT */
.general_content { background: url(../images/modules/title_bg_long.jpg) repeat-x; }
.general_content .title { background: url(..../images/modules/title_bg.gif) repeat; height: 31px; font-size:12px; color:#FFF; font-weight:bold; text-align:left; }
.general_content .titleL{background: url(..../images/modules/title_l.gif) no-repeat; height: 31px; width: 11px;}
.general_content .titleR{background: url(..../images/modules/title_r.gif) no-repeat; height: 31px; width: 11px;}
.general_content .product_name{
border-bottom: 1px solid #eeeeee;
color: #CC3399;
font-size:16px;
font-weight:bold;
margin-top:10px;
margin-bottom:3px;
padding-top: 5px;
padding-bottom: 5px;
height:30px;
overflow:hidden;
line-height:1.3
}
.general_content .summary { color: #999999;font-size:9px; }
.general_content .lineitemRow { margin-bottom: 5px; border-bottom:solid #e7e7e7 3px;}
.general_content .lineitem { width: 252px; float: left; padding: 3px; margin:0 40px 20px 40px;}
.general_content .onelineitem td { padding-top: 2px; padding-bottom: 2px;}
/* DEFINE PRODUCT DETAIL PAGE */
#product_detail {}
#product_detail .content {padding-left: 8px;}
#product_detail .product_name{
border-bottom: 1px solid #eeeeee;
color: #FF3399;
font-size:15px;
font-weight:bold;
padding: 5px;
}
#product_detail .product_price { font-size:13px; color:#f65303; font-weight:bold; padding: 5px; }
#product_detail .summary { color: #999999;font-size:12px; line-height:20px; padding: 5px; }
#PICTURE_LIST_HOLDER div { width:80px; float:left; margin-bottom:10px; margin-top:5px; padding-left:12px; text-align:center; }
#PICTURE_LIST_HOLDER img { cursor:pointer; }
/* Tab ******************************************************************/
#tab_bg { background-image:url(../images/tab_bg.jpg); background-position:0; background-repeat:repeat-x; margin-top:50px;}
.tab_out { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #89478a; LINE-HEIGHT: 1.7; border-left:1px solid #cd4576; PADDING-TOP: 0px; HEIGHT: 30px; BACKGROUND-COLOR: #FFF; TEXT-ALIGN: center; line-height:30px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #89478a; border-bottom:0px solid #FFF; margin-right:1px; cursor:pointer;}
.tab_on { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: pointer; COLOR: #FFF; LINE-HEIGHT: 1.7; border-left:1px solid #cd4576; PADDING-TOP: 0px; HEIGHT: 30px; BACKGROUND-COLOR: #9d559e; TEXT-ALIGN: center; line-height:30px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #89478a; border-bottom:0; margin-right:1px; cursor:pointer;}
.tab_on A:link {DISPLAY: block; COLOR: #fff; cursor:pointer;}
.tab_on A:visited {DISPLAY: block; COLOR: #fff; cursor:pointer;}
.tab_on A:hover {DISPLAY: block; COLOR: #fff; cursor:pointer;}
.folder_on{display:block; border:0px solid #89478a; border-top: 1px solid #89478a; padding:4px; background-color:white; }
.folder_out{display:none; border:0px solid #89478a; border-top: 1px solid #89478a; padding:4px; background-color:white;}
/*class_page css********************/
DIV.sabrosus {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-
TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px
solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR:
#2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-
DECORATION: none
}
DIV.sabrosus A:hover {
BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT:
#2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR:
lightyellow
}
DIV.sabrosus SPAN.current {
BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid;
PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid;
COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid;
BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px
solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR:
#929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
#menu {
position:absolute;
z-index:200;
width:1000px;
left:50%;
margin: 0 -500px 0 -500px;
top: 31px;
overflow:hidden;
font-family:Calibri, Arial;
font-size:16px;
height:28px;
line-height:28px;
}
/*#menu a { padding:0 5px; font-size:16px; color:#FFF; text-decoration:none; font-family:"Calibri, Arial"; margin:0 5px; height:28px; width:90px; display:block; float:left; text-align:center}*/
#menu a { padding:0 5px; font-size:14px; color:#FFF; text-decoration:none; font-family:"Arial"; margin:0 5px; height:28px; width:90px; display:block; float:left; text-align:center}
#menu a:hover {color:#ffffff; text-decoration:none; font-weight:none; background:url(../images/menu_on.gif) center no-repeat;display:block; height:28px; width:90px;}
#menu span { color:#844585;}
.menuOn {color:#ffffff; text-decoration:none; font-weight:none; background:url(../images/menu_on.gif) center no-repeat;display:block; height:28px; width:90px;}
/* pages
******************************** */
.proListTool {border:1px solid #E0E0E0; height:20px; line-height:20px; padding:5px 0; margin:4px 0 0 0; background:url(../images/proListTool_bg.gif)}
.proListTool dl{padding:0; margin:0; display:inline; overflow:hidden; list-style-type:none;}
.proListTool dt{padding:0 0 0 8px; margin:0; list-style-type: none; float:left; }
.proListTool dd{padding:0 8px 0 0; margin:0; list-style-type: none; float:right; }
.proListBottom {height:28px; background:url(../images/proList_bottom.gif); width:650px ; margin:5px auto}
DIV.scott {TEXT-ALIGN: center}
DIV.scott A {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #1D587F; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
BORDER-RIGHT: #EC8E7D 1px solid; BORDER-TOP: #EC8E7D 1px solid; BORDER-LEFT: #EC8E7D 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #EC8E7D 1px solid; BACKGROUND-COLOR:#D93E20
}
DIV.scott A:active {
BORDER-RIGHT: #D93E20 1px solid; BORDER-TOP: #D93E20 1px solid; BORDER-LEFT: #D93E20 1px solid; COLOR: #D93E20; BORDER-BOTTOM: #D93E20 1px solid; BACKGROUND-COLOR: #FAEBEC
}
DIV.scott SPAN.current {
BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #F39F0B
}
DIV.scott SPAN.disabled {
BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; COLOR: #999; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid
}
#button2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; height:21px}
#jumpPage {font-family:Arial, Helvetica, sans-serif; font-size:11px; height:14px}
/*home banner css********************/
#imageContainer {
TEXT-ALIGN: center; BACKGROUND-COLOR: #000000; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 524px
}
#imgFrame {
TEXT-ALIGN: center; MARGIN: 0px auto; BACKGROUND: black no-repeat center 50%; HEIGHT: 524px
}
#frameControl LI {
LIST-STYLE-TYPE: none; MARGIN: 0px; DISPLAY: inline
}
#channelContainer {
BACKGROUND-COLOR: #ffffff; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 142px
}
#innerChannel {
TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 980px; HEIGHT: 142px
}
#channel {
TEXT-ALIGN: left; WIDTH: 950px
}
/*********************************************************************/