@charset "utf-8";

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; margin:0 0 150px 0; padding:0; background: #61d6fc url(../images/Bg.png) top left repeat-x;}

a:link {color:#05ABE1; text-decoration:none;}
a:visited {color:#05ABE1; text-decoration:none;}
a:hover {color:#00C0FF; text-decoration:underline;}
a:active {color:#05ABE1; text-decoration:none;}

.clear{ clear:both;}

#TopContainer{ width:940px; height:auto; margin:0 auto; background:url(../images/MainShadow.png) left top repeat-y; padding:0 15px 0 15px;}
#TopNavigation{ width:940px; height:30px; background:url(../images/HeaderBg.png) top left no-repeat; margin:0 auto; font-size:10px; color:#fff;}
#TopNavigation ul{ list-style-type:none; margin:0; padding:5px 0 0 5px;}
#TopNavigation ul li{ display:inline;}
#TopNavigation ul li a{ text-decoration: none; padding: 0 5px 0 5px; color:#fff; }
#TopNavigation ul li a:hover{ text-decoration: underline; color:#fff; }
#TopNavigationShadow{ height:15px; width:500px; position:relative; margin:0 auto; background:url(../images/HeaderShadow.png) top center no-repeat;}
#Logo{ width:310px; height:100px; margin:10px 0 0 0; float:left;}
#Logo img{ margin:0; padding:0; border:0;}
#Menu { width:630px; height:60px; float:left; margin:10px 0 0 0; text-align:right; font-size:15px; font-weight:bold; text-transform:capitalize; padding:40px 0 0 0;}
#Menu  ul{ list-style-type:none; margin:0;}
#Menu  ul li{ display:inline;}
#Menu  ul li a{ text-decoration: none; padding: 5px; color:#ABABAB; }
#Menu  ul li a:hover{ color:#05ABE1; text-decoration:none;}

#MainContainer{ width:940px; height:auto; margin:0 auto; background:url(../images/MainShadow.png) left top repeat-y; padding:20px 15px 0 15px;}
#MainPicture{ width:940px; height:244px; background:url(../images/MainPicture.png) top left no-repeat;}
#MainPictureShadow{ width:940px; height:15px; position:relative; background:url(../images/MainPictureShadow.png) top left repeat-x;}
#MainContent { width:940px; height:auto; margin:40px 0 0 0;}
#MainSections{ width:273px; height:260px; float:left; background:url(../images/ContentBg.png) top center no-repeat; padding:20px;}

h1.news{ margin:0; padding:0; font-size:17px; color:#545454; font-weight:bold; text-transform:capitalize;}
h1.products{ margin:0; padding:0; font-size:17px; color:#545454; font-weight:bold; text-transform:capitalize;}
h1.newsletter{ margin:0; padding:0; font-size:17px; color:#545454; font-weight:bold; text-transform:capitalize;}

p.newshead{ margin:0; font-size:13px; color:#05ABE1; font-weight:bold; text-transform:capitalize;}
p.newscontent{ margin:0; padding:0; font-size:12px; color:#999; text-transform:capitalize;}

p.productshead{ margin:0; font-size:13px; color:#05ABE1; font-weight:bold; text-transform:capitalize;}
p.productscontent{ margin:0; padding:0; font-size:12px; color:#999; text-transform:capitalize;}

p.newsletterhead{ margin:0; font-size:13px; color:#05ABE1; font-weight:bold; text-transform:capitalize;}
p.newslettercontent{ margin:0; padding:0; font-size:12px; color:#999; text-transform:capitalize;}

#MainSections form{ margin: 0;}
#MainSections .newsletterbox { height:14px; width:150px; border:1px solid #CDCED1; padding:2px; font-size:12px; line-height:16px; vertical-align: middle; background: url(../images/InputBg.png) top left repeat-x;}
#MainSections .newsletterbutton {  text-align:center;  font-size:13px; height:19px; width:20px; vertical-align: middle; margin-left:5px; border:none; background:url(../images/SendButton.png) no-repeat; cursor:pointer;}

#LeftContent{ width:620px; height:auto; float:left;}
#LeftContent h1{ font-size:20px; font-weight:bold; margin:0 0 50px 0; color:#666; border-bottom:2px solid #ccc; padding:0 0 16px 0;}
#LeftContent h2{ font-size:22px; font-weight:bold; margin:0 0 10px 15px; color:#666; border-left:5px solid #0099CC; padding:0 0 0 10px;}
#LeftContent h2 a{ text-decoration:none; color:#666;}
#LeftContent h2 a:hover{ text-decoration:none; color:#666;}
#LeftContent p{ font-size:16px; margin:0; color:#666666; padding:5px 0 15px 15px;}

#LeftContent form{ margin:0;}
#LeftContent form label{ display:block; width:150px; float:left; margin:0 20px 20px 15px; font-size:14px;}
#LeftContent form input{ display:block; width:250px; float:left; margin:0 10px 10px 0; font-size:11px; border:1px solid #cdced1; padding:2px; font-size:11px;}
#LeftContent .formbutton {  text-align:center; line-height:31px; height:31px; width:125px; color:#05ABE1; font-size:11px; font-weight:bold; cursor:pointer; vertical-align: middle; margin-left:5px; border:none; background:url(../images/Button.png) no-repeat; cursor:pointer; margin:0 0 0 315px;}

#LeftContent .formbuttonOrder {  text-align:center; line-height:31px; height:31px; width:125px; color:#05ABE1; font-size:11px; font-weight:bold; cursor:pointer; vertical-align: middle; margin-left:5px; float:left; border:none; background:url(../images/Button.png) no-repeat; cursor:pointer; margin:13px;}

#RightContent{ width:300px; padding:0 10px 0 10px; height:auto; float:left;}
#RightContentMenu{ width:300px; height:auto; margin:20px 0 20px 0; padding:20px 0 20px 0; background:url(../images/ContentBg.png) top left no-repeat;}
#RightContentMenu h1{ font-size:18px; padding:15px 0 15px 10px; color:#fff; margin:0; background:url(../images/RightMenuBg.png) center no-repeat;}

#RightContentMenu ul{ list-style-type:none; margin:0 0 8px 0; padding:10px; font-size:12px;}
#RightContentMenu ul li{ padding:0 0 10px 0;}
#RightContentMenu ul li a{ color: #999; display: block; text-decoration: none; padding: 0 0 0 19px; font-weight: bold; background: url(../images/ArrowBullet.png) no-repeat center left; border-bottom: 1px solid #dadada;}
#RightContentMenu ul li a:hover{ color: #05ABE1;}

#FooterContainer{ width:940px; height:auto; margin:0 auto; background:url(../images/MainShadow.png) left top repeat-y; padding:20px 15px 0 15px;}
#FooterContainerLine{ width:940px; height:60px; background:url(../images/FooterBg.png) left top no-repeat;}
#FooterContent{ width:940px; height:120px; margin:0 auto;}
#FooterContentLeft{ width:470px; height:100px; float:left; font-size:11px; text-align:left; padding:20px 0 0 0;}
#FooterContentRight{ width:470px; height:80px; float:left; font-size:10px; text-align:right; padding:40px 0 0 0;}
#FooterContentRight ul{ list-style-type:none; margin:0;}
#FooterContentRight  ul li{ display:inline;}
#FooterContentRight  ul li a{ text-decoration: none; padding: 7px; color:#000;}
#FooterContentRight  ul li a:hover{ color:#05ABE1; text-decoration:none;}
#FooterContainerBottom{ width:970px; height:34px; margin:0 auto; background:url(../images/FooterBottom.png) top left no-repeat;}

#OrderBox{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 15px; width: 590px; text-align: left;
border-collapse: collapse;}
#OrderBox th { font-size: 13px; font-weight: normal; padding: 8px; background: #1886a5; border-top: 1px solid #aabcfe; border-bottom: 1px solid #fff; color: #fff; text-align:left; font-weight:bold;}
#OrderBox td{ padding: 8px; background: #e8edff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; color: #669; border-top: 1px solid transparent; text-align:left;}
#OrderBox  tr:hover td{ background: #d0dafd; color: #339;}