*{margin:0; padding:0;}
body{ font:11px/16px Arial, Helvetica, sans-serif; background:#fff url(../images/index_bg.gif) 0 -481px repeat-x;}
body, div, dl, dt, dd, ul, ol, li, p, img,{ padding:0px; margin:0px;}
a:link, a:hover, a:active, a:focus { outline:0; direction:ltr;}
a:link, a:visited { color:#666; text-decoration:none;}
a:active, a:hover { color:#007fc5; text-decoration:underline;} 
img{ border:0px;}
h1, h2, h3, h4{ margin:0; padding:0;}
.h1 {font-size:16px;color:#666;}
#warp{ width:960px; margin:0px auto; padding:0px;}
.clear {clear:both;}
/*Header start*/
.head{ font-family: Arial,verdana,sans-serif; width:960px; margin:0px auto; padding:0; }
.logo{ background: url(../images/cisco-logo.jpg) left 0px no-repeat; float:left;margin-top:12px; margin-left:-30px;}
.logo a { width:444px; height:71px;display: block;text-indent: -9999px; overflow: hidden; }
.head_right{ width:500px; float:left}

.slucky {
	width:960px; margin:0px auto; padding:0px;
}
.red {color:#CC3300;}
.clr {
    border: medium none;
    clear: both;
    margin: 0;
    padding: 0;
}
.body a:hover {color:#007FC5;}
#container ul.tab #codes-address {width:80px;}
/* homepage top - top nav */
#nav {line-height: 18px;color:#CCC; list-style-type: none; font-size:11px;position:relative; z-index:100; height:20px; float:right;}
#nav a { padding-left:2px; text-align:center; display:block; }
#nav a:link { text-decoration:none;color:#cff2ff;}
#nav a:visited {color:#cff2ff;text-decoration:none;}
#nav a:hover {color:#FFF;text-decoration:none;}
#nav li {float:right; padding:0px 10px 0 10px; position:relative; height:20px; border-left:1px #007395 solid; display:block; color:#8ad7ed;}
#nav li ul {line-height: 28px; list-style-type: none;text-align:left; top:20px; display:none; position: absolute;
width:137px;border:solid #0084aa; border-width:2px 0px 1px 0px; border-bottom: #0084aa 2px solid; margin-left:-4px; background-color:#000; }
#nav li ul li{float: left; width: 135px;background: #f4f4f4; padding:0px; line-height:20px; height:20px;}
#nav li ul li img{ margin:4px 10px 0 0;line-height:20px; float:left}
#nav li ul a{display: block; width: 136px;w\idth: 125px;text-align:left; padding-left:10px;}
#nav li ul a:link {color:#006e8d; text-decoration:none;}
#nav li ul a:visited {color:#006e8d;text-decoration:none;}
#nav li ul a:hover {color:#555;text-decoration:none;font-weight:normal;background:#f4f4f4;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#nav li.drop-down0 { background:#f9de47; color:#333; border:none; padding:0 5px;}
.head_top #nav li.drop-down0 a{ color:#333; display:block; }
.head_top #nav li.drop-down0 a:hover{ color:#c30; }
#nav li.drop-down1 { background:#0084aa url(../images/index_bg.gif) -80px -128px no-repeat; width:34px; padding-left:3px; margin:0 2px 0 1px;}
/***** index_bg *****/
#nav li.drop-down1 ul li { text-indent:24px;}
#nav li.drop-down1 ul li a.us {
    background: url("../images/icons/flag/USD.gif") no-repeat scroll 0 center transparent;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 3px 8px;
    padding-left: 2px;
    width: 100px;
}
#nav li.drop-down1 ul li a.euro{ background:url(../images/index_bg.gif) -205px -48px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.gb{ background:url(../images/index_bg.gif) -205px -64px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.canadian{ background:url(../images/index_bg.gif) -205px -80px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.australian{ background:url(../images/index_bg.gif) -205px -96px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.hong{ background:url(../images/index_bg.gif) -205px -112px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.swiss{ background:url(../images/index_bg.gif) -205px -128px no-repeat; }/***** index_bg *****/
#nav li.drop-down1 ul li a.singapore{ background:url(../images/index_bg.gif) -205px -144px no-repeat; }/***** index_bg *****/

#nav li.drop-down2 { background:#0084aa url(../images/index_bg.gif) -42px -128px no-repeat; width:72px; padding-left:3px; margin:0 0 0 1px;}
/***** index_bg *****/
#nav li.drop-down3 { background:#0084aa url(../images/index_bg.gif) -79px -128px no-repeat; width:35px; padding-left:3px;margin:0 0 0 1px;}
/***** index_bg *****/
#nav li.drop-down4 { background:#0084aa url(../images/index_bg.gif) 9px -131px no-repeat; width:95px; padding:0px; margin:0 0 0 1px;}
/***** index_bg *****/
#nav li.drop-down5 { border-left:none; background:#0084aa; }
#nav li.drop-down5 a{ color:#f4f4f4; display:inline;}
#nav li.drop-down5 a:hover{ color:#cff2ff; display:inline;}
#nav li.drop-down4 b { width:65px; padding-left:25px; float:left;}

/* homepage top - Search bar */
.head-bottom{ width:325px; height:57px; float:right; background:url(../images/index_bg.gif) 0px -177px no-repeat;}
.head-bottom ul li{ list-style:none; display:block; padding-top:26px; float:left;}
.head-bottom ul li a{ font-size:12px; font-weight:bold;font-family: Helvetica,Arial,verdana,sans-serif; color:#666;}
.head-bottom ul li a:hover{ color:#333;text-decoration:none;}
.head-bottom .searchinput{font-family:Arial,verdana,sans-serif; font-size:12px;color:#666; width: 170px;border:none;margin-right:10px; background-color:#e9f8f6; float:left; margin-left:8px; }
.head-bottom .select {cursor:pointer;border:0px; height:25px; background: none; float:left; width:25px; margin-top:-5px }
.cartitems { float:right; background:url(../images/index_bg.gif) -128px 0px no-repeat; width:102px; height:30px; margin-top:19px; display:block;}
.head-bottom .cartitems a{ padding: 7px 0 0 32px; font: Arial, Helvetica, sans-serif; font-size:12px;display:block; overflow:hidden; color:#555;}
.head-bottom .cartitems a:hover { text-decoration: underline;color:#007fc5;}

/*top menu css david update 2011-7-23*/
#YLetter{ margin:0px auto;width:960px;}
#YLTabs ul{height:32px;list-style-type: none;}
#YLTabs li{ font-size:12px;font-weight:bold;position:relative;z-index:11;float:left;cursor:pointer;line-height:32px; list-style:none; width:120px; text-align:center;background:url(../images/index_bg.gif) repeat-x;}
#YLTabs li.one{background:url(../images/index_bg.gif) 0 -64px no-repeat;}
#YLTabs li a{color:#fff;text-decoration:none;display:block;}
#YLTabs li a:hover{color:#fff;}
#YLTabs li ul{margin-left:-2px;*margin-left:-62px;background:#017AA1;height:auto;padding: 1px;position: absolute;z-index:12;}
#YLTabs li.one ul {margin-left:0px;*margin-left:-60px;}
#YLTabs li ul li{height:22px;line-height:22px;  padding:0; background:#017aa1 repeat-x;overflow:hidden; width:175px; text-align:left;font-weight:normal; text-indent:14px; border-bottom:#027195 solid 1px;border-top:#0180a8 solid 1px; }
#YLTabs li ul li a{font-size:11px;color:#fff;}
#YLTabs li ul li a:hover{ background-color:#0186af; color:#FFF;} 
.hidden{ display:none;clear:both;}
/*Header end*/

/*Latest News CSS*/
#newsticker { border:#ddd 1px solid; background:#f0f0f0; height:33px;color: #007fc5; margin:10px 0; position: relative;}
#newsticker a:link, a:visited {color:#007fc5; }
#newsticker h3 { padding: 9px 15px 0px 16px; float: left; font-size: 12px; font-weight:bold;}
#newsticker .newsticker-controls { padding: 0px 1px 0px 1px; float: left;width: 61px; margin-top:9px; }
#newsticker .newsticker-controls a { display:block; text-decoration:none;}
#newsticker .newsitem-previous { width: 24px; float: left; border-right: #ccc 1px solid; }
#newsticker .newsitem-previous a { background:url(../images/index_bg.gif) no-repeat 0px -411px; height:16px;}/***** index_bg *****/
#newsticker .newsitem-previous a:hover { background-position: 0px -427px; }
#newsticker .newsitem-previous a:focus { background-position: 0px -427px; }
#newsticker .newsitem-next { padding: 0px 12px 0px 0px; width: 24px; float: right;}
#newsticker .newsitem-next a { background: url(../images/index_bg.gif) no-repeat -26px -411px; height: 16px;}/***** index_bg *****/
#newsticker .newsitem-next a:hover { background-position :-26px -427px;}
#newsticker ol { position: relative; list-style-type: none; width: 540px; float: left; font-size: 12px; }
#newsticker ol li { position: absolute; margin-top: 9px; top: 0px; left: 1px; }
#newsticker ol li a:hover { text-decoration: underline; }
#newsticker ol li .date { color: #555; }
#newsticker .newsticker-nav { float:right; color:#434e52; }
#newsticker .newsticker-nav a {  background:url(../images/index_bg.gif) 0 -411px no-repeat; text-decoration: none;}/***** index_bg *****/
#newsticker a#followus { text-indent:-20000px; margin: -1px 0px 0px 0px; outline-style: none; width: 159px; dispaly: block; background: url(../images/index_bg.gif) -55px -446px no-repeat; float: left; height:35px; -moz-outline: 0 }/***** index_bg *****/
#newsticker a#followus:hover { background :url(../images/index_bg.gif) -55px -446px no-repeat; }

/*Home page center css*/
.body, .body_lr{ width:960px; margin:0px; padding:0px; float:left}
.body_lr{ margin-top:10px;}

.lmr{ margin:0px auto; padding:0px; clear:left; width:960px; }
.lmr h2{ text-indent:20px;font-weight:bold; color:#666; font-size:14px;line-height:32px; }

/* homepage js.flash css*/
.top{ width:960px; }
.top ul li{ list-style:none; display: block; float:left; width:230px; height:153px; padding-right:15px;}
.body .top ul li a { color:#007fc5; text-decoration:underline;}
.body .top ul li a:hover {color:#c30; text-decoration:underline;}
.top ul li h3 { color:#0e5c8b; font-size:16px; padding:20px 0 22px 8px; font-weight: 900;}
.top ul li p { color:#555; font-size:11px; padding-left:8px; width:135px; line-height:16px;}
.top ul li.sale, .top ul li.technical, .top ul li.buy { width:230px; height:153px;}
.top ul li.sale { cursor:pointer; background:url(../images/sale.jpg) no-repeat;}
.top ul li.sale h3 { padding-bottom:7px;}
.top ul li.ccie { cursor:pointer; background:url(../images/technical.jpg) no-repeat;}
.top ul li.ccie p { width:160px;}
.top ul li.buy { cursor:pointer; background:url(../images/buy.jpg) no-repeat;}
.top ul li.company{ width:225px;margin:0; padding:0;}

.left{ width:230px;; float:left; clear:both; color:#555; margin-right:15px; }
.left h2 { font-size:13px;border:1px #ddd solid; background:#f4f4f4; height:33px; line-height:33px; background-position:top; text-indent:16px;  color:#333;}
.left ul li{ list-style:none; display: block; float:left; width:230px; }

.left .popular ul {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 1px;
    float: left;
    width: 228px;
}
.left .popular ul li {color: #555555;font-size: 12px;line-height: 20px;padding: 10px;width: 208px;}
.left .popular ul li a {
    color: #555555;
    text-decoration: underline;
}

.l_bg{ background:url(../images/index_bg.gif) 0px -165px no-repeat;  float:left; width:230px; height:11px;}
.l_us{ background-color:#; margin-bottom:10px;}
.left .l_us ul{ }
.left .l_link li{ width:228px; text-indent:26px; height:22px; line-height:22px; border:#e7e7e7 solid; border-width:0 1px; font-size:12px; background:url(../images/index_bg.gif) 16px -380px no-repeat;}
.left .l_link li.gao { background:url(../images/index_bg.gif) 16px -373px no-repeat;}
.left .l_link li.gao { padding-top:8px;}
.left .l_link li a{ color:#555; text-decoration:none;}
.left .l_link li a:hover{ color:#007fc5;text-decoration:underline;}
.left .l_us ul li img{ height:7px; width:5px; margin-right:10px;}
.l_world {height:16px; line-height:16px;}
.l_world span {width:86px;display:block;float:left; height:16px; line-height:12px;}
.l_world a {display:block; float:left;padding-left:5px; height:16px; line-height:16px; width: 16px;}
.l_world a.fr { background:url(../images/index_bg.gif) -128px -52px no-repeat;}/***** index_bg *****/
.l_world a.it { background:url(../images/index_bg.gif) -128px -68px no-repeat;}/***** index_bg *****/
.l_world a.nl { background:url(../images/index_bg.gif) -128px -84px no-repeat;}/***** index_bg *****/
.l_world a.es { background:url(../images/index_bg.gif) -128px -100px no-repeat;}/***** index_bg *****/
.l_world a.dk { background:url(../images/index_bg.gif) -128px -116px no-repeat;}/***** index_bg *****/
.l_world a.de { background:url(../images/index_bg.gif) -128px -132px no-repeat;}/***** index_bg *****/
.l_world a.cn { background:url(../images/index_bg.gif) -128px -149px no-repeat;}/***** index_bg *****/

/* homepage right css */
.right { width:715px; float:left;}
.right p {font-size: 12px;line-height: 20px;padding: 10px 5px 0; color: #555;}
.r_bot { width:715px; float:left; clear:both;}
.r_bot ul li{ display:block; list-style:none;float:left}
.contact_l{ height:80px; width:302px; color:#666; margin-bottom:10px; border:1px #ddd solid; }
.contact_l h2{ font-size:16px;float:left; margin-top:10px;line-height:16px;text-indent:0;}
.contact_l p { clear:left; padding:3px 0px 0px 16px; width:270px;}
.contact_l p a { color:#666;}
.contact_l p a:hover { color:#007fc5;}

.contact_r{ height:80px; padding-right:10px; border:1px #ddd solid; border-left: none;}
.contact_r{ background-position: 406px 0px;}
.contact_l img { margin:8px 5px 0px 16px; float:left;}

/* Social links */
.social {list-style: none;  float:left}
.social li {padding:20px 0px 0px 20px; width: 45px;height: 46px;float: left; }
.social li a {width: 45px;height: 46px;background: url(../images/social-links.jpg) no-repeat;display: block;text-indent: -9999px;
overflow: hidden;}
			
.social li a.facebook { background-position: 0 -46px; }
.social li a.twitter { background-position: -65px -46px; }
.social li a.youtube { background-position: -130px -46px; }
.social li a.myspace{ background-position: -195px -46px;}
.social li a.news { background-position: -260px -46px; }
.social li a.stumbleupon { background-position: -325px -46px; }

.social li a:hover.facebook { background-position: 0 -46px; }
.social li a:hover.twitter { background-position: -65px -46px; }
.social li a:hover.youtube { background-position: -130px -46px; }
.social li a:hover.myspace{ background-position: -195px -46px}
.social li a:hover.news { background-position: -260px -46px; }
.social li a:hover.stumbleupon { background-position: -325px -46px; }

/* homepage footer css */
#footer{margin:0 auto;width:100%; min-width:960px; margin-top:20px; float:left; clear:both; padding:0px; font-weight:normal; color:#666;}
#footer .resize{ width:960px; margin:0px auto;}
#footer .resize ul {border-top:2px solid #ddd; border-bottom:1px solid #ddd; min-height:145px; *height:145px;}
#footer .resize ul li{ display:block; border-right:1px solid #DDDDDD; float:left;  list-style:none; width:145px; padding:0 10px;}
#footer .resize ul li a{ font-size:11px; clear:left; line-height:20px; color:#555; display:block;  text-indent:0px; }
#footer .resize ul li a { color:#666; text-decoration: none; }
#footer .resize ul li a:hover { color:#007FC5; text-decoration:underline; }
#footer .resize ul li p { color:#666; line-height:20px; }
#footer .resize ul li p a{ color:#666; text-decoration:underline; }
#footer .resize ul li p a:hover { color:#000; text-decoration:underline; }
#footer .resize ul li p b a { color:#666; text-decoration:underline; }
#footer .resize ul li p b a:hover { color:#000; text-decoration:underline; }

#footer .resize ul li.letterbox { width:265px; padding-right:0; border-right:0;color:#666;line-height:20px;}
#footer .resize ul li.letterbox h2{ width:265px; padding-right:0;}
.resize h2 {border-bottom:1px solid #ddd; color:#52514d; font-size:12px; font-weight:bold; height:20px; line-height:20px; width:135px; padding:10px 10px 0 0; float:left;}/***** index_bg *****/	
#footer .resize ul li.letterbox p { clear:left; padding:0 0 5px 0px; font-size:11px;}
#footer .resize ul li.letterbox .emailinput{ font-family:Verdana, Geneva, sans-serif; font-size:11px;color:#555; border:1px #0095c1 solid; height:22px; line-height:22px; width:200px; padding-left:8px; }
#footer .resize ul li.letterbox .submit { border:0px; background:url(../images/subscribe.gif) no-repeat;width:69px;height:29px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333; margin:5px 0;}/***** index_bg *****/	

#footer .resize .f_text { width:520px; float:left; height:30px; margin-top:10px;}
#footer .resize .f_text p{ padding-right:15px;color:#fff;}
#footer .resize .f_text p a { color:#fff; text-decoration:underline; padding-right:5px;}
#footer .resize .f_text p a:hover { color:#f9de47; text-decoration:underline; }
#footer .resize .f_text p.text_top { padding-top:15px;}

#footer .resize .social {list-style: none; float:right; margin-top:5px; width:300px;height:35px;}
#footer .resize .social ul {border:0; height:auto;}
#footer .resize .social ul li {padding:0;border:1px solid; width: 25px;height: 30px;  border:0; margin-right:5px;}
#footer .resize .social ul li.socialfirst {
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 33px;
    width: 60px;
}
#footer .resize .social ul li a {width: 28px;height:30px;background: url(../images/index_bg.gif) no-repeat; display: block;text-indent: -9999px; overflow: hidden;}	/***** index_bg *****/		
#footer .resize .social ul li a.youtube { background-position: 0px -317px; }
#footer .resize .social ul li a.facebook { background-position: -32px -317px; }
#footer .resize .social ul li a.twitter { background-position: -60px -317px; }
#footer .resize .social ul li a.feed{ background-position: -92px -317px}
#footer .resize .social ul li a.flickr{ background-position: -124px -317px; }
#footer .resize .social ul li a.tumblr{ background-position: -156px -317px; }
#footer .resize .social ul li a.blog{ background-position: -188px -317px; }

#footer .resize .social li a:hover.youtube { background-position: 0 -347px; }
#footer .resize .social li a:hover.facebook { background-position: -32px -347px;}
#footer .resize .social li a:hover.twitter { background-position: -60px -347px; }
#footer .resize .social li a:hover.feed{ background-position: -92px -347px; }
#footer .resize .social li a:hover.flickr { background-position: -124px -347px; }
#footer .resize .social li a:hover.tumblr { background-position: -156px -347px; }
#footer .resize .social li a:hover.blog { background-position: -188px -347px; }

#footer .rss {background:url("../images/index_bg.gif") no-repeat scroll -196px -289px transparent;width:16px;height:16px;display:block;margin: -17px 0 0 45px;position: relative;z-index: 10;}
#footer .shopwiki { margin: 0 auto;}
#footer .shopwiki td { padding:0 10px;}
.foot{ width:960px; margin:0 auto; padding:10px 0; text-align:center; color:#555;}
.foot p { width:860px; line-height:18px; margin:0px auto; padding-top:5px; color:#555; font-size:12px;}
.foot p a:link, .foot p a:visited{ color:#000; }
#footer p.payandshipmethod {margin: 10px 0;}
.copyright {
    background: none repeat scroll 0 0 #0095C1;
    color: #FFFFFF;
    text-align: center;
	padding:10px 0;
	border-top: 3px solid #ddd;
}
.copyright a{ color:#fff;}
.fl, .fr {background:url(../images/footer_bg_lr.gif) no-repeat; height:180px;}
.fl{ background-position: -5px 0px; height:180px;}
.fr{ background-position: 956px 0px;}

.hightline a:link,.hightline a:visited {color:#007FC5;}
.high a:link,.high a:visited {color:#007FC5; font-weight:bold;text-decoration:underline;}

.messageStackError {margin-bottom:10px;}
.pad_10px {padding:10px;}
.pad_10px p {margin: 10px 0;}
#btnoborder {border-top:none;border-bottom:none;}
.error_box, .success_box, .warning_box, .caution_box {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}
.success_box {
    background: url("../images/icon_success.gif") no-repeat scroll 20px 10px #EBFEDF;
    border: 1px solid #859802;
    color: #666666;
}
.error_box, .warning_box {
    background: url("../images/icon_error.gif") no-repeat scroll 20px 10px #FEDFDF;
    border: 1px solid #BF0000;
    color: #BF0000;
}

.caution_box {
    background: url("../images/icon_error.gif") no-repeat scroll 20px 10px #FEDFDF;
    border: 1px solid #BF0000;
    color: #BF0000;
}

.error_box, .success_box, .warning_box, .caution_box {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}
.dark_border {border:1px solid #EDEDED;padding:10px;margin-top:10px;}
.leftbanner img {margin-bottom:10px;}

/* right side live chat*/
.fixed-box{
position:fixed;
z-index:100;
}
* html .fixed-box{
position:absolute;
z-index:100;	
}

#livechat{
padding:0;
font-size:12px;
}

#livechat{
width:30px;
right:0;
top:20px;
overflow:hidden;
}

