/************************************************************************************
-------------------------------------------------------------------------------------
	
	"aral.css"
	
-------------------------------------------------------------------------------------
************************************************************************************/



/*	Global
-----------------------------------------------------------------------------------*/

*{
}

html, body {	
	/*height: 100%;
	min-height: 100%;*/
	color:#787878;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    margin:0;
    padding:0;
    text-decoration:none;
	background:#fff url('../img/common/bg.jpg') no-repeat fixed center top;
    
	
}
ul,li
{
    list-style:none;
    list-style-type:none;
    display:inline;
}

/*	Main layout
-----------------------------------------------------------------------------------*/

#wrapper-outer
{
    background:#fff;
	height: 100%;
	min-height: 100%;
	padding-bottom: 100px;
}
#wrapper{
    background:#fff;
	margin: 0 auto;
	border-top:0;
	width: 918px;
	border:25px solid #fff;
	border-top:0;
}
#header{
	min-height: 100px; /*initial was 175 make it big if you want menu here*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position: relative;
	border-bottom:3px #555753 solid;
	padding-bottom:5px;
	margin-bottom:5px;
}	
#header-content{
	float: right;
	height: 105px;
	position: relative;
	width: 300px;
}

#content	{padding: 0 0 0 0;	}

/* Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#content{
		padding: 0 0 0 0;
	}
}

#primary{
	padding: 0;
}
#cms #primary{
	padding-top: 0px;
	min-height:600px;
}
#side-nav{
	float: left;
	padding: 5px 20px;
}
#side-nav ul,li
{
    margin:0;
    padding:0;
    display:block;
}
#side-nav li a
{
    font-weight:bold;
    border-bottom:1px #555753 dotted;
}
#products
{
    width:700px;
    float:right;
}
#side-bar{
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 226px;
}

#footer-wrapper
{
    background:#fff;
	height: 70px;
	padding: 15px 0 10px 10px;
	border-top:3px #555753 solid;
}

#footer-wrapper a 
{
    color: #787878;
}

#footer-wrapper a:hover
{
    color: red;
}

#footer{
	margin: 0 auto;
	width: 100%;
}

ul#middle li,
ul#first li,
ul#last li
{
    margin:0 2px;
    padding:0 5px;
    display:list-item;
    line-height:20px;
}
ul#first,
ul#middle,
ul#last
{
    width:150px;
    float:left;    
    margin:0;
    margin-right:2px;
    padding:0;
    border-right:1px dotted #787878;
}
ul#last
{
    border:0;
}
/*	Page background
-----------------------------------------------------------------------------------*/

body#cms		{	background: #fff url('../img/page-backgrounds/home_1916_sm.jpg') repeat fixed top center;}

/*	Stripe boxes
-----------------------------------------------------------------------------------*/

.stripe-header          { width:auto; background:#ccc; color:#000; padding:0; margin:5px; font-size:small; font-weight:bold; border-bottom:2px #FFD129 solid; background: url("Images/sprite-header.jpg") no-repeat; }
.stripe-box             { width:90%; margin-bottom:25px; padding:5px; min-height:150px;}
.stripe                 { margin-right:20px; float:left; width:180px; }
.stripe-box ul          { margin:5px; }
.stripe-box li          { display:inline; margin-left:4px; padding:3px;}

/* home page
------------------------------------------------------------------------------------*/
#content .home { padding:0; }
#primary .home { padding:0; }

/*Sign up*/
#content #primary .signup            { border-left:dotted 1px #ccc; width:450px; float:left; background:url("../img/common/signup.gif") no-repeat; background-position:left top; padding:80px 0 80px 10px; font-size:small; }

/*Login*/

#content #primary .login              { width:350px; float:left; margin:0 50 50 50; background:url("../img/common/login.gif") no-repeat;  padding:80px 0 80px 10px; }


/* Gallery view */

ul#nav-main li
{
	margin-right: 10px;
	display:inline;
}
ul#nav-main li a
{
    font-size:16px;
    border-bottom:1px #555753 dotted;
    font-family:Times New Roman;
}

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
/*	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;*/
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}
h3 {
	font-size: 1.45em;
	line-height: 1.05em;
}
.galleryview {
	font-size: 12px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
a:link, a:visited {
	color: #787878;
	text-decoration: none;
}
a:hover {
	color: red;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
.nav-next a
{
    text-decoration:none;
}

#logo,
#logo h1,
#logo p,
#logo a{
	height: 100px;
	left: 0;
	top: 0;
}

#logo p a{	display: block;	}

#logo,
#logo a{
	background: url('../img/common/logo.jpg') no-repeat top left;
	top:0px;
	width:420px;
	float:left;
	left:180px;
	text-indent: -999em;
	z-index:1;
}
.right
{
    float:right;
    width:45%;
}
.right ul, li
{
    display:inherit;
}
.form
{
    width:35%;
}
#body #cms .form
{
    width:100%;
}
.form .col
{
    float:left;
    width:50%;
    height:40px;
}
.form .col input
{
    border:1px #717171 solid;
}

.form .col input:focus
{
    border:1px #000 solid;
}
.form .col textarea
{
    scrollbar-base-color:white;
    scrollbar-face-color:#717171;
    scrollbar-arrow-color:white;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:white;
    scrollbar-darkshadow-color:white;
}
.press
{
    padding:10px;
    height:auto;
    float:left;
    margin-bottom:10px;
}

.press p
{
    line-height:30px;
}

ul.presslist li
{
    padding-left:15px;
    line-height:30px;
    display:block;
    background:transparent url(../images/list.png) no-repeat scroll left 10px;
}
.press .right
{
    width:25%;
    float:right;
    margin:40px 0 0 10px;
}
.press .left
{
    width:70%;
    float:left;
}
.press .right img
{
    border:5px solid #989898;
    margin-bottom:50px;
}

ul.social-main
{
    float:right;
}
ul.social-main li { list-style-type:none;float:left; display:inline; }
ul.social-main li a{
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	padding-left: 0;
	text-indent: -999em;
	width: 30px;
	margin:2px;
	text-align:left;
}
ul.social-main li a:hover
{
	background-position: bottom left !important;
}
ul.social-main li.facebook a	{	background-image: url('../img/common/facebook.png');}
ul.social-main li.twitter a	{	background-image: url('../img/common/twitter.png');	}
ul.social-main li.flickr a		{	background-image: url('../img/common/flickr.png');	}
ul.social-main li.youtube a	{	background-image: url('../img/common/youtube.png');}
ul.social-main li.rss a		{	background-image: url('../img/common/rss.png');	}

ul.social-main li.facebook a:hover	{	background-position: bottom left;}
ul.social-main li.twitter a:hover	{	background-position: bottom left; }
ul.social-main li.flickr a:hover		{	background-position: bottom left;	}
ul.social-main li.youtube a:hover	{	background-position: bottom left;}
ul.social-main li.rss a:hover		{	background-position: bottom left;}


/* for press section */
.press .panel
{
    width:100%;
    float:inherit;
    margin-bottom:50px;
}

.press .panel .text
{
    float:left;
    width:200px;
}
.press .panel img
{
    border:5px solid #ccc;
    margin:0 50px;
}
.press .panel .left-img
{
    float:left;
    width:auto;
    margin:0 50px 0 0;
}
.press .panel .text .heading
{
    font-weight:bold;
    color:#000;
}

/************************* product *************************/

.product
{
    float:left;
    text-align:left;
    font-size:12px;
}
.product a
{
    font-weight:bold;
}
#basket
{
    float:right;
    font-weight:bold;
    margin-right:50px;
}

/* Form */

#form                   { width:100%; padding:10px; height:auto; float:left;}
.form-col-header		{ text-align:center; width:155px; float:left; padding:5 0 5 0; margin-bottom:5px; margin-left:5px; height:20px; font-weight:bold; background-color:#002642; color:#fff; vertical-align:middle; }
.form-col-medium		{ text-align:left; width:155px; float:left; margin-bottom:5px; margin-left:5px; height:20px; }
.form-col-large			{ text-align:left; width:180px; float:left; margin-bottom:5px; height:20px; }
.form-col-small         { text-align:left; width:120px; float:left; }
.errortext				{ color:#FF6600; font-size:10px; padding:1px; }
.formrow				{ padding:5px; float:left; text-align:center; }
.formcolxxs				{ margin:5px; width:40px; float:left; }
.formcolxs				{ margin:5px; width:60px; float:left; }
.formcolm				{ margin:5px; width:100px; float:left; }
.formcoll				{ margin:5px; width:130px; float:left; }
.formcolxl				{ margin:5px; width:150px; float:left; }
.formcolxxl				{ margin:5px; width: 180px; float:left; }
#rowheader				{ background-color:#002642; color:#fff; font-weight:bold;}

dt
{
    float:left;
}
dd
{
}
dl
{
    width:150px;
}

#cms dt, dd
{
    width:200px;
}

#cms dl
{
    clear:both;
    min-height:40px;
    width:400px;
}
#body
{
    width:100%;
    height:auto;
    padding:10px;
}
.signup ul,li
{
    display:block;
}
.panel-checkout
{
    width:400px;
    padding:10px;
}
.panel-checkout fieldset
{
    width:400px;
}
.panel dt,dd
{
    width:200px;
}

dl img
{
    float:left;
}
dl
{
    clear:both;
}
.panel-checkout dt{ width:80px}
.word{padding-left:18px;background:transparent url(../img/common/word.jpg) no-repeat scroll left center;}