/**********/
/* LAYOUT */
#navChoice
{
    position:absolute;
    left: 25px;
    width : 280px;
    top: 4px;
    height: 16px;
    background-color:white;
/*    border-bottom: solid 1px red;  */
    }

/* Navigation */
#navGraphics
{
    position:absolute;
    left: 25px;
    width : 735px;
    top: 20px;
    height: 60px;
    background-color:white;    
}
#navGraphics a:hover
{
    border: none;}

#navLogo
{
    position:absolute;
    left: 700px;
    width : 220px;
    top: 15px;
    height: 60px;
    background-color:white;  
}
#home
{
    position:absolute;
    left: 933px;
    top: 2px;
    background-color:white;  
}
#navCategories
{
    position:absolute;
    left: 26px;
    width : 280px;
    top: 80px;
    height: 100px;
    background-color:white; 
    }

#banner
{
    position:absolute;
    left: 548px;
    top: 125px;
    background-color:white;  
}

/* Main Windows */
#mainLeft1
{
    position:absolute;
    left: 26px;
    width : 280px;
    top: 186px;
    height: 600px;
    background-color: white ; 
    border-top: solid 1px #cccccc;
}
.forms
{
    position:absolute;
    left: 35px;
    width : 200px;
    top: 490px;
    height: 110px;
    background-color:#f7f7f7; 
 border: solid 1px #cccccc;  
     /*   border: solid 1px #ee2a04;  */
}
#pointer
{
    position:absolute;
    left: 230px;
    top: 435px; 
}
.sizeGuide
{
    position:absolute;
    left: 245px;
    width : 125px;
    top: 525px;
    height: 30px;
    background-color:white; 
    z-index:10;
}

.expandMore
{
    position:absolute;
    left: 245px;
    width : 100px;
    top: 495px;
    height: 20px;
    background-color:white; 
    z-index:12;  
}

/* Spacer */
#mainMiddle1
{
    position:absolute;
    left: 315px;
    width : 60px;
    top: 190px;
    height: 450px;
    background-color: white; 
    z-index:1;
}
#mainRight1
{
    position:absolute;
    left: 385px;
    width : 495px;
    top: 186px;
    height: 450px;
    background-color:white; 
    z-index:2;
}
#mainProduct
{
    position:absolute;
    left: 385px;
    width : 495px;
    top: 186px;
    height: 450px;
    background-color:white; 
    z-index:3;
}
#mainProductOptions
{
    position:absolute;
    left: 880px;
    width : 80px;
    top: 186px;
    height: 450px;
    background-color:white; 
    z-index:4;
}
#newsflash
{
    position:absolute;
    left: 895px;
    top: 200px;
    background-color:white; 
    z-index:13;
}


#mainProductTV
{
    position:absolute;
    left: 878px;
    width : 150px;
    top: 513px;
    height: 175px;
    background-color:white; 
    z-index:13;
}

#newsletter
{
    position:absolute;
    left: 300px;
    width:500px;
    top: 5px;
    background-color:white; 
    z-index:2;
}

#allRanges
{
    position:absolute;
    left: 385px;
    width : 595px;
    top: 190px;
    height: 1450px;
    background-color:white; 
    border-left: solid 1px #cccccc;
    z-index:8;
    padding-left:5px;
    padding-top:5px;
}
#network
{
    position:absolute;
    left: 385px;
    width : 595px;
    top: 190px;
    height: 410px;
    background-color:white; 
    border-left: solid 1px #cccccc;
    z-index:8;
    padding-left:5px;
    padding-top:5px;
}
#stockists
{
    position:absolute;
    left: 385px;
    width : 595px;
    top: 190px;
    height: 950px;
    background-color:white; 
    border-left: solid 1px #cccccc;
    z-index:15;
    padding-left:5px;
    padding-top:5px;
}

#networkLogos
{
    position:absolute;
    left: 5px;
    width : 150px;
    top: 5px;
    height: 410px;
    z-index:9;
}

#networkContent
{
    position:absolute;
    left: 165px;
    width : 410px;
    top: 5px;
    height: 410px;
    z-index:9;
}
#collectionLogos
{
    position:absolute;
    left: 5px;
    width : 150px;
    top: 15px;
    height: 410px;
    z-index:9;
}

#collectionContent
{
    position:absolute;
    left: 165px;
    width : 410px;
    top: 15px;
    height: 410px;
    z-index:9;
}

#rangeThumbs
{
    position:absolute;
    left: 5px;
    width : 650px;
/*    top: 315px; */
    top:15px;
    z-index:9;
}
#newsletterSignup
{
    background-color:white; 
    border-left: solid 1px #cccccc;z-index:2;
    padding-left:30px;
}

/* Footer links */
.footerLinks
{ 
    position:absolute;
    left: 35px;
    width : 850px;
    top: 637px;
    height: 30px;
    background-color:white; 
    border-top: solid 1px #cccccc;
    z-index:6;
}
.bookmark
{ 
    position:absolute;
    left: 878px;
    width : 80px;
    top: 637px;
    height: 17px;
    background-color:white;
    border-top: solid 1px #cccccc; 
    z-index:13;
}





/* Homepage Footer - potentially Later Product Review on Product pages */
#mainBottomLeft
{
    position:absolute;
    left: 35px;
    width : 300px;
    top: 670px;
    height: 80px;
    background-color: white; 
}
#mainBottomMiddle
{
    position:absolute;
    left: 342px;
    width : 300px;
    top: 670px;
    height: 80px;
    background-color:white; 
}
#mainBottomRight
{
    position:absolute;
    left: 650px;
    width : 300px;
    top: 670px;
    height: 80px;
    background-color:white; 
}



/* Homepage, Collapsible Panel */
.collapsePanel
{
    width: 300px;
    height: 0px;
    background-color: #f7f7f7;
    overflow:hidden;
    z-index: 12;
    padding-left:1px;
    padding-right:1px;
}

.collapsePanelHeader
{
    width: 300px;
    height: 30px;
    color:  #606060;
    background-color: white;
    cursor: pointer;
    vertical-align:middle;
    z-index:11;
}
.collapseSizeGuide
{
    width: 295px;
    height: 0px;
    background-color: white;
    overflow:hidden;
    z-index: 12;
}
.collapseSizeGuideHdr
{
    width: 135px;
    height: 30px;
    color:  #606060;
    background-color: white;
    cursor: pointer;
    vertical-align:middle;
    z-index:11;
}




/*********/
/* STYLE */
body
{
  	font-family: Arial, Helvetica, sans-serif;
  	font-size:x-small;
    color:#606060;
	background: #ffffff;
	padding: 0;
	margin: 0;
}

h1
{
    font-size:medium;
    font-weight:800;
    color:#606060;
    padding-top:12px;
}

h2
{
    font-size:x-small;
    font-weight:800;
    color:#606060;
    /* so I can use in Category Nav without massive spaces */
    margin-bottom:0px;
    margin-top:1px;

}
/* Breadcrumbs */
h3
{
    font-size:x-small;
    font-weight:500;
    color:#bcbcbc;

}
h4
{
    font-size:small;
    font-weight:800;
    color:#606060;
    /* so I can use in Category Nav without massive spaces */
    margin-bottom:2px;
    margin-top:1px;
}
.titleNoPadding
{
    font-size:medium;
    font-weight:800;
    color:#606060;   
}
.redTitleNoPadding
{
    font-size:x-small;
    font-weight:800;
    color:red;   
}

.midline
{
    vertical-align:super;
    font-weight:800;
    font-size:medium;
    color:Red;
}


/* for stylesheet switch synmbol */
.small
{
    font-size:small;
}
.smaller
{
    font-size:x-small;
}

/* remove border around images with links, product nav and thumbnails */
img
{
    border-style:none;
 }



/* Links and Hover styles */
a
{
    text-decoration:none;
}

/* Default */
a:visited, a:link, a:active {color:#606060;}
a:hover {color:red;}

/* colored classes */
.hover1:hover
{
   color:red;
}
.hover2:hover
{
   color:green;
}
.hover3:hover
{
   color:purple;
}
.hover4:hover
{
   color:orange;
}
.hover5:hover
{
   color: Blue;
}



/* Forms */
.formTitle
{
    /*color:#e74d2f; old logo red*/
    color:#ee2a04;
    font-size: medium;  
}

.giftTitle
{
    color: red;     
}

.formStyle
{
    font-size: x-small;
    /* color:#e74d2f; old logo red*/
    /*color:#ee2a04; */
    background-color:white;
    margin-left:5px;
}



/* colors to brighten up title, ie Blue Graphic on Red Tshirt */
.titleBlue
{   color: Blue;
}
.titleRed
{   color: Red;
}
.titleGrey
{   color: Gray;
}
.titleGreen
{   color: green;
}
.titleOrange
{   color: orange;
}
.titlePink
{   color: #fa53d9;
}
.titleBlack
{   color: black;
}
.titleYellow
{   color: #e8da01;
}
.noscript
{
    font-weight:bold;
    font-size:x-small;
    color:Red;
}

.rss
{
    border:0;    
}


/********************/
/* the old info.css */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


wireFrame {
display: 	none; 
overflow: hidden; 
z-index: 2; 
background-color: #FFFFFF; 
border: solid 1px #D0D0D0;

}


/**********************************/
/* old menu.css for menu and dock */
.dock {
	/*position: relative; 
	height: 50px; 
	text-align: left; */
	position:absolute;
    left: 15px;
    width : 735px;
    top: 5px;
    height: 60px; 
}
.dock-container {
	position: absolute;
	height: 60px;
	/*background: url(../images/dock-bg2.gif);*/
}
a.dock-item {
	display: block;
	width: 40px;
	color: #606060;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
}


.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 98%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}



/**************************************************/
/* old stylesheet.css for UNDER CONSTRUCTION page */
#hiddenA
{
    position:absolute;
    left: 25px;
    width : 450px;
    top: 15px;
    height: 160px;
    background-color:white;    
}