/* DEFINE COLORS ----------------
background - #eff1f4
text - #030857
link - #a70101
---------- END ----------------*/


/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#eff1f4; color:#030857; }

input, form, textarea
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; }
h1{ font-size:22px; color:#030857; margin:15px 0px; }
h2{ font-size:18px; color:#030857; margin:15px 0px; }
h1.index{ font-size:16px; color:#000000; margin:10px 0px; }
h2.index{ font-size:22px; color:#000000; margin:14px 0px; }
h3{ font-size:14px; color:#030857; margin:15px 0px; }

/* ------------------------------
PAGE STRUCTURE
------------------------------ */
#container{ width:980px; margin:0 auto; background:url(/images/bkg_container.gif) repeat-y; padding:0 10px; }

#topbarLeft{ width:191; height:94px; float:left; }

#topbarRight{ width:769px; height:94px; float:left; background:url(/images/top_pic.gif) no-repeat; }

#main{ width:960px; display:block; padding:10px 0; }

div.spacer{ clear:both; height:5px; display:block; }

#index1 { float:left; width:207px; margin:10px 0px 10px 22px; }
#index1 a { text-decoration:underline; }
#index1 a:hover { text-decoration:none; }
#index2 { float:left; width:327px; padding:6px; }
#index2 a { text-decoration:underline; }
#index2 a:hover { text-decoration:none; }
#index3 { float:left; width:314px; padding:6px; }
#index3 a { text-decoration:underline; }
#index3 a:hover { text-decoration:none; }
#index4 { float:left; width:547px; margin:14px 0px 10px 22px; padding:0px 10px; }
#index5 { float:left; width:276px; padding:25px; }
#index5 a { text-decoration:underline; }
#index5 a:hover { text-decoration:none; }

#columnLeft { width:230px; float:left; padding:15px 0 15px 15px; }
#columnLeft input { width:114px; height:16px; border:1px solid #979797; vertical-align:middle; padding:2px 3px; }

#columnProductDescription { width:670px; float:left; padding:15px; }

#footer { padding:10px 30px; font-size:14px; }
#footer a { color:#030857; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#content { width:824px; float:left; margin:14px 0px 10px 22px; padding:0px 10px; }
#content a { text-decoration:underline; }
#content a:hover { text-decoration:none; }

#copyright { color:#667667; }

div.verticalLine { float:left; width:1px; height:180px; margin:25px 10px auto 10px; background:url(/images/pixel_grey.gif) repeat-y; }
div.horizontalLine { width:916px; height:1px; margin:0 22px; background:url(/images/pixel_blue.gif) repeat-x; }
div.blueLine {  height:1px; margin:22px 0; background:url(/images/pixel_blue.gif) repeat-x; }

/* ------------------------------
CUSTOM CLASSES
------------------------------ */

.red { color:#a70101; }
.blue { color:#030857; }

div.menu { width:191px; margin:10px 0; }
div.menuHead { width:191px; height:24px; margin:0; padding:0; background:url(/images/menu_head.gif) no-repeat; text-transform:uppercase; font-size:16px; font-weight:bold; line-height:24px; }

div.pictureBig { width:140px; float:left; border:1px solid #CCCCCC; margin:16px 4px 0 4px; }
div.productDescription { width:470px; float:left; margin:0 0 0 42px; }
div.pictureGallery { width:650px; margin:0 10px 10px 10px; }
div.pictureGallery img { border:1px solid #CCCCCC; margin:0 14px; }

div.subcategTitle { width:180px; height:98px; vertical-align:middle; float:left; padding:28px 20px; }
div.subcategGallery { width:500px; height:154px; float:left; margin:0 10px 0 10px; }
div.subcategGallery img { vertical-align:middle; border:1px solid #CCCCCC; margin:0 14px; }

.linkPages a:link, .linkPages a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #206ba4; text-decoration: none; border: thin solid #206ba4; padding:2px 4px; }
.linkPages a:hover, .linkPages a:active {
	color: #FFFFFF;
	border: thin solid #206ba4;
	padding: 2px 4px;
	background-color: #206ba4;
	background-image: none;
}
.linkPages2 a:link, .linkPages2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
	color: #206ba4;
	text-decoration: none;
	border: thin solid #206ba4;
	padding: 2px 4px;
}
.linkPages2 a:hover, .linkPages2 a:active {
	color: #FFFFFF;
	border: thin solid #206ba4;
	padding: 2px 4px;
	background-color: #206ba4;
	background-image: none;
}
.currentPage {
	color: #FFFFFF;
	background-color: #206ba4;
	padding: 2px 6px;
	font-weight: bold;
}


.over { font-size: 18px; font-weight: bold; color: #FFF; background-color: #F00; height: 300px; width: 800px; border: medium solid #000; position: absolute; top: 50px; overflow: auto; visibility: visible; z-index: auto; left: 100px; right: 100px; padding-top: 150px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
