body { background-color: #141414; margin: 0; padding: 0 }
img { behavior: url("/css/iepngfix.htc") }
#topbarContainer {
	border-bottom: 1px solid #272727
	}

#topbar  {
	margin: 0 auto;
	padding: 10px 28px;
	width: 926px;
	overflow: hidden
	}

#topbarLeft {
	float: left
	}

#topbarRight {
	float: right
	}

#topbar p {
	color: #888;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin: 0
	}

#topbar a {
	color: #ffdd64
	}
#topbar a:hover {
	color: #fff
	}

#container { margin: 0 auto 20px; width: 982px }

#headerHome   { background-image: url("../images/header_home_back.jpg"); background-repeat: no-repeat; position: relative; width: 982px; height: 349px; overflow: hidden }
#headerHome a#home   { display: block; position: absolute; width: 281px; height: 146px; top: 172px }
#header   {
	background-image: url(../images/header_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 982px;
	height: 158px;
	overflow: hidden
	}

#header a#home   { display: block; position: absolute; width: 281px; height: 134px; top: 12px }

#topnavHome   { position: absolute; top: 172px; left: 656px; width: 299px; height: 134px }

#topnav   { position: absolute; top: 12px; left: 656px; width: 299px; height: 134px }

#topnavHome ul, #topnav ul { list-style-type: none; margin: 0; padding: 0 }

#topnavHome li#about a, #topnav li#about a  {
	background-image: url(../images/topnav_about_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 299px;
	height: 30px
	}

#topnavHome li#about a:hover, #topnav li#about a:hover { background-image: url("../images/topnav_about_sbt.gif"); background-repeat: no-repeat }

#topnavHome li#news a, #topnav li#news a    {
	background-image: url(../images/topnav_news_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 4px;
	width: 299px;
	height: 30px
	}

#topnavHome li#news a:hover, #topnav li#news a:hover { background-image: url("../images/topnav_news_sbt.gif"); background-repeat: no-repeat }

#topnavHome li#support a, #topnav li#support a    {
	background-image: url(../images/topnav_support_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 4px;
	width: 299px;
	height: 30px
	}

#topnavHome li#support a:hover, #topnav li#support a:hover { background-image: url("../images/topnav_support_sbt.gif"); background-repeat: no-repeat }

#topnavHome li#contact a, #topnav li#contact a    {
	background-image: url(../images/topnav_contact_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 4px;
	width: 299px;
	height: 30px
	}

#topnavHome li#contact a:hover, #topnav li#contact a:hover { background-image: url("../images/topnav_contact_sbt.gif"); background-repeat: no-repeat }

#navHomeContainer   {
	background-image: url(../images/nav_home_back.jpg);
	background-repeat: no-repeat;
	padding: 32px 0 0 28px;
	width: 954px;
	height: 207px
	}

#navHome  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 927px;
	height: 207px
	}

#navHome li  {
	margin: 0 0 0 13px;
	float: left
	}

#navHome li#marching    {
	background-image: url(../images/nav_home_marching_bt.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-left: 0;
	position: relative;
	width: 222px;
	height: 207px
	}

#navHome li#marching:hover  {
	background-image: url(../images/nav_home_marching_sbt.jpg);
	background-repeat: no-repeat
	}

#navHome li#marching ul {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -9999px;
	width: 222px;}

#navHome li#marching:hover ul {
	top: 207px;
	left: 0
	}

#navHome li#marching li {
	margin-left: 0;
	float: none
	}

#navHome li#marching li a   {
	color: #333;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
	letter-spacing: 1px;
	display: block;
	padding: 8px 12px
	;
	border-top: 1px solid #ccc;
	}



#navHome li#marching li a:hover  {
	color: #fff;
	background-color: #ddb13b
	}
#navHome li#marching li a.first {
	border-top-style: none;
	}

#navHome li#marching li a.sub {
	font-weight: normal;
	letter-spacing: normal;
	}
#navHome li#percussion    {
	background-image: url(../images/nav_home_percussion_bt.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 222px;
	height: 207px
	}


#navHome li#percussion:hover { background-image: url("../images/nav_home_percussion_sbt.jpg"); background-repeat: no-repeat }

#navHome li#percussion ul {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -9999px;
	width: 220px;}

#navHome li#percussion:hover ul {
	top: 207px;
	left: 0
	}

#navHome li#percussion li {
	margin-left: 0;
	float: none
	}

#navHome li#percussion li a   {
	color: #333;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
	letter-spacing: 1px;
	display: block;
	padding: 8px 12px
	
	
	;
	border-top: 1px solid #ccc;
	}



#navHome li#percussion li a:hover  {
	color: #fff;
	background-color: #ddb13b
	}
#navHome li#percussion li a.first {
	border-top-style: none;
	}

#navHome li#percussion li a.sub {
	font-weight: normal;
	letter-spacing: normal;
	}

#navHome li#guard a   {
	background-image: url(../images/nav_home_guard_bt.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 222px;
	height: 207px
	}

#navHome li#guard a:hover { background-image: url("../images/nav_home_guard_sbt.jpg"); background-repeat: no-repeat }

#navHome li#store a  {
	background-image: url(../images/nav_home_store_bt.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 222px;
	height: 207px
	}

#navHome li#store a:hover {
	background-image: url(../images/nav_home_store_sbt.jpg);
	background-repeat: no-repeat
	}

#nav  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 982px;
	height: 41px
	}

#nav li { float: left }

#nav li#marching   {
	background-image: url(../images/nav_marching_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 246px;
	height: 41px
	}

#nav li#marching:hover { background-image: url("../images/nav_marching_sbt.gif"); background-repeat: no-repeat }

#nav li#marching ul  {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -9999px;
	width: 246px;
	}


#nav li#marching:hover ul  {
	top: 41px;
	left: 1px
	}


#nav li#marching li {
	margin-left: 0;
	float: none
	}

#nav li#marching li a  {
	color: #333;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
	letter-spacing: 1px;
	display: block;
	padding: 8px 18px
	
	
	;
	border-top: 1px solid #ccc;
	}


#nav li#marching li a:hover  {
	color: #fff;
	background-color: #ddb13b
	}
#nav li#marching li a.first {
	border-top-style: none;
	}

#nav li#marching li a.sub {
	font-weight: normal;
	letter-spacing: normal;
	}

#nav li#percussion    {
	background-image: url(../images/nav_percussion_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 245px;
	height: 41px
	}


#nav li#percussion:hover { background-image: url("../images/nav_percussion_sbt.gif"); background-repeat: no-repeat }

#nav li#percussion ul   {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -9999px;
	width: 245px;
	}



#nav li#percussion:hover ul  {
	top: 41px;
	left: 1px
	}


#nav li#percussion li {
	margin-left: 0;
	float: none
	}

#nav li#percussion li a  {
	color: #333;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
	letter-spacing: 1px;
	display: block;
	padding: 8px 18px
	
	
	;
	border-top: 1px solid #ccc;
	}


#nav li#percussion li a:hover  {
	color: #fff;
	background-color: #ddb13b
	}
#nav li#percussion li a.first {
	border-top-style: none;
	
	}

#nav li#percussion li a.sub {
	font-weight: normal;
	letter-spacing: normal;
	}

#nav li#guard a   {
	background-image: url(../images/nav_guard_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 245px;
	height: 41px
	}

#nav li#guard a:hover { background-image: url("../images/nav_guard_sbt.gif"); background-repeat: no-repeat }
#nav li#store a  {
	background-image: url(../images/nav_store_bt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 246px;
	height: 41px
	}

#nav li#store a:hover { background-image: url("../images/nav_store_sbt.gif"); background-repeat: no-repeat }
#body  { background-image: url("../images/body_back.gif"); background-repeat: repeat-y; width: 982px; overflow: hidden }
#content   { background-image: url("../images/content_back.gif"); background-repeat: repeat-y; margin-top: 32px; width: 982px; overflow: hidden }
#contentTop  { background-image: url("../images/content_top.gif"); background-repeat: no-repeat; width: 982px; height: 10px }
#contentLeft   { display: inline; margin-bottom: 20px; margin-left: 28px; width: 600px; float: left }
#contentLeft h2       { color: #fff; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin-top: 0 }
#contentLeft h3      { color: #fff; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0 }
#contentLeft h4       { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; clear: both }
#contentLeft h5       { color: #888; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; background-image: url("../images/icons/page_white_text.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0 0 10px; padding: 0 0 0 21px }
#contentLeft p, #contentLeft li     { color: #888; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px }
#contentLeft .newsIndent {
	padding: 0 0 0 21px;
	}

#contentLeft ul   { list-style-type: square }
#contentLeft table     { color: #888; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
#contentLeft a, #contentLeft table a, #contentRight a, #footer a      { color: #ffdd64 }
#contentLeft a:hover, #contentLeft table a:hover, #contentRight a:hover, #footer a:hover {
	color: #fff
	}

#contentLeft .columnHeading a    {
	color: #bbb;
	font-weight: bold
	}

#contentLeft .columnHeading a:hover    { color: #fff }

.priceRight {
	text-align: right;
	width: 131px;
	float: right
	}

.availabilityRight {
	text-align: right;
	width: 158px;
	float: right
	}

.textRight, .tableRight    {
	float: right
	}

.textLeft   { float: left }
.photoRight {
	background-color: #333;
	margin-left: 20px;
	padding: 4px;
	float: right
	}

.showStats    {
	width: 260px;
	float: left
	}

.showStats p  { margin: 0 }
#logoLeft   { background-color: #333; margin-right: 20px; padding: 4px; float: left }
#logoLeft img  { vertical-align: bottom }
.clearBoth  { clear: both }
.borderBtm  { border-bottom: 1px solid #333 }
#showSizes {
	clear: both
	}

.formField     { width: 100% }
#formContainer p  { line-height: 16px }
#contactBox      { color: #888; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; margin: 20px 0; padding: 4px; border: solid 1px #343434 }
.icon   { margin-right: 3px; vertical-align: middle }
.smallIcon    { margin-right: 5px; vertical-align: text-bottom }
#rowloffLogo, #gpgLogo   {
	text-align: center;
	margin: 20px 0 0
	}

#boxDrill  { overflow: hidden; border-bottom: 1px solid #333 }
#newsDate   { color: #888; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 8px; margin-bottom: 24px }
#contentLeft .blocktable h2, #contentLeft .blocktable h3 { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal }
.newsPhoto, .flagPhoto  { background-color: #333; padding: 4px; vertical-align: bottom }
.flagPhotoDark  { background-color: #2b2b2b; padding: 4px; vertical-align: bottom }
.highlightText  { background-color: #333; padding: 4px 6px }
.storeThumb {
	vertical-align: bottom
	}

#storePhoto {
	background-color: #333;
	padding: 4px;
	vertical-align: bottom
	}
.productTitle {
	color: #fff;
	}

#confirmationButtons {
	overflow: hidden;
	margin: 20px 0 0;
	}

#confirmationButtons .hold {
	float: left;
	margin: 0 20px 0 0;
	}

#confirmationButtons .order {
	float: left;
	margin: 0 0 0 20px;
	}

#contentRight   { display: inline; margin-right: 58px; width: 236px; float: right }
#sortBox {
	background-color: #222;
	margin: 20px 0 30px;
	padding: 12px 16px;
	width: 204px;
	border: solid 1px #2f2f2f
	}

#sortBox p {
	margin: 0 0 8px
	}

#sortBox select {
	margin: 0 0 10px
	}

#contentRight h5       { color: #888; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; margin: 0 0 10px;}
#contentRight p, #contentRight li     { color: #888; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px }
#contentRight ul    { list-style-type: square; margin-left: 0; padding-left: 1em }
#phpLive { margin: 30px 0 0 }

#footer { background-image: url("../images/footer_back.gif"); background-repeat: no-repeat; width: 982px; height: 58px }
#footerLeft {
	margin: 0 0 0 28px;
	float: left
	}

#footerLeft p     {
	color: #888;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 58px;
	margin: 0
	}

#footerRight   {
	margin: 0 354px 0 0;
	float: right
	}

#footerRight ul  {
	list-style-type: none;
	margin: 14px 0 0;
	padding: 0;
	width: 112px;
	height: 32px
	}

#footerRight li  {
	float: left
	}

#footerRight li.facebook a {
	background-image: url(../images/facebook_32.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 32px;
	height: 32px
	}

#footerRight li.facebook a:hover {
	background-image: url(../images/facebook_32_over.png);
	background-repeat: no-repeat
	}

#footerRight li.twitter a  {
	background-image: url(../images/twitter_32.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 0 8px;
	width: 32px;
	height: 32px
	}

#footerRight li.twitter a:hover  {
	background-image: url(../images/twitter_32_over.png);
	background-repeat: no-repeat
	}

#footerRight li.youtube a  {
	background-image: url(../images/youtube_32.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 0 8px;
	width: 32px;
	height: 32px
	}

#footerRight li.youtube a:hover  {
	background-image: url(../images/youtube_32_over.png);
	background-repeat: no-repeat
	}

#copyright  {
	margin: 20px 0 0;
	overflow: hidden
	}

#copyrightLeft {
	margin: 0 0 0 28px;
	float: left
	}

#copyrightLeft p     {
	color: #444;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 16px;
	margin: 0
	}

#copyrightLeft p a {
	color: #444;
	text-decoration: none
	}

#copyrightLeft p a:hover {
	color: #666
	}

#copyrightRight  {
	margin: 0 28px 0 0;
	float: right
	}
#preload {
	display: none
	}

.titleHome      {
	background-image: url(../images/home_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 262px;
	height: 16px
	}

.titleLatestNews       {
	background-image: url(../images/latest_news_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px 0;
	width: 197px;
	height: 10px
	}


.titleNews      {
	background-image: url(../images/news_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 71px;
	height: 16px
	}

.titleAbout      {
	background-image: url(../images/about_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 404px;
	height: 17px
	}

.titleAboutRight {
	background-image: url(../images/about_us_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px 0;
	padding: 0;
	width: 78px;
	height: 9px
	}

.titleProducts      {
	background-image: url(../images/products_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 388px;
	height: 16px
	}

.titleDesigners      {
	background-image: url(../images/designers_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 208px;
	height: 16px
	}

.titleCustom      {
	background-image: url(../images/custom_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 294px;
	height: 16px
	}

.titleBox5      {
	background-image: url(../images/box5_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 262px;
	height: 16px
	}

.titleBox5Right      {
	background-image: url(../images/box5_prod_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px auto;
	width: 137px;
	height: 142px
	}

.titleField      {
	background-image: url(../images/avbundle_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 155px;
	height: 16px
	}

.titleFieldRight      {
	background-image: url(../images/avbundle_guide_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px auto;
	width: 184px;
	height: 77px
	}

.titlePercussion      {
	background-image: url(../images/percussion_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 258px;
	height: 16px
	}

.titlePercRight      {
	background-image: url(../images/winter_percussion_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px auto;
	width: 136px;
	height: 132px
	}

.titleGuard      {
	background-image: url(../images/guard_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 186px;
	height: 16px
	}

.titleGuardRight      {
	background-image: url(../images/winter_guard_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px auto;
	width: 86px;
	height: 130px
	}

.titleContact      {
	background-image: url(../images/contact_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 157px;
	height: 16px
	}

.titleContactRight      {
	background-image: url(../images/contact_info_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px 0;
	width: 178px;
	height: 9px
	}

.titleLogin      {
	background-image: url(../images/login_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 75px;
	height: 16px
	}

.titleAvailability      {
	background-image: url(../images/availability_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 263px;
	height: 16px
	}

.titleSupport      {
	background-image: url(../images/support_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 114px;
	height: 16px
	}

.titleCreateAccount      {
	background-image: url(../images/create_account_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 223px;
	height: 16px
	}

.titleRequest      {
	background-image: url(../images/request_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 193px;
	height: 16px
	}

.titleAccount      {
	background-image: url(../images/account_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 163px;
	height: 16px
	}

.titleStore      {
	background-image: url(../images/store_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 79px;
	height: 16px
	}

.titleCategoriesRight {
	background-image: url(../images/categories_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px 0;
	width: 94px;
	height: 10px
	}

.titleInformationRight {
	background-image: url(../images/more_information_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 20px 0;
	width: 152px;
	height: 10px
	}

.titleThankYou      {
	background-image: url(../images/thankyou_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 24px;
	width: 143px;
	height: 16px
	}