body{
background-color:#C8E7FF;
margin: 0px 0px;
background-image: url("images/clouds.jpg");
background-position: top left;
background-repeat: repeat;
text-align: center; /* center all elemnts inside body*/
font: 13px/20px tahoma, sans-serif;
}

body /* Mozilla Firefox alignment */ 
{ 
text-align: -moz-center; 
} 

img.productpic
{
float: left;
background-color: #ffffff
}

img.extlogo
{
margin-right: 10px;
margin-bottom: 10px;
vertical-align: middle
}

a img 
{ 
border: 0px solid #666666
}

div.addbox
{
float:right;
text-align: center;
width: 135px;
background-color:#FFFFFF;
border: 1px solid #666666;
padding: 15px;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px
}

div.picbox
{
width: 190px;
float: left;
text-align: center
}

div.descbox
{
width: 575px;
float: right
}

div.header
{
clear: both;
width: 1000px;
margin: 0px
}

div.contentcontainer
{
background-color:#e3e3e3
}

p.sub
{
color: #00539F
}

div.productbox
{
float: left;
border: 1px solid #333333;
padding: 5px 8px 5px 5px;
width: 785px;
background-color: #e3e3e3;
margin-bottom: 10px
}

div.news
{
float: right;
border: 1px solid #333333;
padding: 5px 5px 5px 5px;
margin-left: 4px;
margin-bottom: 4px;
width: 300px;
background-color: #FFCCFF
}

div.newscentred
{
margin-left:200px;
text-align: center;
border: 1px solid #333333;
padding: 5px 5px 5px 5px;
width: 400px;
background-color: #e3e3e3
}

div.newscentredwide
{
margin-left:50px;
text-align: center;
border: 1px solid #333333;
padding: 5px 5px 5px 5px;
width: 700px;
background-color: #e3e3e3
}

div.container
{
width: 1000px
}

div.cart
{
width: 750px;
float: right
}


div.menu
{
margin-top: -12px;
position: relative;
text-align: center
}

div.contentright
{
width: 800px;
padding: 5px 5px 5px 5px;
text-align: left;
float: right;
border: 1px solid #9a9a9a;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 0px;
margin-top: 5px;
background-color:#ffffff
}

iframe.contentright
{
width: 800px;
padding: 5px 5px 5px 5px;
text-align: left;
float: right;
border: 1px solid #9a9a9a;
margin-left: 5px;
margin-right: 7px;
margin-bottom: 0px;
margin-top: 5px;
background-color:#ffffff
}


div.contentboth
{
width: 1000px;
padding: 0px 0px 0px 0px;
text-align: left;
float: left;
margin: 0px
}

div.contentleft
{
width: 160px;
padding: 0px 0px 0px 2px;
text-align: left;
float: left;
margin-top: -5px
}

div.footer
{
clear: both;
width:100%;
text-align: right;
height: 37px
}

div.cr
{
text-align: right;
color: #9a9a9a;
padding-right: 8px
}

div.basket
{
margin-left: 18px;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
background: #6699FF url(images/menu/glossyback.gif) repeat-x bottom left;
font: bold 14px "Tahoma", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

div.basketbase
{
background: white;
margin-left: 18px;
margin-top: -1px;
margin-bottom: 5px;
display: block;
font: normal 13px "Tahoma", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
position: relative;
text-decoration: none;
text-align: center;
padding: 2px 0;
padding-left: 10px;
border: 1px solid #9A9A9A;
}





/* SIDE MENU SETTINGS */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #6699FF url(images/menu/glossyback.gif) repeat-x bottom left;
font: bold 14px "Tahoma", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/menu/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Tahoma", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}



/*HORIZONTAL MENU SETTINGS */

  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenuv{
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 auto 0 auto;
	background: url(images/menu/menub_bg.png) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenuv ul { 
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */  
} 



.glossymenuv li{
	float:left;
	display: inline
}

.glossymenuv li a{
	float: left;
	display: block;
	color:#000;
	font: bold 14px "Tahoma", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenuv li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenuv li.current a, .glossymenuv li a:hover{
	color: #fff;
	background: url(images/menu/menub_hover_left.png) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenuv li.current a b, .glossymenuv li a:hover b{
	color: #fff;
	background: url(images/menu/menub_hover_right.png) no-repeat right top; /*right tab image path*/
}

.tlmenu {background: url(images/menu/menub_endl.png) 0 0 no-repeat}
.trmenu {background: url(images/menu/menub_endr.png) 100% 0 no-repeat; padding-left:15px; padding-right:15px}