﻿/*/*=========================================*/
/*         General CSS for Focused           */
/*            by Shaping Design              */
/*       http://www.shapingdesign.com        */
/*           info@shapingdesign.com          */
/*===========================================*/
/*  Website width css*/
#maincontent, .outer{width:900px;}

/*  Universal CSS  */
body, html{}
#body{margin:0;padding:0;text-align:center;}

table, tr, td, p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;padding: 0;margin: 0;vertical-align:top;}
p{margin: 12px 0;}
#clear{clear:both;}
div {padding:0;margin:0;}
img{border:0px;}
/*  layout css*/
#wrapper{width:100%;text-align:left;text-align:center;background:#fff;}
#dnn_controlpanel{text-align:left; margin:0 auto; width:100%;vertical-align:top;background:#fff;}
.outer{text-align:left; margin:0 auto; vertical-align:top;background:#fff;}
#maincontent{text-align:left; margin:0 auto; padding:0 5px;vertical-align:top; background:#fff;}
* html .maincontent{margin:0 5px;padding:0;}

/*  logo row  */
#logorowwrapper{}
#logorow{float:left;min-height:40px;width:400px;vertical-align:top;padding:10px 0;}
#logorowright{float:right;text-align:right;vertical-align:top;padding-top:10px;}


/* Date Area div */
#date{margin:5px 10px 0px 15px;}
span.date{color:#ccc;text-decoration:none;font-weight:bold;font-size:11px;font-family: tahoma, Arial, Helvetica, sans-serif;height:10px;margin: 0 0 0 6px;}

/* Search  */
#search{margin: 5px 0;_margin-top:3px;height: 20px;width: 160px;background: url(images/searchbox.jpg) no-repeat left; text-align:left;}
* html #search{margin-top:3px;}
.SearchField{width: 10px; text-align:right; vertical-align:top;}
.SearchButton{background: transparent;font-size: 0px; margin: 0px;_margin: 2px 15px 0px 0px; padding: 13px 15px 13px 42px; color: #fff;}
#dnn_dnnSEARCH_txtSearch {vertical-align: top;height: 20px; font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; background: transparent; border: 0px solid #A1A1A1; color: #000; cursor: text; margin: 0px; padding: 3px 0 0 12px; width: 120px;}
* html #dnn_dnnSEARCH_txtSearch {padding: 3px 0 0 0px;margin:0 0 0 10px; width: 115px;}


/*  menu row  */
#menu{clear:both;width:900px;height:38px;background:url(images/Menu_bkg.jpg) top left repeat-x;}
#menuleft{height:38px;padding:0 0 0 16px;background:url(images/MenuBar_L.jpg) top left no-repeat;}
#menuright{height:38px;background:url(images/MenuBar_r.jpg) top right no-repeat;width:100%;}

/* color bar */
#colorbarleft{height:20px;background:url(images/colorbar_l.jpg) bottom left no-repeat;width:100%; font-size:0;}
#colorbarbkg{height:20px;background:url(images/colorbar_bkg.jpg) bottom left repeat-x; font-size:0;}
#colorbarright{height:20px;width:100%;background:url(images/colorbar_r.jpg) bottom right no-repeat;font-size:0;}

/*  banner row  */
/* Background Pane */
.panebannerheader{margin:10px 0 10px 410px; width:380px;}
.bannerimage{height:196px; width: 800px;}
.bannerimagesmall{height:96px; width: 800px;}
td.flashbanner{padding-top:5px;}
.bannerspacer{height:1px;width:800px;}

/*  breadcrumb row  */
.bread_bkg{height:25px;margin:0;}
td.breadcrumbrow{clear:both;}
#bread{float:left; margin:3px 0 0 5px;padding:0; height:25px;}
.breadcrumb{font-size:12px;}
.BreadCrumb, a.BreadCrumb:link, a.BreadCrumb:visited, a.BreadCrumb:active {color: #333;font-family:Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;font-weight: normal;}
a.BreadCrumb:hover {color: #666;font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;font-weight: normal;}

/*Login Div*/
#logindiv{float:right;margin:3px 0px 0 15px;height:25px;line-height:16.5px;} 
.login,a.login:link,a.login:active,a.login:visited{color:#111;text-decoration:none;font-weight:normal;font-size:11px;font-family: tahoma, Arial, Helvetica, sans-serif;height:18px;}
a.login:hover{color:#666;text-decoration:none;font-weight:normal;font-size:11px;font-family: tahoma, Arial, Helvetica, sans-serif;height:18px;}
/*User Token*/
.user,a.user:link,a.user:active,a.user:visited{color:#111;text-decoration:none;font-weight:normal;font-size:11px;font-family: tahoma, Arial, Helvetica, sans-serif;height:18px;}
a.user:hover{color:#666;text-decoration:none;font-weight:normal;font-size:11px;font-family: tahoma, Arial, Helvetica, sans-serif;height:18px;}


/*  content row  */
.contenttd{height:100%;overflow:auto;}
.contenttable{width:100%;overflow:auto;clear:both;}
#copyrightdiv{float:left;margin:2px 0 0 10px;}
#termsdiv{float:right; margin:2px 10px 0 0; color:#333;font-size: 10px;}
#boxedcopyright{background:#D0D0D0; height:22px; clear:both; color:#333; padding: 0 20px;}
#boxedcopyrightc{background:#81C7E9; height:22px; clear:both; color:#333; padding: 0 20px;}
#copyrightopen{background:none; height:22px; clear:both; color:#333; padding: 0 20px;}

/* color bar */
#smcolorbarleft{height:13px;background:url(images/footer_l.jpg) bottom left no-repeat;width:100%; font-size:0;}
#smcolorbarbkg{height:13px;background:url(images/footer.jpg) bottom left repeat-x; font-size:0;}
#smcolorbarright{height:13px;width:100%;background:url(images/footer_r.jpg) bottom right no-repeat;font-size:0;}

/* Footer Text*/
.Footer {color: #333;font-size: 10px; white-space:nowrap;padding:0 5px 0 0;}
a.Footer:link, a.Footer:visited, a.Footer:active {color: #333;font-weight: normal;text-decoration: none;font-size: 11px;height:11px;}
a.Footer:hover {color: #000;font-weight: normal;text-decoration: none;font-size: 11px;height:11px;}
.CopyrightText{color: #333;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 11px;}

/* Content Area / Panes */
.paneheader{width: 100%;padding: 7px 0 0 0;}
.panetop{width: 100%;padding: 0;}
.panecenter {float:left;width:70%;vertical-align:top;}
.paneright {float:right;width: 25%;padding: 0 0 0 7px;}
.panebottom {clear:both;width: 100%;padding: 0 7px 0 0;}
.panetopleft{padding:0 7px 0 0;width: 50%; vertical-align:top;}
.panetopright{padding:0;width: 50%; vertical-align:top;}
.panecontent2{width: 67%;}
.panelower{width:33%;vertical-align:top;}
.paneright2, .panelowerright {width: 33%;padding: 0 0 0 7px;}
.paneright3 {width: 66%;padding: 0 0 0 7px;}

/*  Links / Text
/*Hyperlink style for the unselected tabs */
.OtherTabs {font-size: 12px;color: #333;font-family: tahoma, Arial, Helvetica, sans-serif;text-decoration: none;}
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active {text-decoration: none;color: #333;background-color: transparent;border: 0;font-weight: bold;}
a.OtherTabs:hover {text-decoration: underline;color: #333;background-color: transparent;border: 0;font-weight: bold;}

/*Head*/
.Head {font-size: 14px;color: #333;font-weight: bold;}

/*SubHead Text*/
a.SubHead:link, a.SubHead:visited, a.SubHead:active {color: #6E8E05;text-decoration: none;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}
a.SubHead:hover {color: #2c2c2c;text-decoration: none;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}

/*Normal Text*/
.Normal, .Normal div {font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 11px;}
a.Normal:link, a.Normal:visited {color: #333333;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;text-decoration: none;}
a.Normal:hover {color: #111111;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;text-decoration: none;}
.NormalRed {color: #900;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 11px;}
.NormalBold {font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;}
.NormalTextBox {color: #333;padding-left: 2px;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;}
td.NormalTextBox {padding: 0;margin: 0;background: transparent;border: 0;}

/*Links for entire site*/
a:link, a:visited, a:active {color: #333333;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;text-decoration: underline;}
a:hover {color: #111111;font-family: tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;text-decoration: underline;}
select, input {font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 12px;color: #333;}

h1{font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #2087B9;line-height:30px;}
h2{font-family: Arial, Helvetica, sans-serif;font-weight: bold; font-size:18px; color: #2087B9;line-height:25px;}
h3, h3 span.head{font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #2087B9; line-height:25px;}

/*-- Bullet CSS --*/
ul {padding-left:10px;}
UL LI{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000;list-style-type: disc;}
UL UL LI{font-family:Arial, Helvetica, sans-serif; list-style-type:circle; font-size: 11px; line-height:16px; font-style:italic;color:#222;}
UL LI LI LI{list-style-type: circle;}
ol{padding-left:30px;}
OL LI{list-style-type: decimal;}
OL OL LI{list-style-type: lower-alpha;}
OL OL OL LI{list-style-type: lower-roman;}
OL UL LI{list-style-type: disc;}

/*applied to invisible objects*/
.Invisible {visibility: hidden;}

/*  Main Menu and Module Menus
/*Main Menu Idle*/
/* main menu td */
.main_dnnmenu_bar {cursor:pointer;font-size: 11px; background-color:transparent;}
/*  Main Menu Normal  */
.main_dnnmenu_rootitem{color: #FFF;font-size: 13px;font-family: Arial, Helvetica, sans-serif; font-weight:bold;text-align:center;padding:12px;text-transform:uppercase; border-right:1px solid #fff; margin-right:1px;white-space:nowrap;	float:left;}
/*  Main menu hover  */
.main_dnnmenu_rootitem_hover{color:#fff;font-size: 13px;font-family: Arial, Helvetica, sans-serif; font-weight:bold;text-align:center;padding:12px;border-right:1px solid #fff; background:url(images/menu_over.jpg) repeat-x top left;text-transform:uppercase; margin-right:1px;white-space:nowrap;float:left;}
/*  Main menu selected  */
.main_dnnmenu_rootitem_selected{color:#fff;font-weight:bold;text-align:center;font-size: 13px;font-family: Arial, Helvetica, sans-serif; padding:12px 12px 12px 12px;border-right:1px solid #fff; background:url(images/menu_over.jpg) repeat-x top left;text-transform:uppercase; margin-right:1px;white-space:nowrap;float:left;}
/*  SUB Menu Normal */
.main_dnnmenu_submenu {border:1px solid #C0D6E5;}
.main_dnnmenu_submenu td{background-color:#F8FAFF;z-index: 1000;font-size: 11px; font-weight:bold;text-align:left;color:#000000;line-height:2em;padding: 0px 5px;margin:0px;}
/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td{background: #CE0D0D url(images/submenu_hover.gif) repeat-x top left;color:#fff;}
.main_dnnmenu_itemselected td{background: #CE0D0D url(images/submenu_active.gif) repeat-x top left;color:#fff;}
.main_dnnmenu_break{height: 38px; width:1px;background: #fff url(images/menu_sep.gif) top left;}
/* Module Action Menus */
.ModuleTitle_SubMenu{border:1px solid #C0D6E5;}
.ModuleTitle_SubMenu td{background-color:#F8FAFF;white-space: nowrap;} 
.ModuleTitle_MenuIcon {background-color:#F8FAFF;border:none;padding: 0px 2px;}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background: #CE0D0D url(images/submenu_hover.gif) repeat-x top left;color: #fff;}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height: 2px;background-color: #D5E0FF;}

/* Control Panel Style */
.controlpanel{ background:#FFF; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel td{ text-align:center; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel Table{ width:auto; text-align:center; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#CCC; font-size:12px; color:#000; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#333; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;}
.controlpanel A.CommandButton{ font-size:10px; text-decoration:none;}
.controlpanel A.CommandButton:link{ color:#000; }
.controlpanel A.CommandButton:visited{ color:#000; }
.controlpanel A.CommandButton:active{ color:#000; }
.controlpanel A.CommandButton:hover{ color:#000; text-decoration:underline;} 
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ font-size:12px; color:#000; text-decoration:none; font-weight:normal; }
A.CommandButton:hover{ color:#333; text-decoration:none; font-size:12px; font-weight:normal; }
.controlpanel td td table{margin: 0 auto; }

/* Skin Xmod */
#skinpreview{text-align:left;}
#skinname{text-align:left;font-family: tahoma;font-size: 15px;font-weight: bold;}

.SkinName {color: #E55C19;	font-family: tahoma;font-size: 15px;font-weight: bold;}
.Skinprice {color: #3091BB;	font-family: tahoma;font-size: 13px;font-weight: bold;}
a.SkinName:link {color: #E55C19;font-family: tahoma;font-size: 15px;font-weight: bold;text-decoration:none;}
a.SkinName:active {color: #ff5400;font-family: tahoma;font-size: 15px;font-weight: bold;text-decoration:none;}
a.SkinName:visited {color: #E55C19;font-family: tahoma;font-size: 15px;font-weight: bold;text-decoration:none;}
a.SkinName:hover {color: #ff5400;font-family: tahoma;font-size: 15px;font-weight: bold;text-decoration:none;}
.SkinBuyNow{color: #3091BB;font-family: tahoma;font-size: 13px;font-weight: bold;}

/*-- END CSS --*/
