body{ background:#E2F8FC url(images/bg.jpg) repeat-x top left; margin:0px; padding:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.wraper{ width:975px; margin:0px auto;}
.logo{padding-top:38px; float:left;height:94px;}
.clear{ clear:both;}
.header{padding-top:5px; background:url(images/header.jpg) no-repeat 0px 48px;}
.headerright{ float:right;padding-top:8px;}
.pagesl{ background:url(images/pagel.png) no-repeat top left; padding-left:12px;}
.pagesr{ background:url(images/pager.png) no-repeat top right; height:55px;padding-right:22px; color:#fff; padding-left:10px;}
.pagesr a{text-decoration:none; color:#fff; font-size:12px; font-weight:bold;}
.pagesr a:hover{ text-decoration:underline; color:#fff;}
.pagesr span{ padding-left:5px; padding-right:5px;}
.content{}
.slider{width:661px; height:373px; float:left;}
.rightslide{ width:311px; float:right;}
.tophead{border:1px solid #134390; margin-bottom:5px;}
.introframe{ background:#2D3F67;height:404px;border-bottom:1px solid #134390; padding:8px; padding-top:0px;}
.introtitle{ margin:0px; padding:0px; text-transform:uppercase; padding-top:10px;color:#FED100; font-size:18px; font-weight:normal; padding-bottom:5px;}
.introdes{ color:#B5B5B5; line-height:16px;}
.submainframe{ background:url(images/subbg.jpg) repeat-x top left; height:96px; padding-top:10px; padding-right:10px;}
.feedframe{height:92px; background:#DBEDF6 url(images/feef.jpg) no-repeat 170px 11px;float:left;padding-bottom:13px;padding-left:10px;padding-top:23px;width:349px;}
.feedframe h2{ margin:0px; padding:0px; color:#3D6E9E; font-size:18px; font-weight:normal; text-transform:uppercase;}
.feedframe2{ background:#DBEDF7 url(images/feef.jpg) no-repeat 123px 11px;padding-bottom:13px;padding-left:10px;padding-top:23px; }
.innerside{float:right; width:246px;}
.feedframe2 h2{ margin:0px; padding:0px; color:#3D6E9E; font-size:18px; font-weight:normal; text-transform:uppercase;}


.feeddes{ color:#3B6D9E; text-transform:uppercase; padding-bottom:10px;}
.contbg{ min-height:209px; padding:5px 0px; padding-top:0px; background:url(images/footer2.jpg) repeat-x bottom left; padding-bottom:10px;}
.conbg5{ background:url(images/bg.gif) no-repeat bottom left;min-height:209px; padding:5px 0px; padding-top:0px;}
.leftcont{width:648px; border:1px solid #D1D2D2; float:left; padding:10px 0px;background:#DBEDF6 url(images/leftbg.jpg) repeat-x top left; padding-bottom:0px;}

.lefttitle{  font-weight:normal; font-size:18px; color:#C80D69; margin:0px; padding:0px;padding-left:10px; text-transform:uppercase; padding-bottom:10px;}
.servicelisting{ }
.servicelisting ul{ margin:0px; padding:0px;}
.servicelisting ul li{ list-style:none; padding:0px; margin:0px; float:left; padding-right:10px; padding-bottom:5px;}
.servicelisting ul li a{ margin:0px; background:#B7B7B7 url(images/cate.jpg) repeat-x top left; height:19px; overflow:hidden; display: block; font-weight:bold; border:1px solid #B9B9B9; border-left:8px solid #031F6C; color:#3C3C3C; text-decoration:none; line-height:19px; padding-right:10px; padding-left:5px;width:193px; float:left;}
.servicelisting ul li a:hover{ margin:0px; background:#B1C1C8 url(images/catehover.jpg) repeat-x top left;}
.rightcont{ padding-left:10px; width:311px; float:right;background:#DCD9CC url(images/rightcont.png) repeat-x top left; min-height:263px; border:1px solid #DBD9CC;}

.lefttitle2{ font-weight:normal; font-size:24px; color:#313131; margin:0px; padding:0px;padding-top:5px; font-style:italic;padding-bottom:5px;}
.lefttitle2 span{ color:#1B83A9; }
.contactframe{padding-right:15px;}
.contactbox{margin-bottom:5px; border:1px solid #A8A8A8; width:294px;height:22px; border:1px solid #A8A8A8; padding-left:5px;}
.contactarea{width:299px;  float:left; margin-bottom:6px; border:1px solid #A8A8A8; height:61px;border:1px solid #A8A8A8;}
.contactsubmit{ background:url(images/submit.png) no-repeat top left; cursor:pointer; height:29px; width:115px; float:right; border:0px;}
.footerlinks{ text-align:center; padding-top:30px; padding-bottom:10px; font-weight:bold;}
.footerlinks span{ color:#C80D69;  padding-left:10px; padding-right:10px;}
.footerlinks a{ color:#C80D69; text-decoration:none;}
.footerlinks a:hover{ color:#666666; text-decoration:underline;}
.footer{padding-left:103px; background:url(images/footer.jpg) repeat-x top left; height:44px; line-height:44px; color:#fff; text-align:center;}
.footer a{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#fff; text-decoration:underline;}
.topnav{}
.topnav ul{ margin:0px; padding:0px;}
.topnav ul li{ margin:0px; padding:0px; list-style:none; float:left; padding-right:4px;}
.topnav ul li a{margin:0px; padding:0px; display:block; background:url(images/navl.png) no-repeat top left; color:#C3C3C3; font-size:13px; font-weight:bold; line-height:33px; text-decoration:none; padding-left:15px; float:left;}
.topnav ul li a span{ background:url(images/navr.png) no-repeat top right; height:33px; display:block; float:left; padding-right:15px;}

.topnav ul li a:hover{background:url(images/navlhover.png) no-repeat top left;}
.topnav ul li a:hover span{ background:url(images/navrhover.png) no-repeat top right; color:#fff;}
.search{ background:url(images/search.png) no-repeat top left; width:309px;height:33px;  float:right; padding-left:20px; padding-top:11px;}
.searchbox{ width:218px; border:1px solid #3489A8;height:20px; float:left;}
.searchbutton{ float:left; padding-left:2px; background:url(images/searchbutton.png) no-repeat top left; height:24px; width:69px; border:0px;}
.l-pro{ background:#C80D69; border:1px solid #C0C0C0; padding:3px;}
.l-pic{ width:126px; height:105px; float:left;}
.l-des{ float:right;padding-top:8px;width:149px;}
.l-det{color:#FFFFFF;height:51px;overflow:hidden;}
.ltitle{ font-size:15px; color:#FFF600; padding-top:10px; padding-bottom:5px; font-weight:bold;padding-right:5px;}
.l-pad{ padding-top:9px;}
.slogon{ background:url(images/feel.jpg) no-repeat top left; color:#1E1F26;padding-left:5px; padding-top:6px; padding-bottom:10px;}
.slogon span{ font-size:14px; font-weight:bold; font-style:italic; }
.serdes{padding:0 10px 12px;color:#2D3F67;line-height:16px;}
.serdes4{padding:0 10px 12px;color:#2D3F67;line-height:16px; float:left; width:426px;}
.followframe{ border-left:1px solid #CFD0D0; float:right; background:url(images/follow.jpg) repeat-x top left; height:128px; width:288px;}
.followframe h2{ margin:0px; padding:0px; color:#2D3F67; font-size:24px; padding:26px 20px 10px;}
.followframe img{ margin-left:22px;}
.feedbox{ width:198px; height:17px; border:1px solid #BBBBBF; float:left;}
.feedbox2{ width:150px; height:17px; border:1px solid #BBBBBF; float:left;}
.feedbutton{ background:url(images/submitbutton.jpg) no-repeat top left; width:70px; height:21px; border:0px; float:left;}
.contbor2{ background:url(images/inner.jpg) repeat-y top left; padding-left:1px; padding-right:1px;}
.contbor3{ background:url(images/inner2.jpg) repeat-y top left; padding-left:1px; padding-right:1px;}
.leftcont2{border-top:1px solid #D1D3D2;width:723px;float:left; padding:10px 0px; padding-top:0px;padding-bottom:0px; min-height:500px;}
.leftcon{ border-top:1px solid #D1D3D2; }

.rightcont2{padding-right:1px; width:245px; float:right;background:url(images/rightcont.png) repeat-x top left; min-height:500px; border-top:1px solid #D1D3D2;}
.contactbox2{margin-bottom:5px; border:1px solid #A8A8A8;width:224px;height:22px; border:1px solid #A8A8A8;}
.contactarea2{width:224px;  float:left; margin-bottom:6px; border:1px solid #A8A8A8; height:77px; border:1px solid #A8A8A8;}

.lefttitle4{  font-weight:normal; font-size:18px; color:#C80D69; margin:0px; padding:0px;padding-left:10px; padding-top:5px; text-transform:uppercase; padding-bottom:10px; border-bottom:1px dotted #D1D2D2; background:#fff;}

.leftbox{ width:154px; margin-left:12px; margin-top:12px;min-height:247px; float:left; padding:5px; background:#fff; border:1px solid #D1D2D2;}

.leftpic{
padding:1px;
border:1px solid #E1E1E1;
}
.leftpic img{

border:0px;
}
.leftheadings{
font-size:14px;
color:#009EB8;
font-weight:bold;
padding:5px 0px;
}
.leftheadings a{
color:#009EB8;
text-decoration:none;
}
.leftheadings a:hover{
color:#009EB8;
text-decoration:underline;
}
.leftprice{
color:#404040;
height:32px;overflow:hidden; line-height:16px;
}
.leftprice span{
font-weight:bold;
color:#DC0560;
}
.leftprice span a{
font-weight:bold;
color:#DC0560;
text-decoration:none;
}
.leftprice span a:hover{
font-weight:bold;
color:#DC0560;
text-decoration:underline;
}
.buy{ padding:8px 0px; text-align:right;}
.buy img{ border:0px;}

.producttable{
border:1px solid #E9E9E9;
margin-top:20px;
}

.producttable td.rightborder{
border-right:1px solid #E9E9E9;
margin-top:20px;
}
.producttable td.rightsidedesciption{
background:#ffffff;
}

.productdescription{
background:#F2FDDF;
color:#4D8732;
border-bottom:1px solid #E9E9E9;
font-size:18px;
font-weight:bold;
}
.productdetail{
color:#656464;
font-size:12px;
padding:10px;
}
.productdetail p{
padding:0px;
margin:0px;
}
.descp{
float:left;
padding:10px;
}
a.cartbutton{
display:block;
float:right;
padding-left:32px;
padding-right:10px;
line-height:42px;
border-left:1px solid #E9E9E9;
text-decoration:none;
background:#F2FDDF url(images/cart_add.png) no-repeat 10px 12px;
font-size:12px;
color:#74A238;
}

a.cartbutton:hover{
background:#ECFFCA url(images/cart_add.png) no-repeat 10px 12px;
color:#74A238;
}

.price5{
font-size:13px;
font-weight:bold;
text-align:center;
padding-top:5px;
background:#F2FDDF;
padding-bottom:5px;
}
.price5 span{
color:#DC0560;
}

.err{ color:#B12323; font-weight:bold;}
.imagebox{ 
padding:5px; border:1px solid #D5DEE7; background:#fff;}

.paging{

text-align:right;
padding:10px;

font-size:12px;

color:#F26722;
float:right;
}

.paging a{

background:#1F384E;

color:white;

padding:0 4px 1px;

border:1px solid #000000;

text-decoration:none;

font-size:12px;

}

.paging a:hover{

background:#788895;

}

.leftpic6{float:left; padding-left:11px; padding-top:11px;}
.leftpic6 img{ border:1px solid #D1D3D2; padding:5px; background:#F2FCFE;}
.grad{ background:#DBEDF6 url(images/bg3.jpg) repeat-x top left; min-height:500px;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px;display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; display:none;}
#information p {padding:0 8px 8px;display:none;}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:127px;background:url(images/scroll-left.gif) center center no-repeat; background-color:#2D3F67}
#slideleft:hover {background-color:#1F2F51}
#slideright {float:right; width:20px; height:129px; background:#2D3F67 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#1F2F51}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:127px; overflow:hidden}
#slider {position:absolute; left:0; height:122px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
.sliderclass{ float:right; padding:10px;}

.catefeed{ float:left;width:648px; border:1px solid #D1D2D2; }
.futlogo{ float:right;padding-right:10px;padding-top:15px;}
