@import 'https://fonts.googleapis.com/css?family=Lato';

    body {
	padding:0px;
	margin:0px;

    font-family: 'Lato', sans-serif;
    font-size: 12px;    color: #000;	line-height: 1.5em;
		background-color:#ffffff;		
}


h1, h2 {
	color:#444444;
}
a { color:#000000;
text-decoration:none
}
a:hover, a:focus{
    color:#2a6496;
    text-decoration:underline
}
a:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}


a.button, .button{
	display: block;

	margin: 0 auto;
	font-family: "BitterRegular", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	color: #6889A3;
	border: 2px solid #6889A3;
	padding: 15px 10px;
	margin-top: 50px;
	background: transparent;
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;

	/*height: 70px;*/

}

a.button:hover, .button:hover {
	background: #6889A3;
	color: #ffffff;
}

a.button, .button {margin-top:0; color: #EDB11F; border:2px solid #EDB11F;}
a.button:hover, .button:hover {background:#EDB11F; color:#ffffff;}

#sa, #roswell { max-width:980px; margin:0 auto; padding:0px 15px; }

#saHeaderLogo, #roswellLogo  {
	background: url('images/header_bg.png') no-repeat;
    float: left;
    height: 90px;
    max-width: 270px;
	min-width: 240px;
}
#saHeaderLogo a, #roswellLogo a { display:block; width:100%; height:100%; }

#saHeaderTop, #roswellTopMenu  {
    float:right;
    max-width: 300px;
}

	#membersTopMenu {
		text-align:right;
		line-height:40px;
		color:#999999;
		font-size:13px;
	}
		#membersTopMenu a, #membersTopMenu a:hover {
			text-align:right;
			line-height:40px;
			color:#999999;
			font-size:13px;
			text-decoration:none;
		}
		#membersTopMenu a:hover {
			color:#333333;
		}
	#catalogTopMenu {
	/*	margin:0 auto;*/
		float:right;
		display:block;
		height:31px;
		background: url(images/roswellCatalogTopMenu.gif) repeat-x;
	}
        #catalogSep {
			float:left;
			display:block;
			width:2px;
			height:31px;
            background:url(images/roswellCatalogTopMenu_seperator.gif) no-repeat right;
        }
        #catalogCart {
			float:left;
			display:block;
			height:31px;
			line-height:31px;
			text-align:center;
			padding:0 15px;
        }
			#catalogCart a, #catalogCart a:hover {
				display:inline-block;
				padding-left:25px;
				line-height:31px;
				background:transparent url(images/cart_off.png) center left no-repeat;
				color:#adadad;
				font-size:12px;
				text-decoration:none;
			}
			#catalogCart a:hover {
				background:transparent url(images/cart.png) center left no-repeat;
				color:#ffffff;
				text-decoration:none;
			}
        #catalogCheckOut {
			float:left;
			display:block;
			height:31px;
			line-height:31px;
			text-align:center;
			padding:0 15px;
        }
			#catalogCheckOut a, #catalogCheckOut a:hover {
				display:inline-block;
				padding-right:25px;
				line-height:31px;
				background:transparent url(images/checkout_off.png) center right no-repeat;
				color:#adadad;
				font-size:12px;
				text-decoration:none;
			}
			#catalogCheckOut a:hover {
				background:transparent url(images/checkout.png) center right no-repeat;
				color:#ffffff;
				text-decoration:none;
			}

	#catalogTopMenuLeft {
		float:right;
		display:block;
		width:6px;
		height:31px;
		background:url(images/roswellCatalogTopMenu.gif) no-repeat;
		background:url(images/roswellCatalogTopMenuLeft.png) no-repeat;
	}
	#catalogTopMenuRight {
		float:right;
		display:block;
		width:6px;
		height:31px;
		background:url(images/images/roswellCatalogTopMenu.gif) no-repeat;
		background:url(images/roswellCatalogTopMenuRight.png) no-repeat;
	}

#roswellMenuLeft {
	float:left;
	display:block;
	width:7px;
	height:35px;
    background:url(images/roswellMenu_bar.gif) no-repeat;
    background:url(images/roswellMenu_barLeft.png) no-repeat;
	clear:both;
}
#roswellMenuRight {
	float:left;
	display:block;
	width:7px;
	height:35px;
    background:url(images/roswellMenu_bar.gif) no-repeat;
    background:url(images/roswellMenu_barRight.png) no-repeat;
}

#saHeaderMenu, #roswellMenu{
/*	margin:0 auto;*/
	float:left;
	display:block;
    width:100%;
    min-height:35px;
	/* background: url(images/roswellMenu_bar.gif) repeat-x; */
}
#roswellMenu ul{
	list-style:none;
	margin:0 auto;
	width:100%;
}
	#roswellMenu li{
		list-style:none;
		display:block;
		float:left;
		height:35px;
		line-height:35px;
		padding:0px;
		margin:0px;
	}
	#roswellMenu li .sep {
		display:block;
		width:2px;
		height:35px;
		background:url(images/roswellMenu_seperator.gif) no-repeat right;
	}

		#roswellMenu li a{
			display:block;
			float:left;
			color:#a7a7a7;
			/* text-transform:uppercase; */
			font-size:12px;
			font-weight:bold;
			line-height:35px;
			text-decoration:none;
			padding:0 20px;
			background:url(images/roswellMenu_seperator.gif) no-repeat right;
		}
			#roswellMenu li a:hover{
				color:#fff;
				background:url(images/roswellMenu_barOn.gif) no-repeat right;
			}
		#roswellMenu li a.current{
			display:block;
			float:left;
			background:url(images/roswellMenu_barHold.gif) no-repeat right;
			color:#fff;
			/* text-transform:uppercase; */
			font-size:12px;
			font-weight:bold;
			line-height:35px;
			text-decoration:none;
			padding:0 20px;
		}
			#roswellMenu li a:hover.current{
				color:#fff;
				background:url(images/roswellMenu_barOn.gif) no-repeat right;
			}


		 #roswellMenu li li a{
			display:block;
			float:left;
			color:#a7a7a7;
			/* text-transform:uppercase; */
			font-size:12px;
			font-weight:bold;
			line-height:35px;
			text-decoration:none;
			padding:0 20px;
			background-color:#4d4d4d;
		}
			#roswellMenu li li a:hover{
				color:#fff;
				background-color:#858585;
			}


	.menuStyle a, .menuStyle a:visited, .menuStyle a:hover {
    	color:#add7ed;
    }
	.menuStyle a:hover {
    	color:#fff;
    }
    .menuStyle li a.top-active { color:#fff; }

#roswellHomeSlide {
	display:block;
	background:url(images/roswell_home_slide.gif) no-repeat top left;
	width:980px;
	height:320px;
	margin-top:15px;
}

.roswellBox {

    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;

    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;

    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;

    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;

    border:1px solid #e0e0e0;
	background-color:#FFFFFF;
}

.saBoxTop, .roswellBoxTop {
    background:#000000;
	color:#fff;
}
.saBoxBody, .roswellBoxBody {
}


#subnav {

	/*width:200px;

	float:left;

	margin:0px;

	padding:0px;

	border-width:0 1px 0 0;*/

	}

#subnav a, #subnav a:visited {

	display:block;

	padding:8px 2px 8px 16px;

	text-decoration:none;

	color:#000000;

	font-weight:bold;

	border-top:1px solid transparent;

	border-bottom:1px solid #EDB11F;

	}

#subnav a:hover, #subnav a.current, #subnav a.currentPage { color:#FFF;

background-color:#000000;

 border-top:1px solid #transparent;

border-bottom:1px solid #ddaa8a; }

#subnav .subNav-level a { padding-left:16px; }



#subnav .subNav-level .subNav-level a { padding-left:32px; font-weight:normal; }

#subnav .subNav-level .subNav-level a:hover, #subnav .subNav-level .subNav-level a.currentPage { color:#FFF;  font-weight:normal; }



#subnav .subNav-level .subNav-level .subNav-level a { padding-left:48px; }

#subnav .subNav-level .subNav-level .subNav-level .subNav-level a { padding-left:64px; }

#subnav .subNav-level .subNav-level .subNav-level .subNav-level .subNav-level a { padding-left:80px; }


#content-subnav {
	max-width:775px;
	max-width/* */:/**/752px;
	max-width: /**/752px;
	width:100%;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
	padding-left:0px;
	}


#saContent, #roswellContent {
    /*
	font-family: Arial, Helvetica, sans-serif;
    font-size: ;
    color:;
	*/
	clear:both;
}

#saFooter, #roswellFooter {
	border-top:1px solid #f1f1f1;
	margin:5px 0px 55px 0px;
    padding:15px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#999999;
}
#saFooter a, #saFooter a:hover, #roswellFooter a, #roswellFooter a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#999999;
	text-decoration:none;
}
#saFooter a:hove, #roswellFooter a:hover {
    color:#333333;
	text-decoration:underline;
}

#saFooterLeft, #roswellFooterLeft {
	display:block;
    float:left;
    max-width:475px;
    text-align:left;
}
#saFooterRight, #roswellFooterRight {
	display:block;
    float:right;
    max-width:475px;
    text-align:right;
}

.test {
	background: url('');
}

img.img-responsive {
    /*display: table-cell;*/    display: block;
    max-width: 100%;
}

a img {
    border: medium none;
}

img {
    max-width: 100%;
}

#logo {
    max-width: 100%;
}

header {
	margin-bottom: 30px;
    background-color: #000;
}

footer {
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 100px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

.well h4, .well h5 {
    background-color: #000;
    color: #fff;
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
}

.well h5 a {
    color: #fff;
    font-weight: bold;
}

.well img {
    margin-bottom: 20px;
}

.addresses div, .passwords div, .account div {margin-bottom: 5px;}
.spacing div {margin-bottom: 3px;}

.button-primary {
    background: linear-gradient(rgba(250, 188, 15, 0.7), rgba(240, 179, 7, 0.85));
    border: 1px solid #F9A825;
    border-radius: 2px;
    color: #000099;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
}

.button-primary:hover {
    background: linear-gradient(rgba(250, 188, 15, 0.8), rgba(240, 179, 7, 0.95));
    color: #000099;
    text-decoration: none;
}

.button-primary:active {
    box-shadow: inset 0px 1px 5px rgba(0,0,0,0.3);
}

.button-primary:focus {
    color: #000099;
    font-size: 14px;
    text-decoration: none;
}

.personal-note {
    display: none;
}