@charset "UTF-8";
/* CSS Document */
img {
		border:none;
}

body {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 100%;
		background-color: #373737;
		background-image: url(/v/vspfiles/templates/MyStore/images/gradientBG.jpg);
		background-repeat: repeat-x;
		background-position: left 140px;
}

#header {
		height: 165px;
		background-image: url(/v/vspfiles/templates/MyStore/images/headerBG.jpg);
		background-repeat: repeat-x;
		background-position: left top;
}

#logo {
		height: 150px;
		width: 980px;
		margin-right: auto;
		margin-left: auto;

}

#logo img { border:none; }

#menuBar {
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 980px;
		padding: 0px;
		height: 30px;
		text-align: center;
}

#menuBar .links {
		background-color: #000;
		width: 450px;
		float: right;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
		font-weight: bold;
}

#menuBar span {
		margin-right: 10px;
		margin-left: 10px;
}

#menuBar a:link, #menuBar a:active, #menuBar a:visited { color:#fff; }

#menuBar a:hover { color:#c30000; }

#banners {
		width: 980px;
		margin-top: 15px;
		margin-right: auto;
		margin-bottom: 15px;
		margin-left: auto;
}
#banners img {

		margin-right: 7px;

}

#wrapper {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		background-color: #FFF;
		padding: 20px;
		background-image: url(/v/vspfiles/templates/MyStore/images/wrapperBG.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;
}

#sideBar {
		float: left;
		width: 160px;
		text-align: center;
		font-size: 0.8em;
}

#sidebar-banners {
		text-align: center;
}

#mainContent {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 185px;
		padding-top: 0;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		font-size: 0.8em;
		line-height: 1.6em;
}

#mainContent a:link, #mainContent a:active, #mainContent a:visited { color:#c30000; }

#mainContent a:hover { color:#000; }

.nav_section {
		background-color: #dce8f0;
		margin-bottom: 10px;
}

.nav_content {
		background-color: #e5e5e5;
		border: 1px solid #b9b9b9;
		text-align: left;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		background-image: url(/v/vspfiles/templates/MyStore/images/sideMenuBG.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
}

.nav_section ul {
		padding:0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 15px;
}

.nav_section ul li {
		text-align: left;
		list-style-image: url(/v/vspfiles/templates/MyStore/images/navArrow.png);
		list-style-type: none;
		line-height: 1.5em;
		font-weight: bold;
}

.nav_section a:link, .nav_section a:active, .nav_section a:visited { color:#000; }

.nav_section a:hover { color:#c30000; }

.nav_section ul li a { text-decoration:none; }

.nav_section h3 {
		color: #FFF;
		background-color: #000;
		margin: 0px;
		text-align: left;
		font-size: 1em;
		padding-top: 3px;
		padding-right: 5px;
		padding-bottom: 3px;
		padding-left: 10px;
}

.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
}

#footer {
		margin-right: auto;
		margin-left: auto;
		background-color: #000;
		width: 960px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 15px;
		padding-right: 10px;
		padding-bottom: 15px;
		padding-left: 10px;
		text-align: left;
}

#footer {
		width: 855px;
		padding-left: 105px;
}

#footer .facebook {
		width: 300px;
				
		float: left;
}

#footer .menu {
		width: 150px;
		float: left;
		margin-left: 5px;
		font-size: .7em;
		text-align: left;
}

#footer .menu ul {
		margin:0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
		border-left-width: 3px;
		border-left-style: solid;
		border-left-color: #333;
}

#footer .menu ul li {
		list-style-type: none;
		padding-bottom: 5px;
}


#footer .menu ul li a:link, #footer .menu ul li a:active, #footer .menu ul li a:visited {
		color:#fff;
		text-decoration: none;
}

#footer .menu ul li a:hover {
		color:#c30000;
		text-decoration: underline;
}

#footer .menu ul li:first-child {
		color:#c30000;
}



#copyRight {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 0.7em;
		color:#FFF;
}

#copyRight a:link, #copyRight a:active, #copyRight a:visited { color:#FFF; }

#copyRight a:hover { color:#c30000; }



/* ########## Carousel ########## */

#viewport {
		width: 755px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
		overflow:hidden; /* Hides extra elements, those outside the viewport area */
		margin-left:185px;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		font-size: 0.7em;
		background-image: url(/v/vspfiles/templates/MyStore/images/carouselLogos/textureBG.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
}

#viewport a:link, #viewport a:active, #viewport a:visited { color: #006699; }

#viewport a:hover { color:#000; }

#viewport ul {
		position: relative; /* Enables positionning of elements inside viewport */
		padding: 0; /* Resets default - User Agent - style */
}

#viewport li {
		width: 129px; /* Defines the size of inner element */
		height: 90px;
		float: left; /* Places list items side by side*/
		list-style: none;
		margin: 0 1px;
		padding: 10px;
		text-align:center;
		margin-bottom: 20px;
}

#viewport ul li img {
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
}

#viewport .logoNav { text-align: center; }

/* Cosmetic */
#simplePrevious, #simpleNext {
		cursor: pointer;
		font-size: 0.8em;
		text-decoration: underline;
}

/* Search Box */
#display_search_box input { width:100px; }

#newsletter {
		margin-bottom:20px;
		padding: 3px;
		color: #000;
		background-image: url(/v/vspfiles/templates/MyStore/images/sideMenuBG.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
				border: 1px solid #b9b9b9;
}
.giftCertificates {
		text-align:center;
		
}
.giftCardBG {
		background-image: url(/v/vspfiles/templates/MyStore/images/giftCardBG.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;		
}

/* Additional Styling for Cleaner Code */

.photoBorder {
	border: #666666 1px solid;
}

.gridDivVert {
	background-image: url('/v/vspfiles/templates/MyStore/images/Grid_Divider_Vertical.gif');
}

.gridDivHor {
	background-image: url('/v/vspfiles/templates/MyStore/images/Grid_Divider_Horizontal.gif');
}