@import url("css/menu.css");

/* CSS Document */
#Body {background: #fbf1ff url(images/page-bg.gif) repeat-x top left; height: 100%; width: 100%; margin:0; padding:0; color: #6c2f89;}

/* ControlPanel style */
.ControlPanel {position: relative; left: 0px; bottom: 0px; background: #fff; border: none; padding: 0px; margin: auto;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#375162;font-weight:bold;margin:1ex 0;}
h1{font-size:18px;margin:10px 0;}
h2, h2 input{font-size:14px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}

a,a:link,a:visited,a:active {color:#3E81B5; text-decoration:none; font-weight:normal;}
a:hover{color:#D00; text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{font-weight: bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.main {width: 960px; margin: auto; position: relative; background: url("images/content-bg.png") transparent repeat-y;}
.head {width: 940px; height: 138px; margin: 0px 10px 0px 10px; position: relative;}
.logo {width: 290px; height: 112px; border-style: none; position: absolute; top: 16px; left: 48px;}
.logo_butterfly {position: absolute; top: 6px; left: 241px;}

/*SEARCH*/
.search_style {position: absolute; right: 10px; top: 65px; height: 40px; text-align: right;}
.search_button {position: absolute; right: 1px; top: 0px; width: 50px; height: 35px;}

/*LANGUAGE PANEL*/
.lang_pad {position: absolute; right: 320px; top: 72px; height: 20px; width: 350px; text-align: right;}
.lang_pad_text {height: 18px; line-height: 18px; text-align: right; font-size: 14px; color: #E2007A; position: absolute; right: 60px; top: 0px;}
.lang_pad_flag {width: 30px; height: 20px; position: absolute; right: 22px; top: 0px;}
.lang_pad_dropdown {width: 12px; height: 11px; position: absolute; right: 0px; top: 5px;}
/*LANGUAGE SELECTOR*/
#lang_selector_bg {visibility: hidden; position: absolute; right: 55px; top: 22px; width: 163px; height: 43px; z-index: 3; background: url("images/lang-selector-bg.png") transparent no-repeat;}
.lang_selector {position: absolute; left: 8px; top: 5px; width: 140px; height: 30px;}
.lang_selector_flag {width: 30px; height: 20px; float: left; margin: 5px 0px 5px 5px;}

.menu_bg {width: 940px; padding: 0px; margin: 0px 10px 0px 10px; background: url("images/menu_bg.png") repeat top left; white-space: nowrap;}
#dnn_dnnLEFTMENU_RadPanel1 {width: 165px; background: #fff;}
#dnn_dnnLEFTMENU_RadPanel1 ul {border-style: none; background: #fff;}
#dnn_dnnLEFTMENU_RadPanel1 li {border-style: none; background: #fff;}
#dnn_dnnLEFTMENU_RadPanel1 a {border-style: none; background: #fff; color: #e2007a;}
#dnn_dnnLEFTMENU_RadPanel1 a:hover {text-decoration: underline;}
 

.navi_panel {position: relative; width: 940px; height: 38px; padding: 0px; margin: -2px 10px 10px 10px; background: #f2f2f2;}
.content {width: 940px; min-height: 550px; margin: 0px 10px 0px 10px; clear: both;}

.foot {position: relative; width: 960px; height: 116px; background: url("images/foot-bg.png") transparent no-repeat;}
.copyright {position: absolute; top: 44px; right: 45px; width: 175px; font-size: 11px; color: #fff; line-height: 95%;}
.copyright a {color: #fff; font-size: 11px;}
.copyright a:hover {color: #fff;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block; float: right; padding-right: 17px; width:auto;}
.ContentPane, .TopPane, .BottomPane {width: 900px; padding: 0px; margin: 0px 20px 0px 20px;}
.LeftPaneBg{width: 190px; height: 260px; padding: 0; margin: 0px 10px -25px 20px; float: left; background: url("images/menu2-bg.png") transparent no-repeat;}
.LeftPane {width: 188px; height: 232px; margin: 14px 1px 14px 1px; overflow: auto; background: transparent;}
.RightPane{padding: 0px; width: 720px; height: 260px; margin: 0px; float: left; background: transparent}

/*NAVI PANEL CONTENT*/
#bread_style {position: absolute; top: 0px; left: 22px; width: 800px; line-height: 34px; margin: 0px; color: #e2007a; font-weight: bold; font-size: 13px;}
#bread_style a {color: #3e3d40; text-transform: none;}
.navi_separator {color: #3e3d40; font-weight: normal; font-size: 13px;}
#login_style {position: absolute; top: 0px; right: 22px; width: 400px; text-align: right; line-height: 34px; margin: 0px; color: #e2007a;}
#login_style a {color: #e2007a;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/*CONTENT*/
.shop-banner {width: 900px; height: 90px; border-style: none; margin: 20px 0px 20px 0px;}

.CAT_CartContent {width: 900px;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead
{
  font-size:11px;
}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer {position: absolute; left: 50px; top: 52px; padding: 0px; text-align: left;}
.links,a.links:link,a.links:active,a.links:visited {font-weight: normal; color: #fff; text-transform: uppercase;}
a.links:hover {color:#fff;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}


/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position: relative; white-space: nowrap; margin: 0px; }
div.SearchBorder {width: 200px; height: 33px; border: solid 1px #b2b2b2; float: left; margin: 0px; background-color: white; white-space: nowrap;}
div.SearchContainer a {padding: 0; display: block; float: left; margin: 0px; width: 51px; height: 35px; z-index: 2;}
div.SearchContainer a img {padding-left: 0px;}
div.SearchIcon{display: none; float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 0px 0px; text-align: right;}
div.SearchIcon img {margin: 3px;}
input.SearchTextBox {float: left; z-index: 10; border: 0; width: 160px; height: 30px; color: #e6228c;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}