@import 'reset.css';

/* Generel
------------------------------------ */
HTML,BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414040;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-image: url(images/wyi_background_opt3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #B2A74E;
}

.frontimg
{
	border-style: none;
}

a img 
{
	border: 0px solid #9C8833;
	padding: 1px;
}



.sizeupfit {
	font-size: 10px;
}
#socialmedia {
	padding-top: 10px;
}

#wrapper{
    min-height: 100%;
    width: 1044px;
    background: url(images/wrap-top.png) no-repeat;
    padding-top: 34px;
    margin: 0 auto;
	clear: both;
}


/* Main
------------------------------------ */
#top-page{
	width: 950px;
}
#header h1 { clear:both; }
#top-page UL{
	/*float: right;
	padding-right:62px;*/
	padding-left:30px;
}
#top-page LI{
	float: left;
	color: #5e3f58 !important;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#top-page LI A{
	color: #5e3f58 !important;
	text-decoration: none;
}
#main{
    width: 1044px;
    float: left;
    background: url(images/wrap-bg.png) repeat-y;
}
#line {
	height: 500px;
	width: 5px;
	margin-left: 225px;
	background-image: url(images/thin_line.jpg);
	clear: both;
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.main-btn{
    width: 1044px;
    height: 34px;
    clear: both;
    float: left;
    background: url(images/wrap-bottom.png) no-repeat;
}
/* TO add left pane back into site, swap out the #right-side definitions here and remove the display attribute in the #left-side declaration below.*/
/*#right-side{
	width: 779px;
	float: right;
	margin-right: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5CF9F;
	padding-left: 16px;
}*/
#right-side{
	width:970px;
	margin-left: 40px;
}

#right-side a:link {
   color: #89804C;
}


#header STRONG{
    text-indent: -999999px;
    display: block;
    height: 0;
}
#headerLogo{
	outline: none;
	text-indent: -999999px;
	display: block;
	width: 800px;
	height: 186px;
	background: url(images/WYILogo.png) no-repeat;
	/*margin: 0px 0px 0px 90px;*/
}
#headerLogoText{
	/*padding-bottom:10px;*/
	display: block;
	width: 719px;
	height: 59px;
	background: url(images/WYI_Quote.jpg) no-repeat;
}
.primNav {
	margin-left:-3px;
	padding-bottom:15px;
	position:relative;
	z-index:10;
}
.primNav li {
	display: inline;
	margin-right: -3px;
}
.top-banner{
    width: 779px;
    position: relative;
}
.top-banner SPAN{
    position: absolute;
    height: 36px;
    line-height: 36px;
    display: block;
    bottom: 50px;
    right: 0;
    background: url(images/top-banner-span.png) no-repeat left;
}
.top-banner SPAN CITE{
    padding: 0 5px 0 60px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
}
.top-banner SPAN CITE A{
    color: #FFF;
    text-decoration: none;
}
.content H2{
	font-size: 18px;
	color: #AB9726;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.content P{
    padding: 0 5px 10px 0;
	1padding: 0 25px 10px 0;
}
.content {
	
}

.content li{
	margin-left: 35px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	list-style-type: disc;
}

.content a:link {
	color: #89804C;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	border: 0;
}

.middle-box-a{
    width: 348px;
    float: left;
    margin: 0 0 10px 100px;
}



.middle-box-a H2{
    width: 348px;
    background: url(images/middle-box-a-top.png) no-repeat;
    height: 24px;
    display: block;
    margin: 0;
}
.middle-box-a H2 SPAN{
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	margin-left: 32px;
}
.middle-box-a-inner{
    width: 348px;
    height: 133px;
    background: url(images/middle-box-a-bg.png) no-repeat;
}
.middle-box-a-inner P{
	padding: 2px 5px 0 10px;
	color: #1A1B13;
}
.middle-box-b{
    width: 207px;
    margin: 0 0 10px 8px;
    float: left;
}
.middle-box-b H2{
    width: 207px;
    background: url(images/middle-box-b-top.png) no-repeat;
    height: 24px;
    display: block;
    margin: 0;
}
.middle-box-b H2 SPAN{
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	margin-left: 32px;
}
.middle-box-b-inner{
    width: 207px;
    height: 133px;
    background: url(images/middle-box-b-bg.png) no-repeat;
}
.middle-box-b-inner P{
	padding: 2px 5px 0 10px;
	color: #1A1B13;
}
.middle-box-b-inner FORM P{
    padding: 2px 5px 0 5px;
}
.middle-box-b-inner LABEL{
    width: 4em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}
.middle-box-b-inner FORM INPUT.submit{
    width: 117px;
    height: 27px;
    background: url(images/button.png) no-repeat;
    border: none;
    margin: 0 0 0 70px;
    color: #FEFEFE;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
}
#left-side{
	width: 182px;
	float: left;
	margin-left: 30px;
	display:none;
}
.side-box{
	width: 182px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.side-box H2{
    width: 192px;
    background: url(images/side-box-top.png) no-repeat;
    height: 24px;
    display: block;
    margin: 0;
}
.side-box H2 SPAN{
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	margin-left: 32px;
}
.side-box-inner{
	width: 182px;
	float: left;
	padding: 0 0 5px 0;
}
.side-box-inner DL{
    margin: 5px 0 0 10px;
}
.side-box-inner DT{
    font-size: 15px;
    color: #9E8703;
    font-weight: bold;
    margin: 5px 0 5px 0;
}
.side-box-inner DT A{
    color: #9E8703;
    text-decoration: none;
}
.side-box-inner DD LI{
    list-style: square inside;
    margin: 0 0 2px 0;
}
.side-box-inner DD LI A{
    text-decoration: none;
    color: #000;
}
.side-box-inner DD LI A:hover{
    text-decoration: underline;
}

/* Footer
------------------------------------ */
#footer{
	width: 900px;
	margin: auto;
	padding: 10px 0 0 0;
	/*color: #151B18;*/
	color: #FFFFFF;
	text-align: center;
}
#footer A{
    /*color: #151B18;*/
	color: #FFFFFF;
    text-decoration: none;
}
#footer A:hover{
    text-decoration: underline;
}
#footer UL{
	margin: 0 0 5px 0;
	clear: both;
}
#footer LI{
	margin-right: 5px;
	float: left;
}
#footer LI A{
    margin: 0 3px 0 3px;
}
#footer SPAN{
    clear: both;
    display: block;
    padding-bottom: 15px;
}#wrapper #main #right-side .content #textonright {
	float: right;
	width: 400px;
	margin-right: 25px;
}
.product-title {
	font-size: 18px;
	color: #8A824C;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.product-picture {
	border: 1px solid #CCCCCC;
	margin-left: 95px;
	padding: 2px;
}
.products_boxes {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.thingreyline {
	border: 1px solid #CCCCCC;
}
#wrapper #main #right-side .content #blogbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#wrapper #main #right-side .content #wholesaleloginbox {
	float: right;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 25px;
}
#wrapper #main #right-side .content #wholesalesignupbox {
	float: left;
}
.thinggreypadd2px {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.quantitypriceadd {
	display: inline;
	clear: both;
	padding-top: 7px;
	margin-bottom: -7px;
}
#wrapper #main #topheadertext {
	font-size: 18px;
	color: #AB9726;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 3px 0px 5px 0px;
	font-weight: normal;
	
}
#couponbox {
	padding-left: 580px;
	padding-bottom: 5px;
	padding-right: -50px;
}
#wrapper #main #right-side .content .eC_Clean_GranitePine_Arial #couponform {
	text-align: right;
}
.couponform {
	padding-left: 700px;
	margin-left: 700px;
}
#content {
	text-align: center;
}
.calendartext {
	color: #89804C;
}
a:link {
	color: #89804C;
	cursor: pointer;
}
a:visited {
	color: #89804C;
	cursor: pointer;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
}
a:active {
	color: #89804C;
	cursor: pointer;
}

.centerbox a {
	color: #89804C;
	cursor: pointer;
}
#creditcardlogos {
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 262px;
	left: 772px;
}
.middle-box-c-inner P {
	padding: 2px 5px 0 10px;
	color: #1A1B13;
}
.middle-box-c-inner {
	width: 207px;
	height: 133px;
	background: url(images/middle-box-b-bg.png) no-repeat;
}
.side-box-inner2 {
	width: 192px;
	float: left;
	padding: 0 0 5px 0;
	background-color: #E2E7C9;
	background-repeat: repeat-x;
}
.side-box-inner DT2 {
	font-size: 15px;
	color: #9E8703;
	font-weight: bold;
	margin: 1px 0 1px 0;
}
.hide { display: none; }