body 
{
    font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #F9F9F9;
	color: #00364A;
	margin: .5em 0
}
img {border:0}
abbr {border-bottom-width: 1px; border-bottom-style: dotted; cursor:help}
form {padding:0; margin:0}
hr {height:1px; color:#000; background-color:#000; padding:0}
a {color:#00364A}

#pagecontainer { /*77em gives a roughly 770px */
	width:980px;
	margin:0 auto;
	border:2px solid #000
}

#header {
	background-color:#00364A;
	border-bottom:2px solid #000;
	font-size:1.2em;
}
#header #logo
{
    width:201px;
    float:left
    }
#header #items
{
    width:620px;
    text-align:center;
    float:left
    }
#header #basket
{
    width:130px;
    font-size:0.9em;
    float:right;
    padding-right:1em;
    color:#fff
}
#header #basket h3 
{
    color: #fff;
    font-size:1.4em;
    padding:2px 0 0 0;
    margin:4px 0
}
#header #basket h3 a
{
    color: #fff;
    text-decoration:none
}
#header #basket p
{
    padding:3px 0;
    margin:3px 0
}

#headerbar 
{
    font-size:1.2em;
    background-color:#ff6600; 
    border-bottom:2px solid #000;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
}
#headerbar a {color:#fff; text-decoration:none}
#headerbar #headerhomelink
{
    width:178px;
	float:left;
	border-right:2px solid #000;
    padding:6px 0;
    margin:0;
	text-align:center
    }
#headerbar #headerticker
{
    width:470px;
	float:left;
	color:#ff6600;
	background-color:#fff;
	border-right:2px solid #000;
	padding:6px 0;	
	text-align:center
    }
#headerbar #headersearch
{
    width:315px;
	float:left;
    padding:2px;
}
#headerbar #headerlogin
{
    width:785px;
	float:left;
    padding:6px 0;
    text-align:right
}
#headerbar .search 
{
    font-size:1.0em;
    color:#fff; 
    background-color:#ff6600; 
    padding:2px; 
    margin:0; 
    text-transform:uppercase; 
    text-align:center; 
    border:0; 
    font-weight:bold
}

#body 
{
    clear:both;
	background-color:#fff;
	overflow:hidden;
	padding-left:180px; /* The width of the sidebar */
	font-size:1.2em; /* define content once for this container */
}
#content {
	background-color:#fff;
	width:100%;
	border-left:180px solid #00364A;
	margin-left:-180px;
	float:right;
}
#content #breadcrumbs h6 {font-size:0.9em; float:left; width:490px; font-weight:normal; margin:4px 8px}
#content #date h6 {font-size:1.1em; float:right; width:120px; font-weight:bold; margin:4px 8px; text-align:right}
#content #maincontent {padding:0 8px 0 8px}
#content #maincontent h1 {font-size:1.5em; margin:0 0 12px 0}
#content #maincontent h2 {color:#FF6600; font-size:1.4em; margin:0 0 12px 0}
#content #maincontent h3 {font-size:1.3em; margin:0 0 2px 0}
#content #maincontent h4 {font-size:1.1em; font-weight:bold; margin:4px 0 2px 0}
#content #maincontent h5 {font-size:0.9em; font-weight:bold; margin:2px 0}
#content #maincontent h6 {font-size:0.9em; font-weight:normal; margin:8px 0 4px 0}

#content #maincontent #sendtofriend {font-size:0.8em}
#content #maincontent #sendtofriend input {font-size:0.8em}
#content #maincontent #sendtofriend textarea {font-size:0.8em}

#maincontentbody
{
    float:left;
    width:640px
    }

#maincontentsidebar
{   
    float:right;
    width:130px;
    padding:0 5px;
    border-left:2px solid #000;
    text-align:center
}

#sidebar {
	background-color:#00364A;
	width:178px;
	float:left;
	margin-left:-180px;
	display:inline;
	color:#fff;
	border-right:2px solid #000;
	font-size:0.9em;	
}
#sidebar #sidenavigation {
	padding:4px 8px;
	margin-bottom:2px;
}
#sidebar #sidenavigation h2 {font-size:1.8em; color:#fff; margin-bottom:4px}
#sidebar #sidenavigation h3 {font-size:1.2em;color:#fff; margin:10px 0}
#sidebar #sidenavigation h3 a {color:#fff; margin-bottom:4px; text-decoration:none}
#sidebar #sidenavigation h4 {font-size:1.0em;color:#fff; margin:4px 0}
#sidebar #sidenavigation h4 a {color:#fff; margin-bottom:4px; text-decoration:none}

#sidebar #sidenavigation ul.submenu {
	color: #FF6600; 
	margin:0 0 6px 10px;
	padding:0;
}	
#sidebar #sidenavigation ul.submenu li {
	color: #ff6600; 
	padding:4px 1px 2px 0;
	list-style: none;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer
	
}
#sidebar #sidenavigation ul.subsubmenu {
	color: #FDB585; 
	margin:2px 0 0 5px;
	padding:0;
}	
#sidebar #sidenavigation ul.subsubmenu li {
	color: #FDB585; 
	font-size:0.9em;
	padding:6px 0 0px 8px;
	list-style: none;
	
}
#sidebar #sidenavigation ul.submenu li a {color: #ff6600;text-decoration:none}
#sidebar #sidenavigation ul.subsubmenu li a {color: #FDB585;text-decoration:none}
#sidebar #sidenavigation ul.subsubmenu li a:hover {color: #FDB585;text-decoration:underline}

#footer {
	width:77em;
	margin:0 auto;
	margin-top:2px;
	text-align:center;
	font-size:1.1em;
}
#footer p 
{
    color:#00364A;
	margin:2px 0;
}

/* Classes */
.categoryitem {float:left; width:250px; text-align:center; margin:5px 0}
.categoryitem h4 {font-weight:bold; color:#ff6600; text-decoration:none}
.categoryitem a {color:#ff6600; text-decoration:none}
.productselectioncontainer {float:left; width:640px; margin:4px 0 0 0}
.productselection {border-bottom:1px solid #000; padding:4px 0}
.productselection .productselectionimage {float:left; width:170px; text-align:center}
.productselection .productselectioninfo {float:left; width:440px; padding:0 10px}
#productselectionaccessories {float:left;  margin-left:4px; padding-left:4px; border-left:2px solid #000;}

.productdetails {margin:4px 0 0 0}
.productdetails .productdetailsimage {float:left; width:45%; text-align:center}
.productdetails .productdetailsinfo {float:left; width:55%}
.productdetails .productdetailsfeatures {float:left; width:70%; text-align:left}
.productdetails .productdetailsfeaturesimage {float:left; width:30%}

.productselection, .productdetails ul {
	margin:0 0 6px 0;
	padding:0;
}	
.productselection, .productdetails li {
	padding:0 1px 4px 0;
	list-style: none;

}

.productkey 
{
    background:#fff url(/images/interface/button_bg.gif) no-repeat left; 
    margin:0 4px 4px 0;
    padding:5px 0 7px 0; 
    width:85px;
    height:13px;
    color:#00364A;
    font-weight:bold;
    text-align:center;
    float:left
}
.productvalue
{
    margin-bottom:4px;
    padding:5px 0 7px 6px; 
    width:340px;
    height:auto;
    color:#00364A;
    font-weight:bold;
    text-align:left;
    float:left    
}
.productdetails .productvalue {width:300px;}
    
.productdescription
{
    background:#fff url(/images/interface/product-selection-description.gif) no-repeat left; 
    width:450px;
    height:60px;
    color:#00364A;
    margin-bottom:4px
    }
.productdescription div 
{
    padding:6px; 
}

.promoitem
{
    width:145px;
    padding:15px 0;
    float:left;
    text-align:center
}

.buttonbg /* Normal Button Size */
{
    background:#fff url(/images/interface/button_big_bg.gif) no-repeat left; 
    margin:6px 0; 
    padding:6px 0; 
    width:152px;
    color:#00364A;
    font-weight:bold;
    text-align:center
    }
.buttonbg a {color:#00364A; text-decoration:none} 
.buttonbg:link {color:#00364A; text-decoration:none} 

.buttonbgmedium /* Medium Button Size - slightly smaller than normal */
{
    background:#fff url(/images/interface/button_med_bg.gif) no-repeat left; 
    margin:6px auto; 
    padding:6px 0; 
    width:112px;
    color:#00364A;
    font-weight:bold;
    text-align:center
    }
.buttonbgmedium a {color:#00364A; text-decoration:none} 
.buttonbgmedium:link {color:#00364A; text-decoration:none} 

.buttonbgsmall  /* Small Button Size - much smaller than normal */
{
    background:#fff url(/images/interface/button_bg.gif) no-repeat center; 
    margin:4px auto;
    padding:6px 0; 
    width:85px;
    color:#00364A;
    font-weight:bold;
    text-align:center
    }

.buttonbgbig  /* Big Button Size - bigger than normal */
{
    background:#fff url(/images/interface/button_biggest_bg.gif) no-repeat center; 
    margin:6px 0; 
    padding:6px 0; 
    color:#00364A;
    font-weight:bold;
    text-align:center
   }
.buttonbgbig a {color:#00364A; text-decoration:none}    

.button 
{
    font-size:1.0em;
    color:#00364A; 
    background-color:#ff6600; 
    padding:2px; 
    margin:0; 
    text-align:center; 
    border:0; 
    font-weight:bold
}
    
.titlebar
{
    background:#fff url(/images/interface/blue_titlebar_full.gif) no-repeat left; 
    margin:4px 0;
    padding:4px 8px; 
    width:780px;
    color:#fff;
    font-weight:bold;
}    
.titlebarshort
{
    background:#fff url(/images/interface/blue_titlebar.gif) no-repeat left; 
    width:603px;
}         
.newsitem
{
    margin:10px 10px 10px 0; 
    padding:10px 0; 
    border-top:1px solid #000;
    clear:both
}      
       
/* Form tags */
input, textarea, file
{
    border:2px solid #000;
    padding:2px
}

.standardtable 
{    margin-top:4px
}

.standardtable th
{   font-weight:bold;
    color:#ff6600;
    font-size:1.2em; 
    background-color:#fff;
    padding:4px;
}
.standardtable td
{   font-weight:bold;
    color:#00364A;
    font-size:1.1em; 
    padding:4px
    }
  .warning
{
    color:Red;
    font-weight:bold;
    font-size:1.6em
    }
.pdflink {
	background:#fff url(/images/interface/adobeicon.gif) no-repeat top left;
	padding:0 0 0 20px;	margin:0 0 4px 0
	}    

/* Helper Classes
   ----------------------------------------------------------*/
.clearboth {
	clear:both;
	padding:0;
	margin:0
}

/* For Image Preview */
/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#00364a;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */