/* CSS Document for http://www.gcssolutions.ie | Version 2
   Author - Protocol | Hosting Ireland | 
   http://www.hostingireland.ie | March 2007 */

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 11px;
	font-family: 'Lucidia Grande', Verdana, Arial;
	margin: 0px;
	background-color: #FFFFFF;
	color: #333333;
	}
	
#center{
	width: 776px;
	text-align: left;
	margin: auto;
	
}

.standout{
  font-weight: bold;
  color: #CC6633;
}


/* =divs | declarations for divisions 
   during initial border layout
==================================================*/


/* =main | main container for content
==================================================*/


#main{
	width: 776px;
	position: relative;
	height: 640px;
}


/* =banner | banner image at top of page
==================================================*/


#banner{
	width: 776px;
	position: absolute;
}


/* =welcomebox | welcomebox in main section
==================================================*/


#welcomebox{
	height: 108px;
	width: 622px;
	position: absolute;
	background-image: url(../images/foootiegear_welcome.jpg);
	background-repeat: no-repeat;
	top: 95px;
	left: 152px;
}


#welcometext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	top: 10px;
	left: 10px;
}


#logolinks{
	width: 622px;
	position: absolute;
	top: 50px;
	left: 0px;

}


/* =navigationbar | navigationbar image at top of page
==================================================*/


#navigationbar{
	height: 27px;
	width: 776px;
	background-image: url(../images/foootiegear_navigationbar.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 64px;
	padding-left: 25px;
	padding-top: 5px;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
	background-color: #333333;
}
a:active {
	background-color: #333333;
}

/* =resultnav | navigation for searching results
==================================================*/
.resultnav{
	top: 0px;
	/*right: 20px;*/
	height: 25px;
	width: 350px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
	margin-right: 15px;
/*	margin-left: auto;
	margin-right: auto; */
	padding: 5px;
	background-color: #F7F7F7;
	font-size: 12px;
}
.resultnav form{
  margin: 0px;
  padding: 0px;
}
.jump2{
	color: #AAAAAA;
	width: 130px;
	height: 20px;
	font-size: 10px;
	position: relative;
	left: 15px;
}

#searchcontrols{
  margin: 5px;
}


/* =content |contains navbar midbar & sidebar
==================================================*/


#content{
	height: 412px;
	width: 776px;
    margin: 0px;
}




/* =footerbar | footerbar at bottom of site 
==================================================*/


#footerbar{
	height: 26px;
	width: 756px;
	background-image: url(../images/foootiegear_footer.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 600px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

/* =footer-sml | small footerbar at bottom of site 
==================================================*/


#footer-sml{
	height: 24px;
	width: 600px;
	background-image: url(../images/footer-sml-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}


/* =sidenavleft | sidenavleft area
==================================================*/

#sidenavleft{
	height: 495px;
	width: 136px;
	margin: 0px;
	position: absolute;
	background-image: url(../images/navleft.jpg);
	background-repeat: no-repeat;
	top: 95px;
	left: 4px;
	padding-left: 10px;
}


/* =imagelinksone | imagelinksone area
==================================================*/

#imagelinksone{
	height: 204px;
	width: 622px;
	position: absolute;
	top: 200px;
	left: 152px;
}


/* =imagelinkstwo | imagelinkstwo area
==================================================*/

#imagelinkstwo{
	height: 204px;
	width: 311px;
	position: absolute;
	top: 400px;
	left: 152px;
}

/* =imagelinkstwoleft | imagelinkstwoleft
==================================================*/

#imagelinkstwoleft{
	background-color: #CC0000;
	float: left;
}


/* =imagelinkstworight | imagelinkstworight
==================================================*/

#imagelinkstworight{
	position: absolute;
	height: 220px;
	width: 312px;
	left: 314px;
	top: 1px;
}


#maincontent{
	padding-top: 210px;
	padding-left: 155px;
}

#maincontainertop{
	background-image: url(../images/canvastop.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 3px;
	width: 618px;
	margin: 0px;
	padding: 0px;
}
#maincontainermain{
	background-image: url(../images/canvasmid.jpg);
	background-repeat: repeat-y;
	width: 618px;
	padding: 5px;
	margin: 0px; 
}
#maincontainerbottom{
	background-image: url(../images/canvasbottom.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 618px;
}
#cartcontainer{
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	left: 14px;
	top: 358px;
	padding-top: 20px;
}

.title{
	font-weight: bold;
	color: #838479;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
}


.product{
	background-color: #FFFFFF;
	width: 580px;
	/*height: 225px;*/
	border: 1px dashed #666666;
	padding: 10px;
	margin-left: 3px;
	margin-bottom: 8px;
}

.infocontainer{
	background-color: #FFFFFF;
	width: 580px;
	border: 1px dashed #666666;
	padding: 10px;
	margin-left: 3px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.textcontainer{
	background-color: #FFFFFF;
	width: 580px;
	border: 1px dashed #666666;
	padding: 10px;
	margin-left: 3px;
	margin-bottom: 8px;
}

.productthumb{
	padding: 5px;
	float: left;
}

.productinfo{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #838479;
	font-size: 11px;
	float: left;
	padding: 5px;
	width: 280px;
}

.textinfo{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #838479;
	font-size: 11px;
	float: left;
	padding: 5px;
	width: 565px;
}


.productprice{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	font-size: 11px;
	float: right;
	width: 130px;
	background-color: #F0D53C;
	border: 2px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.cattitle{
	padding: 5px;
	margin-bottom: 8px;
	width: 30%;
	float: left;
	display: block;
}

.price{
	color: #FF0000;
	background-color: #FFFFFF;
}

.txtsz9 {font-size: 9px}

.whiteboxtxt {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
}

.question{
	color: #838479;
	font-weight: bold;
}

.spacer{
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}


.paypalback{
  width: 95%;
  border: 2px #AAAAAA dotted; 
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.paypalback .title {
  font-size: 1.2em;
  padding: 0;
}

/*==============================================
==FORM=FORM=FORM=FORM=FORM=FORM=FORM=FORM=FORM==
==============================================*/
select{
	margin-bottom: 5px;
}

/*=====================================

======================================*/
.fieldtitle {
  vertical-align: top;
}

.linkspage{
  text-align: left;
}
.linkspage .link{
  margin-top: 15px;
  margin-bottom: 0;
}
.linkspage .link a{
	font-weight: bold;
}
.linkspage .link a:link {
	color: #838479;
	text-decoration: none;
}
.linkspage .link a:visited {
	color: #A4A69F;
	text-decoration: none;
}
.linkspage .link a:hover {
	color: #FFCC00;
	text-decoration: underline;
	background-color: #888888;
}
.linkspage .link a:active {
	background-color: #888888;
	text-decoration: none;
}
.linkspage .description {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  color: #A4A69F;
}

ul{
	color: #333333;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	list-style-position: outside;
}

.pricetotal {
  font-weight: bold;
}