/* CSS Document */
/* Layout Styles */

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #000;
	margin: 0;
	padding: 0;
	height: 100%;
}

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

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

img {
	border: 0;
	padding: 0;
	margin: 0;
}

h1 {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #135092;
}

h2, h2 a, h2 a:link, h2 a:active, h2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

h3 {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #069;
}

h4 {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #3399cc;
	line-height: normal;
	margin-bottom: -20px;
	
}

p {
	padding: 0;
	line-height: 1.5em;
}

ul {
	line-height: normal;
}

li {
	padding-top: .5em;
	padding-bottom: .25em;
}

/* Header Styles */

#header {
	width: 830px;
	height: 100px;
	margin: 0 auto;
	clear: both;
	background: url(../images/PGWHeader.gif) no-repeat;
}

#header-GM {
	width: 830px;
	height: 100px;
	margin: 0 auto;
	clear: both;
	background: url(../images/GMHeader.gif) no-repeat;
}

#header .logo {
	margin-top: 0px;
	z-index: -1;
}

#header-inner {
	width: 100%;
	height: 100px;
	margin-top: 0;
	padding: 0;
	/*background: url(../images/PGWHeader.gif) right no-repeat;*/
}

/* 2 Column Body Layout Styles */

#content {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	
}

#content_help {
	
	min-height: 678px;
	height:auto !important;
	height: 678px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 25px;
	margin-bottom: 25px;
	color:#000;
	background: #fff;
}

#container {
	clear: both;
}

.no_float {
	clear:left;}

.column {
	float: left;
	position: relative;
}

.column_right {
	float: right;
	position: relative;
}

#right {
	width: 634px;
	min-height: 678px;
	height:auto !important;
	height: 678px;
	margin-right: 10px;
	margin-bottom: 25px;
	color:#000;
}

#right_nonav {
	width: 780px;
	min-height: 678px;
	height:auto !important;
	height: 678px;
	margin-right: 10px;
	margin-bottom: 25px;
	color:#000;
}

#right .imagepad {
	margin-bottom: 10px;
}

#left {
	width: 146px;
	margin: 10px;
	padding: 0;
}

#left_nonav {
	width: 0;
	margin: 10px;
	padding: 0;
}

.float_left {
	color:#000;
	float:left;
	position:relative;
	margin-right:20px;
}

.float_left_table {
	color:#000;
	float:left;
	padding-right:5px;
	margin-left:5px;
}

#partSearch {
	width:230px;
	margin-right:10px;
}

#returns {
	margin-left:0px;
}

.float_right {
	color:#000;
	float:right;
	position:relative;
	padding:10px;}

#catalog {
	width:230px;
}

/* Inline Graphic Div Styles */

#hometable {
	margin-bottom: 10px;
}

#homebutton {
	float: left;
	position: relative;
}

#bluebar {
	background-color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	height:25px;
	text-align:center;
	vertical-align:middle;
}

#horizMenu ul li {
	display:inline;
}

#horizMenu {
	width:400px;
}

#greyText {
	color:#666;}





/* Today's Specials Black Box (Vertical) */

#blkbox_vert {
	color: #d5feff;
	background-color: #000;
	font-size: 9px;
	width: 320px;
}

#blkbox_vert h1 {
	color: #6cf;
}

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

#blkbox_vert a:hover {
	color: #6cf;
	text-decoration: none;
}

#blkbox_vert img {
	float: left;
	margin: 10px;
	margin-bottom: 20px;
}

.blkbox_vert {
	padding: 10px;
}

.blkbox_item {
	float: left;
}

.blkbox_desc {
	float: left;
}

.blk_title {
	font-weight: bold;
}

.blk_price {
	text-align: right;
	font-weight: bold;
	color: #fc0;
}



/* Today's Specials Black Box (Horizontal) */

#blkbox_horiz {
	color: #d5feff;
	background-color: #000;
	font-size: 9px;
	border: 2px solid #000;
	width: 100%;
}

#blkbox_horiz h1 {
	color:#6cf;
}

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

#blkbox_horiz a:hover {
	color: #6cf;
	text-decoration: none;
}

#blkbox_horiz img {
	margin-bottom: 10px;
}

.blkbox_horiz {
	margin-top: 5px;
	padding: 2px;
}

.blkbox_horizitem {
	width: 138px;
	padding: 4px;
	display: block;
	float: left;
	position: relative;
}



/* Search Table */

#searchtable {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 5px;
	border: none;
}

#searchtable tr td {
	height: 50px;
	padding: 0.3em;
}

#searchtable tr.title td {
	height: 25px;
	color: #fff;
	background-color: #069;
	padding: 0.3em;
}

#searchtable tr.odd td {
	color: #000;
	background-color: #C3F4F4;
	padding: 0.3em;
}

#searchtable img {
	float: left;
	margin-right: 5px;
}



/* Top Navigation Styles */

#topnav{
	margin: 0px 0 0 0;
	padding: 0;
	height: 17px;
}

#tabnav {
	margin: 15px 0 0 0;
	padding: 0;
	height: 17px;
}

#topnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#tabnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


#topnav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#tabnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width:78px;
}
#topnav ul li a {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	color: #fff;
	background: url(../images/topnav_but_off.gif);
	display: block;
}
#topnav ul li a#selectedTab {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	color: #000;
	background: url(../images/topnav_but_on.gif);
	display: block;
}

#tabnav ul li a {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	color: #135092;
	background: url(../images/secondary_but_on.gif);
	display: block;
}
#tabnav ul li a#selected {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 17px;
	color: #fff;
	background: url(../images/secondary_but_off.gif);
	display: block;
}

#topnav ul li a:hover{
	color: #000;
	background: url(../images/topnav_but_on.gif);
}

#tabnav ul li a:hover {
	color: #fff;
	background: url(../images/secondary_but_off.gif);
}

/* Sub Navigation Styles */

#subnav {
	width: 800px;
	margin: 0px 0px 15px 0px auto;
	padding: 15px 15px 5px 15px;
	clear: both;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #069;
}

#subnav a, #subnav a:link, #subnav a:active, #subnav a:visited {
	color: #069;
	text-decoration: underline;
	font-weight: bold;
	margin: 0 5px;
}

#subnav a:hover {
	color: #369;
	text-decoration: none;
	font-weight: bold;
}



/* Left Navigation Styles */

#navbar {
	width: 146px;
}

#navbar_home {
	width: 146px;
	color:#000;
	margin:0px;
}

#leftnav_unsecure {
	margin: 0;
	padding: 0;
	width: 136px;
	font-size:10px;
}

#leftnav_unsecure ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnav_unsecure a, #leftnav_unsecure a:link, #leftnav_unsecure a:active, #leftnav_unsecure a:visited {
	color: #069;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin: 0 1px;
}

#leftnav_unsecure a:hover {
	color: #369;
	text-decoration: underline;
	font-weight: bold;
}

#leftnav {
	margin: 0;
	padding: 0;
	width: 150px;
}

#leftnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftnav ul li {
	display: block;
	padding: 0;
	margin: 0;
}

#leftnav ul li a {
	width: 150px;
	height: 16px;
	margin: 0;
	padding-left: 4px;
	text-decoration: none;
	font-weight:plain;
	font-size: 9px;
	line-height: 16px;
	color: #000;
	background: url(../images/leftnav_but_off.jpg);
	display: block;
}

#leftnav ul li a:hover {
    width: 150px;
	color: #069;
	background: url(../images/leftnav_but_on.jpg);
}


/* General Button Styles */

#navbar {
	font-size: 9px;
	text-decoration: none;
}

#navbar .button {
	padding: 2px;
	border: 2px outset #5AA0B8;
	background: #0065a5;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	height: 20px;
}

.button {
	padding: 2px;
	border: 2px outset #5AA0B8;
	background: #0065a5;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	height: auto;
	margin-right: 5px;
	font-weight: bold;
	font-family:Verdana;
	
	
}

.buttonGreen
{
    BORDER-RIGHT: outset;
    BORDER-TOP: none;
    FONT-SIZE: 10pt;
    BORDER-LEFT: none;
    WIDTH: 150px;
    COLOR: #ffffff;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #009966;
    TEXT-DECORATION: none;
    TEXT-SHADOW: black 3px 3px, yellow -3px -3px;
    TEXT-ALIGN: center
}
A.buttonGreen
{
    BORDER-RIGHT: outset;
    BORDER-TOP: none;
    FONT-SIZE: 10pt;
    BORDER-LEFT: none;
    WIDTH: 150px;
    COLOR: #ffffff;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #009966;
    TEXT-DECORATION: none;
    TEXT-SHADOW: black 3px 3px, yellow -3px -3px;
    TEXT-ALIGN: center
}

#secondary {
	padding: 2px;
	border: 2px outset #5AA0B8;
	background: #3399cc;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	width:255px;
	height:auto;
}

#secondary_small {
	padding: 1px;
	border: 1px outset #5AA0B8;
	background: #3399cc;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	height:17px;
	font-weight:bold;
}

#navbar label {
	color: #000;
	font-weight: bold;
}

.caption {
	color: #666;
	font-style: italic;
	font-size: 11px;
}

.message {
	color: red;
	font-style: italic;
	font-size: 11px;
}


/* Product Detail Styles */

#productdetails {
	float: left;
	padding: 0;
	width: 410px;
	background: url(../images/productnav_textbg.gif) bottom left no-repeat;
	overflow: auto;
}

#productdetails p {
	margin: 5px;
}

.productimg {
	float: left;
	margin-right: 15px;
}

#productnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#productnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#productnav ul li a {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	line-height: 18px;
	color: #000;
	background: url(../images/productnav_but_off.gif);
	display: block;
}

#productnav ul li a:hover {
	color: #000;
	background: url(../images/productnav_but_on.gif);
}

#productnav .on {
	color: #000;
	background: url(../images/productnav_but_on.gif);
}



/* Footer Styles */

#footer {
	width: 800px;
	margin: 0 auto;
	padding: 15px;
	clear: both;
	text-align: center;
	font-size: 9px;
	color: #666;
	line-height: 1.5em;
	background: #000;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
}

#footer a:hover {
	color: #999;
	text-decoration: underline;
}


.FavSundry
 {
	font-family: "Trebuchet MS", Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(102,204,255);
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	padding-left:88%;
	clear: both;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #069;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; 
	
}
/*border-radius: 20px;*/
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "English";
    padding-left: 10px;
    background-color: #069; color: #FFFFFF;
	text-align:left;
}
.onoffswitch-inner:after {
    content: "French";
    padding-right: 10px;
    background-color: green; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; 
    transition: all 0.3s ease-in 0s; 
}
/*border-radius: 20px;*/
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}