@charset "utf-8";

/* default element styles */
body { background-color:#272420; color:black; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin:0px;}
a:link    {color:white; text-decoration:none;}
a:visited {color:white; text-decoration:none;}
a:active  {color:white; text-decoration:none;}
a:hover   {color:#FDE07F; text-decoration:none;}
table {border-collapse: collapse}
td {margin:0px; padding:0px;}
img {border:0px;}
form {padding:0px; margin:0px;}
em {font-style:normal; font-weight:normal; color:#ffffff;}
.clear{clear:both;}

a.emailLink:link, a.emailLink:active, a.emailLink:visited{ color:#cc0000; text-decoration:none;}
a.emailLink:hover{text-decoration:underline;}

div.content{text-align:justify; background-color:#39342F; width:927px; margin:0 auto; position:relative; z-index:1000; }

div.bigLayer{text-align:center; background-color:#DDDDDD; position:absolute; z-index:2000; width:100%; height:700px;  opacity:.01;filter: alpha( opacity=1 ); -moz-opacity: 0.01;}
div.messageBox{width:300px; height:150px; text-align:center; border:1px solid black; padding:50px 30px; background-image:url(../images/contentBoxBody.gif); background-repeat:repeat-y; float:none; display:block; margin:250px auto;}

div.topTitle{float:left; display:inline; background-image:url(../images/titleLogo.gif); background-color:black; width:927px;  height:82px; margin-bottom:-3px; background-repeat:no-repeat; position:relative; z-index:50;}
a.mainTitle{float:left; display:inline; height:82px; width:515px;}
div.updateBox{float:left; display:inline; height:60px; width:225px; margin-top:12px; background-color:#181818;}
div.updateText{float:left; display:inline; margin:7px 0px 0px 7px; color:white;}
.updateTextbox{float:left; display:inline; margin:3px 0px 0px 7px;}
a.submitBtn:active, a.submitBtn:link, a.submitBtn:visited{ float:left; display:inline; width:49px; height:20px; background-image:url(../images/btn_submit.gif); margin:4px 0px 0px 5px;}
a.submitBtn:hover{}
div.searchBox{float:left; display:inline; margin:15px 0px 0px 10px; width:160px;}
.countryList{float:left; display:inline; width:157px;}
.searchTextbox{float:left; display:inline; width:120px; margin:9px 6px 0px 0px;}
a.goBtn:active, a.goBtn:link, a.goBtn:visited{ float:left; display:inline; width:25px; height:20px; background-image:url(../images/btn_go.gif); margin-top:10px;}
a.goBtn:hover{}

div.menubar{ float:left; display:inline; height:38px; margin:0px 18px; line-height:38px; width:891px;}
a.menuLink:active, a.menuLink:visited, a.menuLink:link { float:left; display:inline; color:white; font-size:14px; margin-right:20px;}
a.menuLink:hover, a.currentMenu:link, a.currentMenu:active, a.currentMenu:visited, a.currentMenu:hover{color:#999999;}
a.aboutLink:active, a.aboutLink:visited, a.aboutLink:link { float:right; display:inline; color:#999999; font-size:14px;}
a.aboutLink:hover{color:white;}


div.mainBody{ width:927px; position:relative; z-index:10; padding:15px 0px 5px 0px;}

div.footer{float:left; display:inline; width:891px; padding:10px 18px;; line-height:22px; font-weight:normal; background-color:#3E3832;}
div.footerLinks{float:left; display:inline;}
span.divider{color:#999999;}
a.facebookBtn:link, a.facebookBtn:active, a.facebookBtn:visited{float:left; display:inline; background-image:url(../images/btn_facebook.gif); background-repeat:no-repeat; width:22px; height:22px; margin-right:6px;}
a.facebookBtn:hover{}
a.twitterBtn:link, a.twitterBtn:active, a.twitterBtn:visited{float:left; display:inline; background-image:url(../images/btn_twitter.gif); background-repeat:no-repeat; width:23px; height:22px; margin-right:6px;}
a.twitterBtn:hover{}
a.bloggerBtn:link, a.bloggerBtn:active, a.bloggerBtn:visited{float:left; display:inline; background-image:url(../images/btn_blogger.gif); background-repeat:no-repeat; width:23px; height:22px; margin-right:6px;}
a.bloggerBtn:hover{}
a.youtubeBtn:link, a.youtubeBtn:active, a.youtubeBtn:visited{float:left; display:inline; background-image:url(../images/btn_youtube.gif); background-repeat:no-repeat; width:42px; height:22px; margin-right:15px;}
a.youtubeBtn:hover{}
div.footer a:link, div.footer a:visited, div.footer a:active{color:#999999;}
div.footer a:hover{color:white;}
div.copyright{ float:right; display:inline; text-align:right; color:#999999;}
div.copyrightText{float:left; display:inline;}
div.briefLogo{ float:left; display:inline; background-image:url(../images/logo.gif); background-repeat:no-repeat; width:27px; height:23px; margin-left:15px;}

DIV#loader {
  width: 927px;
  height: 515px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
div.loading {
  background: url(../images/spinner.gif) no-repeat center center;
}


/*press release*/
div#pressRelease{float:left; display:none; line-height:34px; position:absolute; top:110px; left:407px;}
div#pressRelease a:link, div#pressRelease a:active, div#pressRelease a:visited{ text-decoration:underline; color:#444444; font-size:13px;}
div#pressRelease a:hover{ text-decoration:none; color:#999999;}

/*where to buy*/
div#where{float:left; display:none; position:absolute; top:79px; left:540px;}
div#where a{ float:left; display:inline; height:71px; width:239px;}


/*contact*/
div.contactBox{color:white; font-size:14px; line-height:24px; margin:165px 0px 0px 195px; font-weight:normal;}
div.contactBox a:link, div.contactBox a:active, div.contactBox a:visited{ color:white; font-weight:bold;}
div.contactBox a:hover{ text-decoration:underline;}
span.smaller{ font-size:11px;}

/*admin*/
.loginBox{margin:0 auto; width:300px; padding:10px; color:white;}
.categoryBox{margin:0 auto; width:700px; padding:10px; background-color:#666666;}
label{width:100px; float:left; margin-top:5px; color:white;}
input.box{width:150px; float:left; margin-top:5px;}
input.login{margin-top:5px;}
.clear{clear:both;}
legend {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #003D00;
	color:#333333;
	font-size:90%;
	padding:0.2em 0.5em;
	text-align:right;
}
dd{margin-top:15px; text-align:left; border-bottom:1px solid black;}
a.list:link, a.list:active, a.list:visited{font-size:14px; font-weight:bold; width:300px; float:left; display:inline; color:#CCCCCC; text-align:left; }
a.list:hover{color:#999999; text-decoration:underline;}
a.logout:link, a.logout:active, a.logout:visited{font-size:14px; font-weight:bold; width:100px; float:right; display:inline; text-align:right; color:#CCCCCC;}
a.logout:hover{color:#999999;}
a.bread:link, a.bread:active, a.bread:visited{color:#000000; text-decoration:underline;}
a.bread:hover{color:#CCCCCC;}
input.button{float:left; display:inline;}
a.listDetails:link, a.listDetails:active, a.listDetails:visited{font-weight:bold; height:15px; width:300px; float:left; display:inline; color:black; text-align:left; overflow:hidden;}
a.listDetails:hover{color:#CCCCCC;}

input.emails{float:left; display:inline; width:500px;}
textarea.message{float:left; display:inline; width:500px; height:400px; font-size:13px;}
a.detailLink:link, a.detailLink:active, a.detailLink:visited{color:#CCCCCC;}
a.detailLink:hover{color:#999999;}