html{
color:#000;
height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
padding: 0;
margin: 0;
}

body{
background-image: url('images/background.png');
background-repeat: repeat;
font: normal 900 10px arial;
color: white;
font-size-adjust:none;
font-style:normal;
line-height:normal;
height:100%;
}

.center{
margin-top: 0;
margin-left: auto;
margin-right: auto;
}

.body{
width: 929px;
min-height: 420px;
height:auto !important;
height:420px;
}

.blank{
min-height: 420px;
height:auto !important;
height:420px;
}

.header{
width: 929px;
height: 100px;
background-image: url('images/header.png');
background-repeat: no-repeat;
}

.footer{
width: 929px;
height: 100px;
background-image: url('images/footer.png');
background-repeat: no-repeat;
}

.cart-frame{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 150px;
height: 33px;
color:black;
}

.cart-frame * {
color: black;
}

.cart-frame-v{
width: 5px;
}

.cart-frame-l{
background-image: url('images/bag_left.png');
background-repeat: no-repeat;
}

.cart-frame-r{
background-image: url('images/bag_right.png');
background-repeat: no-repeat;
}

.cart-frame-bg{
background-image: url('images/bag_middle.png');
background-repeat: repeat;
}

.frame1{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
}

.frame1-c{
width: 14px;
height: 13px;
}

.frame1-h{
height: 13px;
}

.frame1-v{
width: 16px;
}

.frame1-tl{
background-image: url('images/table_border_top_left.png');
background-repeat: no-repeat;
}

.frame1-tr{
background-image: url('images/table_border_top_right.png');
background-repeat: no-repeat;
}

.frame1-t{
background-image: url('images/table_border_top.png');
background-repeat: repeat-x;
}

.frame1-bl{
background-image: url('images/table_border_bottom_left.png');
background-repeat: no-repeat;
}

.frame1-br{
background-image: url('images/table_border_bottom_right.png');
background-repeat: no-repeat;
}

.frame1-b{
background-image: url('images/table_border_bottom.png');
background-repeat: repeat-x;
}

.frame1-l{
background-image: url('images/table_border_left.png');
background-repeat: no-repeat;
}

.frame1-r{
background-image: url('images/table_border_right.png');
background-repeat: no-repeat;
}

.frame1-bg{
background-image: url('images/table_bg.png');
background-repeat: repeat;
}



.frame2{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
}

.frame2-c{
width: 16px;
height: 16px;
}

.frame2-h{
height: 16px;
}

.frame2-v{
width: 16px;
}

.frame2-tl{
background-image: url('images/border_up_left_detail_teez.png');
background-repeat: no-repeat;
}

.frame2-tr{
background-image: url('images/border_up_right_detail_teez.png');
background-repeat: no-repeat;
}

.frame2-t{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-x;
}

.frame2-bl{
background-image: url('images/border_down_left_detail_tee.png');
background-repeat: no-repeat;
}

.frame2-br{
background-image: url('images/border_down_right_detail_te.png');
background-repeat: no-repeat;
}

.frame2-b{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-x;
}

.frame2-l{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-y;
}

.frame2-r{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-y;
}

.frame2-bg{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat;
}

.frame2, .frame a{
color: black;
}



.frame3{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
}

.frame3-c{
width: 16px;
height: 16px;
}

.frame3-h{
height: 16px;
}

.frame3-v{
width: 16px;
}

.frame3-tl{
background-image: url('images/bar_left_cart.png');
background-repeat: no-repeat;
height: 38px;
}

.frame3-tr{
background-image: url('images/bar_right_cart.png');
background-repeat: no-repeat;
height: 38px;
}

.frame3-t{
background-image: url('images/button_repeat.png');
background-repeat: repeat-x;
color: white;
height: 38px;
}

.frame3-bl{
background-image: url('images/border_down_left_detail_tee.png');
background-repeat: no-repeat;
}

.frame3-br{
background-image: url('images/border_down_right_detail_te.png');
background-repeat: no-repeat;
}

.frame3-b{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-x;
}

.frame3-l{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-y;
}

.frame3-r{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat-y;
}

.frame3-bg{
background-image: url('images/bg_detail_teez.png');
background-repeat: repeat;
}

.frame3 {
color: black;
}

.menu-bar{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}

.menu-bt-def{
height: 38px;
color:white;
font-family:arial;
font-size:17px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align: center;
}

.menu-bt-first{
background-image: url('images/bar_left_cart.png'); 
width: 16px;
}

.menu-bt-last{
background-image: url('images/bar_right_cart.png'); 
width: 16px;
}

.menu-bt{
background-image: url('images/button_middle.png');
width: 114px;
}

.menu-bt-fill{
background-image: url('images/button_repeat.png');
background-repeat: repeat-x;
}

.menu-bt-myspace{
background-image: url('images/button_myspace.png');
width: 114px;
}

.menu-bt-contact{
background-image: url('images/button_contact.png');
width: 114px;
}

.menu-bar a{
text-decoration: none;
color: white;
}

.menu-item{
display: none;
list-style-type: none;
}

.menu-bar a:link, .menu-bar a:visited{
display: block;
color: #FFF;
margin: 0;
padding: 4px 8px;
text-decoration: none;
}

.menu-item li a:link, .menu-item li a:visited{
display: block;
color: green;
margin: 0;
border: 0;
text-decoration: none;
background: yellow;
}

.menu-item li a:hover{
background-image: none;
background-color: #F2462E;
}

.menu-bar a:hover .menu-item{
   display: block; 
}

a:hover ul.menu-item{
   display: block; 
}

/*** form ***/
.form p{
width: 340px;
clear: left;
margin: 0;
padding: 2px 0 0 0;
padding-lefxt: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.form label{
font-weight: bold;
float: left;
margin-left: 0px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form.form input[type="text"], form.form input[type="password"], form.form input.text, form.form select.text { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 150px;
}


.form label { position: absolute; text-align:right; width:130px; }
.form input, .form textarea, .form select { margin-left: 140px; }
.form label.check, .form label.radio { position:relative; text-align:left; }

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/*** end form ***/

.content{
font-size: 11px;
text-align: left;
}


a{
text-decoration: none;
color: white;
}

a:link, a:visited{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.decal{
position:relative;
left: -30px;
top: 10px;
}

.transparent{
}

h1 {
font-weight: bold;
font-size: 12px;
}

.error {
	background-color: pink;
	border: 1px solid red;
}

tr.error td {
	background-color: pink;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

hr.step {
	background-color: purple;
	border: 0;
	height: 1px;
}

hr.step-selected {
	background-color: white;
	border: 0;
	height: 1px;
}

a.step{
	color: purple;
}

a.step-selected{
	color: white;
}

td.step {
	padding: 8px;
	border: 1px solid purple;
	background-color: white;
	color: purple;
}

td.step-selected {
	font-weight: bold;
	padding: 8px;
	border: 1px solid white;
	color: white;
	background-image:url(images/button_middle.png);
}

.button {
	background-image: url(images/button_big.gif);
	background-position: center;
	background-repeat: repeat-x;
	text-align: center;
	width: 77px;
	height: 27px;
}

.button-gold {
	background-image: url(images/button_big_gold.gif);
	background-position: center;
	background-repeat: repeat-x;
	text-align: center;
	width: 77px;
	height: 27px;
}

.button-small {
	width: 52px;
	height: 17px;
	background-image:	url(images/button.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
}
.style4 {
	font-size: 11px;
}

.style2 {
	font-size: 16px;
	font-weight: bold;
}
.style5 {
	font-size: 16px
}

.style3 {
	font-size: 10px;
}

/* style faq */
.style9 {
	font-size: 18px;
	font-weight: bold;
}
.style17 {
	font-size: 12px;
	font-weight: bold;
}