@charset "utf-8";

body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000;	background-color: #000000; }
#container { width: 900px;  margin: 0 auto;	text-align: left; margin-top:0px; margin-bottom:0px; position:relative;	border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }

/*****Rounded Box*******/
.myBox { margin: 0 auto; border: 0px solid #ffffff; color: #ffffff; width: 460px; padding: 10px; text-align: left; background-color: #333333; border: 3px solid #d6d6d6;  }
.myBox1 { margin: 0 auto;  border: 0px solid #ffffff; color: #ffffff; width: 460px; padding: 20px; text-align: left; background-color: #535353; border: 3px solid #d6d6d6; }
.myBox2 { margin: 0 auto; border: 0px solid #ffffff; color: #ffffff; width: 380px; padding: 20px; text-align: left; background-color: #000000; border: 3px solid #d6d6d6; height:260px; }
.myBox3 { margin: 0 auto; border: 0px solid #ffffff; color: #ffffff; width: 330px; padding: 20px; text-align: left; background-color: #000000; border: 3px solid #d6d6d6; height:260px; }
.myBox4 { margin: 0 auto; border: 0px solid #ffffff; color: #ffffff; width: 180px; padding: 10px; text-align: left; background-color: #000000; border: 3px solid #d6d6d6; height:130px; }

/*****Holders/Other Containers*****/
.contentHolder { background-image:url(../images/bg8.gif);  }
.MonthSpecialSmall { position:absolute; left:0px; top:850px; width:180px; height:150px; padding:8px; }
.brandDescription { position:absolute; top:200px; padding:10px; width:670px; left:210px;  }
.brandInformation { padding:10px; }
	.samplePhoto { float:left; padding:5px 10px; width:300px; height:325px; text-align:right; }
	.loadArea { width:250px; height:250px; padding:0 15px;  }
	.textInfo { float:left; padding:10px 5px; width:310px; height:auto; text-align:right; color:#FFFFFF; font-size:12px; }
	.specialInfo { float:left; padding:10px 5px; width:250px; height:auto; text-align:right; color:#FFFFFF; font-size:12px; }	
	.specialPhoto { float:left; padding:5px 10px; width:360px; height:325px; text-align:right; }

.brandBottomSelector { position:absolute; bottom:100px; right:20px; color:#FFFFFF; width:640px; height:400px; padding:10px; }
.dsdBottomSelector { position:absolute; bottom:100px; right:20px; color:#FFFFFF; width:640px; height:300px; padding:10px; }
.dsdBottomSelector1 { position:absolute; bottom:100px; right:20px; color:#FFFFFF; width:640px; height:200px; padding:10px; }
.vol1BottomSelector { position:absolute; bottom:100px; right:20px; color:#FFFFFF; width:640px; height:350px; padding:10px; }

/*****Images and Galleries*****/
.photoHolder { width:19%; height:130px; padding:3px; float:left; }
.albumStyle { border-color:#000000; border-style:solid; border:thick; }

/*****Additionals*****/
.colorpicker { margin:3px; height:30px; width:30px; float:left; }
.leftNavigationTop { width:200px; float:left; padding-top:10px; }
.leftNavigationMiddle { padding:10px 20px; background-color:#111; } 
.leftNavigationBottom {  height:850px; border:1px solid red; }

.transDetails div{ background-color:#121212; color:#efefef; font-size:10px; font-weight:bold; padding:5px 10px; }
.transPopUpHolder { position:absolute; visibility: hidden; border: 9px solid black; background-color: #131313; width: 375px; height:  padding: 4px; }
.transPopUp div{ float:left; padding:5px 10px; color:#FFFFFF; font-size:12px;}

/*****Footer*****/
.center { background-color:#212121; padding-top:5px; padding-bottom:5px; }
.footerf3 { font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; background-color:#212121; padding-top:5px; padding-bottom:5px; }

/****Font Style*****/
.f1 {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f2 {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f3 {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f4 {font-size: 18px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f5 {font-size: 16px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f6 {font-size: 16px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ff0000;}
.f7 {font-size: 22px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f8 {font-size: 24px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #eeeeee;}
.f9 {font-size: 16px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffff66;}
.f10 {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffff66;}
.f11 {font-size: 11px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffff66;}
.f12 {font-size: 24px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffff66;}
.f13 {font-size: 11px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}

/*******links**********/
.l1{color: #ffffff; text-decoration : none;}
.l1:active{color: #ffffff;	text-decoration : none;}
.l1:visited{color: #ffffff; text-decoration : none;}
.l1:hover{color: #3a7dca; text-decoration : none;}

.l2{color: #ffffff; text-decoration : none;}
.l2:active{color: #ffffff;	text-decoration : none;}
.l2:visited{color: #ffffff; text-decoration : none;}
.l2:hover{color: #000000; text-decoration : none;}

.l3{font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l3:active {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l3:visited {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l3:hover {font-size: 14px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #cccccc; text-decoration:none; }

.l4 {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l4:active {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l4:visited {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:none; }
.l4:hover {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration:none; }

/*.l5{font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration:none; }
.l5:active {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration:none; }
.l5:visited {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration:none; }
.l5:hover {font-size: 12px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #cccccc; text-decoration:underline; }
*/
.l5{color: #ffffff; text-decoration : none;}
.l5:active{color: #ffffff;	text-decoration : none;}
.l5:visited{color: #ffffff; text-decoration : none;}
.l5:hover{color: #ffff66; text-decoration : none;}

.l6{font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight:none; color: #ffffff; text-decoration:underline; }
.l6:active {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:underline; }
.l6:visited {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff; text-decoration:underline; }
.l6:hover {font-size: 10px; font-family:  Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #cccccc; text-decoration:underline; }

/*******FORMS*******/
input.txt1 { width:200px; }
input.txt2 { width:50px; }
input.txt3 { width:140px; }

/*****PNG FIX*****/
.png{
	position:relative;
     behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", 
	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", 
	        this.src = "templates/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

            this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
            this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

            );
}

/*****Toggle Div*****/
.testDiv {
	width: 300px;
	padding: 5px;
	border: 1px solid #444444;
	display:none;
}