*, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{margin:0px; padding:0px; background-color:#ffffff; font-family:'MyriadW08-LightCondense1166625'; font-size:16px; line-height:21px;}
img{border:0 none;}
.clear{display:block; width:0; height:0; overflow:0; clear:both; overflow:hidden; visibility:hidden;}

.view_root{
    z-index:0;
    width:100%;
    margin:0 auto 0 auto;
	clear:both;
    position:relative;
	padding-bottom:150px;
    margin:0px auto;
}

.tabs .btnCustom{ display:none !important; }
h2{font-size:24px; line-height:30px;}
h3{font-size:21px; line-height:25px;}
		.view_header { position:absolute; top:18px; left:51px; width:275px; height:63px; }
		.view_header a { display:block; width:275px; height:63px; }
		.view_help { position:absolute; top:7px; right:100px; }
		.view_help h3 { border-bottom:1px solid #FFF; color:#FFF; margin:0 0 5px; font-family:'MyriadW08-LightCondense1166625';font-weight:normal; font-size:20px; text-align:center; }
		.view_help p { color:#FFF; margin:0; font-family:'MyriadW08-LightCondense1166625'; font-size:16px; text-align:center; }
		.view_help a, .view_help span { color:#FFF; text-decoration:none; }
		.view_help a:hover { text-decoration:underline; }
		.view_navigation{z-index:0; position:absolute; top:118px; left:45px; width:934px; height:53px; background: url("/customizer/images/navigation_bg.png") repeat-x top center; display:none;}
		.view_navigation ul{z-index:0; position:relative; top:0px; left:0px; width:934px; height:53px; list-style:none; padding:0px; margin:0px;}
		.view_navigation ul li{display:block; float:left;}
		.view_navigation ul li a{display:block; height:53px;}
		.view_navigation ul li a.active{background-position:0px 53px;}
		.view_navigation ul li a:hover{background-position:0px 53px;}
			.view_navigation ul li a.btnSelect{width:98px; background-image:url("/customizer/images/navigation/navSelect.png");}
			.view_navigation ul li a.btnHome{width:105px; background-image:url("/customizer/images/navigation/navHome.png");}
			.view_navigation ul li a.btnAway{width:105px; background-image:url("/customizer/images/navigation/navAway.png");}
			.view_navigation ul li a.btnHomeOpts{width:117px; background-image:url("/customizer/images/navigation/navHomeOpts.png");}
			.view_navigation ul li a.btnAwayOpts{width:117px; background-image:url("/customizer/images/navigation/navAwayOpts.png");}
			.view_navigation ul li a.btnSizes{width:98px; background-image:url("/customizer/images/navigation/navSizes.png");}
			.view_navigation ul li a.btnForm{width:111px; background-image:url("/customizer/images/navigation/navForm.png");}
		.view_footer{z-index:999; position:realtive; top:0px; left:0px; width:964px; margin:0px auto; color:#FFF; text-align:center; margin-bottom:50px; }
		.view_footer a{color:#FFF; text-decoration:none;}
		.view_footer a:hover{text-decoration:underline;}

		.viewController{
            width:100% !important;
            height:auto;
            margin:0 auto;
         }
		.loader{z-index:999; position:absolute; top:170px; left:45px; width:934px; height:547px;  opacity:.5; text-align:center; display:none;}
		.loader img{margin-top:50px;}
		.view_panel{z-index:0; position:relative; float:left; top:0px; left:0px; width:934px; height:auto !important;}

.panel{width:145px; height:463px;}
.panel img{position:absolute; top:0px; left:0px; width:145px; height:463px;}
.dev{display:block; position:absolute; bottom:5px; left:5px; border:1px solid #666; background:#333; font-family:'MyriadW08-LightCondense1166625';text-align:center; padding:5px; color:white !important;}

.front_view{background:url("/customizer/images/background_front.png") no-repeat;}

/* -- Select Styles View Classes --- */
#viewSelect {color:white;}
#viewSelect h1 {text-align:center; margin:0px; margin-top:20px; padding:0px;}
#viewSelect h2 {z-index:0; position:absolute; bottom:40px; right:0px; width:300px; text-align:left; background:#666; padding:10px; margin:0px; font-size:25px; display:none;}
#viewSelect p {text-align:center; margin-top:0px !important; margin:0px; padding:0px; }

#viewSelectList .overview {padding-bottom:10px; width:100%;}
#viewSelectList .overview div {display:block; position:relative; top:0; left:0; width:200px;float:left; margin:0px; }
#viewSelectList .overview div a {display:block; height:190px; background-position:center center; background-repeat:no-repeat; padding: 10px; margin:5px; background-color: transparent;}
#viewSelectList .overview div a:hover, #viewSelectList .overview .active {background-color: #e1e1e1;}

/* #viewDescriptionBackground { background:#000; position:absolute; bottom:0px; left:0px; width:580px; top:390px; padding-right:300px; height:238px; background-image:url(/customizer/images/2016/lotto3_03.jpg);  float:left;} */
#viewDescription { position:absolute; bottom:0px; left:0px; width:390px; top:400px; height:238px; }
#viewDescriptionTitle{position:absolute;     left: 370px;    bottom: 37px;}
#viewDescriptionTitle,  #viewDescription h1 { color:#2e2e2e; margin:0; text-align:right;  width:220px; float:right; font-size:45px; line-height:45px;  font-weight:normal; font-family:'MyriadW08-LightCondense1166625';}
#viewDescription p { color:#FFF; text-align:left;font-family:'MyriadW08-LightCondense1166625'; }
#viewDescription p span { color:red; }
.sectionDescription{display:none !important;}

#viewSelectList { z-index:0; padding:0px; margin:0px; margin-right:0px; width:100%; position: relative; min-height:600px;}

.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



.dialog{z-index:999 !important;}

/* -- Home Colors View Classes --- */

#viewColorHome .back_view{z-index:0; float:left;}
#viewColorHome .front_view{z-index:0; float:left;}

#viewColorHome .dialog_wrapper{z-index:0; float:left; width:475px; }
#viewColorHome .dialog_wrapper h1 { color:#ef3d42; margin:0; font-style:italic; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; }
#viewColorHome .dialog_wrapper p { color:#FFF; font-family:'MyriadW08-LightCondense1166625'; }

#viewColorHome .tabs{
    z-index:0;
    position:relative;
    top:0;
    left:0;
    width:430px;
    height:38px;
}
#viewColorHome .tabs a {
    display:block;
    float:left;
    position:relative;
    top:0;
    left:0;
    width:110px;
    padding:7px 0px;
    border:1px solid #999;
    border-color:#999 #333 #333 #999;
    background-color:#7d7d7d;
    color:white;
    text-align:center;
    font-size:19px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:-1px -1px #333;
    font-weight:600;
   font-family:'MyriadW08-LightCondense1166625';
    text-transform:uppercase;
}
/*
#viewColorHome .tabs a.active{background-color:#cdcdcd;}
#viewColorHome .tabs a.inactive{background-color:#7d7d7d; border-color:#666 #333 #333 #666;}
#viewColorHome .tabs a.inactive:hover{background-color:#b7b7b7;  border-color:#999 #333 #333 #999;}
#viewColorHome .tabs a.disabled{background-color:#7d7d7d; opacity:.5; cursor:default;}
*/
.dialog {z-index:0; padding:20px; border:1px solid #eee; margin-bottom:15px;}
#viewColorHome .dialog h3, #viewColorAway .dialog h3 {padding:0px; margin:0px; margin-bottom:10px; color:#212121; font-weight:bold; font-weight:600; text-transform:uppercase; font-size:16px; line-height:21px;}
#viewColorHome .dialog_internal, #viewColorAway .dialog_internal{z-index:0; position:relative; top:0px; left:0px; border:1px solid #999; border-color:#333 #999 #999 #333; background:#333 url("/customizer/images/dialog_inset_bg.png") repeat-x;}
			.color_picker{padding-bottom:15px; margin-bottom:15px;}
			.color_picker ul{z-index:0; position:relative; margin:0px; padding:0px; list-style:none; margin:13px;}
			.color_picker ul li{display:block; width:34px; height:12px; border:1px solid #666; float:left; margin:2px;}
			.color_picker ul li:hover{border:1px solid white; background-image:url("/customizer/images/selector_arrow.png"); background-repeat:no-repeat; cursor:pointer;}
			.color_picker ul li.active{border:1px solid white; background-image:url("/customizer/images/selector_arrow.png"); background-repeat:no-repeat; cursor:pointer;}


/* fixes edge which didn't support mix-blend-mode */
@supports not (mix-blend-mode: overlay) {
  .overlay3dimg {
    opacity:0.4;
  }
}

/* -- Away Colors View Classes --- */

#viewColorAway .back_view{z-index:0; position:absolute; top:50px; left:220px;}
#viewColorAway .front_view{z-index:0; position:absolute; top:50px; left:50px;}

#viewColorAway .tabs{z-index:0; position:relative; top:0; left:0; width:430px; height:38px; }
#viewColorAway .tabs a{display:block; float:left; position:relative; top:0; left:0;
	width:110px; padding:7px 0px; border:1px solid #999; border-color:#999 #333 #333 #999; background-color:#7d7d7d;
	color:white; text-align:center; font-size:19px; font-weight:bold; text-decoration:none; text-shadow:-1px -1px #333; font-weight:600; font-family:'MyriadW08-LightCondense1166625';text-transform:uppercase;
}
#viewColorAway .tabs a:hover{background-color:#b7b7b7;}
#viewColorAway .tabs a.active{background-color:#cdcdcd;}
#viewColorAway .tabs a.inactive{background:#333 url("/customizer/images/button_inactive.png") repeat-x; border-color:#666 #333 #333 #666;}
#viewColorAway .tabs a.inactive:hover{background-color:#b7b7b7;  border-color:#999 #333 #333 #999;}
#viewColorAway .tabs a.disabled{background:#333 url("/customizer/images/button_inactive.png") repeat-x; opacity:.5; cursor:default;}
#viewColorAway .dialog{z-index:0; position:relative; top:0px; left:0px; width:430px; padding:20px; border:1px solid #999; border-color:#999 #333 #333 #999; background-color:#cdcdcd;}
#viewColorAway .dialog h3{padding:0px; margin:0px; margin-bottom:10px; color:white; font-weight:bold; text-shadow:-1px -1px #333; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; text-transform:uppercase; font-size:21px; line-height:25px;}
#viewColorAway .dialog_internal{z-index:0; position:relative; top:0px; left:0px; border:1px solid #999; border-color:#333 #999 #999 #333; background:#333 url("/customizer/images/dialog_inset_bg.png") repeat-x;}

/* Text View Classes */

.viewOptions .back_view{z-index:0; position:absolute; top:50px; left:220px;}
.viewOptions .front_view{z-index:0; position:absolute; top:50px; left:50px;}

.viewOptions .dialog_wrapper{z-index:0; position:absolute; top:0px; left:30px; width:475px; }
.viewOptions .tabs{z-index:0; position:relative; top:0px; left:0px;}
.viewOptions .tabs a {
    display:block;
    float:left;
    position:relative;
    top:0;
    left:0;
    width:155px;
    padding:7px 0px;
	height:43px;
    border:1px solid #999;
    border-color:#999 #333 #333 #999;
    background-color:#7d7d7d;
    color:white;
    text-align:center;
    font-size:19px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:-1px -1px #333;
    font-weight:600;
   font-family:'MyriadW08-LightCondense1166625';
    text-transform:uppercase;
}
.viewOptions .tabs a:hover{background-color:#b7b7b7;}
.viewOptions .tabs a.active{background-color:#cdcdcd;}
.viewOptions .tabs a.inactive{background-color:#7d7d7d; border-color:#666 #333 #333 #666;}
.viewOptions .tabs a.inactive:hover{background-color:#b7b7b7;  border-color:#999 #333 #333 #999;}
.viewOptions .tabs a.disabled{background:#333 url("/customizer/images/button_inactive.png") repeat-x; opacity:.5; cursor:default;}
.viewOptions .dialog{z-index:0; position:relative; top:0; left:0; width:430px; padding:20px; border:1px solid #999; border-color:#999 #333 #333 #999; background-color:#cdcdcd;}
.viewOptions .dialog h3{padding:0px; margin:0px; margin-bottom:10px; color:white; font-weight:bold; text-shadow:-1px -1px #333; font-weight:600;font-family:'MyriadW08-LightCondense1166625';text-transform:uppercase; font-size:15px;}
.viewOptions .dialog_internal{z-index:0; position:relative; top:0px; left:0px; background-color:#cdcdcd;}
			.dialog_text{color:white; font-size:16px; margin-bottom:15px;}
			.internal_form{padding:10px; padding-bottom:10px; margin-bottom:15px;}
			.internal_form label{font-weight:bold; display:block;}
			.internal_form span{display:block; font-size:18px; color:white; padding-top:1px; font-family:'MyriadW08-LightCondense1166625';}

			.color_picker_small{padding-bottom:15px; margin-bottom:15px;}
			.color_picker_small ul{z-index:0; position:relative; margin:0px; padding:0px; list-style:none; margin:13px;}
			.color_picker_small ul li{display:block; width:34px; height:12px; border:1px solid #666; float:left; margin:2px;}
			.color_picker_small ul li:hover{border:1px solid white; background-image:url("/customizer/images/selector_arrow.png"); background-repeat:no-repeat; cursor:pointer;}
			.color_picker_small ul li.active{border:1px solid white; background-image:url("/customizer/images/selector_arrow.png"); background-repeat:no-repeat; cursor:pointer;}

			.overlay{ z-index:999; position:absolute; top:0px; left:0px;width:145px; height:463px;}
			.overlay div{display:inline; border:1px solid transparent; position:absolute;}
			.overlay div:hover{border:1px dotted #333; cursor:pointer;}

.viewOptions .sp-palette-container { width:340px; height:31px; }
.viewOptions .sp-palette { max-width:400px !important; width:340px; height:31px; }
.viewOptions .sp-palette .sp-thumb-el { width:24px !important; height:24px !important; }
.viewOptions .sp-container { z-index: 1; height:51px; }

.drawingWindow {position:absolute; top:0; right:0; z-index: 999; width: auto;}
.drawingWindow .model{z-index:0; float:right; display:block;}
.drawingWindow .paper{z-index:1; width:auto; clear:both; overflow:hidden; position:absolute; top:0; left:0;}
.drawingWindow .text{z-index:999;  width:auto; height:500px;}
.drawingWindow .shadow{z-index:100; display:block;}
.drawingWindow .text > div{ border:1px dotted #666; cursor:move;}
.drawingWindow .text > div:hover { border:1px dotted #666; }
.drawingWindow .text > div > img { position:absolute;}
#drawingWindowSwitcher { float:right; position:relative;  width:125px;  margin-top:-110px; right:0px; top:0px;  display:none; z-index:999; }

#viewSizes .dialog_wrapper{z-index:0; position:absolute; top:0px; left:30px; width:475px; }
#viewSizes .dialog_wrapper h1 { color:red; margin:0; font-style:italic; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; }
#viewSizes .dialog_wrapper p { color:#FFF; font-family:'MyriadW08-LightCondense1166625'; }
#viewSizes .dialog{z-index:0; position:relative; top:0px; left:0px; width:430px; padding:20px; border:1px solid #999; border-color:#999 #333 #333 #999; background-color:#999;}

#viewSizes label { color:#FFF; float:left; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; }
#viewSizes .ui-spinner { float:right; width:50px !important; }
#viewSizes .spinner { width:26px !important; text-align:center; }

/* viewForm Classes */
#viewForm .dialog_wrapper{z-index:0; position:absolute; top:0px; left:30px; width:475px; }
#viewForm .dialog_wrapper h1 { color:red; margin:0; font-style:italic; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; }
#viewForm .dialog_wrapper p { color:#FFF; font-family:'MyriadW08-LightCondense1166625'; }
#viewForm .dialog{z-index:0; position:relative; top:0px; left:0px; width:430px; height:auto; padding:20px; border:1px solid #999; border-color:#999 #333 #333 #999; background-color:#999;}
#viewForm .dialog h3{padding:0px; margin:0px; margin-bottom:10px; color:white; font-weight:bold; text-shadow:-1px -1px #333; font-family:'MyriadW08-LightCondense1166625';text-transform:uppercase; font-size:15px;}
#viewForm label { color:#FFF; float:left; font-weight:600; font-family:'MyriadW08-LightCondense1166625'; }
#viewForm label span { color:red; }
#viewForm input { float:right; width:115px; border:1px solid #CCC; color:#666; }
#viewForm textarea { float:right; width:113px; height:88px; border:1px solid #CCC; color:#666; }

input.parsley-error, textarea.parsley-error, select.parsley-error { background-color:#F2DEDE !important; color:#B94A48 !important; border:1px solid #EED3D7 !important; }
ul.parsley-error-list { color:#FFF; margin:2px; padding:0; font-size:16px; list-style-type:none; float:right; clear:both; }
ul.parsley-error-list li { line-height:11px; text-align:left; }
#sizeError { color:red !important; font-weight:bold; }

input.checkbox { border:0 none !important; width:auto !important; float:left !important; font-size:16px; }
label.checkbox { width:180px !important; float:right !important; font-size:16px; }

.submitButton, .previewButton { /*width:auto !important; border:0 none !important; margin-top:15px; float:right; */
    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363636), color-stop(1, #363636) );
    background: -moz-linear-gradient( center top, #363636 5%, #363636 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#363636'); */
    background-color: #363636;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #363636;
    display: inline-block;
    color: #ffffff;
    font-family:'MyriadW08-LightCondense1166625';
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    height: 40px;
    line-height: 30px;
    float:right;
    width: 150px;
    text-decoration: none;
    text-align: center;
    margin-top:15px;
    margin-right:5px;
    background-color:#ef3d42;
    cursor:pointer;



}
.continue img { margin-top:15px; float:right; }

.deleteObject { background:url('/customizer/images/deleteObject.png') no-repeat; position:absolute; bottom:-18px; right:0; width:16px; height:16px; cursor:pointer; }
.aachen { font-family:"Aachen W01 Medium"; }
.athleticScript { font-family:"AthleticScript"; }
.cooper { font-family:"Cooper BT W01 Black"; }
.futura { font-family:"Futura W01 ExtraBold"; }
.goudyText { font-family:"Goudy Text MT W01"; }
.helvetica { font-family:"Helvetica W01 Roman"; }
.oldEnglish { font-family:"Old English W03 Regular"; }
.serpentineSans { font-family:"Serpentine Sans W01"; }
.tiffany { font-family:"ITC Tiffany W01 Regular"; }
.times { font-family:"Times LT W01 Bold"; }
.varsity { font-family:"Varsity"; }

#bigImgSlider {
    width:100%;
    min-width:960px;
    max-width:1500px;
    margin:0 auto 0 auto;
}

.bigImgWrapper {
    width:100%;
    min-width:960px;
    position:relative;
    min-width:960px;
    height:101px;
    margin:0 auto;
}

.bigImgText {
    position:absolute;
    top:20%;
    left:20%;
    width:60%;
}

.bigImgMiddleText {
    color:white;
    font-size:50px;
    font-family:'MyriadW08-LightCondense1166625';
    margin:0;
    margin:10px 0 0 0 ;
    line-height:55px;
}

.customizerHeaderSection {
    text-align:center;
    cursor:pointer;
    vertical-align: bottom;
}
.selectedSection {
    color:#000;
    font-weight:bold;
    box-shadow: inset 0 -2px 0 0 #212121;
}
.selectedSection span {color:#000;}
.customizerSection {
    text-align:left;
    margin:0 auto;
    padding:20px 0 5px 0;
    display:none;
}
#cs1 {
    display:block;
}
.sectionNumber {
    float:left;
    width:60px;
    font-family:'MyriadW08-LightCondense1166625';
    font-size:70px;
    color:#999999;

}
.sectionTitle {
    font-family: 'Square Regular';
    font-size:22px;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top:45px;
}

.sectionDescription {
    float:left;
    font-family:'MyriadW08-LightCondense1166625';
    font-size:16px;
    color:#555555;
    width:550px;
    margin-bottom:10px;

}

.customizerTopBG {
    width:100%;
    min-width:960px;
    max-width:1500px;
    margin:0 auto 0 auto;
    height:33px;
}

.continueButton {
    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363636), color-stop(1, #363636) );
    background: -moz-linear-gradient( center top, #363636 5%, #363636 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#363636'); */
    background-color: #ffffff;
    text-indent: 0;
    border: 2px solid #898989;
    display: inline-block;
    color: #000;
    font-family:'Square Bold';
    font-size:16px;
    font-style: normal;
    height: 60px;
    line-height: 50px;
    width: 250px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    cursor:pointer;
    margin: 0 0 0 auto;
}