@import url("Container.css");
@import url("Menu.css");
/* CSS Document */

body{font:13px/15px Arial, Helvetica, sans-serif;}
*{margin:0;padding:0;}

.ClearFloat{clear:both;line-height:0;font-size:0;}
/*=====================================================================
General End Here
=====================================================================*/
.BGTable{ margin:0; padding:0; margin:0; padding:0 0 40px 0; background:url(images/bg.gif) 0 0 repeat-x #fff;}
.Container{	width:963px; margin:0 auto; padding:0;}


/* Navigation panel start here */
.NavPane{ min-height:29px; background:url(images/nav-bg.gif) 0 0 repeat-x; position:relative; padding:6px 8px 8px;}
.NavLB{ position:absolute; bottom:0; left:0; display:block; width:3px; height:3px; background:url(images/nav-left-bottom.gif) 0 100% no-repeat;}
.NavRB{ position:absolute; bottom:0; right:0; display:block; width:3px; height:3px; background:url(images/nav-right-bottom.gif) 100% 100% no-repeat;}
.NavInner{float:left; width:670px; margin:0 20px 0 0; position:relative!important; z-index:55555!important;}
.FriendPanel{ float:left; width:130px; padding:0px 0px 0px 0px;}
.TopPanel{float:right; width:110px;padding:0px 0px 0px 0px;}
.TopHeader table.ModuleTitle_SubMenu {z-index:58585858!important;}

.LogoPane{float:left; width:auto; margin:15px 0 20px 0;}
.SearchPane{ width:312px; height:36px; float:right;}
.SearchPane input{float:left; border:solid 1px #D0D0D0; background:url(images/search-bg.gif) 0 0 repeat-x; height:30px; width:200px; margin:2px 0 0 0;}
.SearchPane a{ display:block; float:left; margin:0 0 0 5px;} 

/*=====================================================================
TopMain Ends here
=====================================================================*/

/* ContentPane Start here */
.HeaderPane{position:relative!important; z-index:555555545!important; background-color:#fff; padding:4px;}
.HeaderLB{ position:absolute; bottom:0; left:0; display:block; width:4px; height:4px; background:url(images/header-left-bottom.gif) 0 100% no-repeat;}
.HeaderRB{ position:absolute; bottom:0; right:0; display:block; width:4px; height:4px; background:url(images/header-right-bottom.gif) 100% 100% no-repeat;}
.TopHeader{ padding:0 18px;}
.HeaderRight{ float:right; width:485px; margin:35px 0 0 0;}
.HeaderRightPane1{ float:left; width:240px;}
.HeaderRightPane2{ float:right; width:190px;}

.BodyPane{ margin:18px 0 0 0; padding:0;}
.LeftPane{ float:left; width:224px; background-color:#fff; padding:0px;}
.RightPane{ float:right; width:710px; background-color:#fff;}
.RightPaneAdmin{background-color:#fff;}

.BodyLT{ background:url(images/body-left-top.gif) left top no-repeat; overflow:hidden;}
.BodyRT{ background:url(images/body-right-top.gif) right top no-repeat; overflow:hidden; padding:8px;}

.ContentPane{ margin:0 0 18px 0;}
.ContentPane2{ float:left; width:335px; margin:0 0 18px 0;}
.ContentPane3{ float:right; width:335px; margin:0 0 18px 0;}
.ContentPane4{ float:left; width:220px; margin:0 17px 0 0;}
.ContentPane5{ float:left; width:220px;}
.ContentPane6{ float:right; width:220px;}
.ContentPane7{ float:left; width:440px;}
/* ContentPane Ends here */

.LoginPane{text-align:center; color:#000; padding:2px 0px 0px 0px;}
.FooterLinksPane {text-align:center; color:#999999; padding:2px 0px;} .FooterLinksPane p , .FooterLinksPane div , .FooterLinksPane a {text-align:center; color:#999999!important;} .FooterLinksPane a:hover {text-align:center; color:#fff!important;}

/* Footer Pane start here */
.FooterPane{ position:relative; background:url(images/footer-bg.gif) 0 0 repeat-x #09090a; padding:21px 0; text-align:center; margin:18px 0 0 0;}
.FooterLT{ position:absolute; top:0; left:0; display:block; width:4px; height:4px; background:url(images/footer-top-left.gif) 0 0 no-repeat;}
.FooterRT{ position:absolute; top:0; right:0; display:block; width:4px; height:4px; background:url(images/footer-top-right.gif) 100% 0 no-repeat;}
.FooterLB{ position:absolute; bottom:0; left:0; display:block; width:4px; height:4px; background:url(images/footer-bottom-left.gif) 0 100% no-repeat;}
.FooterRB{ position:absolute; bottom:0; right:0; display:block; width:4px; height:4px; background:url(images/footer-bottom-right.gif) 100% 100% no-repeat;}

/* Footer Pane ends here */

.BreadcrumbPane { padding:2px 0px 10px 0px;} 
.Breadcrumb {font-weight: normal;color: #7A011D;text-align:left;text-decoration:none; font-size:11px; vertical-align:top;font-family:Arial, Helvetica, sans-serif;}
A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active {font-weight: normal;font-size:11px;color: #7A011D;text-align:left;text-decoration:none;}
A.Breadcrumb:hover {font-weight: normal;font-size:11px;color: #000000;text-align:left;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
/*=====================================================================*/
/* Skin Properties                                                     */
/*=====================================================================*/

/* Login hover styles*/
.Login,A.Login:link,A.Login:visited,A.Login:active {color:#000000; font-size:12px; font-weight: normal;text-decoration:none;}
A.Login:hover {color:#6666669!important;}

/* User hover styles*/
.User,A.User:link,A.User:visited,A.User:active {color:#999999; font-size:12px; font-weight: normal; text-decoration:none;}
A.User:hover {color:#fff!important;}

/*Date Styles*/
.Date { color:#999999; font-size:11px; text-decoration:none;}

/* Footer text syle */
.Footer,A.Footer:link,A.Footer:visited,A.Footer:active {font-size:12px; font-weight:normal; color:#999999; text-decoration:none;}
A.Footer:hover {color:#fff!important; text-decoration:none;}

/* Copyright text syle */
.Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active {color:#999999; font-size:12px; 
line-height:14px; font-weight:normal;text-decoration:none;}
A.Copyright:hover {color: #fff;}
/* Link Pane text syle */
.Link {	font-size: 12px; color: #999999;text-decoration:none;}
A.Link:link, A.Link:visited, A.Link:active {font-size: 12px;	color: #999999;	text-decoration:none;}
A.Link:hover{color: #fff;}

/* Host Pane text syle */
.Host {	font-size: 12px; text-transform:uppercase;color: #999999;	text-decoration:none;}
A.Host:link, A.Host:visited, A.Host:active {font-size: 12px;color: #999999;	text-decoration:none;}
A.Host:hover {color: #fff;}


/*=====================================================================*/
/* Template Text and Link Styles Based on Colors                       */
/*=====================================================================*/

/*ControlPanel*/ 
.ControlPanel { margin:10px auto!important; width:962px; border:2px solid #d6e3fa;}

/* Default font style Style */
body, html, TH, TD, td,  div , p, table { color: #999999;  font-size: 13px; line-height:16px; font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
p { margin:0px; padding:0px 0px 15px 0px; color:#6B6B6B;}
td { text-align:left;}
/*Default List style */

ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top;} 
li { list-style:none!important; padding:0px 3px 2px 0px; margin:0px 0px 0px 0px; vertical-align:middle; font-weight:normal;}
ol { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top;} 
ol li {padding:0px 3px 2px 0px; margin:0px; list-style-type:decimal!important; list-style-image:none!important;}
img { border:none; outline:none;}
br { margin:0px; padding:0px; height:1px;}

/*.ContentMiddleLeft li, .ContentMiddleLeft h3{ color:#004278!important;}*/
/**/

/* Default link syle */
A:Link, A:Visited, A:Active {color: #83011F;text-decoration: none;font-family:Arial, Helvetica, sans-serif;}
A:Hover {color: #000009;text-decoration: none;font-family:Arial, Helvetica, sans-serif;}

/* Black (Default color) */
.Normal { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height:normal;}
A.Normal:link, A.Normal:visited, A.Normal:Active { color: #83011F; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }
A.Normal:Hover { color: #000009; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }

.NormalBold { color: #333333;  font-weight: bold;}
/*Extra Font color styles*/
/* Blue */
.NormalBlue { color: #09619a; font-weight: normal; }
.NormalBoldBlue { color: #09619a; font-weight: bold; }
/* Orange */
.TextOrange {color: #ef8029;}
.NormalOrange { color: #ef8029; font-weight: normal; }
.NormalBoldOrange { color: #ef8029; font-weight: bold; }
/* Green */
.TextGreen {color: #297808;}
.NormalGreen { color: #297808; font-weight: normal; }
.NormalBoldGreen { color: #297808; font-weight: bold; }
/* Red */
.NormalRed { color: #a9000d; font-weight: normal; }
.NormalBoldRed { color: #a9000d; font-weight: bold; }
/* Gray */
.NormalGray { color: #707070; font-weight: normal; }
.NormalBoldGray { color: #707070; font-weight: bold; }

/* dnnspecial */
.dnnspecial {color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 24px;font-weight: normal;line-height:normal;text-align: center;}
A.dnnspecial:link, A.dnnspecial:visited, A.dnnspecial:Active {color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 24px;	font-weight: normal;text-decoration: none;	text-align: center;}
A.dnnspecial:Hover {color: #d3d3d3;font-family:Arial, Helvetica, sans-serif;font-size: 24px;font-weight: normal;text-decoration: none;text-align: center;}
/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/
/* H1 */H1 { color: #999999; font-size: 20px; font-weight:normal; padding:0px 0px 5px 0px; margin:0px 0px; line-height:normal;font-family: Arial, sans-serif;;}
/* H2 */H2 { color: #999999; font-size: 18px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/* H3 */H3 { color: #999999; font-size: 16px; font-weight: bold; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/* H4 */H4 { color: #999999; font-size: 14px; font-weight: bold;  padding:0px 0px 5px 0px; margin: 0px 0px; line-height:normal;font-family: Arial, sans-serif;}
/* H5 */H5 { color: #999999; font-size: 13px; font-weight: bold;  padding:0px 0px 5px 0px; margin:0px; line-height:normal;font-family: Arial, sans-serif;}
/* H6 */H6 { color: #999999; font-size: 12px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/*Small*/small {font-size: 11px;}
/*=====================================================================*/
/* Module Classes                                                      */
/*=====================================================================*/
/* Default Container Title Style */
.Head { color: #333333; font-size: 13px; font-weight: bold; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
A.Head:Link, A.Head:Visited, A.Head:Active { color: #83011F; font-size: 13px; font-weight: bold; text-decoration: none; }
A.Head:Hover { color: #000009;}

/* SubHead */
.SubHead { color: #333333; font-size: 12px; font-weight: bold; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
A.SubHead:Link, A.SubHead:Visited, A.SubHead:Active { color: #83011F; font-size: 12px; font-weight: bold; text-decoration: none; }
A.SubHead:Hover { color: #000009;}

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { color: #333333;font-weight: bold; text-decoration: none; text-transform:uppercase; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
A.SubSubHead:Link, A.SubSubHead:Visited,  A.SubSubHead:Active { color: #83011F; font-size: 11px; font-weight: bold; text-decoration: none; }
A.SubSubHead:Hover{color: #000009;}

/* Text style for skin objects */
.SkinObject { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active { color: #83011F; font-size: 11px; font-weight: normal; text-decoration: none; }
 A.SkinObject:Hover {color: #000009;}
/*=====================================================================*/
/* Input and Other Admin Site Styles                                   */
/*=====================================================================*/
/* Normal Text Box */
.NormalTextBox { color: #333333; background:#FFFFFF;padding:2px;margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: middle; border: 1px solid #bec0bb;}
td.NormalTextBox , span.NormalTextBox, table.NormalTextBox {background:none;border:none;}

/* Admin link styles */
A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active {font-family:Arial, Helvetica, sans-serif; color:#83011F; font-size: 13px; cursor:pointer; font-weight: bold; text-decoration: none; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.CommandButton:Hover {font-family:Arial, Helvetica, sans-serif; color:#000009; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

/* button style for standard HTML buttons */
.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active {font-family:Arial, Helvetica, sans-serif; color:#83011F; cursor:pointer; font-size: 13px; font-weight: bold; text-decoration: none; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.StandardButton:Hover {font-family:Arial, Helvetica, sans-serif; color:#000009; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #000000; font-weight: bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
.DataGrid_AlternatingItem { color: #333333;  font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
.DataGrid_Item { color: #000000; font-weight: normal; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
/*=========================================================================================================================================================================================================================================================================================================================================================*/
/* Module Action Menus */
.ModuleTitle_SubMenu{border-width:1px 1px 0px 1px; border-style:solid; border-color:#a8c4d6;}
.ModuleTitle_SubMenu table {padding:0px; border:0px; position:absolute; margin:0px;} 
.ModuleTitle_SubMenu td span { padding:4px 8px 4px 4px;}
.ModuleTitle_SubMenu td{background:#d3dfea;	white-space: nowrap; padding:0px;border-top:1px solid #e9f1f8;border-bottom:1px solid #a8c4d6;color:#345c81!important;} 
.ModuleTitle_MenuIcon {background:#d3dfea; padding:3px;}
.ModuleTitle_MenuItem {background:#dde9f1;}
td.ModuleTitle_MenuItemSel , .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background: #345c81;color: #fff!important;}
.ModuleTitle_MenuBreak { display:none;}
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height:1px;background: #f8f4e6; display:block;}
.ModuleTitle_SubMenu td span { padding:4px 8px 4px 4px;}/*
/**/
/*Link Module Styles*/

/*========= Page styles ==============*/

/*Link Module Styles*/
.LinksDesignTable {}
.LinksDesignTable td { width:220px; border-bottom: solid 1px #DBDBDB; background:url(images/arrow-icon.gif) 100% 50% no-repeat; padding:0;}
.LinksDesignTable a{ line-height:24px; color:#000000 !important; text-decoration:none;}
.LinksDesignTable a:hover, .LinksDesignTable a:active{ color:#4F7021!important;}

/*Sidemenu Links*/
.LeftSideMenu{ width:220px;padding:0 0 0 0px;}
.LeftSideMenu a		  { font-size:13px!important;display:block;line-height:24px; color:#000000 !important; text-decoration:none;border-bottom: solid 1px #DBDBDB;background:url(images/arrow-icon.gif) 100% 50% no-repeat;}
.LeftSideMenu a:hover {color:#4F7021!important;}

p.freeShiping{ font-weight:normal; font-size:16px; line-height:20px; color:#000; padding:6px 0 0 0!important;}
p.freeShiping span{ text-transform:uppercase; color:#8AB915;}
p.freeShiping a{ color:#8AB915; text-decoration:underline; }
p.freeShiping a:hover{ text-decoration:none; }

/* Btn Style */
a.btnBg{ display:block; width:198px; height:31px; background:url(images/btn-left.gif) left top no-repeat; padding:0 0px 0px 10px; font-size:15px;color:#fff!important;}
a.btnBg span{background:url(images/btn-right.gif) right top no-repeat;padding:8px 10px 8px 0px; display:block;}
a:hover.btnBg{ color:#000 !important;}

img.faceBook{ margin:10px 25px 0 0;}
img.twitter{ margin:10px 0 0 0;}
.center{ text-align:center; padding:0 0 12px 0!important;}
p.newItem{ font-size:16px!important; line-height:20px!important; color:#4F7021 !important; text-align:center;}


div.quickShiping{ width:190px; height:52px; background:url(images/shiping-bg.gif) 0 0 no-repeat;}
div.quickShiping a{ display:block; width:160px; height:38px; background:url(images/shiping-text.png) 15px 8px no-repeat; text-indent:-5000px; padding:8px 0 0 15px;}

/* Style for Header IP */
.headerIP{ width:226px; height:136px; background:url(images/header-IP.jpg) 0 0 no-repeat; padding:23px 30px 0 438px;}
.headerIP h2{color:#FFF; font-size:25px; font-style:normal; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; /* background:url(images/header-logo.png) 0 0 no-repeat; padding:0 0 17px 0; */}
.headerIP p, .headerIP div { font-size:13px; line-height:18px; color:#fff; padding:0 0 13px 0;}
.headerIP a{ display:block; width:56px; height:22px; text-align:center; line-height:22px; font-size:12px; font-weight:bold; color:#fff; background:url(images/more-bg.png) 0 0 no-repeat;}
.headerIP a:hover{color:#000;}

p.order{ font-weight:bold; font-size:18px; color:#4F7021;}
p span.color{ color:#4F7021; font-size:18px;}
p span.black{ color:#3E3E3E; font-size:20px;}

/*Engage_TellAFriend Button*/
.Engage_TellAFriendContent { padding-top:0px!important;}
.taf-anchor a.CommandButton , a.ButtonPink { background:url(images/ButtonPink.png) top left no-repeat!important; display:block; width:100px!important; padding:0px 5px!important; height:29px!important; text-align:center!important;
color:#fff !important;font-size:12px!important; line-height:29px!important; font-weight:bold; overflow:hidden;}
.taf-anchor a:hover.CommandButton , a:hover.ButtonPink { color:#ffd4ed!important;}

/*Green Button*/
a.ButtonGreen { background:url(images/ButtonGreen.png) top left no-repeat!important; width:120px!important; display:block; padding:0px 5px!important; height:29px!important; text-align:center!important;
color:#fff !important;font-size:12px!important; line-height:29px!important; font-weight:bold; overflow:hidden;}
a:hover.ButtonGreen { color:#e0fcb7!important;}