body { background:#f0f0f0; font-family:Tahoma, Helvetica, Arial, sans-serif; font-size:90%; color:#4c4c4c; margin:0 }

a { color:#1a408c; text-decoration:underline }
a:hover { color:#d75027 }
img { border:0 }
h1 { margin:0; padding:0; font-size:150%; color:#1a408c }
h1 strong { color:#d75027 }
h2 { margin:10px 0 25px; padding:0; font-size:110%; color:#666 }
h3 { margin:0; padding:0; font-size:100%; color:#1a408c }
p { margin-top:0 }
hr { height:1px; border:0; color:#ddd; background:#ddd }
blockquote { margin:0; padding:0; font-size:90%; font-style:italic }
strong { color:#d75027 }

form { margin:0; padding:0 }




/* --- Header --- */
.header { position:relative; width:986px; height:140px; margin:0 auto; color:#1a408c; background:url(/graphics/header/bg.gif) 0 0 repeat-x }
.header .left { float:left; width:14px; height:100px; background:url(/graphics/header/bg-left.gif) 0 0 no-repeat }
.header .right { float:right; width:14px; height:100px; background:url(/graphics/header/bg-right.gif) 100% 0 no-repeat }

.header strong { color:#1a408c }
.header .logo { float:left; margin:30px 0 0 16px }
.header .contact { float:right; margin:25px 20px 0 0; font-size:140%; text-align:right }
.header .contact a { font-size:85%; text-decoration:none }



/* --- Main Menu --- */

.mainmenu { position:absolute; top:96px; left:0; width:965px; height:40px; font-size:110% }

.mainmenu .tab, .mainmenu .tab_on, .mainmenu .tab_shop { float:left; cursor:pointer }

.mainmenu .tab a { text-decoration:none }
.mainmenu .tab a:hover, .mainmenu .tab:hover a { color:#d75027 }
.mainmenu .tab_on a { color:#fff; text-decoration:none }
.mainmenu .tab_on a:hover, .mainmenu .button_on:hover a { color:#d75027 }
.mainmenu .tab_shop a { padding-left:25px; color:#fff; font-weight:bold; text-decoration:none; background:url(/graphics/cart-white.gif) 0 40% no-repeat }
.mainmenu .tab_shop a:hover, .mainmenu .tab_shop:hover a { color:#1a408c; background:url(/graphics/cart-blue.gif) 0 40% no-repeat }

.mainmenu .tab .left { float:left; width:14px; height:39px; background:url(/graphics/mainmenu/grey-left.gif) 0 0 no-repeat }
.mainmenu .tab .right { float:left; width:13px; height:39px; background:url(/graphics/mainmenu/grey-right.gif) 100% 0 no-repeat }
.mainmenu .tab .option { float:left; height:39px; background:url(/graphics/mainmenu/grey-bg.gif) 0 0 repeat-x }

.mainmenu .tab_on .left { float:left; width:14px; height:39px; background:url(/graphics/mainmenu/blue-left.gif) 0 0 no-repeat }
.mainmenu .tab_on .right { float:left; width:13px; height:39px; background:url(/graphics/mainmenu/blue-right.gif) 100% 0 no-repeat }
.mainmenu .tab_on .option { float:left; height:39px; background:url(/graphics/mainmenu/blue-bg.gif) 0 0 repeat-x }

.mainmenu .tab_shop .left { float:left; width:14px; height:39px; background:url(/graphics/mainmenu/orange-left.gif) 0 0 no-repeat }
.mainmenu .tab_shop .right { float:left; width:13px; height:39px; background:url(/graphics/mainmenu/orange-right.gif) 100% 0 no-repeat }
.mainmenu .tab_shop .option { float:left; height:39px; background:url(/graphics/mainmenu/orange-bg.gif) 0 0 repeat-x }

.mainmenu .tab .option p, .mainmenu .tab_on .option p { margin:0; padding:8px 2px 0 }
.mainmenu .tab_shop .option p { margin:0; padding:8px 10px 0 8px }

.submenu { float:left; width:115px; margin-top:15px; font-size:90% }
.submenu .tab, .submenu .tab_on { margin-bottom:3px }
.submenu .option { width:95px }
.submenu .tab .option p, .submenu .tab_on .option p { padding-top:9px }
.submenu a { text-decoration:none }


/* CSS Dropdown Menu */
#csstopmenu { padding:0; margin:0; list-style:none }
#csstopmenu ul.submenus { position:absolute; top:38px; left:2px; width:250px; z-index:1; padding:0 }
#csstopmenu li { float:right; position:relative; padding-left:0; background:none }

.submenus { display:none; width:300px; position:absolute; top:0; left:0; font-size:85% }
.submenus li { width:100%; list-style:none; font-size:100%; font-weight:normal; text-align:left }
.submenus li a { display:block; width:100%; text-indent:5px; color:#1f3e79; padding:6px 12px 6px 7px; text-decoration:none; background:url(/graphics/mainmenu/dropdown-bg.gif) 0 50% repeat }
html>body .submenus li a { /* non IE browsers */ width:auto }
.submenus li a:hover { color:#fff; text-decoration:none; background:url(/graphics/mainmenu/dropdown-bg-over.gif) 0 50% repeat }

#csstopmenu li>ul {/* non IE browsers */ top:auto; left:auto }
#csstopmenu li:hover ul, li.over ul { display:block }
html>body .clearmenu { /* non IE browsers */ height:3px }









/* --- Layout --- */
.contentlayout { width:980px; margin:20px auto 0; background:#fff }
.contentlayout .top, .contentlayout .bottom { height:10px; background:#fff }
.contentlayout .topleft { float:left; width:10px; height:10px; background:url(/graphics/boxes/content-tl.gif) 0 0 no-repeat }
.contentlayout .topright { float:right; width:10px; height:10px; background:url(/graphics/boxes/content-tr.gif) 100% 0 no-repeat }
.contentlayout .bottomleft { float:left; width:10px; height:10px; background:url(/graphics/boxes/content-bl.gif) 0 100% no-repeat }
.contentlayout .bottomright { float:right; width:10px; height:10px; background:url(/graphics/boxes/content-br.gif) 100% 100% no-repeat }

.page { padding:12px 18px 20px 28px }

.leftcolumn { float:left; width:184px; margin:0 30px 0 0 }
.rightcolumn { float:right; width:175px }

.content { float:left; width:500px }
.content_norightcolumn { float:left; width:700px }

.content img, .content_norightcolumn img { float:right; margin:0 0 30px 30px }
.content ul, .content_norightcolumn ul { margin:0 0 20px 0; padding-left:10px }
.content li, .content_norightcolumn li { margin:0 0 10px 0; padding-left:15px; list-style:none; background:url(/graphics/bullet-orange.gif) 0 6px no-repeat }




/* --- Shop --- */
.pricing { text-align:center }
.pricing th { background:#ddd }
.pricing img { float:none; margin:0 }




/* --- Sidebars --- */
.sidebar { float:left; width:100%; margin-right:30px }

.sidebar .title { height:40px; background:url(/graphics/boxes/sidebar/title-bg.gif) 0 0 repeat-x }
.sidebar .title .left { float:left; width:8px; height:40px; background:url(/graphics/boxes/sidebar/title-left.gif) 0 0 no-repeat }
.sidebar .title .right { float:right; width:8px; height:40px; background:url(/graphics/boxes/sidebar/title-right.gif) 100% 0 no-repeat }
.sidebar .title p { color:#fff; margin:0; padding:8px 0 0; font-size:110%; text-align:center }

.sidebar .title1 .top { height:8px; background:url(/graphics/boxes/sidebar/title1-top.gif) 0 0 repeat-x }
.sidebar .title1 .top .left { float:left; width:8px; height:8px; background:url(/graphics/boxes/sidebar/title1-tl.gif) 0 0 no-repeat }
.sidebar .title1 .top .right { float:right; width:8px; height:8px; background:url(/graphics/boxes/sidebar/title1-tr.gif) 100% 0 no-repeat }
.sidebar .title1 .btm { height:8px; background:url(/graphics/boxes/sidebar/title1-btm.gif) 0 100% repeat-x }
.sidebar .title1 .btm .left { float:left; width:8px; height:8px; background:url(/graphics/boxes/sidebar/title1-bl.gif) 0 100% no-repeat }
.sidebar .title1 .btm .right { float:right; width:8px; height:8px; background:url(/graphics/boxes/sidebar/title1-br.gif) 100% 100% no-repeat }
.sidebar .title1 .middleleft { background:url(/graphics/boxes/sidebar/title1-left.gif) 0 0 no-repeat }
.sidebar .title1 .middleright { background:url(/graphics/boxes/sidebar/title1-right.gif) 100% 0 no-repeat }
.sidebar .title1 .middle { margin:0 8px; background:url(/graphics/boxes/sidebar/title1-bg.gif) 0 0 repeat-x }
.sidebar .title1 p { color:#fff; margin:0; padding:0 0 3px; font-size:110%; text-align:center }

.sidebar .main_white .left { background:url(/graphics/boxes/sidebar/border.gif) 0 0 repeat-y }
.sidebar .main_white .right { padding:5px 10px; font-size:90%; text-align:center; background:url(graphics/boxes/sidebar/border.gif) 100% 0 repeat-y }
.sidebar .main_white .bottom { width:100%; height:5px; background:url(/graphics/boxes/sidebar/bottom-white.gif) 0 0 repeat-x }
.sidebar .main_white .bottom .left { float:left; width:8px; height:5px; background:url(/graphics/boxes/sidebar/bottom-white-left.gif) 0 0 no-repeat }
.sidebar .main_white .bottom .right { float:right; width:8px; height:5px; background:url(/graphics/boxes/sidebar/bottom-white-right.gif) 100% 0 no-repeat }
.sidebar .main_white p { margin:0; padding:4px 0 }
.sidebar .main_white a { text-decoration:none }

.sidebar .main_lgrey { color:#1a408c; background:#ededed }
.sidebar .main_lgrey .left { background:url(/graphics/boxes/sidebar/border-lgrey-left.gif) 0 0 repeat-y }
.sidebar .main_lgrey .right { padding:5px 10px 15px; font-size:90%; text-align:center; background:url(/graphics/boxes/sidebar/border-lgrey-right.gif) 100% 0 repeat-y }
.sidebar .main_lgrey .bottom { width:100%; height:5px; background:url(/graphics/boxes/sidebar/bottom-lgrey.gif) 0 0 repeat-x }
.sidebar .main_lgrey .bottom .left { float:left; width:8px; height:5px; background:url(/graphics/boxes/sidebar/bottom-lgrey-left.gif) 0 0 no-repeat }
.sidebar .main_lgrey .bottom .right { float:right; width:8px; height:5px; background:url(/graphics/boxes/sidebar/bottom-lgrey-right.gif) 100% 0 no-repeat }
.sidebar .main_lgrey p { margin:0; padding:4px 0 }
.sidebar .main_lgrey a { text-decoration:none }

.sidebar .subnote { color:#666; font-size:85%; font-style:italic }
.sidebar .subnote a { color:#666; text-decoration:underline }
.sidebar .subnote a:hover { color:#000 }

.sidebar input { width:90%; margin:4px 0; padding:3px; color:#666; font-size:90%; text-align:center; border:1px solid #ccc }
.sidebar input[type=checkbox] { width:auto }





/* --- Buttons --- */
.button { margin:0 0 20px; cursor:pointer; font-size:120% }
.content .button, .content_norightcolumn .button { float:left; width:200px; margin:0 20px 20px 0 }

.button p { margin:0; padding:0 0 2px; font-weight:bold; text-align:center }
.button a { text-decoration:none }

.button .top .left { float:left; width:7px; height:17px }
.button .top .right { float:right; width:7px; height:17px }
.button .top .middle { height:17px; margin:0 7px }
.button .bottom .left { float:left; width:7px; height:17px }
.button .bottom .right { float:right; width:7px; height:17px }
.button .bottom .middle { height:17px; margin:0 7px }
.button .maincontent { margin:7px 7px 0 }

.button .orange .top .left { background:url(/graphics/buttons/orange-tl.png) 0 0 no-repeat }
.button .orange .top .right { background:url(/graphics/buttons/orange-tr.png) 100% 0 no-repeat }
.button .orange .top .middle { background:url(/graphics/buttons/orange-top.png) 0 0 repeat-x }
.button .orange .bottom .left { background:url(/graphics/buttons/orange-bl.png) 0 100% no-repeat }
.button .orange .bottom .right { background:url(/graphics/buttons/orange-br.png) 100% 100% no-repeat }
.button .orange .bottom .middle { background:url(/graphics/buttons/orange-bottom.png) 0 100% repeat-x }
.button .orange .mainleft { background:url(/graphics/buttons/orange-left.png) 0 0 repeat-y }
.button .orange .mainright { background:url(/graphics/buttons/orange-right.png) 100% 0 repeat-y }
.button .orange .maincontent { background:#e88946 }
.button .orange a { color:#fff }
.button .orange a:hover, .button:hover .orange a { color:#1a408c }

.button .lgrey .top .left { background:url(/graphics/buttons/lgrey-tl.png) 0 0 no-repeat }
.button .lgrey .top .right { background:url(/graphics/buttons/lgrey-tr.png) 100% 0 no-repeat }
.button .lgrey .top .middle { background:url(/graphics/buttons/lgrey-top.png) 0 0 repeat-x }
.button .lgrey .bottom .left { background:url(/graphics/buttons/lgrey-bl.png) 0 100% no-repeat }
.button .lgrey .bottom .right { background:url(/graphics/buttons/lgrey-br.png) 100% 100% no-repeat }
.button .lgrey .bottom .middle { background:url(/graphics/buttons/lgrey-bottom.png) 0 100% repeat-x }
.button .lgrey .mainleft { background:url(/graphics/buttons/lgrey-left.png) 0 0 repeat-y }
.button .lgrey .mainright { background:url(/graphics/buttons/lgrey-right.png) 100% 0 repeat-y }
.button .lgrey .maincontent { background:#d0d0d0 }
.button .lgrey a { color:#d75027 }
.button .lgrey a:hover, .button:hover .lgrey a { color:#1a408c }

form .button { width:80%; margin:7px auto 0; font-size:100%; cursor:pointer }
form .button .left, .sidebar form .button .left { float:left; width:8px; height:31px; margin:0; padding:0; background:url(/graphics/buttons/form-grey-left.png) 0 0 no-repeat }
form .button .right, .sidebar form .button .right { float:right; width:8px; height:31px; margin:0; padding:0; background:url(/graphics/buttons/form-grey-right.png) 100% 0 no-repeat }
form .button .main { height:31px; margin:0 8px; background:url(/graphics/buttons/form-grey-bg.png) 0 0 repeat-x }
form .button p { padding:5px 10px 0; font-size:110%; font-weight:normal }
form .button:hover a { color:#d75027 }





/* --- Footer --- */
.footer { width:986px; height:100px; margin:30px auto 0; font-size:80%; color:#fff; background:url(/graphics/footer/bg.gif) 0 100% repeat-x }
.footer .left { float:left; width:14px; height:100px; background:url(/graphics/footer/bg-left.gif) 0 0 no-repeat }
.footer .right { float:right; width:14px; height:100px; background:url(/graphics/footer/bg-right.gif) 100% 0 no-repeat }

.footer .main { padding:19px 24px 0  }
.footer .mainleft { float:left }
.footer .mainleft a { margin-right:15px }
.footer .mainleft img { margin-right:5px }
.footer .mainright { float:right; text-align:right }

.footer a { color:#fff; text-decoration:none }
.footer a:hover { color:#d75027 }
.footer .credits { display:inline; margin-left:15px; color:#536da5 }
.footer .credits a { color:#536da5 }
.footer .credits a:hover { color:#d75027 }




/* --- General --- */
.floatleft { float:left }
.floatright { float:right }
.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_left { clear:left; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }
.nowrap { white-space:nowrap }

#trace, .trace { border:solid 1px #ff0000 }