@charset "utf-8";

/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*css begin*/
body {
 background-color: #051fa9;
 text-align: center;
 width: 100%;
 background-image: url(../images/main.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 line-height: 1.4em;
 color: #002D80;
 min-width: 830px;
}

#wrapper {
 width: 830px;
 margin-right: auto;
 margin-left: auto;
}

#header {
 height: 302px;
 width: 830px;
 background-image: url(../images/main.jpg);
 background-repeat: no-repeat;
 background-position: center;
 text-align: left;
}

#header img {
 margin-left: 50px;
 margin-top: 20px;
 height: 250px;
 width: 480px;
 float: left;
}

#viewcart_header{
 float: left;
 height: 50px;
 width: 100px;
 margin: 15px 0 0 165px;
}

#nav {
 height: 47px;
 width: 830px;
 background-image: url(../images/navi.jpg);
 background-repeat: no-repeat;
 background-position: center;
}

#navafter {
 height: 45px;
 width: 830px;
 background-image: url(../images/navafter.jpg);
 background-repeat: no-repeat;
 background-position: center;
}

#content {
 width: 690px;
 background-image: url(../images/bg.jpg);
 background-repeat: repeat-y;
 padding: 20px 70px 20px 70px;
 text-align: left;
 background-position: center;
}

#footer {
 clear: both;
 height: 580px;
 background: url(../images/footer.jpg) center top no-repeat;
 width: 100%;
 text-align: center;
}

#footer_bg {
 clear: both;
 height: 580px;
 background: url(../images/footer.jpg) center top no-repeat;
 width: 830px;
 margin-right: auto;
 margin-left: auto;
}

a:link, a:visited, a:active {
 text-decoration: underline;
 color: #fe2471;
}

a:hover {
 color: #fe2471;
 text-decoration: none;
}

h1 {
 font-size: 1.2em;
 padding: 0px;
 line-height: 1.6em;
 margin: 10px 0 30px 0;
 font-weight:normal;
}

h2 {
 font-size: large;
 padding: 0px;
 line-height: 1.2em;
 margin: 20px 0 10px 0;
 font-weight: bold;
 padding-left: 33px;
 background: url(../images/h2.jpg) no-repeat left;
}

p {
 margin-top: 10px;
 margin-bottom: 10px;
 line-height: 150%;
}

strong {
 color: #fe2471;
}

img{
 margin: 0px;
 padding: 0px;
 border: 0px;
}
#leftimg {
 margin: 0px 15px 0px -31px;
}

#rightimg {
 margin: 0px -20px 0px 15px;
}

.smallicon{
 margin: 2px 4px;
 vertical-align:top;
}

.readmore {
 text-align:right;
 padding-right: 10px;
 line-height: 1.4em;
 font-size:small;
}

ul li{
  margin-left: 50px;
  margin-top: 5px;
}

ol li {
 margin-left: 50px;
 font-weight: bold;
 margin-top: 5px;
}

ol li span {
 font-weight: normal;
}

.boxmini{
 float: left;
 width: 220px;
 height: 80px;
 margin: 10px 0 10px 0;
}
.pricemini {
 font:14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 background: url(../images/price.png) left no-repeat;
 margin: 0 0 5px 0;
 padding-left: 20px;
}

.addcartmini{
 margin: 0 0 10px 0;
}

.viewcart{
 float: right;
}

/* 
	DROP DOWN MENU - LEVEL ONE
*/
ul.dropdown                         { list-style: none; position: relative; text-align: left;  z-index: 1;}
ul.dropdown li                      { font-weight: bold; font-size: 20px; float: left; zoom: 1; background: #fff; margin: 0px; padding: 0px; height: 47px;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #fe2471; }
ul.dropdown li a                    { display: block;
	 								  color: #002D80; padding: 12px 20px 15px 20px; text-decoration: none;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background-image: url(../images/btn_hover.jpg); background-repeat: repeat-x; background-position:left; position: relative; }
ul.dropdown li.hover a              { color: #fe2471; }


/* 
	DROP DOWN MENU - LEVEL TWO
*/
ul.dropdown ul 						{ list-style: none; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0px; }
ul.dropdown ul li 					{ font-weight: normal; font-size: 0.7em; height: 32px; 
									  border-left: 5px solid #051fa9; float: none; padding-bottom: 6px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;} 

/* 
	DROP DOWN MENU - LEVEL THREE
*/
ul.dropdown ul ul 					{ list-style: none; left: 100%; top: 0; font-size: 1.3em;}
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* Credit */
#credit {
 padding-top: 400px;
 padding-right: 65px;
 text-align: right;	
 color: #FFFFFF;
 font-size: 0.9em;
}

#credit a:link, #credit a:visited, #credit a:active {
 text-decoration: none;
 color: #FFEAFF;
 font-weight: bold;
}

#credit a:hover {
 text-decoration: underline;
}

/* Home page BOXES */
#introboxes {
	width: 460px;
	float: left;
	display: inline;
}

#tweetfeed {
	width: 218px;
	float: left;
	display: inline;
}

.introbox{ 
	width: 218px; 
	margin: 0 12px 20px 0; 
	float:left; 
	background:#FFF; 
	display: inline;
}

.introbox h5{ 
	margin: 5px 10px 0 10px;
	color:#002D80;
	font:16px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.introbox p {
	margin: 10px 5px 0 10px;
}

.introbox h5 a {
	color:#002D80;
	text-decoration: none;
}

.introbox h5 a:hover {
	color: #fe2471;
	text-decoration: underline;
}


/* PRODUCTS */

.boxgrid{ 
	width: 194px; 
	height: 450px; 
	margin: 10px 12px 20px 0; 
	float:left; 
	background:#FFF; 
	overflow: hidden; 
	border: solid 1px #002D80;  
	-moz-border-radius-bottomleft: 10px;  
	-moz-border-radius-bottomright: 10px;  
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px; 
}
.boxgrid img{ 
	border: 0;
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#002D80; 
	font: 10pt "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	height: 90px;
}

.boxgrid h5{ 
	margin: 5px 10px 0 10px;
	color:#002D80;
	font:18px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 40px;
}

.boxgrid h5 a{ 
	color: #fe2471;
	text-decoration: none;
}

.boxgrid h5 a:hover{ 
	text-decoration: underline;	
}

.boxgrid .price {
	margin: 0 0 5px 10px;
	font:14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/price.png) left no-repeat;
	padding-left: 20px;
}

.boxgrid form input {
	margin: 0 0 20px 10px;
}

.graphiccredit {
	display: block;
	margin: 2px 10px 10px 440px;
}