/* CSS Document */
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/* Top panel */
#topPan{width:771px; height:0px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:2px; right:0px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 4px no-repeat #FF6600; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 4px no-repeat #FF6600; color:#3366CC; text-decoration:none;}

/* #topPan ul li.register{float:left; width:65px; height:22px;} */
/* #topPan ul li.register a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 4px no-repeat #FF6600; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;} */
/* #topPan ul li.register a:hover{background:url(images/arrow1-hover.gif) 65px 4px no-repeat #FF6600; color:#3366CC; text-decoration:none;} */

#topPan ul li.cart{float:left; width:65px; height:22px;}
#topPan ul li.cart a{width:65px; height:16px; display:block; background:url(images/arrow1.gif) 65px 4px no-repeat #FF6600; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.cart a:hover{background:url(images/arrow1-hover.gif) 65px 4px no-repeat #FF6600; color:#3366CC; text-decoration:none;}

#topPan img.logo{width:100px; height:109px; position:absolute; top:27px; left:2px;}

#topPan ul li.title1{width:65px; height:22px; position:absolute; left:-650px;}
#topPan ul li.title1 a{width:170px; height:16px; display:block; background:url(images/arrow1.gif) 170px 4px no-repeat #FF6600; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.title1 a:hover{background:url(images/arrow1-hover.gif) 170px 4px no-repeat #FF6600; color:#3366CC; text-decoration:none;}

/* Main layout and header */
body {background:url(images/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}
#topwrap {background:url(images/main-bg.gif) repeat-x; color:#303030; margin:0 auto; padding:7px 5px; width:771px;}
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:760px;}
/* #header {background:url(images/logo.jpg) no-repeat bottom left; color:#505050; height:129px; margin:0 0 4px; padding:0;} */
#header {height:129px; margin:0 0 10px; padding:0;}
#header h1 {font-size:1.6em; font-weight:400; font-style:italic; letter-spacing:0px; color:#3366CC; margin:0 0 15px 120px; padding:20px 0 0; line-height:5.6em}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.7em; color:#3366CC; letter-spacing:0px; margin:0 0 20px 15px; padding:0 0 0 3px; font-style:italic;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:150px;}
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul.avmenu li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu li a {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:138px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:134px;}
#leftside p,.announce p {font-size:0.9em;}
#leftside .browsers {border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:134px;}
#leftside p,.browsers p {font-size:0.9em;}

/* Right sidebar */
#extras {float:right; margin:5px 0 10px; padding:0; width:175px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Services Navigation */
#services {float:left; margin:5px 0 10px; padding:0; width:550px;}
#services p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#services li {list-style:none; margin:0 0 6px; padding:0;}
#services h2 {font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Main content */
#content {line-height:1.5em; margin:10px 185px 10px 160px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 0 10px 160px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content h4,#contentwide h4 {font-size:1.2em; font-weight:400; margin:6px 0; padding:0;}
#content h5,#contentwide h5 {font-size:1.0em; font-weight:400; margin:6px 0; padding:0;}
#content img,#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px;}
#content li,#contentwide li {margin:0 0 2px 5px; padding:0 0 0 4px;}

/* Footer */
#footermainPan{height:135px; background:#000000; color:#fff; font:13px/20px Arial,Helvetica,sans-serif; position:relative; margin:0 auto; clear:both; padding:10px 0 0; width:760px;}

#footerPan{width:700px; position:relative; margin:0 auto;}

#footerPan ul{width:500px; height:30px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#000000; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:290px; position:relative; margin:0 auto; background:#000000; color:#fff;  font-size:11px;}

#footerPan ul.tools{width:315px; height:30px; position:relative; margin:0 auto; top:50px; right:0px;}
#footerPan li.tools{float:left; }
#footerPan ul.tools li a{padding:0 10px 0; color:#fff; background:#000000; text-decoration:none; font-size:12px;}
#footerPan ul.tools li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:65px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-bg-normal.gif) 0 0 no-repeat #000000; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-bg-hover.gif) 0 0 no-repeat #000000; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:65px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(images/css-bg-normal.gif) 0 0 no-repeat #000000; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-bg-hover.gif) 0 0 no-repeat #000000; color:#fff; text-decoration:none;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}