*					{ margin: 0; padding: 0; }
html				{ height: 100%;}
body				{ font: 15px/2 Verdana; background: #E1E1E1; }
p 					{ line-height: 1.5;}
td					{ vertical-align: top;}

/*
 * Wrap
 */
#page-wrap 			
{ position: relative; width: 792px; margin: 0 auto; background: white url('../images/wrap-bg.png'); }  

#head 				
{ width: 97.8%; height: 140px; margin: 0 auto; background: white url('../images/header-bg.png'); }

#head_l 
{ width: 3%; height: 100%; float: left; }
#head_r 
{ width: 97%; height: 100%; float: left;}

#logo
{ width: 67%; height: 93px; float: left; }
#logo a 
{ display: block; width: 160px; height: 100%; }

#links
{ width: 30%; margin-top: 23px; margin-right: 3%; float: right; ; text-align: right; color: #0c598c; font-size: 9px; }  

#nav
{  width: 100%; height: 35px;  overflow: hidden;}

#nav #navSpacer
{ height: 100%; width: 10px; float: left; } 

#links a, #links a:visited
{ color: #0c598c; font-size: 11px; text-decoration:none;}
#links span.mainlevel 
{ margin: 0 5px 0 5px; }
#links ul
{ list-style: none; }
#links ul li
{ float: right; }


#nav ul 
{ width: 100%; list-style: none; float: left;}
#nav ul#mainlevel
{ width: 78%; }
#nav ul.menu
{ width: 78%; }
#nav li
{ float: left;}
#nav li:hover, #current 
{ background: white url('../images/nav-hover.png') repeat-x; color: #0c598c; }  

#nav a
{ padding: 12px 9px 3px 9px; float: left; height: auto; font-size: 10px; font-weight: bold; color: white; text-decoration: none;}
#nav a:hover, #nav #current a span 
{ color: #0c598c; }

#nav #cartlink
{ width: 19.5%; height: 100%; float: right; } 

#nav #cartlink ul 
{ float: left; }

#nav #cartlink ul li
{ float: left; width: 100%;}

#nav #cartlink ul.cartLinkMenu
{ width: 100%; }  


img#cart_logo
{ position: absolute; margin: 0 auto; top: 89px; left: 75%; }  

#base-table			
{ width: 91.8%; margin: 0 auto;}     

#left-col, #right-col
{ width: 22%; }

#center-col
{ width: 56%; padding-top: 4px;}


/*
 * Left/right sidebar
 */


#left .moduletable_menu, #left .moduletable, #left .moduletable_customer
{ width: 145px; margin-bottom: 7px; background: #fceed2; padding-bottom: 10px;}
#left h3, #right h3
{ display: block; height: 25px; padding: 5px 0 0 10px; font-size: 8pt; font-weight: normal; text-transform: uppercase; color: white; background: url('../images/module-header-bg.png') no-repeat; }


#left a, #left a:visited, #right a, #right a:visited
{ color: #414141; font-size: 8pt; text-decoration: none; line-height: 1.3;} 

#left a img, #right a img
{ position: relative; top: 4px; margin-left: 3px; } 

#left .moduletable ul, #right .moduletable ul
{  color: #414141; padding-left: 15px; }

#left .moduletable ul li, #right .moduletable ul li
{  font-size: 8pt; line-height: 1.5; margin-left: 10px; margin-bottom: 3px;} 

#left ul.menu, #right ul.menu
{ padding: 0; margin: 0; }

#left ul.menu, #right ul.menu
{ list-style: none; padding: 0; margin: 0;}

#left .moduletable ul.menu li, #right .moduletable ul.menu li  
{ padding-left: 13px; margin: 0; height: 18px; } 

#left .moduletable ul.menu a, #right .moduletable ul.menu a
{ text-decoration: none; }

#left .moduletable ul.menu a span, #left .moduletable p, #right .moduletable ul.menu a span
{ color: #414141; font-size: 8pt; text-decoration: none; }
#left .moduletable p, #right .moduletable p
{ padding: 0 13px 0 13px; }

#left .moduletable
{ border-top: none;}




#right
{ }
#right .moduletable_menu, #right .moduletable
{ width: 145px; margin-bottom: 7px; margin-left: 9px; background: #fceed2; padding-bottom: 10px;}

#right .moduletable a, #right .moduletable img
{ text-decoration: none; border: none;}

#right .moduletable ul a span, #right .moduletable p
{ color: #414141; font-size: 8pt; text-decoration: none; }
#right .moduletable p
{ padding: 0 13px 0 13px; }

#right .moduletable 
{ border-top: none;}

/*
 * Center column modules
 */


#center-col .moduletable_banner
{ margin-bottom: 10px; }

#center-col .moduletable_narrow a 
{ text-decoration: none; }

#center-col a img 
{ border: none; }

#center #banner
{ float: left; }

#user1, #user2 
{ width: 100%; }

#center-col #user1 
{ margin-right: 12px; }

#center-col .narrow
{ width: 200px; float: left; }

#center-col .wide 
{ width: 100%; }

#center-col .narrow, #center-col .wide
{ margin-bottom: 10px; }

#center-col #user1, #user2, #user3
{ background: url('../images/short-fade.png') repeat-x;}

#center-col h2, #center-col h3
{ padding: 2px 6px 0 6px; }
#center-col .narrow h2, #center-col .wide h2
{ font-size: 11pt; font-weight: bold; color: #0c598c; } 
#center-col .narrow h3, #center-col .wide h3
{ font-size: 9pt; font-weight: bold; color: #414141; line-height: 1.3;}
#center-col .narrow p, #center-col .wide p
{ font-size: 8pt; font-weight: normal; color: #414141; line-height: 1.5;}
#center-col .wide ul li
{ font-size: 8pt; font-weight: normal; color: #414141; line-height: 1.5;}

#center-col ul
{ margin-left: 6px; }
#center-col ul li
{ list-style-position: inside; } 

#content_border
{ height: 2px; background-color: #0c598c;  border-top: 1px solid #4983a9; border-bottom: 1px solid #4983a9; }

.moduletable_narrow, .moduletable_banner img, .moduletable, .moduletable_wide
{  border-top: 4px solid #0c598c;}


#bottom 
{ width: 792px; height: 10px; margin: 0 auto; background: url('../images/bottom-shadow.png') no-repeat;}



/*
 * Main content
 */

#component_area
{ width: 100%; font: Verdana; font-size: 10px; background: url('../images/tall-fading-bg.png') repeat-x;}  

#component_area h4, #component_area h3, #component_area h1
{ margin: 0px; padding: 0px; }

#component_area p
{ margin-bottom: 8pt; }

#component_area #view 
{ width: 95%; padding: 0 10px; margin-bottom: 15px; border-top: 4px solid #0C598C; }  

#component_area h1
{ font-size: 13pt; font-weight: bold; color: #0c598c; }
#component_area h3
{ font-size: 12px; font-weight: bold; color: #414141;}
#component_area h4
{ font-weight: bold; color: #414141; }

#component_area td.key
{ width: 162px; }

#component_area #country
{ width: 155px; }

#component_area .textinput
{ border: 1px solid #c3c3c3; background: url('../images/text-input-fade-bg.png') repeat-x;}  

#component_area red
{ color: red; }
#component_area .red
{ color: red; }   

#component_area a, #component_area a:visited
{ text-decoration: none; color: #246a97;}

/* Learning centre */
#component_area .odd
{ background: #f3f7f9; }

#component_area .even 
{ background:  #dbe6ee; }

#component_area .article_row 
{ padding: 10px; }

#component_area h1.contentheading 
{ font-size: 12px; font-weight: bold; color: #414141; }

/* Cart */
#component_area #cart_header 
{ padding-bottom: 3px; background: #0c598c; color: white; font-size: 10px; font-weight: bold; color: white;}
#component_area #cart_header_left
{width: auto; float: left; margin-left: 20px;}
#component_area .orange 
{ color: orange; }

#component_area .cart_table_header th
{ border-bottom: 2px solid #9a9c9e; margin-bottom: 5px; }

#component_area .cart_total_row
{ margin-top: 5px; }
#component_area .cart_total_row td 
{ border-top: 2px solid #9a9c9e; }
#component_area #vat_row td div
{ float: right; }
#component_area .overflow-sides
{ position: relative; left: -10px; width: 100%; padding: 0 10px 0 10px; }

#component_area .big_red 
{ color: red; font-size: 16px; font-weight: bold;}  

#component_area #club_share 
{ margin-top: 10px; }

#component_area .purchaseTypeTable .radiobutton 
{ margin-left: 10px; }


#component_area #cartControlls
{ width: 100%; text-align: right;} 

#component_area #cartControlls input, #component_area #cartControlls a
{ margin-top: 12px; }



#component_area #cartControlls a img
{ position: relative; top: 3px; }   

/*
 * Cart module
 */
.price_colored
{  margin: 0 5px 0 5px;}

#cartlink ul
{ width: 100%; height: 100%; }
#cartlink ul li 
{ width: 100%; height: 100%; margin-right: 0px; }

#cartlink a 
{ display: block; width: 100%; margin: 0; padding: 10px 0 5px 5px; }  

#cartlink .emptyCartLink
{ padding-left: 10px; }

#cartlink .mini_currency
{ font-size: 8px;}

#cartlink a div
{ float: left;}

f
/*
 * Checkout Login
 */

#component_area fieldset
{ border: none; }

/*
 * Login
 */
#component_area .login_form  
{ padding: 10px; }

#component_area fieldset.input 
{ width: 94%; padding: 3%;}

#component_area #loginTable input
{ width: 175px; }

#component_area #forgotPasswdTable .validate, #component_area #lgnTable .button
{ margin-top: 10px; }

#component_area .loginHeader
{ color: #0C598C; }

#jmessage
{ margin-bottom: 10px; padding-left: 10px; padding-right: 10px; background: #fff1f1; border: 1px solid #e77979; font-size: 10px; line-height: 1.5;}

#jmessage h2 
{ font-size: 12px; margin-left: 0; padding-left: 0; }

/* Reset password */

.button-reset-submit
{ float: right; margin-right: 20px; margin-bottom: 10px;}
/*
 * Checkout
 */
#component_area #checkout_shippingDetails
{ line-height: 1.5; margin-bottom: 20px;}

#component_area #checkout_shippingDetails a
{ margin-top: 10px;  }


/*
 * Confirmation
 */
#component_area #confirmation p
{ margin-bottom: 6px; }  


/*
 * Page - Articles
 */
#component_area #page
{ padding: 10px; border-top: 4px solid #0C598C; }

#component_area h1.contentheading, #component_area  h2.contentheading,  #component_area  h3.contentheading, #component_area  p.contentheading 
{ padding: 0; }

#component_area  .contentheading
{ color: #0C598C; }


#component_area .contentpaneopen 
{ padding: 0 10px 0 10px; }

#component_area .componentheading 
{  font-size: 13pt; font-weight: bold; color: #0c598c; }

#component_area .contentpaneopen .contentheading
{  font-size: 13pt; font-weight: bold; color: #0c598c; }


/*
 * My orders
 */
#component_area .order th
{ }

#component_area .order_items th 
{ border-bottom: 2px solid #9a9c9e; }

/*
 * My subscriptions
 */
#component_area .subscriptiontable
{ width: 100%; margin-top: 10px; }

.orangeborder
{ border-bottom: 2px solid orange; border-top: 2px solid orange; } 

.itemsTd 
{ margin-bottom: 10px; }

/*
 * Organisation Marketing
 */

#component_area #marketingtable
{ width: 100%; }

#component_area #marketingtable th
{ text-align: left; }

#component_area #marketingtable td.mm_extra
{ padding-bottom: 20px; }  
/*
 * Login module
 */
#component_area #login .contentpane img 
{ display: none; }

#component_area #com-form-login .contentpane img 
{ display: none; }

/*
 * Product
 */
#component_area #productPrice 
{ padding: 10px 10px 0 10px; margin-bottom: 20px; background: #f2f6f9; border: 2px solid #0c598c;  }

#component_area #buyHere
{ height: 24px; width: 20%; margin-left: 12px; position: relative; top: 5px; background: url('../images/buy-here-bg.png') repeat-x; }  

#component_area #buyHere span 
{ margin: auto auto; padding-left: 7px; color: white; font-size: 10px; font-weight: bold; } 

#component_area #productPrice .padded 
{ padding-left: 10px; }

#component_area #productPrice #productPriceBottom
{ margin: 10px 0 0 0; width: 100%; text-align: center; }

#component_area #productPrice #productPriceBottom #deviderLine
{ width:100%; padding: 0 10px;  position: relative; left: -10px; margin-bottom: 10px; border-top: 1px solid #797b7d;}

#component_area #productPrice #productPriceBottom #dosageDescription 
{ text-align: left; padding: 0 15px; margin-bottom: 10px;}

#component_area #productPrice #productPriceBottom #tellAFriend
{ margin: 15px; margin-top: 0;  text-align: left; }  
  
#component_area #productPrice #productPriceBottom #tellAFriend span.label 
{ margin-right: 10px; }

#component_area #productPrice #productPriceBottom #center
{ height: 20px; display: inline; margin: 0 auto; } 

#component_area #productPrice #productPriceBottom #center a
{ height: 14px; margin-right: 5px; padding: 3px 9px; border: 2px solid #0b588b; border-bottom: none; background: #e6eef3; color: #414141; font-size: 110%; font-weight: bold; }

#dyn_price 
{ font-weight: bold; padding-left: 10px; padding-bottom: ; color: #414141; }

#dyn_discount_notice
{ padding-left: 10px; }

.bigred 
{ color: #ff0000; font-size: 14px; font-weight: bold; }

/*
 * Nöjd kund
 */
#left .moduletable_customer ul
{  color: #414141; padding-left: 15px; }

#left .moduletable_customer ul li
{  font-size: 8pt; line-height: 1.5; margin-left: 10px; margin-bottom: 3px; }


/*
 * Subscription module
 */

.mainnewsletter 
{ color: #414141; font-family:Arial; font-size:14px; font-weight:bold; text-align:center; width:100%; }

.normalsublayout
{ color: #414141; background: #FCEED2; padding-top: 0; text-align: left; padding: 0 13px 0 13px ;}

/*
 * Orgsettings
 */
#contactInformation
{ margin-bottom: 20px; } 


#logoArea 
{ width: 100%; max-width: 383px; overflow: hidden; }


#jmessage.alert_green  
{ border: 1px solid #7ee779; background: #f1fff1;}

/*
 * CCNewsletter
 */
#email
{ margin-bottom: 10px; }