/* CSS Document */
body
{
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
background: url(media/mainbg.jpg) repeat left top;
}
#wrapper
{
text-align: left;
margin: 0px auto;
padding: 0px;
width: 980px;
background: #FFFFFF;
}

#header
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
background: #FFF url(media/costumesheader.jpg) no-repeat left top;
height: 184px;
}
#header h1
{
display: none;
}
#headernav
{
margin: 0px;
padding: 0px;
position: relative;
top: 0px;
width: 980px;
}
#headernav ul
{
margin: 0px 20px 0px 20px;
padding: 0px;
width: 980px;
list-style: none;
}
#header ul li
{
float: left;
display: inline;
font-size: 14px;
margin-right: 30px;
}
#header ul li a
{
text-decoration: none;
color: #0e76bc;
font-weight: bold;
}
#header ul li a:hover
{
color: #069444;
}
#clearfloats
{
clear: both;
}
#container
{
margin: 0px;
padding: 0px;
}

#side-a
{
float: left;
position: relative;
top: 0px;
width: 200px;
}
#categorieslefttab
{
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
#catleftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
background: url(media/categorieslightbluebg.jpg) repeat-y left top;
}
#catleftnav ul
{
margin: 0px;
padding: 0px;
width: 178px;
list-style: none;
}
#catleftnav ul li
{
float: left;
display: block;
margin: 0px 0px 0px 1px;
padding: 4px 0px 4px 4px;
font-size: 12px;
width: 167px;
}
#catleftnav ul li a.leftmaincats
{
display: block;
background: url(media/arrowblack.gif) no-repeat 4px 8px;
text-decoration: none;
padding: 4px 0px 4px 4px;
margin: 0px;
color: #ffffff;
}
#catleftnav ul li a.leftmaincats:hover
{
display: block;
background: #0E76BC url(media/arrowwhite.gif) no-repeat 4px 8px;
padding: 4px 0px 4px 4px;
margin: 0px;
color: #fff;
}
#catleftnav ul li.activelink
{
display: block;
background: #0E76BC url(media/arrowdown.gif) no-repeat 4px 8px;
margin: 4px 0px 0px 5px;
padding: 4px 4px 4px 4px;
font-size: 12px;
width: 158px;
color: #fff;
}
#catleftnav ul li ul li.subs
{
display: block;
width: 147px;
margin: 0px;
padding: 4px 4px 4px 4px;
}

#catleftnav ul li ul li.subs a.testsubs
{
display: block;
width: 140px;
margin: 0px;
padding: 0px;
text-decoration: none;
color: #ffffff;
background: url(media/arrowblack2.gif) no-repeat 4px 8px;
}

#catleftnav ul li ul li.subs a.testsubs:hover
{
display: block;
margin: 0px;
padding: 0px;
background: url(media/arrowwhite.gif) no-repeat 4px 8px;
text-decoration: none;
color: #FFFF00;
cursor: pointer;
}

#catleftnav ul li ul li.subs span.testdiv
{
display: block;
width: 128px;
margin: 0px 0px 0px 14px;
padding: 4px 4px 4px 0px;
}
#catleftnav ul li ul li.last a.subslink
{
display: block;
width: 147px;
margin: 0px 0px 0px 14px;
padding: 4px 4px 4px 0px;
}
/**/
#toptenleftnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
background: url(media/specialoffersblockbg.jpg) repeat-y left top;
}
#toptenleftnav ul
{
margin: 0px;
padding: 0px;
width: 178px;
list-style: none;
}
#toptenleftnav ul li
{
float: left;
margin: 0px 0px 6px 4px;
padding: 0px 0px 4px 0px;
font-size: 12px;
display: block;
width: 168px;
height: 54px;
border-bottom: dashed 1px #999999;
}

#toptenleftnav ul li a
{
display: block;
text-decoration: none;
color: #0057a6;
padding: 0px;
margin: 0px 0px 2px 0px;
}
#toptenleftnav ul li a:hover
{
display: block;
padding: 0px;
color: #000;
margin: 0px 0px 2px 0px;
cursor: pointer;
}

#topten
{
float: right;
display: inline;
width: 120px;
margin: 0px;
padding: 0px;
text-align: left;
}

#topten p
{
margin: 0px;
color: #0057a6;
font-weight: bold;
padding: 0px;
}

.toptenprice
{
font-size: 16px;
color: #FF0000;
}
/**/

#side-b
{
float: right;
width: 200px;
}
#categoriesrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
#catrightbasketnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 10px;
background: url(media/yourbasketbg.jpg) repeat-y left top;
font-size: 14px;
color: #ffffff;
}
#catrightsearchnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
background: url(media/searchblockbg.jpg) repeat-y left top;
font-size: 14px;
text-align: center;
}
#specialsrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
/*border: 1px solid #000;*/
}
#offersrightnav
{
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(media/specialoffersblockbg.jpg) repeat-y left top;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #000;
}
#offersrightnav p
{
margin: 0px;
padding: 4px 0px;
}
#offersrightnav img
{
margin: 10px 0px 0px 0px;
}
.specialsprice
{
font-size: 24px;
color: #FF0000;
}

#content
{ 
float: left;
width: 58%;
text-align: center;
}
#content2
{ 
float: left;
width: 78%;
text-align: center;
}
#centerpara
{
margin: 0px 0px 0px 0px;
padding: 0px 0px;
width: 570px;
background: url(media/mainmiddlebg.jpg) repeat-y left top;
color: #000;
}
#centerpara h1
{
display: none;
}
#centerpara h2
{
margin: 4px auto;
padding: 0px;
}

#centerpara2
{
margin: 20px 0px 0px 0px;
padding: 0px;
width: 570px;
}
#centerpara2 h1
{
display: none;
}
#centerpara2 h2
{
margin: 4px auto;
padding: 0px;
}

#centerpara3
{
margin: 20px 0px 0px 0px;
padding: 0px;
width: 750px;
}
#centerpara3 h1
{
display: none;
}
#centerpara3 h2
{
margin: 4px auto;
padding: 0px;
}


#centerparaterms
{
margin: 20px 0px 0px 0px;
padding: 0px;
width: 750px;
background: url(media/mainmiddlebg.jpg) repeat-y center top;
}
#centerparaterms h1
{
display: none;
}
#centerparaterms h2
{
margin: 4px auto;
padding: 0px;
}

#centermanufacturers
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#centermanufacturers ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#centermanufacturers ul li
{
float: left;
display: inline;
font-size: 14px;
width: 130px;
height: 110px;
border: 1px solid #929292;
margin-right: 5px;
padding: 18px 0px 0px 0px;
}

#centermanufacturers2
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#centermanufacturers2 ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#centermanufacturers2 ul li
{
float: left;
display: inline;
font-size: 14px;
width: 130px;
height: 110px;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;
padding: 18px 0px 0px 0px;
}
.manufacturerslast
{
margin-right: 0px;
}

#carsubmanufacturers
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: center;
}
#carsubmanufacturers ul
{
margin: 12px 0px 0px 12px;
padding: 0px;
width: 570px;
list-style: none;
}
#carsubmanufacturers ul li
{
float: left;
display: inline;
font-size: 14px;
width: 270px;
height: 264px;
border: 1px solid #929292;
margin-right: 5px;
margin-bottom: 5px;
padding: 8px 0px 0px 0px;
}
#carsubmanufacturers ul li a
{
text-decoration: none;
}


#centercats
{
float: left;
display: inline;
width: 278px;
margin: 20px 10px 0px 2px;
padding: 0px;
}
.catlinks a
{
text-decoration: none;
color: #FFF;
}
a.catlinks:hover
{
text-decoration: none;
color: #000;
}

#centercats h1
{
display: none;
}
#centercats2
{
float: left;
display: inline;
width: 278px;
margin: 20px 0px 0px 0px;
padding: 0px;
}

#centercats2 h1
{
display: none;
}
.catlinks a
{
text-decoration: none;
color: #FFF;
}
a.catlinks:hover
{
text-decoration: none;
color: #000;
}
#footer
{
clear: both;
background: url(media/footerbg.jpg) no-repeat left top;
height: 294px;
}
#footerlinks
{
float: right;
position: relative;
top: 0px;
right: 0px;
margin: 60px 300px 0px 0px;
padding: 0px;
}

#footerlinks ul
{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 12px;
}
#footerlinks ul li
{
padding: 2px 0px;
margin: 0px;
color: #FFF;
line-height: 22px;
}
#footerlinks ul li a
{
color: #FFF;
text-decoration: none;
}
#footerlinks ul li a:hover
{
color: #a4c50c;
text-decoration: none;
}

a.linksfooter
{
color: #000;
text-decoration: underline;
}
a.linksfooter:hover
{
color: #FFF;
text-decoration: none;
}

.searchform
{
margin: 0px;
padding: 0px;
}
input.keywords
{
width: 158px;
height: 22px;
font-size: 12px;
margin-bottom: 10px;
}

input.formField
{
font-size: 12px;
margin: 0px 0px 0px 5px;
padding: 2px 2px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: solid 1px #4C4C4C;
width: 240px;
}
textarea.formTextArea
{
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 5px;
width: 320px;
height: 100px;
border: solid 1px #4C4C4C;
}
.error
{
margin: 0px 0px 10px 0px;;
color: #FF0000;
font-size: 18px;
}
.errortext
{
font-size: 10px;
color: #FF0000;
}
.errortext2
{
font-size: 14px;
color: #FF0000;
}

#rightsubs
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
ul.submaincats 
{
position: relative;
float: left;
left: 8px;
top: 0px;
margin: 10px 0px 0px 4px;
padding: 0px;
width: 560px;
}
ul.submaincats2
{
position: relative;
float: left;
left: 8px;
top: 0px;
margin: 10px 0px 0px 22px;
padding: 0px;
width: 560px;
}
li.catsubs
{
float: left;
position: relative;
height: 220px;
left: 0px;
top: 0px;
list-style: none;
margin: 0px 6px 20px 0px;
padding: 0px;
text-align: center;
background: #FFFFFF url(media/subcatbg.jpg) repeat-y left top;
width: 178px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

li.catsubs a
{
display: block;
text-decoration: none;
color: #FFF;
cursor: pointer;
}

li.catsubs2
{
float: left;
position: relative;
height: 235px;
left: 0px;
top: 0px;
list-style: none;
margin: 0px 6px 30px 0px;
padding: 0px;
text-align: center;
background: #FFFFFF url(media/productsbg.jpg) repeat-y left top;
width: 250px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

li.catsubs2 a
{
display: block;
text-decoration: none;
color: #FFF;
}
li.catsubs2 a:hover
{
display: block;
text-decoration: none;
color: #FFF;
cursor: pointer;
}
.subtopdiv
{
margin: 0px;
padding: 10px 0px;
height: 28px;
background: url(media/subcatheader.jpg) no-repeat left top;
}
.subtopdiv2
{
margin: 0px;
padding: 4px 0px;
height: 28px;
line-height: 28px;
background: url(media/productheaders.jpg) no-repeat left top;
}
.subfootdiv
{
margin: 0px;
padding: 0px;
height: 30px;
background: url(media/subcatfooter.jpg) no-repeat left top;
}
.subfootdiv2
{
margin: 0px;
padding: 0px;
height: 45px;
background: url(media/productfooter.jpg) no-repeat left top;
}

#rightsubs2
{
margin: 0px;
padding: 0px;
font-size: 14px;
text-align: left;
}
#rightsubs2 ul
{
margin: 12px 0px 0px 24px;
padding: 0px;
width: 558px;
list-style: none;
}
#rightsubs2 ul li
{
float: left;
list-style: none;
display: inline;
width: 250px;
height: 240px;
margin: 0px 7px 10px 0px;
padding: 10px 0px 0px 0px;
background: url(media/catbg.jpg) no-repeat left top;
text-align: center;
}
#rightsubs2 ul li img
{
margin: 0px 0px 10px 0px;
padding: 0px;
}
#rightsubs2 ul li a
{
display: block;
margin: 0px auto 10px auto;
padding: 10px 0px 0px 0px;
width: 250px;
height: 240px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #000;
text-align: center;
}

#rightsubs2 ul li a:hover
{
display: block;
background: url(media/catbg2.jpg) no-repeat left -10px;
cursor: pointer;
}

/*pagination*/
.pagination {
	padding: 0px;
	margin: 0px;
}

.pagination ul{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
margin-right: 2px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0057a6;
	
	text-decoration: none; /* no underline */
	color: #0057a6;
}
.pagination a:hover, div.pagination a:active {
	border: 1px solid #0057a6;

	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #0057a6;
		
		font-weight: bold;
		background-color: #0057a6;
		color: #FFF;
	}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}

/*end of pagination*/


#thumbnails ul
{
margin: 0px;
padding: 0px;
}

#thumbnails ul li
{
float: left;
display: inline;
width: 36px;
margin: 2px 2px 0px 1px;
padding: 0px;
height: 24px;
font-size: 8px;
overflow: hidden;
border: 1px solid #999999;
}
#thumbnails ul li a
{
float: left;
display: inline;
width: 36px;
margin: 0px;
padding: 0px;
height: 24px;
font-size: 8px;
overflow: hidden;

}
#thumbnails ul li a:hover
{
float: left;
display: inline;
width: 36px;
margin: 0px;
padding: 0px;
height: 24px;
font-size: 8px;
overflow: hidden;
}

#prodname
{
padding: 10px;
}
#prodname h2
{
margin: 0px;
padding: 0px;
font-size: 18px;
line-height: 18px;
font-weight: bold;
color: #0057a6;
}

a.bluelink 
{
font-size: 12px;
color: #0057a6;
text-decoration: none;
}
a.bluelink:hover
{
color: #3f962e;
}

#basketproducts2
{
margin: 0px;
padding: 0px;
background: url(media/basketcenterbg.jpg) repeat-y 4px top;
}


#basketproducts2 h2
{
margin: 0px; 
padding: 0px;
font-size: 14px;
}
#basketproducts2 h3
{
margin: 0px 0px 10px 10px; 
padding: 0px;
font-size: 14px;
}

#basketproducts2 .price
{
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

#basketcontainer1
{
margin: 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

#basketcontainer1 h1
{
display: none;
}
table#shoppingBasket
{
border-collapse: collapse;
width: 740px;
/*border: 1px solid #0057a6;*/
margin-top: 0px;
}

th, td
{
padding: 0px;
}

thead tr
{
/*background-color: #0057a6;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}

.basketcontents
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

table#basketTotals
{
border-collapse: collapse;
width: 740px;
border: 0px;
font-size: 12px;
margin-bottom: 10px;
color: #006bb8;
}
table#basketTotals td
{
padding: 10px 10px 10px 0px;
}

#basketbuttons
{
/*border: 1px solid #000;*/
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
#basketbuttons ul
{
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
line-height: 26px;
top: 5px;
}
#basketbuttons ul li
{
float: left;
display: inline;
width: 180px;
margin-bottom: 0px;
margin-right: 18px;
margin-left: 12px;
padding: 0px;
}
#basketbuttons ul li.right
{
margin-right: 0px;
margin-bottom: 0px;
}

a.basketlink:link
{
color: #333333;
font-size: 14px;
text-decoration: none;
}

a.basketlink:visited
{
color: #333333;
font-size: 14px;
text-decoration: none;
}
a.basketlink:active
{
color: #333333;
font-size: 14px;
text-decoration: none;
}

a.basketlink:hover
{
color: #666666;
font-size: 14px;
text-decoration: underline;
}

.basketlinktext
{
color: #000;
font-size: 14px;
}
.basketactivetxt
{
font-size: 18px;
color: #0057a6;
}
.basketnotactivetxt
{
font-size: 18px;
color: #ccc;
}

#field
{
position: relative;
left: 90px;
/*border: 1px solid #000;*/
margin: 0px 0px 0px 40px;
}

#breadcrumb
{
position: relative;
top: 20px;
margin: 0px 0px 0px 15px;
font-size: 12px;
color: #000000;
width: 980px;
}
#breadcrumb a
{
text-decoration: none;
color: #0057a6;
}
#breadcrumb a:hover
{
color: #000;
text-decoration: none;
}

.maintext
{
font-size: 14px;
color: #000;
}

#specialsrighttab
{
margin: 0px;
padding: 0px;
width: 178px;
margin: 0px auto;
background: url(media/categoriesbg.jpg) repeat-y left top;
/*border: 1px solid #000;*/
}

#centerpara input[type="text"]
{
margin: 6px 0px;
border-top: 2px solid #1b407a;
border-left: 2px solid #1b407a;
border-bottom: 1px solid #1b407a;
border-right: 1px solid #1b407a;
width: 260px;
}

#centerpara select
{
margin: 6px 0px;
border-top: 2px solid #1b407a;
border-left: 2px solid #1b407a;
border-bottom: 1px solid #1b407a;
border-right: 1px solid #1b407a;
padding: 2px;
width: 120px;
}
#centerpara textarea
{
margin: 6px 0px;
border-top: 2px solid #1b407a;
border-left: 2px solid #1b407a;
border-bottom: 1px solid #1b407a;
border-right: 1px solid #1b407a;
width: 300px;
}

.pricetext
{
color: #FF0000;
font-size: 18px;
font-weight: bold;
}
.errorform
{
color: #FF0000;
font-size: 10px;
font-weight: bold;
}


.suggestionsBox
{
position: relative;
left: 10px;
top: -10px;
margin: 10px 0px 0px 0px;
width: 180px;
background-color: #003a89;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #158bca;	
color: #fff;
text-align: left;
}

.suggestionList
{
margin: 0px;
padding: 0px;
}
	
.suggestionList li
{	
margin: 0px 0px 3px 0px;
list-style: none;
padding: 3px;
cursor: pointer;
}
	
.suggestionList li:hover
{
background-color: #659CD8;
}