﻿/*----------------------------------------------------------------------------------------------------------	
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.1
----------------------------------------------------------------------------------------------------------*/	
/* Yahoo UI - CSS Reset																						*/
/*----------------------------------------------------------------------------------------------------------*/	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 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;}
ol, ul													{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;}
/*----------------------------------------------------------------------------------------------------------*/	
/* Yahoo UI - Font Reset																					*/
/*----------------------------------------------------------------------------------------------------------*/	
/* * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 ----------------------------------------------------------------------------------------------------------*/	
body													{font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table													{font-size:inherit;font:100%;}
/*  Bump up IE to get to 13px equivalent  */
pre,code,kbd,samp,tt									{font-family:monospace; *font-size:108%;line-height:99%;}
.clear {clear:both;}
 

/*----------------------------------------------------------------------------------------------------------*/	

body
{
	background-color: #f1f1f1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	color: #000000;
}

/*  color: #666666; */
/* standard styles */

.form       {padding: 0px;margin: 0px;}
img         {border:0;}

h1 {
	background-color: #e8e8e8;
    color: #cc0000;
    text-align: left;
    width: 580px;
    margin: 0px;
    margin-top:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    font-size: 93%;
    font-weight: bold;
    border: 1px solid #cccccc;
}

h4 {
    font-size:93%;
    font-weight: bold;
    margin: 0px;
    }
 
/* utility styles */
.clear          {clear:both;}
.activetext     {font-weight:bold;color:#cc0000;}
.currentpage    {font-weight:bold;color:#cc0000; font-size:100%;}



/* site layout */
#pagecontainer 
{
    background-color:#ffffff;
    width:790px;
    margin:0 auto 0 auto;
    padding:10px;
     
     
}

/* page header styles */
#pageheader #logo
{
    float:left;
     
}
#companyinfo {
    background-color: #e8e8e8;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    float: right;
    border: 1px solid #cccccc;
    width:600px;
    height:70px;
}

.shoplinks {
    font-family: arial;
    font-weight: bold;
    font-size: 77%;
    text-align: left;
    margin-right: 10px;
    padding-left: 10px;
    float: right;
    text-align: right;
    border-left: 1px solid #ffffff;
    color: #999999;
    text-transform: uppercase; 
    line-height: 15px;
    }
        
.shoplinks a                        {}
.shoplinks a:link                   {text-decoration: none;color: #999999;}
.shoplinks a:visited                {text-decoration: none;color: #999999;}
.shoplinks a:hover                  {text-decoration: none;color: #73a018;}
.shoplinks a:active                 {text-decoration: none;color: #73a018;}
.shoplinks .emphasized a:link       {text-decoration: none;color: #777777;}
.shoplinks .emphasized a:visited    {text-decoration: none;color: #777777;}    
.shoplinks .emphasized a:hover      {text-decoration: none;color: #73a018;}
.shoplinks .emphasized a:active     {text-decoration: none;color: #73a018;}    
    
/* Action Sections Layout */
#actioncontainer        {padding:5px; }
#actionpage             {width:590px;float:right;padding:0px;margin:0;margin-top:5px;}
#navigation             {width:160px;float:left;}

/* Navigation Style */
ul			    {margin:0 0 0 0; padding:0;}
ul li           {display:block; list-style:none outside none; margin:0 0 0.3em 0; padding:0 0 0 10px;}
ul li a		    {text-decoration:none;color: #000000;}
ul li a:visited   {color:#000000;text-decoration:none; } 
ul li a:hover   {color:#73a018;text-decoration:underline !important; } 

.navigationmenu		
{
    margin: 0px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding: 0;
    width: 160px ;
    border: 1px solid #cccccc;
}



.navigationmenu h2
{
    background-color: #e8e8e8;
    color: #cc0000;
    text-align: left;
    width: 150px ;
    margin: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 93%;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;

}

.navigationmenu ul		    
{
	margin: 0;    
	padding: 0;    
	list-style-type: none;    
	font-size: 93%;
}
.navigationmenu li		
{
	list-style-type: none;    
	margin-left: 0px;    
	padding-left: 0px;    
	margin-top: 1px;
}
.navigationmenu li a	
{
	width:150px;
    vertical-align:middle;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
	padding-right:0px;
    text-decoration: none;
    color: #4b5356;
    display: block;
	background-repeat: repeat-y;
}


.navigationmenu li a:hover
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 0px;
    text-decoration: none;
    color: #fff;
    display: block;
    border: none;
    background-color:#a60000;
}

.navigationmenuselected
{
	 font-weight:bold;
}
.navigationmenu img
{
	padding-left:5px;
	padding-top:5px;
	
}

.navigationmenu input {
	vertical-align: middle ;
	margin: 10px 0  10px  5px;
}
.txtSearchBox
{ 
	width:100px;
}

 /* sub categories */
.subcat ul		    
{
	margin: 0;    
	padding: 0;    
	list-style-type: none;    
}
.subcat li		
{
	list-style-type: none;    
	margin-left: 0px;    
	padding-left: 10px;    
	margin-top: 1px;
	font-size: 85%;
}
.subcat li a	
{
	width:140px;
    vertical-align:middle;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
	padding-right:0px;
    text-decoration: none;
    color: #4b5356;
    display: block;
	background-repeat: repeat-y;
}


.subcat li a:hover
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 0px;
    text-decoration: none;
    color: #fff;
    display: block;
    border: none;
    background-color:#a60000;
}
/* end sub categories */
/*merch sections */
.largemerchbox
{
    width:100%;
    text-align:center;
    padding-bottom:5px;
    border-bottom:solid 1px #cecece;
    
}

/* product search view */
.productview    {padding:0 10px 0 10px;margin:0;width:100%;}
.productitem    
{
	width:170px;
    padding:0;
    text-align:center;
    float:left;
    margin:0;
    padding:5px;
    vertical-align:top;
    margin-right:10px;
    border:solid 1px #cecece;
    height:270px;
    margin-bottom:10px;
}
.productitem h2
{
    font-size:100%;
}
.productitem h2 a               { color:#00477f;  font-weight:bold; text-decoration:none; }
.productitem h2 a:hover        { color:#a60000; text-decoration:underline; }   
.productmainimage
{
     border:solid 1px #e8e8e8;
     padding:0;
     margin:0;
     text-align:center;
     float:left;
}
.productitem p
{
    font-size:93%;
}
.productbottom
{
	bottom:10px;
	position:absolute;
}


/* footer */
#pagefooter {
    font-size: 77%;
    font-weight: 100;
    background-color: #e8e8e8;
    vertical-align: middle;
    color: #000000;
    text-transform: uppercase; 
    text-align:center;
    padding:5px;
    }
/* footer */



/* Paging */

.searchpaging
{
    margin:0px;
    width:98%;
    padding:0;
    background-color: #e8e8e8;
    border:solid 1px #cecece;
    padding:3px;
    margin-top:10px;
}
.searchpaging li
{
    display: inline;
    list-style-type: none;
    padding: 3px;
    margin-right:5px;
}
/* Breadcrumb */
.breadcrumb
{
    margin:0px;
    width:580px;
    padding:0;
    background-color: #e8e8e8;
    border:solid 1px #cecece;
    padding:5px;
}
.breadcrumb li
{
    display: inline;
    list-style-type: none;
    margin:0;
    padding:0;
    padding-right:5px;

}
 

/* product details */
.productdetails
{
    padding:5px; 
    
}
.productdescription h1
{
	font-size:100%;
	color:#00477f;
	border-bottom:solid 2px  #00477f;
	padding:0px;
    padding-bottom:5px;
    margin-bottom:5px;
    width:275px;
    
}
.productdescription
{
    float:right;
    width:265px;
    padding-top:0px;
    padding:5px;
}
.productdescription .bigPrice
{
    font-size:167%;
    color:#cc0000;
    font-weight:bold;
     
}
.productdescription p
{
    padding:0;
    margin:0;
    
    padding-top:5px;
    padding-left:3px;
    padding-bottom:10px;
    margin-top:5px;
    font-size:85%;
    border-top:solid 2px  #00477f;
    border-bottom:solid 2px  #00477f;
}
.productdescription img
{
    border:none;
}
.infobox
{
    border:0;
    padding:2px;
    margin:0px;
    vertical-align:top;
    font-size:85%;
	 
   
}
.infobox td 
{
    vertical-align:top;
}
.title
{
    width:58%;
}
.productdescription .value
{
    font-weight:bold;
    width:58%;
    color:#00477f;
     
}
.descriptionbox
{
    text-align:justify;
    padding:0px;
    margin:0px;
}
.descriptionbox p 
{
    margin:0;
    padding:0;
    padding-top:10px;
}
  
/* End Of Product Details */
.right
{
    float:right;
}
 

/*smooth scrolling box */
#imageBoxScroll { margin: auto; width: 100%; border: 1px #000 solid; overflow: hidden;position:relative; z-index:3  }
#imageBoxInside { width: 10000px; }  
#imageBox img { float: left; padding: 0px; margin: 0px; }
#imageBoxScroll br { clear:both;}
#imageBoxScroll img { margin-right:10px;}


.subcats
{
    margin:0px;
    width:98%;
    padding:0;
    background-color: #e8e8e8;
    border:solid 1px #cecece;
    padding:5px;
    margin-top:5px;
}

.subcats li
{
    display: inline;
    list-style-type: none;
    margin:0;
    padding:0;
    padding-right:25px;

}

.checkouttable
{
    width:100%;
    border:solid 1px #cecece;
}

.checkouttable th
{
    font-size:93%;
    text-align:left;
    padding:10px;
    background-color: #e8e8e8;
}
.checkouttable td
{
    padding:10px;
    text-align:left;
    vertical-align:top;
}
.checkouttable td.money
{
    text-align:right;
}

.checkouttable td.center
{
    text-align:center;
}
.bignotify
{
    padding-bottom:20px;
    padding-top:10px;
    text-align:center;
    width: 580px;
    font-weight:bold;
    color:#cc0000;
    font-size:100%;
    background-color: #e8e8e8;
    border:solid 1px #cecece;
    margin-top:-20px;
}

.infonotify
{
    padding:10px;
    text-align:left;
    width:95%;
    background-color: #e8e8e8;
    border:solid 1px #cecece;
    
}
.maxwidth
{
    width:450px;
}
.eightywidth
{
    width:80%;
}

.detailstable
{
    width:100%;
    border:solid 1px #cecece;
    padding:0;
    margin:0;
}

.detailstable th
{
    font-size:85%;
    text-align:left;
    padding:5px;
    background-color: #e8e8e8;
}
.detailstable td
{
    padding:5px;
    text-align:left;
    vertical-align:top;
}
.detailstable td.money
{
    text-align:right;
}

.detailstable td.center
{
    text-align:center;
}

.error
{
    font-weight:bold;color:#cc0000;
}
.errorbox 
{
    border:solid 1px #cc0000;
}

.merchcontainer
{
    float:left;
    width:270px;
    height:150px;
    padding:5px;
}



/* optiona extras */
fieldset.options {
  padding: 10px;
}
fieldset.options legend {
  padding: 0 2px;
  font-weight: bold;
  text-indent:-99999px;
}
fieldset.options label {
  display: block;
  line-height: 1.8;
  vertical-align: top;
  font-weight:bold;
}
fieldset.options fieldset ol {
  margin: 0;
  padding: 0;
}
fieldset.options fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
fieldset.options fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
fieldset.options fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
fieldset.options fieldset fieldset label {
  display: block;
  width: auto;
}
fieldset.options em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
fieldset.options label {
  width: 120px; /* Width of labels */
}
fieldset.options fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}




/* options box */

.optionbox
{
	margin-top:5px;
	margin-bottom:5px;
	padding: 10px;
	color:#00477f;
	border:solid 2px  #00477f;
	background-color: #e8e8e8;
}

.optionbox h3
{
	font-weight:bold;
	font-size:100%;
	padding-bottom:5px;
	border-bottom:solid 1px #000000;
	margin-bottom:5px;
}
/* end options box */