@import url('nxtwitter.css');
@import url('store.css');
/* Theme Layout Style */
body{
  font: 12px/1.5em sans-serif;
  color:#555;
  background-color:#0A131B;
}
h1, h2, h3, h4, h5, h6  { margin: 0; font-family: 'PT Sans', arial, serif; color: #222; font-weight:normal; line-height:1.1em; margin-bottom:20px;}
h1  {font-size: 2em } h2  {font-size: 1.8em;} h3  {font-size: 1.6em;} h4  {font-size: 1.2em;} h5  {font-size: 1em;} h6  {font-size: 0.8em;}

p {margin: 0; }

hr { background-color: #e6e6e6;  border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; }
input[type=radio]{border:0;}
a { color: #3585b3; text-decoration:none;}
a:hover { color: #293F4C; text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

.col-full{
  width:960px;
  margin:0 auto; 
}
.col-full::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fr, .col-right{
  float:right;
}
.fl, .col-left{
  float:left;
}
.fix{
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: -1px 0 0;
}
#wrapper{
  background-color:#ffffff;
}
#header-container{
  background: #EFF3F7;
  border-bottom: 1px solid #D0D8DE;
  position: relative;
  z-index: 999;
}
#header{
  padding: 20px 0 0;
  clear:both;
  position:relative;
}
#logo{
  float:left;
}
#topnav{
  z-index:99;
}

/* Sections */
#feature{
  background: #E5EBF0;
  border-top: 3px solid #DCE4EB;
  border-bottom: 1px solid #D4DCE2;
  padding: 30px 0 15px;
}
#feature h1{
  font:33px/1.2em 'PT Sans',arial,serif;
}
#content{  
  padding: 20px 0;
  min-height: 300px;
}

#maincontent{
  width:633px;
}
#maincontent_threecol{
  width:533px;
}
#maincontent.fullwidth{
  width:960px;
  margin:0 auto;
}
#rightcontent, #leftcontent{
  width:300px;
}
#rightcontent_threecol, #leftcontent_threecol{
  width:200px;
}
footer{
  background-color:#0A131B;
  padding:10px 0;
  color:#fff;
}
footer div.Element p{
  color:#fff;
}
#footersection, #footercopyright{
  padding: 20px 0;
}
/* Navigations */
#topnav div.Element ul {
  margin:0;
  padding:0;
  list-style:none !important;  
  
}
#topnav li{
  float:left;
  margin:0 5px;
  width:auto;
  list-style-type:none;
}
#topnav ul.root > li.selected{
  border: 1px solid #DDD;
  border-color: rgba(0, 0, 0, .15);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: whiteSmoke;
  background: -moz-linear-gradient(100% 100% 90deg, whiteSmoke, white);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(whiteSmoke));
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.03);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.03);
  box-shadow: 0 1px 1px rgba(0,0,0,.03);
}
#topnav li.sub{
  position:relative;
}
#topnav li.sub ul{display:none;}
#topnav a{
  position: relative;
  border: 1px solid transparent;
  color: #3E4245;
  display: block;
  z-index: 100;
  padding: 6px 12px;
  line-height: 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;  
}
#topnav a:hover { color: #7B9EBB; }
#topnav li ul{
  background: white;
  margin: 5px 0 0;
  padding: 10px 0 0;
  position: absolute;
  left: -65px!important;
  width: 180px;
  border: 1px solid #E3E3E3;
  z-index: 9999;
}
#topnav li.sub ul{display:none;}
#topnav li ul li{
  margin:0;
}
#topnav li ul li a { 
  padding:8px 15px; 
  width:150px; 
  color:#666 !important; 
  background: none; 
  border:0; 
  border-top:1px solid #fff;
  border-bottom:1px solid #dedede; 
}
#topnav li ul li a:hover  { font-weight: bold; }
#topnav li ul li:first-child { background: url(nav-indicator.png) no-repeat scroll center top transparent; margin-top: -8px; padding-top: 10px;}

#rightcontent div.NavigationElement ul,
#leftcontent div.NavigationElement ul,
#rightcontent_threecol div.NavigationElement ul,
#leftcontent_threecol div.NavigationElement ul{
  padding:0;
  margin:0;
  border: 1px solid #DDD;
  border-color: #cccccc;
  -moz-box-shadow: 0 1px 2px #cccccc;
  -webkit-box-shadow: 0 1px 2px #cccccc;
  box-shadow: 0 1px 2px #cccccc;
}
#rightcontent div.NavigationElement ul.root li,
#leftcontent div.NavigationElement ul.root li,
#rightcontent_threecol div.NavigationElement ul.root li,
#leftcontent_threecol div.NavigationElement ul.root li{
  list-style-type:none; 
  background:#F0F4F7;
  border-bottom: 1px solid #DDD;
  border-color: #cccccc;
  font-size: 17px;
  line-height: 18px;
  padding: 10px 0 10px 10px;
  position:relative;
}
#rightcontent div.NavigationElement ul.root a,
#leftcontent div.NavigationElement ul.root a,
#rightcontent_threecol div.NavigationElement ul.root a,
#leftcontent_threecol div.NavigationElement ul.root a{
   color:#3585B3;
  display:block;
}
#rightcontent div.NavigationElement ul.root li:hover,
#leftcontent div.NavigationElement ul.root li:hover,
#rightcontent_threecol div.NavigationElement ul.root li:hover,
#leftcontent_threecol div.NavigationElement ul.root li:hover{
  background-color:#fafbfc;
}
#rightcontent div.NavigationElement ul.root li:hover a,
#leftcontent div.NavigationElement ul.root li:hover a,
#rightcontent_threecol div.NavigationElement ul.root li:hover a,
#leftcontent_threecol div.NavigationElement ul.root li:hover a{
  color:#293f4c;  
  text-decoration:none;
}

#rightcontent div.NavigationElement ul.root ul,
#rightcontent_threecol div.NavigationElement ul.root ul{
  position:absolute;
  z-index:1000;
  display:none;
  left:-302px !important;
  right:10px !important;
  padding-left:0;
  width:300px;
}
#leftcontent div.NavigationElement ul.root ul,
#leftcontent_threecol div.NavigationElement ul.root ul{
  position:absolute;
  z-index:1000;
  left:298px !important;
  display:none;  
  width:300px;
}
#leftcontent_threecol div.NavigationElement ul.root ul{
	left: 199px !important;
}

/* Elements */
div.Element { margin-bottom: 1.5em;}
div.Element, div.Element p, div.BlogBody p  { font:13px/1.5em sans-serif; color:#666;  }
div.Element h1, div.Element h2, div.Element h3, div.Element h4, div.Element h5, div.Element h6,
div.BlogBody h1, div.BlogBody h2, div.BlogBody h3, div.BlogBody h4, div.BlogBody h5, div.BlogBody h6 { margin:0 0 0.5em; line-height:1.5em; }
div.Element p, div.BlogBody p  { margin-bottom: 1.2em; }
div.Element blockquote, div.BlogBody blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
div.Element blockquote p,  div.BlogBody blockquote p{ font-style:italic; }

div.Element ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
div.Element ul ul  { margin: 0; }
div.Element ul li  {  list-style-type: disc; }
div.Element ul ul li  { list-style-type: circle; }

div.Element ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
div.Element ol ol  { margin: 0; }
div.Element  ol li  { list-style-type: decimal; }
div.Element  ol li ol li  { list-style-type: lower-latin; }
div.Element div.ElementTitle{
  margin-bottom:5px;  
  color:#555;
  font-weight:bold;
}
div.Element div.ElementContent
{
  background: #EDF1F4;
  height: auto;
  display: block;
  padding: 10px;
  border: 1px solid #D6DEE5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom:20px;
}
div.Element div.ElementCustomerLoginStatus{
  color: #92999F;
  border-bottom: 1px dotted #BFC5CA;
  font-size: 13px;
  margin: 0 0 1.5em;
  padding-bottom: 10px;
}

/* Breadcrumb */
div.ElementBreadcrumb{
  color:#92999F;
  border-bottom: 1px dotted #BFC5CA;
  font-size: 13px;
  margin: 0 0 1.5em;
  padding-bottom: 10px;
}
div.ElementBreadcrumb span.separator{
  margin:0 4px;
}
/* NeetSlider */
.nxSlideGallery{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
  background: url(images/bg-slider.png) no-repeat bottom center;
width: 960px;
padding-bottom: 25px;
}

.nxSlideGallery .nxSlideGalleryBelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.nxSlideGallery .nxSlideGalleryPanel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
 
}

.nxSlidePaginate{
height:15px;
background-color:#fff;
filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
  text-align:center;
}
/* Form */
div.Element div.Form dl,
div.Element div.OrderSummaryForm dl{
  margin-bottom:20px;
}
div.Element div.Form dt,
div.Element div.OrderSummaryForm dt{
  float:left;
  width:120px;
  clear:both;
  font-weight:bold;
}
/*div.Element div.Form dt:after,
div.Element div.OrderSummaryForm dt:after{
  content:":";
}*/
div.Element div.Form dd,
div.Element div.OrderSummaryForm dd{
  margin-bottom:10px;
  margin-left:130px;
}
div.Element div.Form fieldset{
  border: solid 1px #E6E6E6;
  margin-bottom: 10px;
  padding: 10px;
}
div.Element div.Form legend{
  font-style: italic;
  margin-left: 15px;
  padding: 0 2px;
}
div.Form div.Failure{
  padding:10px;
  background-color:#FFD9C8;
  border: solid 1px #F0BAA2;
  margin-bottom:20px;
}
div.Form dd span.Invalid{
  color:red;
  margin-left:10px;
}
div.Form div.FormFooter input[type=submit]{
  margin-left:130px;
}
/* Blog */
#maincontent div.BlogPostWrapper{
  
  margin-bottom:50px;
}
#maincontent div.BlogDate{
  border-bottom: 1px solid #BFC5CA;
  margin-bottom:30px;
}
#maincontent div.BlogTitle{
  font-size:1.5em;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom: 1px dashed #BFC5CA;
}
#maincontent div.BlogDetails{
  height: auto;
  display: block;
  padding: 20px;
  border: 1px solid #D6DEE5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 20px;
  overflow:hidden;
}
#maincontent div.BlogCategoryList{
  text-align:right;
  font-size:0.95em;
  border-bottom:dotted 1px #BFC5CA;
  margin-bottom:20px;
}
#maincontent div.BlogDetailsBar{
  color:#999;
  font-size:0.9em;
  font-style:italic;
  float:left;
}
#maincontent div.BlogSocialLinkList{
  text-align:right;
  font-size:0.95em;
  margin-bottom:10px;
}
#maincontent div.TextList,
#rightcontent div.TextList,
#leftcontent div.TextList{
  background-color:#fafbfc;
  padding:15px;
  border:1px solid #E6E6E6;
}

#rightcontent div.ElementBlogSummaryFeed,
#leftcontent div.ElementBlogSummaryFeed{
  
}
#rightcontent div.ElementBlogSummaryFeed div.Date{
  clear:both;
  float:left;
  font-size:0.9em;
  font-weight:bold;
}
#rightcontent div.ElementBlogSummaryFeed div.Summary,
#leftcontent div.ElementBlogSummaryFeed div.Summary{
  margin-left:75px;
  margin-bottom:5px;
}
#rightcontent .TagLarge, #rightcontent .TagMediumLarge, #rightcontent .TagMedium, #rightcontent .TagMediumSmall, #rightcontent .TagSmall,
#leftcontent .TagLarge, #leftcontent .TagMediumLarge, #leftcontent .TagMedium, #leftcontent .TagMediumSmall, #leftcontent .TagSmall
{
  color:#999;
  font-weight: bold;
  text-decoration: none;
  line-height: 0.8em;
  display:inline-block;
}

#rightcontent .TagLarge,
#leftcontent .TagLarge
{
  font-size: 1.8em;
}
#rightcontent .TagMediumLarge,
#leftcontent .TagMediumLarge
{
  font-size: 1.5em;
}
#rightcontent .TagMedium,
#leftcontent .TagMedium
{
  font-size: 1.3em;
}
#rightcontent .TagMediumSmall,
#leftcontent .TagMediumSmall
{
  font-size: 1.1em;
}
#rightcontent .TagSmall,
#leftcontent .TagSmall
{
  font-size: 0.9em;
}
/* Gallery */

/* Content Style */