﻿/***************************************************************************************
 ******************************Main Web Page Styles*************************************
 ***************************************************************************************/
/* Master Page Themes */

.TopLinksDiv
{
	color: #ffffff;
	background-color: #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	vertical-align: middle;
	text-align:right;
	font-size: 12px;
	font-family: Arial;
}

.TopLinksDiv div
{
	display:inline;
	white-space:nowrap;
}

span.TopLinksSpan
{
	color: #ffd203;

	text-decoration: underline;
}

div.TopLinksDiv div.left
{
	float:left;
}

.TopLinksDiv a
{
	color: #ffd203;
	font-weight: normal;
}

.TopLinksDiv a:hover
{
	color: #fff6c6;
	font-weight: normal;
}

.TopLinksDiv a:visited
{
	color: #ffd203;
	font-weight: normal;
}

#content>div.TopLinksDiv{display:table;width:100%}
#content>div.TopLinksDiv div{display:table-cell}
#content>div.TopLinksDiv div.left{float:none;text-align:left}
#content>div.TopLinksDiv div.right{text-align:right}

.TopHeading
{
	margin-top:30px;
	vertical-align:middle;
	height:60px;
}

.TopLogo
{
	vertical-align:middle;
}

/* Main Styles */
.MainHeading
{
	font-family:Book Antiqua;
	font-size:22pt;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

.SubHeading
{
	font-family:Book Antiqua;
	font-size:16pt;
	font-weight:bold;
}

.ThirdHeading
{
	font-family:Book Antiqua;
	font-size:12pt;
	font-weight:bold;
}

.MainText
{
	font-size:10pt;
}

.MainPanel
{
	background-color:#DDE8F1;
	width:730px;
}

.MainParagraph
{
	font-family:Arial CE;
	font-size:12pt;
	margin-bottom:10px;
	color:Black;	
}

.MainLink a
{
	color: #0000FD;
	font-weight: normal;
	text-decoration: none;
}


.MainLink a:hover
{
	color: #0000FD;
	font-weight: normal;
	text-decoration: none;
}

.MainLink a:visited
{
	color: #0000FD;
	font-weight: normal;
	text-decoration: none;
}

/* Accordion Styles */
.AccordionHeader
{
	background-color:Gray;
	font-family:Nina,Times New Roman;
	font-size:14pt;
	color:#0000FD;
	border-style:solid;
	border-width:thin;
	border-color:Yellow;
	height:30px;
	vertical-align:middle;
}

.AccordionSecurePageBody
{
	background-color:Silver;
	border-style:dotted;
	border-color:yellow;
	border-width:thin;	
}

.AccordionBody
{
	background-color:Silver;
	font-family:Arial;
	font-size:10pt;
	border-style:dotted;
	border-color:Yellow;
	border-width:thin;
}

.AccordingLink
{
	font-family:Georgia,Times New Roman;
	font-size:14pt;
	color:#FFFFFF;
}

/* Support FSD specific styles*/
.SupportFSDBulletList
{
	margin-left: 30px;
	margin-bottom: 10px;
	font-size:10pt;
}

.SupportFSDOrderedList
{
	margin-left: 30px;
	margin-bottom: 10px;
	font-size:10pt;
}

/* Battlegroup specific styles */
/* Live Chat */

.NicknameText
{
	font-size:11px;
	color: Black;
	font-weight: bold;
}

.DateText
{
	margin-right: 4px;
	font-size:10px;
	color: Black;
	font-weight: lighter;
	font-style: italic;
}

.MessageText
{
	font-size:12px;
	color: Blue;

}

.repeaterScrollBars
{
	background-color:white;
	height:400px;
	overflow:auto;
	
}

/*PRODUCT Front Page STYLES*/
#productThumbs {width:732px; min-height:400px; padding:10px 0 0 0 ; font-size:12px; color:#333333; float:left;  }
.productThumb { width:121px; height:182px; background-image:url(../../images/product_bg.gif); float:left; margin-right:0px;  padding-top:8px; }

.productThumb img { border:1px solid #cacaca;  text-align:center;}
.productThumb .productImage {width:119px; height:102px; text-align:center;}

.productThumb .text {font-size:10px; padding-left:5px; padding-right:5px;top:5px;position:relative; text-align:center; height:40px;}
.productThumb .text a {color:#0066ff; text-decoration:underline;}
.productThumb .text a:hover {text-decoration:none;}
.qty a { text-decoration:underline; color:red;}
.qty a:hover { text-decoration:none;}
.qty {  width:100px; left:10px; position:relative; height:10px; top:5px; text-align:center; color:red; font-weight:bold; }

.timerCounter{ text-decoration:none; color:red;}
.timer a:hover { text-decoration:none;}
.timer a { text-decoration:none; color:black}
.timer {  width:110px; left:5px; position:relative; height:10px; top:5px;font-weight:bold; text-align:center;color:black;font-size:11px; }

.preferredProductThumb { width:121px; height:200px; background-image:url(../../images/product_bg1.gif); float:left; margin-right:0px;  padding-top:8px; }
.B { width:121px; height:200px; background-color: blue; }

.preferredProductThumb img { border:1px solid #cacaca;  text-align:center;}
.preferredProductThumb .productImage {width:119px; height:102px; text-align:center;}

.preferredProductThumb .text {font-size:10px; padding-left:5px; padding-right:5px;top:5px;position:relative; text-align:center; height:40px;}
.preferredProductThumb .text a {color:#0066ff; text-decoration:underline;}
.preferredProductThumb .text a:hover {text-decoration:none;}

.preferredProductSpecialThumb { width:121px; height:200px; background-image:url(../../images/product_bgSpecial.gif); float:left; margin-right:0px;  padding-top:8px; }
.preferredProductSpecialThumb img { border:1px solid #cacaca;  text-align:center;}
.preferredProductSpecialThumb .productImage {width:119px; height:102px; text-align:center;}

.preferredProductSpecialThumb .text {font-size:10px; padding-left:5px; padding-right:5px;top:5px;position:relative; text-align:center; height:40px;}
.preferredProductSpecialThumb .text a {color:#0066ff; text-decoration:underline;}
.preferredProductSpecialThumb .text a:hover {text-decoration:none;}
/*  PRODUCT STYLES END  */

/* left and right Div */
        div.topSeperate{text-align:right;margin:1em 0;padding:0}
        div.topSeperate div{display:inline;white-space:nowrap}
        div.topSeperate div.left{float:left}
        #content>div.topSeperate{display:table;width:100%}
        #content>div.topSeperate div{display:table-cell}
        #content>div.topSeperate div.left{float:none;text-align:left}
        #content>div.topSeperate div.right{text-align:right} 

/* Interactive Banner for Freagle Search (duplicated in default.css) */
.rightPromContainer
{
    BACKGROUND-POSITION: 50% bottom;
    BACKGROUND-IMAGE: url(../../images/promRight_base.gif);
    PADDING-BOTTOM: 20px;
    MARGIN: 3px 0px 6px;
    WIDTH: 238px
}
.rightPromTop
{
    BACKGROUND-IMAGE: url(../../images/promRight_top.gif);
    WIDTH: 238px;
    HEIGHT: 14px
}
.rightPromContent
{
    MARGIN-TOP: 3px;
    FONT-SIZE: 11px;
    MARGIN-LEFT: 7px;
    WIDTH: 224px;
    COLOR: #333333
}
.rightPromContent P
{
    MARGIN-LEFT: 5px
}
.rightPromContent TABLE TD.topPad
{
    VERTICAL-ALIGN: top;
    PADDING-TOP: 3px
}

.promotionArea
{
    MIN-HEIGHT: 300px;
    FLOAT: left;
    MARGIN-TOP: 20px;
    MARGIN-LEFT: 0px;
    WIDTH: 205px;
}


/***************************************************************************************
 ********************************Admin Page Styles**************************************
 ***************************************************************************************/

.repeaterStyleMain
{
	background-color:Aqua;
	font-weight:bold;
}

.repeaterStyleHeader
{
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:thick;
	border-bottom-color:Black;
}

.Text
{
	color:Blue;
}

.BoldText
{
	font-weight:bolder;
	color:Blue;
	font-style:normal;
}

.ItalicText
{
	margin-left:7px;
	font-style:italic;
}