body {
margin: 0 auto;
padding: 0;
font: 76% Arial,Tahoma, verdana, sans-serif;
background: #f4f4f4 url(../images/bg.gif) top center repeat-y;
background: #f4f4f4 url(../images/bgNew.gif) top center repeat-y;
background: none;
}

form{
margin: 0
}

h1
{
font-weight: bolder; 
font-size: 1.4em; 
color: #b3060d;
}
   
input{
border: 1px solid #595959;
width: 200px;
}
input.small{
border: 1px solid #595959;
}

input.radio
{
border: none;
width: auto;
}

textarea
{
font-family: arial, verdana, tahoma;    
border: 1px solid #595959;
width: 320px;
height: 60px;
}



select.normalSelect{
border: 1px solid #595959;
}

img{
border: 0
}  
 
a 
{
	text-decoration: underline;
	color: #004bd4;
}
a:link 
{
	text-decoration: underline;
		color: #004bd4;
}
a:visited 
{
	text-decoration: underline;
		color: #004bd4;
}
a:active 
{
	text-decoration: underline;
		color: #004bd4;
}
a:hover 
{
	text-decoration: none;
		color: #004bd4;
}    
    
/*#container{
margin-left: 10px;
margin-right: 10px;
width: 960px;
font-size: 1.1em;
text-align: center;
}*/

#container {
background: #ffffff;
margin: 0 auto;
padding: 0 10px 0 10px;
font-size: 1.1em;
width: 940px;
}

#content{
/*min-height: 500px;*/
text-align:center;
}

#topNav{
height: 10px;
width: 920px;
margin-bottom: 15px;
padding-bottom: 10px;
}

#left50
{
width: 50%;
float: left;
}

#right50
{
width: 50%;
float: right;
}

#left
{
width: 55%;
float: left;
}

#left80
{
width: 68%;
float: left;
border: solid 1px #cccccc;
padding-bottom: 25px;
}
#left100
{
width: 100%;
border: solid 1px #cccccc;
padding-bottom: 25px;
text-align:center;
}

#right
{
width: 45%;
float: right;
}

#right20
{
width: 30%;
float: right;
border: solid 1px #cccccc;
}

#leftContent{
width: 50%;
float: left;
}

#rightContent{
width: 47%;
float: right;
}

#header{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}

#introText
{
margin: 4px 0 10px 0;
font-weight: bold;
}

#imgMainHolder{
border: solid 2px #cccccc;
/*
width: 594px;
height: 600px;
*/
width: 494px;
height: 620px;
}

.customImgMain{
margin-top: 120px;
}

#rightContentSelect{
width: 380px; 
text-align: left;
}

.topNavItem{
color: #212121;
background-image:url("http://www.stags.org/images/Stagicon.gif");
background-repeat:no-repeat;
padding-left:7px;
padding-top:0px;
padding-right: 5px;
height: 10px;
}

.galleryImgThumb{
border: solid 1px #cccccc;
width: 80px;
height: 80px;
}

.rightPreviewImg
{
border: solid 1px #cccccc;
width: 300px;
}

.sectionHeader{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 498px;
}

.sectionHeaderSmall{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 450px;
text-align: center;
}

.sectionHeaderLeft{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 500px;
text-align: center;
}
.sectionHeaderLeftLarge{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 640px;
text-align: center;
}
.sectionHeaderLeftXLarge{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 940px;
text-align: center;
}
.sectionHeaderRight{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 410px;
text-align: center;
}

.sectionHeaderRightSmall{
width: 100%;
color: white;
font-size: 1em;
font-family: arial, verdana;
font-weight: bold;
padding-top: 0px;
margin-bottom: 6px;
height: 23px;
width: 283px;
text-align: center;
}

#rightContentSelect{
width: 380px; 
text-align: left;
}

#copyRight
{
font-size: 0.8em;
color: #aaaaaa;
clear: both;
margin-top: 25px;
margin-bottom: 25px;
}

#copyRight a
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: underline;
}

#copyRight a:visited
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: underline;
}
#copyRight a:hover
{
font-weight: bold;
font-size: 1em;
color: #5472d9;
text-decoration: none;
}


.designImg{
width: 550px; 
border: 0px; 
text-align: left; 
position: absolute; 
top: 340px;
left: 50%; 
margin-left: -375px;
}

.designIntro{
width: 360px; 
border: 0px; 
text-align: left; 
position: absolute; 
top: 350px;
left: 50%; 
margin-left: -400px;
}


.white
{
font-weight: bolder;
color: white;
}

.white a
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: none;
}

.white a:visited
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: underline;
}
.white a:hover
{
font-weight: bold;
font-size: 1em;
color: #5472d9;
text-decoration: underline;
}

.black
{
font-weight: bolder;
color: black;
}

.black a
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: none;
}

.black a:visited
{
font-weight: bold;
font-size: 1em;
color: #00196f;
text-decoration: underline;
}
.black a:hover
{
font-weight: bold;
font-size: 1em;
color: #5472d9;
text-decoration: underline;
}

#topNav a
{
font-weight: bold;
font-size: 1.1em;
color: #00196f;
text-decoration: none;
}

#topNav a:visited
{
font-weight: bold;
font-size: 1.1em;
color: #00196f;
text-decoration: none;
}
#topNav a:hover
{
font-weight: bold;
font-size: 1.1em;
color: #5472d9;
text-decoration: underline;
}

/* FREEDOM STYLES */
#strapline
{
font-size: 11px;
margin: 10px 0px 10px;
width: 100%;
padding-top: 2px;
font-family: Verdana;
height: 20px;
color: white;
}
#strapline a
{
font-weight: bold;
font-size: 1em;
color: #ffffff;
text-decoration: underline;
}
#strapline a:active
{
font-weight: bold;
font-size: 1em;
color: #ffffff;
text-decoration: underline;
}
#strapline a:visited
{
font-weight: bold;
font-size: 1em;
color: #ffffff;
text-decoration: underline;
}
#strapline a:hover
{
font-weight: bold;
font-size: 1em;
color: #ffffff;
text-decoration: none;
}

span.padding
{
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 0px
}

div.stepHeader
{
margin-left: 10px;
margin-bottom: 10px;
font-weight: bolder;
font-size: 1.1em;
padding-top: 10px;
padding-bottom: 4px;
}    

/* tables styles */

table.basket
{
    width: 940px;
}    
table.basket td
{
    font-size: 0.8em;
}
table.basket td.header
{
    font-size: 0.9em;
    font-weight: bold;
}

table.checkout
{
    width: 600px;
}    
table.checkout td
{
    font-size: 0.9em;
}
table.checkout td.spacer10
{
    height: 10px;
}
table.checkout td.spacer20
{
    height: 20px;
}
table.checkout td.header
{
    font-size: 1em;
    font-weight: bold;
    width: 50%;
}
table.checkout td.headerRed
{
    font-size: 1em;
    font-weight: bold;
    color: #b3060d;
}
table.checkout td.blueStrap
{
    height: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5B91E9;
}
.selectCheckout
{
border: 1px solid #595959;
}

table.receipt
{
    width: 600px;
}    
table.receipt td
{
    font-size: 0.9em;
}
table.receipt td.spacer10
{
    height: 10px;
}
table.receipt td.spacer20
{
    height: 20px;
}
table.receipt td.header
{
    font-size: 1em;
    font-weight: bold;
    width: 50%;
}
table.receipt td.headerRed
{
    font-size: 1em;
    font-weight: bold;
    color: #b3060d;
}
table.receipt td.blueStrap
{
    height: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5B91E9;
}

table.contact
{
    width: 500px;
    text-align: center;
}    
table.contact td
{
    font-size: 0.9em;
    text-align: left
}
table.contact td.spacer10
{
    height: 10px;
}
table.contact td.spacer20
{
    height: 20px;
}
table.contact td.header
{
    font-size: 1em;
    font-weight: bold;
    width: 50%;
}
table.contact td.headerRed
{
    font-size: 1em;
    font-weight: bold;
    color: #b3060d;
}
table.contact td.blueStrap
{
    height: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5B91E9;
    text-align: center;
}

table.orders
{
    width: 700px;
}    
table.orders td
{
    font-size: 0.9em;
}
table.orders td.spacer10
{
    height: 10px;
}
table.orders td.spacer20
{
    height: 20px;
}
table.orders td.header
{
    font-size: 1em;
    font-weight: bold;
    width: 50%;
}
table.orders td.headerRed
{
    font-size: 1em;
    font-weight: bold;
    color: #b3060d;
}
table.orders td.blueStrap
{
    height: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5B91E9;
}

table.orderDetails
{
    width: 700px;
}    
table.orderDetails td
{
    font-size: 0.9em;
}
table.orderDetails td.spacer10
{
    height: 10px;
}
table.orderDetails td.spacer20
{
    height: 20px;
}
table.orderDetails td.header
{
    font-size: 1em;
    font-weight: bold;
    width: 50%;
}
table.orderDetails td.headerRed
{
    font-size: 1em;
    font-weight: bold;
    color: #b3060d;
}
table.orderDetails td.header
{
    height: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5B91E9;
}

table.tshirts
{
    width: 640px;
    border: 0;
}    
table.tshirts td
{
    width: 160px;
    height: 240px;
    text-align: center;
    vertical-align: top;
}
.TshirtThumb
{
border:0px solid #cccccc;
width: 160px;
height: 200px;
margin-top: 2px;
margin-bottom: 2px;
}    
.TshirtThumbHover
{
border:0px solid #5B91E9;
width: 160px;
height: 200px;
margin-top: 2px;
margin-bottom: 2px;
}