/*--common styles--*/
body{
	margin:0;
	background:#373737;
	font:15px Tahoma, Arial, Helvetica, sans-serif;
	color:#373737;
	min-width:1000px;
}

h3 {

font:25px Tahoma, Arial, Helvetica, sans-serif;
	color:#009900;
	margin-top:-5px;
	}
	
	
	

img{border:none;}
a{
	color:#0066FF;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/*--wrapper--*/
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
/*--header--*/
#header{
	width:100%;
	background:#181818 url(../images/bg-header.jpg) repeat-x;
}
#header:after{
	content:"";
	display:block;
	clear:both;
}
.h-1{
	width:944px;
	margin:0 auto;
}
.h-1:after{
	content:"";
	display:block;
	clear:both;
}
.h-2{
	float:left;
	display:inline;
	width:711px;
	position:relative;
	background:url(../images/bg-header-repeat.jpg) repeat-x;
	padding:0 9999px 0 0;
	margin:0 -9999px 0 233px;
}
.h-3{
	float:left;
	position:relative;
	margin:0 0 0 -233px;
	padding:0 3px 8px 0;
	width:941px;
}
/*--logo--*/
#header h1{
	float:left;
	display:inline;
	margin:28px 3px 0 11px;
}
* html #header h1{margin-right:0;}
#header h1 a{
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:273px;
	height:66px;
}
/*--h-box--*/
.h-box{
	height:1%;
	overflow:hidden;
}
/*--top info--*/
.top-info{
	width:100%;
	overflow:hidden;
	padding:0 0 30px;
}
.top-info ul{
	list-style:none;
	padding:24px 2px 27px 38px;
	float:right;
	margin:0;
	height:1%;
	overflow:hidden;
}
.top-info ul li{
	float:left;
	margin:0 30px 0 0;
	display:inline;
	font-size:14px;
	line-height:16px;
}
.top-info ul li a{color:#fff;}
/*--navigation--*/
#nav{
	width:100%;
	overflow:hidden;
}
#nav ul{
	list-style:none;
	padding:0 10px 0 0;
	margin:0;
	height:1%;
	float:right;
	overflow:hidden;
}
#nav li{
	float:left;
	display:inline;
	padding:0 0 0 32px;
	margin:0 0 0 32px;
	background:url(../images/bul-nav.gif) no-repeat 0 65%;
	font-size:18px;
	line-height:22px;
}
#nav li:first-child{
	background:none;
	padding-left:0;
	margin-left:0;
}
#nav li a{color:#fff;}
/*--main--*/
#main{
	width:100%;
	background:url(../images/bg-main.jpg) repeat-x;
}
/*--content--*/
#content{
	width:944px;
	margin:0 auto;
}
#content:after{
	content:"";
	display:block;
	clear:both;
}
/*--featured--*/
.featured{
	padding:0 3px 0 2px;
	height:1%;
	overflow:hidden;
	height:348px;
	background:url(../images/bg-c-top.jpg ) no-repeat;
}
/*--spotlights--*/
.featured .spotlights{
	float:right;
	padding:40px 1px 0 0;
	width:267px;
	height:308px;
	position:relative;
}
.featured .spotlights .link-shadow{
	background:url(../images/bg-link-shadow.png) no-repeat;
	width:250px;
	height:181px;
	display:block;
	margin:0 0 -25px;
	overflow:hidden;
}
.featured .spotlights .link-shadow a{
	background:url(../images/ttl-swagger.png) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	position:relative;
	width:191px;
	height:52px;
	margin:36px 0 0 22px;
}
.spotlights .txt-link{
	width:100px;
	height:100px;
	margin:0 0 18px 24px;
	overflow:hidden;
	display:block;
	font-size:12px;
	line-height:14px;
}
.spotlights .txt-link a{color:#292929;}
.spotlights .more{
	background:url(../images/txt-click-here.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:109px;
	height:24px;
	margin:0 0 0 17px;
}
.spotlights .link-box{
	background:url(../images/bg-cuswag-link.png) no-repeat;
	width:133px;
	height:139px;
	position:absolute;
	right:0;
	bottom:0;
	text-indent:-9999px;
}
/*--design box--*/
.featured .box-1{
	float:left;
	width:251px;
	padding:26px 5px 0 25px;
}
.featured .ttl{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:19px;
	margin:0 0 9px;
}
.featured .box-1 .ttl{
	background:url(../images/ttl-featured-design.png) no-repeat;
	width:187px;
	margin-left:25px;
}
/*--video box--*/
.featured .box-2 .ttl{
	background:url(../images/ttl-featured-video.png) no-repeat;
	width:177px;
	margin-left:93px;
}
.featured .box-2{
	float:left;
	width:383px;
	padding:26px 0 0;
}
.featured .box-1 .ill-holder{
	background:url(../images/bg-img-holder-1.png) no-repeat;
	display:block;
	width:223px;
	height:216px;
	padding:9px 22px 19px 13px;
	overflow:hidden;
}
.featured .box-1 .ill-holder img{display:block;}
.featured .box-2 .player-holder{
	background:url(../images/bg-player-holder.png) no-repeat;
	width:343px;
	height:217px;
	overflow:hidden;
	float:left;
	padding:12px 22px 28px 12px;
}
/*--twocolumns--*/
.twocolumns{
	background:url(../images/bg-content.gif) repeat-y;
	padding:0 3px;
	height:1%;
}
.twocolumns:after{
	content:"";
	display:block;
	clear:both;
}
/*--primary--*/
#primary{
	float:left;
	border-top:1px solid #2d2d2d;
	width:670px;
	overflow:hidden;
}
/*--tabs--*/
#primary .tab{
	height:1%;
	overflow:hidden;
	background:url(../images/sep-tabs.gif) repeat-x;
	padding:3px 12px 7px 27px;
	margin:-3px 0 0;
}
/*--title--*/
#primary .tab h2{
	width:200px;
	float:left;
	margin:0 22px 0 0;
	padding:0 12px 0 11px;
	background:#00a600 url(../images/bg-tabs-heading-b.gif) no-repeat 0 100%;
}
* html #primary .tab h2{margin:0 19px 0 0;}
#primary .tab h2 span{
	display:block;
	height:30px;
	margin:17px 0 0;
	overflow:hidden;
	text-indent:-9999px;
}
#primary .tab h2.ttl-1 span{background:url(../images/ttl-choose-your.gif) no-repeat;}
#primary .tab h2.ttl-2 span{background:url(../images/ttl-customize.gif) no-repeat;}
#primary .tab h2.ttl-3 span{background:url(../images/ttl-place-your.gif) no-repeat;}
/*--text box--*/
#primary .tab 	.txt-box{
	height:1%;
	overflow:hidden;
	padding:7px 10px 10px 0;
}
#primary .tab 	.txt-box p{
	font-size:15px;
	color:#373737;
	line-height:21px;
	margin:0;
}
/*--listing--*/
#primary .tab .listing{
	width:100%;
	overflow:hidden;
	list-style:none;
	padding:10px 0 4px;
	margin:0;
}
#primary .tab .listing li{
	float:left;
	display:inline;
	margin:0 0 0 17px;
	padding:0 0 19px;
	width:134px;
}
#primary .tab .listing a{
	cursor:pointer;
	display:block;
	height:133px;
	overflow:hidden;
	width:100%;
}
#primary .tab .listing a img{display:block;}
/*--drop down--*/
.tab .listing .form-design{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:10;
	margin:-29px 0 0;
	background:#000542;
	height:30px;
}
.tab .listing .form-design .sel{
	float:left;
	width:100%;
}
.tab .btn-view{
	height:1%;
	display:block;
	overflow:hidden;
	padding:0 27px 17px 0;
}
.tab .btn-view a{
	text-indent:-9999px;
	float:right;
	overflow:hidden;
	background:url(../images/btn-view-more.gif) no-repeat;
	width:82px;
	height:9px;
}
/*--upload form--*/
.tab .form-upload{
	width:100%;
	overflow:hidden;
	padding:12px 0 0;
}
.tab .txt,
.form-sign-up .txt{
	border:1px solid #383838;
	background:#fff;
	padding:4px 4px 3px;
	float:left;
}
.tab .txt input,
.form-sign-up .txt input{
	border:0;
	background:none;
	float:left;
	height:20px;
	padding:0;
	margin:0;
	font:15px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#373737;
}
.tab .form-upload input{width:236px;}
/*--blue button--*/
.btn-blue{
	float:left;
	padding:0 18px 0 7px;
	height:29px;
	font-size:15px;
	line-height:28px;
	color:#fff;
	background:#000542 url(../images/bg-btn-blue-r.gif) no-repeat 100% 0;
}
/*--order form--*/
.form-order{
	width:100%;
	overflow:hidden;
	padding:0 0 11px;
}
/*--left column--*/
.form-order .col-l{
	float:left;
	width:232px;
	padding:0 13px 0 0;
	overflow:hidden;
}
.form-order .txt{margin-bottom:16px;}
.form-order .col-l .txt input{width:223px;}
/*--right column--*/
.form-order .col-r{
	float:left;
	width:250px;
	overflow:hidden;
}
.form-order .col-r .txt{
	float:none;
	display:block;
	overflow:hidden;
	height:1%;
}
.form-order .col-r .txt input{width:240px;}
.form-order .col-r .row{
	width:100%;
	overflow:hidden;
	padding:0 0 3px;
}
.form-order .col-r .row strong{
	float:left;
	margin:3px 24px 0 0;
	font-size:14px;
	color:#373737;
	line-height:26px;
}
.form-order .col-r .row .txt input{width:140px;}
.form-order .col-r .row .box{
	float:right;
	width:150px;
}
.form-order .col-r .row .box .txt{margin:0;}
.form-order .col-r .row .box em{
	font-size:11px;
	line-height:19px;
	display:block;
	text-align:center;
	font-style:normal;
}
/*--submit button--*/
.form-order .col-r .sbmt{
	display:block;
	width:100%;
}
.form-order .col-r .sbmt input{
	border:0;
	padding:0;
	margin:0;
	background:url(../images/btn-submit.gif) no-repeat;
	width:102px;
	height:29px;
	font-size:0px;
	line-height:0px;
	letter-spacing:-9999px;
	cursor:pointer;
	float:right;
}
/*--orange block--*/
.form-order .orange-block{
	background:url(../images/bg-orange-holder.png) no-repeat;
	width:129px;
	height:112px;
	float:right;
	text-align:center;
}
.form-order .orange-block span{
	float:left;
	display:inline;
	overflow:hidden;
	background:url(../images/txt-free-shipping.gif) no-repeat;
	width:109px;
	height:57px;
	margin:25px 0 0 11px;
	text-indent:-9999px;
}
/*--notes--*/
.tab .notes{	
	height:1%;
	overflow:hidden;
}
.tab .notes p{
	font-size:12px;
	line-height:16px;
	margin:0;
}
/*--sidebar--*/
#sidebar{
	float:right;
	width:268px;
}
/*--s box--*/
.s-box{
	height:1%;
	padding:0 20px;
}
.s-box:after{
	content:"";
	display:block;
	clear:both;
}
/*--heading--*/
.s-box .heading{
	background:url(../images/bg-s-box-heading.png) no-repeat;
	overflow:hidden;
	position:relative;
	width:268px;
	margin:0 -37px 3px -20px;
	padding:0 17px 0 0;
}
.s-box .heading h3{
	height:1%;
	overflow:hidden;
	margin:0 35px 0 27px;
	background:url(../images/bul-s-box-heading.gif) no-repeat 100% 45%;
}
.s-box .heading h3 span{
	display:block;
	overflow:hidden;
	width:100%;
	height:52px;
	text-indent:-9999px;
}
.s-box .heading h3.ttl-1 span{background:url(../images/ttl-submit.gif) no-repeat 0 50%;}
.s-box .heading h3.ttl-2 span{background:url(../images/ttl-sign-up.gif) no-repeat 0 50%;}
.s-box .heading h3.ttl-3 span{background:url(../images/ttl-twitter.gif) no-repeat 0 50%;}
/*--listing--*/
.s-box .listing{
	color:#fff;
	padding:0 0 0 2px;
	margin:0;
	height:1%;
	overflow:hidden;
}
.s-box .listing li{
	height:1%;
	vertical-align:middle;
	margin:0 0 12px;
	line-height:18px;
	overflow:hidden;
}
.s-box .listing li a{
	color:#fff;
	text-decoration:underline;
}
.s-box .listing li a:hover{text-decoration:none;}
/*--sign up form--*/
.form-sign-up{
	width:100%;
	overflow:hidden;
	padding:6px 0 18px;
}
.form-sign-up label{
	color:#fff;
	line-height:18px;
}
.form-sign-up .row{
	width:100%;
	overflow:hidden;
	padding:8px 0 0;
}
.form-sign-up .txt input{width:165px;}
.form-sign-up .btn-blue{
	background:#000542 url(../images/bg-btn-blue-r-blue.gif) no-repeat 100% 0;
	padding:0 12px 0 10px;
}
/*--white box--*/
.s-box .white-box{
	margin:11px 0 0 2px;
	width:225px;
	overflow:hidden;
	background:#fff url(../images/bg-white-box-t.gif) no-repeat;
}
.s-box .white-box .inner{
	background:url(../images/bg-white-box-b.gif) no-repeat 0 100%;
	height:1%;
	padding:11px 20px 0 -5px;
	min-height:228px;
}
.s-box .white-box .inner:after{
	content:"";
	display:block;
	clear:both;
}
* html .s-box .white-box .inner{height:228px;}
.s-box .white-box p{
	line-height:21px;
	margin:0;
}
/*--end of index page--*/
/*--start of inner page--*/
/*--main column--*/
.main-col{
	float:left;
	width:622px;
	padding:26px 30px 70px 18px;
}
/*--block--*/
.main-col .block{	
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.main-col h2{
	text-indent:-9999px;
	margin:0 0 24px;
	font-size:1px;
	line-height:1px;
}
.main-col h2.ttl-what-cuswag{
	/*--background:url(../images/ttl-what-is.gif) no-repeat;--*/
	height:19px;
	width:198px;
	color:#00CC00;
}
.main-col p{
	line-height:21px;
	margin:0;
	padding:0 0 21px;
}
/*--inner list--*/
.main-col .inner-list{
	list-style:none;
	padding:0 0 0 17px;
	margin:0;
	height:1%;
	overflow:hidden;
}
.main-col .inner-list li{
	height:1%;
	padding:0 0 0 28px;
	vertical-align:middle;
	overflow:hidden;
	margin:0 0 21px;
	line-height:22px;
	background:url(../images/bul-inner-list.gif) no-repeat;
}
/*--end of inner page--*/
/*--footer--*/
#footer{
	width:100%;
	overflow:hidden;
	background:#2d2d2d;
}
.footer-holder{
	width:938px;
	background:url(../images/bg-footer.jpg) repeat-x;
	border:solid #7b5618;
	border-width:0 1px;
	margin:0 auto;
	height:108px;
}
/*--bottom logo--*/
.btm-logo{
	background:url(../images/btm-logo.png) no-repeat;
	float:right;
	display:inline;
	margin:38px 26px 0 0;
	text-indent:-9999px;
	width:165px;
	height:40px;
}
/*--text box--*/
#footer .txt-box{
	float:left;
	overflow:hidden;
	padding:25px 0 0 18px;
}
#footer .txt-box span{
	display:block;
	font-size:12px;
	color:#fff;
	line-height:21px;
}
#footer .txt-box span a{color:#fff;}
#footer .txt-box span em{
	padding:0 12px 0 0;
	margin:0 7px 0 0;
	background:url(../images/sep-footer.gif) no-repeat 100% 75%;
	font-style:normal;
}

/* custom selects styles */
.outtaHere {
	position:absolute;
	left:-3000px;
}
/*Radio buttons*/
.radioArea, .radioAreaChecked {
	float:left;
	width:15px !important;
	height:16px;
	background: url(../images/radio.gif) no-repeat;
	overflow: hidden;
}
.radioAreaChecked {background-position: 0 -16px;}
/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	float:left;
	width:14px !important;
	height:14px;
	overflow: hidden;
	background: url(../images/checkbox.gif) no-repeat;
}
.checkboxAreaChecked {background-position: 0 -14px;}

/* Selects */
.selectArea {
	position: relative;
	height: 30px;
	float:left;
	color:#fff;
	font-size: 12px;
	line-height: 30px;
	white-space: nowrap;
}
.selectArea .left {
	position: absolute;
	top: 0;
	left: 0;
	width:19px;
	height:100%;
	background: url(../images/select-left.gif) no-repeat;
	display: block;
}
.selectArea a.selectButton {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px !important;
	width:26px !important;
	background: url(../images/select-button.gif) no-repeat 100% 50%;
}
.selectArea .center{
	height: 28px;
	line-height:28px;
	display:block;
	overflow:hidden;
	width:98px;
	margin:0 26px 0 10px;
	background: url(../images/select-center.gif) repeat-x;
}
.selectArea .center img {
	float:left;
}
/*Selects drop-down*/
.optionsDivInvisible,
.optionsDivVisible {
	position: absolute;
	background-color: #fff;
	display: block;
	z-index: 30;
	font-size: 11px;
}
.drop-dif {
	background:#99CCCC;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
	border: 3px solid #000542;
	margin:0;
	padding:4px 0 5px;
	overflow:hidden;
	list-style: none;
	height: 100%;
}
.optionsDivVisible ul li {
	float:left;
	width:100%;
}
.optionsDivVisible a {
	color: #000;
	overflow:hidden;
	text-decoration: none;
	display: block;
	font-size:12px;
	line-height:20px;
	height:1%;
	padding:0 4px;
}
.optionsDivVisible a img {
	border:none;
	float:left;
}
.optionsDivVisible a:hover {
	background-color: #e5e6ec;
	text-decoration:none;
}

.open-close {
	margin: -13px 0 0;
	overflow: hidden;
	width: 100%;
}
.open-close .slide-content {
	position: relative;
	overflow: hidden;
	width: 100%;
}